update pagebar.js

web/js/ToolBar/pagebar.js

-loadSubPage = function(data){
-    var pageSize = 5;
+/**
+ * 自定义参数
+ * @param data 所有条Json数据
+ * @param type 1：加载request里的project列表
+ *             2: 加载当前用户发送的request列表
+ */
+loadSubPage = function(data, type){
+    var pageSize = 1;
     var pageNum = Math.ceil(data.length/pageSize);
     var dataStr = JSON.stringify(data);
 
@@ -8,39 +14,39 @@ loadSubPage = function(data){
     } else{
         $("#page-bar").append('<div id="currentPage" style="display: none"></div>');    //用来存放当前页面编号
         $("#page-bar").append("<li id='previousBtn' class='page-item disabled'>\n" +
-            "                                            <a class='page-link' href='#' tabindex='-1' onclick='changePage("+"-1,"+dataStr+","+i+","+pageSize+","+pageNum+")'>Previous</a>\n" +
+            "                                            <a class='page-link' href='#' tabindex='-1' onclick='changePage("+"-1,"+dataStr+","+i+","+pageSize+","+pageNum+","+type+")'>Previous</a>\n" +
             "                                        </li>");
 
         for(var i=1; i<=pageNum; i++){
             // $("#page-bar").append("<li class='page-item'><a class='page-link' onclick='loadParticularPage("+dataStr+","+i+","+pageSize+","+pageNum+",\""+idStr+",\""+htmlStr+"\")' href='#'>"+i+"</a></li>");
-            $("#page-bar").append("<li class='page-item' id='subpage"+i+"'><a class='page-link' onclick='loadParticularPage("+dataStr+","+i+","+pageSize+","+pageNum+")' href='#'>"+i+"</a></li>");
+            $("#page-bar").append("<li class='page-item' id='subpage"+i+"'><a class='page-link' onclick='loadParticularPage("+dataStr+","+i+","+pageSize+","+pageNum+","+type+")' href='#'>"+i+"</a></li>");
             // $("#page-bar").append('<li class="page-item">' +
             //             //     '<a class="page-link" href="#" onclick="test(\''+data+'\')">'+i+'</a></li>');
         }
 
         $("#page-bar").append("<li id='nextBtn' class='page-item'>\n" +
-            "                                            <a class='page-link' href='#' tabindex='1' onclick='changePage("+"1,"+dataStr+","+i+","+pageSize+","+pageNum+")'>Next</a>\n" +
+            "                                            <a class='page-link' href='#' tabindex='1' onclick='changePage("+"1,"+dataStr+","+i+","+pageSize+","+pageNum+","+type+")'>Next</a>\n" +
             "                                        </li>");
 
-        loadParticularPage(data, 1, pageSize, pageNum);
+        loadParticularPage(data, 1, pageSize, pageNum, type);
     }
 
 }
 
-function changePage(move, dataStr, p, pageSize, pageNum){
+function changePage(move, dataStr, p, pageSize, pageNum, type){
     var curPage = $("#currentPage").html();
     var newPage = parseInt(curPage)+move;
     if(newPage>0 && newPage<=pageNum){
-        loadParticularPage(dataStr, newPage, pageSize, pageNum);
+        loadParticularPage(dataStr, newPage, pageSize, pageNum, type);
     }
 }
 
-function loadParticularPage(dataStr, p, pageSize, pageNum) {
+function loadParticularPage(dataStr, p, pageSize, pageNum, type) {
     var data = eval(dataStr);
-    //清空原先列表
-    $("#requestProjectList").html("");
+    // //清空原先列表
+    // $("#requestProjectList").html("");
 
-    //记录当前页
+    //记录当前页的标号
     $("#currentPage").html(p);
 
     //样式准备
@@ -57,6 +63,10 @@ function loadParticularPage(dataStr, p, pageSize, pageNum) {
 
     //加载数据显示列表
     var start = (parseInt(p)-1)*pageSize;
+
+    if(type == 1){
+        //清空原先列表
+        $("#requestProjectList").html("");
         for(var x=start; x<start+pageSize; x++){
             var projectId = data[x].projectid;  //project id留作备用
             $("#requestProjectList").append(' <li>\n' +
@@ -75,5 +85,27 @@ function loadParticularPage(dataStr, p, pageSize, pageNum) {
                 '                      </div>\n' +
                 '                      </li>');
         }
+    } else if(type == 2){
+        $("#myRequestsList").html("");
+        for(var x=start; x<start+pageSize; x++){
+            var statusNum = data[x].requeststatus;
+                var status = "Unhandled";
+                if(statusNum == '1')    status = "Refused";
+                else if(statusNum == '2')   status = "Approved";
+                $("#myRequestsList").append(' <li>\n' +
+                    '                                <div class="req-in">\n' +
+                    '                                    <div class="req-detail">\n' +
+                    '                                        <span style="font-size: x-large; ">'+data[x].projectname+'</span>\n' +
+                    '                                        <h4>Project Owner: <a href="other-person.html?id='+data[x].userid+'">'+data[x].name+'</a>  Apply date: '+data[x].str_requesttime+'</h4>\n' +
+                    '                                    </div>\n' +
+                    '                                    <div class="req-status">\n' +
+                    '                                        <span>Status:</span>\n' +
+                    '                                        <span class="status">'+status+'</span>\n' +
+                    '                                    </div>\n' +
+                    '                                    <div class="req-btn"><input type="button" onclick="deleteRequest('+data[x].requestid+')" value="DELETE"/></div>' +
+                    '                                </div>\n' +
+                    '                            </li>');
+        }
+    }
 
 }
\ No newline at end of file