show basic user statistics on profile page

3 files changed, 45 insertions, 1 deletions

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');