Stats: Hack in some totals

stats/index.php

@@ -14,7 +14,15 @@
     <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.6/moment.js"></script>
     <script>
+        function sumSales(memo, num) {
+            return memo + num[1];
+        }
+
         $(document).ready(function() {
+            var card_sales;
+            var snapporder_sales;
+            var sms_sales;
+
             var urls = {
                 tekstmelding: 'https://tekstmelding.neuf.no/stats/memberships/',
                 snapporder: '/stats/snapporder.php',
@@ -51,39 +59,66 @@
                 },
                 series: []
             });
-
             $.getJSON(urls.tekstmelding, function(data) {
-                var sms_sales = _.map(data.memberships, function(el) {
+                sms_sales = _.map(data.memberships, function(el) {
                     return [moment(el.date).valueOf(), el.sales]
                 });
                 sales.addSeries({name: 'SMS-salg', data: sms_sales});
 
                 $.getJSON(urls.snapporder, function(data) {
-                    var snapporder_sales = _.map(data.memberships, function (el) {
+                    snapporder_sales = _.map(data.memberships, function (el) {
                         return [moment(el.date).valueOf(), parseInt(el.sales, 10)]
                     });
                     sales.addSeries({name: 'App-salg', data: snapporder_sales});
 
                     $.getJSON(urls.cards, function(data) {
-                        var card_sales = _.map(data.memberships, function (el) {
+                        card_sales = _.map(data.memberships, function (el) {
                             return [moment(el.date).valueOf(), parseInt(el.sales, 10)]
                         });
                         sales.addSeries({name: 'Bar-salg', data: card_sales});
+
+                        // THEN!
+
+                        /* Totals */
+                        var card_totals = _.reduce(card_sales, sumSales, 0);
+                        $('.bar').html(card_totals);
+                        var sms_totals = _.reduce(sms_sales, function(memo, num) { return memo + num[1]}, 0);
+                        $('.sms').html(sms_totals);
+                        var snapporder_totals = _.reduce(snapporder_sales, function(memo, num) { return memo + num[1]}, 0);
+                        $('.app').html(snapporder_totals);
+
+                        $('.sum').html(snapporder_totals + sms_totals + card_totals)
                     });
 
                 });
             });
         });
     </script>
+    <style>
+        .sms,
+        .bar,
+        .sum,
+        .app {
+            font-weight: bold;
+            font-size: 1.5em;
+        }
+    </style>
 </head>
 <body>
 <div class="container">
-    <h3>Salg totalt</h3>
+    <h3>Salg per dag</h3>
     <div id="sales"></div>
+    <h3>Salg totalt</h3>
+    <div id="sums">
+        <div>SMS: <span class="sms"></span></div>
+        <div>App: <span class="app"></span></div>
+        <div>Bar: <span class="bar"></span></div>
+        <div>Totalt: <span class="sum"></span></div>
+    </div>
     <!--<div class="credits-wrap">
         <div class="credits">Laget med <span class="love" title="kærlighed">♥</span> av <a href="http://kak.studentersamfundet.no/" title="Kommunikasjonsavdelingen">KAK</a></div>
     </div>-->
-    <div class="disclaimer">Disse tallene kan innehold avvik fra faktiske salgtall, men de er antagelig ikke så langt unna.</div>
+    <div class="disclaimer"><br><br><br><em>Disse tallene kan innehold avvik fra faktiske salgtall, men de er antagelig ikke så langt unna.</em></div>
 </div>
 
 </body>