From f862dbbb936c003e0f6ce28ae0062428db30b8e5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marko=20Pu=C5=A1nik?= <marko.pusnik@guru.si>
Date: Mon, 12 Oct 2015 18:23:33 +0200
Subject: show basic user statistics on profile page

---
 index.html          |  4 ++++
 js/codeq/comms.js   |  4 ++++
 js/codeq/profile.js | 38 +++++++++++++++++++++++++++++++++++++-
 3 files changed, 45 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 600b925..bd861d8 100644
--- a/index.html
+++ b/index.html
@@ -289,6 +289,10 @@
                             <li class="list-group-item text-right"><span class="pull-left"><strong>Last seen</strong></span><span id="profileLastLogin">1 hour ago</span></li>
                         </ul>
                     </div>
+                    <div class="panel panel-default">
+                        <div class="panel-heading">Statistics</div>
+                        <table id="table1" class="table table-bordered table-striped small"></table>
+                    </div>
                 </div><!--/col-12-->
             </div><!--row-->
         </div><!--container-->
diff --git a/js/codeq/comms.js b/js/codeq/comms.js
index ab168ff..89813ee 100644
--- a/js/codeq/comms.js
+++ b/js/codeq/comms.js
@@ -382,6 +382,10 @@
             return this.send({'action': 'change_password', 'password': newpassword});
         },
 
+        'getUserStat': function () {
+            return this.send({'action': 'user_stat'});
+        },
+
         'updateSettings': function (new_settings){
             return this.send({'action': 'update_settings', 'settings': new_settings});
         },
diff --git a/js/codeq/profile.js b/js/codeq/profile.js
index 2759be3..4723b4a 100644
--- a/js/codeq/profile.js
+++ b/js/codeq/profile.js
@@ -73,9 +73,45 @@
 
     codeq.globalStateMachine.register('profile',{
         'enter': function(){
-
             $("#screen_profile").css('display', '');
             $('#disabled').css('display', 'none');
+            codeq.comms.getUserStat()
+                .then(function (data) {
+                    if (data.code !== 0) throw new Error('GetUserStat failed, code: ' + data.code + ', message: ' + data.message);
+                    console.log(data);
+                    var data = data.stat;
+
+                    var columns = ['language', 'problem_group', 'problems_count', 'done', 'in_progress'],
+                        labels = ['Language', 'Problem group', 'All', 'Done', 'In progress'];
+
+                    var items='<thead><tr>';
+                    $.each(labels, function( key, val ) {
+                        items+='<th>'+val+'</th>';
+                    });
+                    items+='</tr></thead>';
+                    $.each( data, function( object, row ) {
+                        items+='<tr>';
+                        if(row['problem_group']) {
+                            $.each( columns, function( key, val ) {
+                                items+='<td style="white-space: nowrap">'+row[val]||""+'</td>';
+                            });
+                        }
+                        else {
+                            $.each( columns, function( key, val ) {
+                                items+='<td style="white-space: nowrap"><strong>'+(row[val]==null?'(all)':row[val])+'</strong></td>';
+                            });
+                        }
+                        items+='</td>';
+                    });
+
+                    $('#table1').html(items)
+
+                })
+                .fail(function (reason) {
+                    codeq.log.error('GetUserStat failed: ' + reason, reason);
+                    alert('GetUserStat failed: ' + reason);
+                })
+                .done();
         },
         'exit' : function(){
             $("#screen_profile").css('display', 'none');
-- 
cgit v1.2.1