feat: 更新时加入加载动画

assets/custom.css

@@ -119,7 +119,7 @@ span.hideK {
     display: none;
 }
 #updating-info {
-    margin: 12px 0px 20px;
+    margin: 16px 0px 24px;
     text-align: start;
     width: 100%;
 }

assets/custom.js

@@ -549,6 +549,8 @@ var statusObserver = new MutationObserver(function (mutationsList) {
                     updatingInfoElement.innerText = getUpdateStatus();
                 }
                 updateStatus.parentNode.removeChild(updateStatus);
+                enableUpdateBtns();
+                updateSpinner.stop();
             }
         }
     }
@@ -666,10 +668,14 @@ function getUpdateInfo() {
     window.open('https://github.com/gaizhenbiao/chuanhuchatgpt/releases/latest', '_blank');
     closeUpdateToast();
 }
+var updateSpinner = null;
 function bgUpdateChuanhu() {
     updateChuanhuBtn.click();
     updatingInfoElement.innerText = updatingMsg_i18n.hasOwnProperty(language) ? updatingMsg_i18n[language] : updatingMsg_i18n['en'];
+    var updatingSpinner = document.getElementById('updating-spinner');
+    updateSpinner = new Spin.Spinner({color:'#06AE56',top:'45%',lines:9}).spin(updatingSpinner);
     updatingInfoElement.classList.remove('hideK');
+    disableUpdateBtns();
     const releaseNoteWrap = document.getElementById('release-note-wrap');
     releaseNoteWrap.style.setProperty('display', 'none');
     statusObserver.observe(statusDisplay, { childList: true, subtree: true, characterData: true});
@@ -719,6 +725,19 @@ function getUpdateStatus() {
     }
 }
 
+function disableUpdateBtns() {
+    const updatesButtons = document.querySelectorAll('.btn-update');
+    updatesButtons.forEach( function (btn) {
+        btn.disabled = true;
+    });
+}
+function enableUpdateBtns() {
+    const updatesButtons = document.querySelectorAll('.btn-update');
+    updatesButtons.forEach( function (btn) {
+        btn.disabled = false;
+    });
+}
+
 function setUpdateWindowHeight() {
     if (!showingUpdateInfo) {return;}
     const scrollPosition = window.scrollY;

assets/html/update.html

@@ -11,6 +11,7 @@
         <p id="updating-info" class="hideK">
             Getting update...
         </p>
+        <div id="updating-spinner"></div>
         <div id="release-note-wrap">
             <div class="release-note-content" id="release-note-content">
                 Getting Release Note...

modules/overwrites.py

@@ -81,6 +81,7 @@ def reload_javascript():
     print("Reloading javascript...")
     js = f'<script>{customJS}</script><script async>{externalScripts}</script>'
     js += '<script async src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>'
+    js += '<script async type="module" src="http://spin.js.org/spin.umd.js"></script><link type="text/css" href="https://spin.js.org/spin.css" rel="stylesheet" />'
     def template_response(*args, **kwargs):
         res = GradioTemplateResponseOriginal(*args, **kwargs)
         res.body = res.body.replace(b'</html>', f'{js}</html>'.encode("utf8"))