From eb826b0c3aa43e14be7f04e0261707ae8f28a2ad Mon Sep 17 00:00:00 2001
From: Matt Claypotch <thepotch@gmail.com>
Date: Thu, 15 Jul 2010 16:18:46 -0400
Subject: [PATCH] prettier loading for stats, hashes to page states

---
 apps/stats/templates/stats/overview.html |  45 +++---
 apps/stats/templates/stats/stats.html    |   4 +-
 media/css/stats.css                      |  31 ++--
 media/img/zamboni/loading.gif            | Bin 0 -> 14435 bytes
 media/js/zamboni/stats.js                | 183 +++++++++++++++++++----
 media/js/zamboni/stats_manager.js        |  24 ++-
 media/js/zamboni/stats_tables.js         |   7 +-
 7 files changed, 227 insertions(+), 67 deletions(-)
 create mode 100644 media/img/zamboni/loading.gif

diff --git a/apps/stats/templates/stats/overview.html b/apps/stats/templates/stats/overview.html
index 97ae11fddd..3e3adc4f34 100644
--- a/apps/stats/templates/stats/overview.html
+++ b/apps/stats/templates/stats/overview.html
@@ -31,29 +31,32 @@
       </div>
     </div>
     <div class="toplists">
-      <div class="toplist statbox">
-        <h3>Most Used Applications</h3>
-        <a class="selected" href="#">Last 30 Days</a> | <a href="#">All time</a>
-        <div class="piechart"></div>
-        <table data-report="apps" data-field="applications|{ec8030f7-c20a-464f-9b0e-13a3a9e97384}">
-        </table>
-        <a href="apps/">See More Applications...</a>
+      <div class="toplist loading">
+        <div class="statbox">
+          <h3>Most Used Applications</h3>
+          <div class="piechart"></div>
+          <table data-report="apps" data-field="applications|{ec8030f7-c20a-464f-9b0e-13a3a9e97384}">
+          </table>
+          <a href="apps/">See More Applications...</a>
+        </div>
       </div>
-      <div class="toplist statbox">
-        <h3>Most Used Languages</h3>
-        <a class="selected" href="#">Last 30 Days</a> | <a href="#">All time</a>
-        <div class="piechart"></div>
-        <table data-report="locales" data-field="locales">
-        </table>
-        <a href="locales/">See More languages...</a>
+      <div class="toplist loading">
+        <div class="statbox">
+          <h3>Most Used Languages</h3>
+          <div class="piechart"></div>
+          <table data-report="locales" data-field="locales">
+          </table>
+          <a href="locales/">See More languages...</a>
+        </div>
       </div>
-      <div class="toplist statbox">
-        <h3>Most Used OSes</h3>
-        <a class="selected" href="#">Last 30 Days</a> | <a href="#">All time</a>
-        <div class="piechart"></div>
-        <table data-report="os" data-field="oses">
-        </table>
-        <a href="os/">See more operating systems...</a>
+      <div class="toplist loading">
+        <div class='statbox'>
+          <h3>Most Used OSes</h3>
+          <div class="piechart"></div>
+          <table data-report="os" data-field="oses">
+          </table>
+          <a href="os/">See more operating systems...</a>
+        </div>
       </div>
     </div>
 {% endblock %}
\ No newline at end of file
diff --git a/apps/stats/templates/stats/stats.html b/apps/stats/templates/stats/stats.html
index 7fb97bd145..20c91a19ee 100644
--- a/apps/stats/templates/stats/stats.html
+++ b/apps/stats/templates/stats/stats.html
@@ -72,7 +72,7 @@
     {% endif %}
     data-base_url="{{ stats_base_url }}">
     {% if true %}
-      <div class="custom criteria hidden">
+      <div class="custom criteria">
         <form id="date-range-form">
           <label for"date-range-start">From</label>
           <input type="date" id="date-range-start" />
@@ -88,7 +88,7 @@
         </form>
       </div>
     {% endif %}
-    <div class="featured">
+    <div class="featured loading">
       <div class="featured-inner chart">
         <div class="listing-header">
           {% block chart_menu %}
diff --git a/media/css/stats.css b/media/css/stats.css
index f0daf0f986..e003f78bf3 100644
--- a/media/css/stats.css
+++ b/media/css/stats.css
@@ -98,6 +98,7 @@ div.statbox {
 .criteria.custom {
     position: relative;
     margin-bottom: 1em;
+    display: none;
 }
 .criteria.range {
     float: right;
@@ -227,14 +228,17 @@ background:#003595;
 }
 .toplist {
     float: left;
-    width: 28%;
-    padding: 1em 2%;
-    margin-left: 1.63%;
+    width: 31%;
+    padding: 0;
+    margin-left: 3.5%;
 }
 .toplist:first-child {
     margin-left: 0;
 }
-
+.toplist .statbox {
+    padding: 1em;
+    margin: 0;
+}
 .toplist h3 {
     margin: 0 0 .2em 0;
 }
@@ -247,6 +251,7 @@ background:#003595;
 }
 .toplist table {
     width: 100%;
+    height: 160px;
     margin: .7em 0;
 }
 .toplist td {
@@ -351,7 +356,10 @@ table.csv-table th:first-child {
     text-align: left;
 }
 
-div.piechart .highcharts-container{
+div.piechart {
+    height: 200px;
+}
+div.piechart .highcharts-container {
     margin: 8px auto 0 auto;
 }
 
@@ -414,20 +422,25 @@ table.stats-aggregate tbody span.change.minus {
     color: #850000;
 }
 
-.loading {
+.loading, .loaded {
     position:relative;
 }
-.loading::after {
+.loading:after {
+    -moz-transition: opacity .5s;
     content: "\00a0";
     display: block;
     position: absolute;
-    background: #444;
-    opacity: .5;
+    background: #040204 url("../../img/zamboni/loading.gif") no-repeat center center;;
+    opacity: .4;
     width: 100%;
     height: 100%;
     z-index: 1000;
     top: 0;
 }
+.loaded:after {
+    opacity: 0;
+    pointer-events: none;
+}
 
 .loadmessage {
     position: fixed;
diff --git a/media/img/zamboni/loading.gif b/media/img/zamboni/loading.gif
new file mode 100644
index 0000000000000000000000000000000000000000..a9f1412f4022cd2b10e7bd8ef12ae8ab1c344a54
GIT binary patch
literal 14435
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
XcH8XQZH0bj$}_Fp*CS96u;_mQIzlq-

literal 0
HcmV?d00001

diff --git a/media/js/zamboni/stats.js b/media/js/zamboni/stats.js
index db670cecfe..a845852b02 100644
--- a/media/js/zamboni/stats.js
+++ b/media/js/zamboni/stats.js
@@ -13,7 +13,105 @@ function dbg() {
 
 var mainChart;
 
-function updatePageState() {}
+function set_loading(el) {
+    $(el).removeClass('loaded').addClass('loading');
+}
+
+function get_page_state(_opts) {
+    var params = {},
+        pairs, str, qstr;
+        
+    if (window.location.hash) {
+        str = window.location.hash;
+        if (str != page_state.last_hash) {
+            qstr = str.substr(1);
+            pairs = qstr.split('&');
+            $(pairs).each(function (i,v) {
+                pair = v.split('=');
+                if (pair.length >= 2) {
+                    params[pair[0]] = pair[1];
+                } else {
+                    params[pair[0]] = true;
+                }
+            });
+
+            if ('start' in params && 'end' in params) {
+                var sd = params.start;
+                var ed = params.end;
+                var start_date = sd.substr(0,4) + "/" + sd.substr(4,2) + "/" + sd.substr(6,2);
+                var end_date = ed.substr(0,4) + "/" + ed.substr(4,2) + "/" + ed.substr(6,2);
+                start_date = new Date(start_date);
+                end_date = new Date(end_date);
+                $("#date-range-start").val(datepicker_format(start_date));
+                $("#date-range-end").val(datepicker_format(end_date));
+                page_state.data_range = {
+                    custom: true,
+                    start: date(start_date),
+                    end: date(end_date),
+                    sd_str: sd,
+                    ed_str: ed
+                };
+                
+                $('.criteria li.selected').removeClass("selected");
+                $('.criteria li[data-range~="custom"]').addClass("selected");
+                
+                if (!_opts.skip_update) {
+                    update_page_state();
+                }
+                return true;
+            } else if ('last' in params) {
+                var data_range = params.last;
+                if (("7 30 90").indexOf(data_range) > -1) {
+                    page_state.data_range = data_range + " days";
+                    
+                    $('.criteria li.selected').removeClass("selected");
+                    $('.criteria li[data-range~="'+data_range+'"]').addClass("selected");
+                    
+                    if (!_opts.skip_update) {
+                        update_page_state();
+                    }
+                    return true;
+                }
+            }
+        }
+    }
+    return false;
+}
+
+function update_page_state() {
+    if ($(".primary").getData("report") == 'overview') {
+        show_overview_stats(page_state.data_range);
+        fetch_top_charts();
+    }
+    set_loading($("#head-chart").parents('.featured'));
+    AMO.StatsManager.getSeries(AMO.getSeriesList(), page_state.data_range, updateSeries);
+    if (AMO.aggregate_stats_field && typeof page_state.data_range == 'string') {
+        show_aggregate_stats(AMO.aggregate_stats_field, page_state.data_range);
+    }
+    var start, end,
+        range = page_state.data_range,
+        queryparams;
+        
+    if (typeof range === "string") {
+        range = parseInt(range);
+        queryparams = 'last=' + range;
+    } else if (typeof range === "object" && range.custom) {
+        start = new Date(range.start);
+        end = new Date(range.end);
+        dbg(start, end);
+        queryparams = 'start=' + range.sd_str + '&end=' + range.ed_str;
+    } else {
+        return false;
+    }
+    dbg(queryparams);
+    if (capabilities.replaceState) {
+        history.replaceState(page_state, document.title, '?' + queryparams);
+    } else {
+        page_state.last_hash = '#' + queryparams;
+        window.location.hash = '#' + queryparams;
+    }
+    start_hash_check();
+}
 
 function dayFormatter(x) { return Highcharts.dateFormat('%a, %b %e, %Y', x); }
 function weekFormatter(x) { return Highcharts.dateFormat('%b %e - ', x) + Highcharts.dateFormat('%b %e, %Y', x+7*24*60*60*1000); }
@@ -75,6 +173,10 @@ function initCharts(cfg) {
         chart: {
           renderTo: 'head-chart',
           zoomType: 'x',
+          events: {
+              redraw: done_loading,
+              load: done_loading
+          },          
           margin: [30,20,30,70]
         },
         credits: { enabled: false },
@@ -133,6 +235,10 @@ function initCharts(cfg) {
            $legend.append($("<li style='display:block;float:right'><b class='seriesdot' style='background:" + mainChart.series[i].color + "'>&nbsp;</b>" + mainChart.series[i].name + "</li>"));
         }
     }
+    
+    function done_loading() {
+        $(mainChart.container).parents('.featured').addClass('loaded');
+    }
 
 }
 
@@ -223,6 +329,7 @@ function fetch_top_charts() {
         return false;
     }
 
+    set_loading(toplists);
     toplists.each(function (i, toplist) {
         var tableEl = $("table", toplist);
         var report = tableEl.getData("report"),
@@ -237,7 +344,7 @@ function fetch_top_charts() {
                     tbody.push("<tr>");
                     tbody.push("<td>", sum.field, "</td>");
                     tbody.push("<td>", sum.sum, "</td>");
-                    tbody.push("<td>(", sum.pct, "%)</td>");
+                    tbody.push("<td>(", (sum.pct > 0 ? sum.pct : '<1'), "%)</td>");
                     tbody.push("</tr>");
                 }
                 if (sums.length > 5) {
@@ -245,16 +352,18 @@ function fetch_top_charts() {
                     for (i=5; i<sums.length; i++) {
                         othersum += sums[i].sum;
                     }
+                    var pct = Math.floor(othersum * 100 / results.total);
                     tbody.push("<tr>");
                     tbody.push("<td>Other</td>");
                     tbody.push("<td>", othersum, "</td>");
-                    tbody.push("<td>(", Math.floor(othersum * 100 / results.total), "%)</td>");
+                    tbody.push("<td>(", (pct > 0 ? pct : '&lt;1'), "%)</td>");
                     tbody.push("</tr>");
 
                 }
                 tbody.push("</tbody>");
                 tableEl.html(tbody.join(''));
                 initTopChart(toplist);
+                $(toplist).addClass('loaded');
             });
         }
     });
@@ -274,6 +383,7 @@ function show_overview_stats () {
     }
     AMO.StatsManager.getSum({metric: "downloads", name: "count"}, start, end, function(sum_range) {
         $("#sum_downloads_range").text(Highcharts.numberFormat(sum_range, 0));
+        
     });
     AMO.StatsManager.getMean({metric: "usage", name: "count"}, start, end, function(mean_range) {
         $("#sum_usage_range").text(Highcharts.numberFormat(mean_range, 0));
@@ -318,22 +428,33 @@ $(document).ready(function () {
     };
 
     var $report_el = $(".primary");
+    var data_range = $report_el.getData("range");
     page_state.addon_id = $report_el.getData("addon_id");
     page_state.report_name = $report_el.getData("report");
-    var data_range = $report_el.getData("range");
-    if (data_range == "custom") {
-        var sd = $report_el.getData("start_date");
-        var ed = $report_el.getData("end_date");
-        start_date = new Date(sd.substr(0,4) + "-" + sd.substr(4,2) + "-" + sd.substr(6,2));
-        end_date = new Date(ed.substr(0,4) + "-" + ed.substr(4,2) + "-" + sd.substr(6,2));
-        page_state.data_range = {
-            custom: true,
-            start: date(start_date),
-            end: date(end_date)
-        };
-    } else {
-        page_state.data_range = data_range;
+
+    if (!get_page_state({skip_update:true})) { //if no hash, get natural page state
+        if (data_range == "custom") {
+            var sd = $report_el.getData("start_date");
+            var ed = $report_el.getData("end_date");
+            start_date = sd.substr(0,4) + "/" + sd.substr(4,2) + "/" + sd.substr(6,2);
+            end_date = ed.substr(0,4) + "/" + ed.substr(4,2) + "/" + ed.substr(6,2);
+            $("#date-range-start").val(datepicker_format(new Date(start_date)));
+            $("#date-range-end").val(datepicker_format(new Date(end_date)));
+            start_date = new Date(start_date);
+            end_date = new Date(end_date);
+            page_state.data_range = {
+                custom: true,
+                start: date(start_date),
+                end: date(end_date),
+                sd_str: sd,
+                ed_str: ed
+            };
+        } else {
+            page_state.data_range = data_range;
+        }
     }
+
+
     page_state.chart_fields = $("#head-chart").getData("series").split(',') || ["count"];
     var stats_base_url = $report_el.getData("base_url");
     AMO.aggregate_stats_field = $(".stats-aggregate").getData("field");
@@ -363,37 +484,35 @@ $(document).ready(function () {
         var $customRangeForm = $("div.custom.criteria");
 
         if (newRange) {
+            stop_hash_check();
             $(this).children("li.selected").removeClass("selected");
             $target.addClass("selected");
 
             if (newRange == "custom") {
                 $customRangeForm.removeClass("hidden").slideDown('fast');
+                start_hash_check();
             } else {
                 page_state.data_range = newRange;
                 $customRangeForm.slideUp('fast');
-                if (report == 'overview') {
-                    show_overview_stats(page_state.data_range);
-                    fetch_top_charts();
-                }
-                AMO.StatsManager.getSeries(AMO.getSeriesList(), page_state.data_range, updateSeries);
-                if (AMO.aggregate_stats_field) {
-                    show_aggregate_stats(AMO.aggregate_stats_field, page_state.data_range);
-                }
+                update_page_state();
             }
         }
         e.preventDefault();
     });
 
     $("#date-range-form").submit(function() {
+        stop_hash_check();
         var start = new Date($("#date-range-start").val());
         var end = new Date($("#date-range-end").val());
 
         page_state.data_range = {
             custom: true,
             start: date(start),
-            end: date(end)
+            end: date(end),
+            sd_str: date_string(start, ''),
+            ed_str: date_string(end, '')
         };
-        AMO.StatsManager.getSeries(AMO.getSeriesList(), page_state.data_range, updateSeries);
+        setTimeout(update_page_state,0);
         return false;
     });
 
@@ -410,12 +529,12 @@ $(document).ready(function () {
                 $target.parent().addClass("selected");
                 page_state.report_name = new_report;
                 page_state.data_fields = new_series;
+                set_loading($("#head-chart").parents('.featured'));
                 AMO.StatsManager.getSeries(AMO.getSeriesList(), page_state.data_range, initCharts);
             }
             e.preventDefault();
-        });        // generate_top_charts();
+        });
 
-        // initTopCharts();
     } else {
         var csv_table_el = $(".csv-table");
         if (csv_table_el.length) {
@@ -425,19 +544,20 @@ $(document).ready(function () {
 
     LoadBar.on("Loading the latest data&hellip;");
     //Get initial dataset
-    if (datastore[report] && datastore[report].maxdate) {
-        var fetchStart = datastore[report].maxdate - millis("1 day");
+    if (datastore[page_state.report_name] && datastore[page_state.report_name].maxdate) {
+        var fetchStart = datastore[page_state.report_name].maxdate - millis("1 day");
     } else {
         var fetchStart = ago('30 days');
     }
 
     AMO.StatsManager.getDataRange(AMO.getReportName(), fetchStart, today(), function () {
 
-        if (AMO.aggregate_stats_field) {
+        if (AMO.aggregate_stats_field && typeof page_state.data_range == 'string') {
             show_aggregate_stats(AMO.aggregate_stats_field, page_state.data_range);
         }
 
         AMO.StatsManager.getSeries(AMO.getSeriesList(), page_state.data_range, initCharts);
+
         LoadBar.off();
         if (csvTable) {
             csvTable.gotoPage(1);
@@ -446,6 +566,7 @@ $(document).ready(function () {
             fetch_top_charts();
             show_overview_stats(page_state.data_range);
         }
+        start_hash_check();
     }, {force: true});
 
 });
diff --git a/media/js/zamboni/stats_manager.js b/media/js/zamboni/stats_manager.js
index 37acaf6b09..ba95ad9abc 100644
--- a/media/js/zamboni/stats_manager.js
+++ b/media/js/zamboni/stats_manager.js
@@ -19,10 +19,21 @@
         'JSON' : window.JSON && typeof JSON.parse == 'function',
         'debug' : !(('' + document.location).indexOf("dbg") < 0),
         'debug_in_page' : !(('' + document.location).indexOf("dbginpage") < 0),
-        'console' : window.console && (typeof window.console.log == 'function')
+        'console' : window.console && (typeof window.console.log == 'function'),
+        'replaceState' : typeof history.replaceState === "function"
     };
 
     var writeInterval = false;
+    
+    var hashInterval = false;
+    
+    function stop_hash_check() {
+        clearInterval(hashInterval);
+    }
+    function start_hash_check() {
+        hashInterval = setInterval(get_page_state, 500);
+    }
+    
 
     LoadBar = {
         bar : $("#lm"),
@@ -67,7 +78,15 @@
     }
 
     function date(d) {
-        return Date.parse([d.getFullYear(), pad2(d.getMonth()+1), pad2(d.getDate())].join('-'));
+        return Date.parse(date_string(d, '-'));
+    }
+    
+    function date_string(d, del) {
+        return [d.getFullYear(), pad2(d.getMonth()+1), pad2(d.getDate())].join(del);
+    }
+    
+    function datepicker_format(d) {
+        return [pad2(d.getMonth()+1), pad2(d.getDate()), d.getFullYear()].join('/');
     }
 
     function ago(str, times) {
@@ -400,6 +419,7 @@
                         callback.call(this, ret);
                     } else {
                         seriesCache[cacheKey] = {nodata:true};
+                        callback.call(this, {nodata:true})
                     }
 
                 });
diff --git a/media/js/zamboni/stats_tables.js b/media/js/zamboni/stats_tables.js
index f9f7f48298..c258456be2 100644
--- a/media/js/zamboni/stats_tables.js
+++ b/media/js/zamboni/stats_tables.js
@@ -81,7 +81,7 @@ function PageTable(_el) {
     }
 }
 PageTable.prototype.gotoPage = function(num) {
-    this.tableEl.parent().addClass("loading");
+    set_loading(this.tableEl.parent());
     if (this.pages[num]) {
         if (num > 0) {
             $("tbody.selected", this.tableEl).removeClass("selected");
@@ -105,7 +105,7 @@ PageTable.prototype.gotoPage = function(num) {
                 }
             }
             $("a[page='" + num + "']", this.paginator.ol).parent("li").addClass("selected");
-            this.tableEl.parent().removeClass("loading");
+            this.tableEl.parent().addClass("loaded");
         }
     } else {
         var that = this;
@@ -115,6 +115,9 @@ PageTable.prototype.gotoPage = function(num) {
     }
 };
 PageTable.prototype.addPage = function (data) {
+    if (data.nodata) {
+        this.tableEl.parent().addClass("loaded");
+    }
     var stime = (new Date()).getTime();
     var page = ["<tbody>"],
         attr, val,