From 65a99f54a4220bd18f5c4337e8d99ce5d24e665b Mon Sep 17 00:00:00 2001
From: Étienne Loks <etienne.loks@proxience.com>
Date: Tue, 14 Oct 2014 18:31:32 +0200
Subject: Re-arrange dashboard in tabs

---
 .../ishtar/dashboards/dashboard_main.html          | 133 ++-------------------
 1 file changed, 10 insertions(+), 123 deletions(-)

(limited to 'ishtar_common/templates/ishtar/dashboards/dashboard_main.html')

diff --git a/ishtar_common/templates/ishtar/dashboards/dashboard_main.html b/ishtar_common/templates/ishtar/dashboards/dashboard_main.html
index 3242da9a3..06b671343 100644
--- a/ishtar_common/templates/ishtar/dashboards/dashboard_main.html
+++ b/ishtar_common/templates/ishtar/dashboards/dashboard_main.html
@@ -1,6 +1,6 @@
 {% extends "base.html" %}
 {% load i18n %}
-{% load range %}
+{% load url from future %}
 {% block extra_head %}
 {{form.media}}
 <script language="javascript" type="text/javascript" src="{{STATIC_URL}}js/jqplot/jquery.jqplot.min.js"></script>
@@ -11,128 +11,15 @@
 <link rel="stylesheet" href="{{STATIC_URL}}js/jqplot/jquery.jqplot.min.css" />
 {% endblock %}
 {% block content %}
-<div class='dashboard'>
-{% for lbl, dashboard in items %}
-<script language="javascript" type="text/javascript">
-$(document).ready(function(){
-var values{{forloop.counter0}} = [];
-
-{% for idx, lbl, values in dashboard.values %} {% for value in values %}
-{% ifequal forloop.parentloop.counter0 0 %}values{{forloop.parentloop.parentloop.counter0}}.push([{{value}}, 0]);
-{% else %}values{{forloop.parentloop.parentloop.counter0}}[{{forloop.counter0}}][1] = {{value}};{% endifequal %}{% endfor%}{% endfor%}
-
-var plot{{forloop.counter0}} = $.jqplot('chart{{forloop.counter0}}',
-    [values{{forloop.counter0}}], {
-      series:[{showMarker:false}],
-      axes:{
-        xaxis:{
-          label:'{% trans "Year" %}'
-        },
-        yaxis:{
-          label:'{% trans "Number"%}',
-          min:0
-        }
-      },
-      highlighter: {
-        show: true,
-        sizeAdjust: 7.5
-      }
-  });
-});
+ <script>
+$(function() { $( "#dash-tabs" ).tabs(); });
 </script>
-  <h3>{{lbl}}</h3>
-  <div>
-    <h4>{% trans "Numbers" %}</h4>
-    <p><strong>{% trans "Total:" %}</strong> {{dashboard.total_number}}</p>
-    <div class='table'>
-    <div id="chart{{forloop.counter0}}" style="height:400px; width:700px;"></div>
-    {% comment %}
-    <table>
-    {% for idx, lbl, values in dashboard.values %}
-      <tr class='idx {% if forloop.counter0|divisibleby:"2" %}even{%else%}odd{%endif%}'>
-      <th>{{lbl}}</th>
-      {% for value in values %}<td>{{value}}</td>{% endfor%}
-      </tr>
-    {% endfor%}
-    </table>{% endcomment %}
-    </div>
-    {% if dashboard.years %}
-    <h4>{% trans "By years" %}</h4>
-    <ul>
-      <li><strong>{% trans "Average:" %}</strong> {{dashboard.average}}</li>
-      <li><strong>{% trans "Variance:" %}</strong> {{dashboard.variance}}</li>
-      <li><strong>{% trans "Standard deviation:" %}</strong> {{dashboard.standard_deviation}}</li>
-      <li><strong>{% trans "Median:" %}</strong> {{dashboard.median}}</li>
-      <li><strong>{% trans "Mode:" %}</strong> {{dashboard.mode}}</li>
-    </ul>
-    {% endif %}
-    {% if dashboard.operation_average %}
-    <h4>{% trans "By operations" %}</h4>
-    <ul>
-      <li><strong>{% trans "Average:" %}</strong> {{dashboard.operation_average}}</li>
-      <li><strong>{% trans "Variance:" %}</strong> {{dashboard.operation_variance}}</li>
-      <li><strong>{% trans "Standard deviation:" %}</strong> {{dashboard.operation_standard_deviation}}</li>
-      <li><strong>{% trans "Median:" %}</strong> {{dashboard.operation_median}}</li>
-      <li><strong>{% trans "Mode:" %}</strong> {{dashboard.operation_mode}}</li>
-    </ul>
-    {% endif %}
-    <h4>{% trans "Created last" %}</h4>
-    <div class='table'>
-    <table>
-      <tr><th>{{lbl}}</th><th>{% trans "Created" %}</th><th></th></tr>
-      {% for item in dashboard.lasts %}<tr>
-        <td class='ref'>{{item}}</td>
-        <td>{{item.history_date}}</td>
-        <td>{% if item.get_show_url %}<a href="#" onclick='load_window("{{item.get_show_url}}")'>{%trans "Show"%}</a>{%endif%}</td>
-      </tr>{% endfor %}
-    </table>
-    </div>
-    <h4>{% trans "Recent changes" %}</h4>
-    <div class='table'>
-    <table>
-      <tr><th>{{lbl}}</th><th>{% trans "Modified" %}</th><th></th></tr>
-      {% for item in dashboard.recents %}<tr>
-        <td class='ref'>{{item}}</td>
-        <td>{{item.history_date}}</td>
-        <td>{% if item.get_show_url %}<a href="#" onclick='load_window("{{item.get_show_url}}")'>{%trans "Show"%}</a>{%endif%}</td>
-      </tr>{% endfor %}
-    </table>
-    </div>
-  </div>
-{% endfor%}
-
-  <h3>{% trans "Users" %}</h3>
-  <div>
-<script language="javascript" type="text/javascript">
-$(document).ready(function(){
-var values_users = [];
-{% for user_type in ishtar_users.types %}
-values_users.push(['{{user_type.person__person_types__label}}', {{user_type.number}}]); {% endfor%}
-
-var plot_users = jQuery.jqplot ('user_chart', [values_users],
-    {
-      seriesDefaults: {
-        renderer: jQuery.jqplot.PieRenderer,
-        rendererOptions: {
-          showDataLabels: true
-        }
-      },
-      legend: { show:true, location: 's' }
-    }
- );
-});
-</script>
-    <div id="user_chart" style="height:400px; width:700px;"></div>
-    <div class='table'>
-    <table>
-      <tr><th>{% trans "User type" %}</th><th>{% trans "Number" %}</th></tr>
-    {% for user_type in ishtar_users.types %}
-      <tr>
-        <td class='string'>{{user_type.person__person_types__label}}{#TODO: Display all#}</td>
-        <td>{{user_type.number}}</td>
-      </tr>
-    {% endfor%}
-    </table>
-    </div>
+<div id='dashboard'>
+ <div id="dash-tabs">
+  <ul>
+    {% for label, app in app_list %}
+   <li><a href="{% url 'dashboard-main-detail' app %}">{{label}}</a></li>
+  {% endfor %}</ul>
+ </div>
 </div>
 {% endblock %}
-- 
cgit v1.2.3