add totalMyNum

src/main/webapp/WEB-INF/templates/user/ranking.ftl

@@ -90,7 +90,7 @@
             color: #8a41ff;
             color: #8a41ff;
         }
         }
 
 
-        .num.first {
+        .num.third {
             color: #67a7ff;
             color: #67a7ff;
         }
         }
 
 
@@ -174,16 +174,35 @@
             var tpl = '', list = data.body;
             var tpl = '', list = data.body;
             console.log(Object.prototype.toString.call(list));
             console.log(Object.prototype.toString.call(list));
             if (status === 'success' && Object.prototype.toString.call(list) === '[object Array]') {
             if (status === 'success' && Object.prototype.toString.call(list) === '[object Array]') {
+	            var total_myNum1 = 0;
+	            var total_myNum2 = 0;
+	            var total_myNum3 = 0;
+	            var total_myNum4 = 0;
+            	var dataLis = '';
                 for (var i = 0; i < list.length; i++) {
                 for (var i = 0; i < list.length; i++) {
-                    tpl += '<li>\n' +
+                	total_myNum1+=list[i].myNum1;
+                	total_myNum2+=list[i].myNum2;
+                	total_myNum3+=list[i].myNum3;
+                	total_myNum4+=list[i].myNum4;
+                    dataLis += '<li>\n' +
                         '            <div class="rank">' + (i + 1) + '</div>\n' +
                         '            <div class="rank">' + (i + 1) + '</div>\n' +
                         '            <div class="name">' + list[i].inviterUserName + '</div>\n' +
                         '            <div class="name">' + list[i].inviterUserName + '</div>\n' +
-                        '            <div class="num ' + (list[i].myNum1 > 0 ? numType[i] : '') + '">' + list[i].myNum1 + '</div>\n' +
-                        '            <div class="num ' + (list[i].myNum2 > 0 ? numType[i] : '') + '">' + list[i].myNum2 + '</div>\n' +
-                        '            <div class="num ' + (list[i].myNum3 > 0 ? numType[i] : '') + '">' + list[i].myNum3 + '</div>\n' +
-                        '            <div class="num ' + (list[i].myNum4 > 0 ? numType[i] : '') + '">' + list[i].myNum4 + '</div>\n' +
+                        '            <div class="num ' + (list[i].myNum1 >= 0 ? numType[i] : '') + '">' + list[i].myNum1 + '</div>\n' +
+                        '            <div class="num ' + (list[i].myNum2 >= 0 ? numType[i] : '') + '">' + list[i].myNum2 + '</div>\n' +
+                        '            <div class="num ' + (list[i].myNum3 >= 0 ? numType[i] : '') + '">' + list[i].myNum3 + '</div>\n' +
+                        '            <div class="num ' + (list[i].myNum4 >= 0 ? numType[i] : '') + '">' + list[i].myNum4 + '</div>\n' +
                         '        </li>'
                         '        </li>'
                 }
                 }
+                var totalLi = "";
+                totalLi+='<li style="background:#3de899"><div class="rank"></div>\n';
+                totalLi+='<div class="name"></div>\n';
+                totalLi+='<div class="num">' + total_myNum1 + '</div>\n';
+                totalLi+='<div class="num">' + total_myNum2 + '</div>\n';
+                totalLi+='<div class="num">' + total_myNum3 + '</div>\n';
+                totalLi+='<div class="num">' + total_myNum4 + '</div>\n';
+                totalLi+='';
+                tpl+=totalLi+dataLis;
+                
                 $('#list').html(tpl);
                 $('#list').html(tpl);
             }
             }
         })
         })