From 869637a05fd12060235af4e978e550ffa460185b Mon Sep 17 00:00:00 2001
From: zouap <zouap@pcl.ac.cn>
Date: Thu, 30 Dec 2021 14:12:31 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4=E4=BB=A3=E7=A0=81=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: zouap <zouap@pcl.ac.cn>
---
 public/home/home.js | 38 ++++++++++++++++++++++++++++++++++----
 templates/home.tmpl | 25 -------------------------
 2 files changed, 34 insertions(+), 29 deletions(-)

diff --git a/public/home/home.js b/public/home/home.js
index 6c864d013..aaa1ea7bf 100644
--- a/public/home/home.js
+++ b/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();
 }
 
 /**
diff --git a/templates/home.tmpl b/templates/home.tmpl
index 2322709f0..639efa08e 100755
--- a/templates/home.tmpl
+++ b/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" .}}
\ No newline at end of file