Added Chart to RecentLogin Statistics Page - Refs #8081

chamilo · Feb 16, 2016 · 3bb91f1 · 3bb91f1
1 parent a87abb1
commit 3bb91f1
Show file tree

Hide file tree

Showing 5 changed files with 3,774 additions and 32 deletions.
diff --git a/main/admin/statistics/index.php b/main/admin/statistics/index.php
@@ -11,20 +11,20 @@
 api_protect_admin_script();
 
 $interbreadcrumb[] = array('url' => '../index.php', 'name' => get_lang('PlatformAdmin'));
-
-$htmlHeadXtra[] = '<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.2/Chart.min.js"></script>';
-        $htmlHeadXtra[] = ''
-        . '<script type="text/javascript">'
-            . '$(document).ready(function() {'
-                . '$.ajax({'
-                    . 'url: "'. api_get_path(WEB_CODE_PATH) .'inc/ajax/statistics.ajax.php?a=recentlogins",'
-                    . 'type: "POST",'
-                    . 'success: function(data) {'
-                        . 'var myLine = new Chart(document.getElementById("canvas").getContext("2d")).Line(data { animateScale: true, responsive: true });'
-                    . '};'
-                . '});'
-            . '});' 
-        . '</script>';
+$htmlHeadXtra[] = api_get_js('chartjs/Chart.min.js');
+$htmlHeadXtra[] = ''
+. '<script type="text/javascript">'
+    . '$(document).ready(function() {'
+        . '$.ajax({'
+            . 'url: "'. api_get_path(WEB_CODE_PATH) .'inc/ajax/statistics.ajax.php?a=recentlogins",'
+            . 'type: "POST",'
+            . 'success: function(data) {'
+                . 'Chart.defaults.global.responsive = true;'
+                . 'var myLine = new Chart(document.getElementById("canvas").getContext("2d")).Line(data);'
+            . '}'
+        . '});'
+    . '});' 
+. '</script>';
 
 $tool_name = get_lang('Statistics');
 Display::display_header($tool_name);
@@ -116,7 +116,7 @@
         Statistics::printStats(get_lang('Students'), $students);
         break;
     case 'recentlogins':
-        echo '<canvas id="canvas" width="400" height=400"></canvas>';
+        echo '<canvas class="col-md-12" id="canvas" ></canvas>';
         Statistics::printRecentLoginStats();
         Statistics::printRecentLoginStats(true);
         break;

diff --git a/main/inc/ajax/statistics.ajax.php b/main/inc/ajax/statistics.ajax.php
@@ -13,6 +13,7 @@
 
 switch ($action) {
     case 'recentlogins':
+        header('Content-type: application/json');
 
         $list = [];
 
@@ -23,28 +24,28 @@
             $list['labels'][] = $tick;
         }
 
-        $list['dataset'][0]['label'] = get_lang('Logins');
-        $list['dataset'][0]['fillColor'] = "rgba(220,220,220,0.2)";
-        $list['dataset'][0]['strokeColor'] = "rgba(220,220,220,1)";
-        $list['dataset'][0]['pointColor'] = "rgba(220,220,220,1)";
-        $list['dataset'][0]['pointStrokeColor'] = "#fff";
-        $list['dataset'][0]['pointHighlightFill'] = "#fff";
-        $list['dataset'][0]['pointHighlightStroke'] = "rgba(220,220,220,1)";
+        $list['datasets'][0]['label'] = get_lang('Logins');
+        $list['datasets'][0]['fillColor'] = "rgba(151,187,205,0.2)";
+        $list['datasets'][0]['strokeColor'] = "rgba(151,187,205,1)";
+        $list['datasets'][0]['pointColor'] = "rgba(151,187,205,1)";
+        $list['datasets'][0]['pointStrokeColor'] = "#fff";
+        $list['datasets'][0]['pointHighlightFill'] = "#fff";
+        $list['datasets'][0]['pointHighlightStroke'] = "rgba(151,187,205,1)";
 
         foreach ($all as $tick => $tock) {
-            $list['dataset'][0]['data'][] = $tock;
+            $list['datasets'][0]['data'][] = $tock;
         }
 
-        $list['dataset'][1]['label'] = get_lang('Logins2');
-        $list['dataset'][1]['fillColor'] = "rgba(220,220,220,0.2)";
-        $list['dataset'][1]['strokeColor'] = "rgba(220,220,220,1)";
-        $list['dataset'][1]['pointColor'] = "rgba(220,220,220,1)";
-        $list['dataset'][1]['pointStrokeColor'] = "#fff";
-        $list['dataset'][1]['pointHighlightFill'] = "#fff";
-        $list['dataset'][1]['pointHighlightStroke'] = "rgba(220,220,220,1)";
+        $list['datasets'][1]['label'] = get_lang('DistinctUsersLogins');
+        $list['datasets'][1]['fillColor'] = "rgba(0,204,0,0.2)";
+        $list['datasets'][1]['strokeColor'] = "rgba(0,204,0,1)";
+        $list['datasets'][1]['pointColor'] = "rgba(0,204,0,1)";
+        $list['datasets'][1]['pointStrokeColor'] = "#fff";
+        $list['datasets'][1]['pointHighlightFill'] = "#fff";
+        $list['datasets'][1]['pointHighlightStroke'] = "rgba(0,204,0,1)";
 
         foreach ($distinct as $tick => $tock) {
-            $list['dataset'][1]['data'][] = $tock;
+            $list['datasets'][1]['data'][] = $tock;
         }
 
         echo json_encode($list);