提交代码。

Signed-off-by: zouap <zouap@pcl.ac.cn>

public/home/home.js

@@ -7,6 +7,32 @@ if(isEmpty(token)){
 		console.log("token is uid:" + token);
 	}
 }
+
+var swiperNewMessage = new Swiper(".newslist", {
+    direction: "vertical",
+    slidesPerView: 10,
+    loop: true,
+    autoplay: {
+        delay: 2500,
+        disableOnInteraction: false,
+    },
+});
+var swiperRepo = new Swiper(".homepro-list", {
+    slidesPerView: 3,
+    slidesPerColumn: 2,
+    slidesPerColumnFill:'row',
+    spaceBetween: 30,
+    pagination: {
+        el: ".swiper-pagination",
+        clickable: true,
+    },
+    autoplay: {
+        delay: 2500,
+        disableOnInteraction: false,
+    },
+});
+
+
 var output = document.getElementById("newmessage");
 var socket = new WebSocket("ws://" + document.location.host + "/action/notification");
 
@@ -15,7 +41,7 @@ socket.onopen = function () {
 };
 
 var messageQueue = [];
-var maxSize = 10;
+var maxSize = 20;
 var html =document.documentElement;
 var lang = html.attributes["lang"]
 var isZh = true;
@@ -36,7 +62,7 @@ socket.onmessage = function (e) {
                 messageQueue.push(data);
             }
             var currentTime = new Date().getTime();
-            for(var i = 0; i < messageQueue.length;i++){
+            for(var i = messageQueue.length -1; i >=0; i--){
                 var record = messageQueue[i];
                 
                 html += "<div class=\"swiper-slide item\">";
@@ -79,8 +105,8 @@ socket.onmessage = function (e) {
                 }
 
                 if(record.Repo != null){
-                   var time = getTime(record.Repo.UpdatedUnix,currentTime);
-                   html += time;
+                   var time = getTime(record.CreatedUnix,currentTime);
+                   html += " " + time;
                 }
                 html += "</div>";
                 html += "</div>";
@@ -97,6 +123,8 @@ socket.onmessage = function (e) {
         }
         console.log("html=" + html)
 		output.innerHTML = html;
+        swiperNewMessage.updateSlides();
+        swiperNewMessage.updateProgress();
 };
 
 function getRepoLink(record){
@@ -320,6 +348,8 @@ function displayRepo(json){
         }
     }
     orgRepo.innerHTML = html;
+    swiperRepo.updateSlides();
+    swiperRepo.updateProgress();
 }
 
 /**

templates/home.tmpl

@@ -145,31 +145,6 @@
     <div class="am-mt-30"></div>
 <script src="/self/js/jquery.min.js" type="text/javascript"></script>
 <script src="/home/home.js?v={{MD5 AppVer}}" type="text/javascript"></script>
-<script>
 
-    var swiper = new Swiper(".newslist", {
-        direction: "vertical",
-        slidesPerView: 10,
-        loop: true,
-        autoplay: {
-            delay: 2500,
-            disableOnInteraction: false,
-        },
-    });
-    var swiper = new Swiper(".homepro-list", {
-        slidesPerView: 3,
-        slidesPerColumn: 2,
-        slidesPerColumnFill:'row',
-        spaceBetween: 30,
-        pagination: {
-            el: ".swiper-pagination",
-            clickable: true,
-        },
-        autoplay: {
-            delay: 2500,
-            disableOnInteraction: false,
-        },
-    });
-</script>
 
 {{template "base/footer" .}}