feat: disable export button when gr export button disabled

GaiZhenbiao · Sep 19, 2024 · 20b2e02 · 20b2e02
1 parent 3d27b4d
commit 20b2e02
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 2 deletions.
diff --git a/web_assets/javascript/chat-list.js b/web_assets/javascript/chat-list.js
@@ -14,6 +14,7 @@ function setChatListHeader() {
 }
 
 function setChatList() {
+    exportBtnCheck();
     var selectedChat = null;
     var chatList = gradioApp().querySelector('fieldset#history-select-dropdown');
     selectedChat = chatList.querySelector("label.selected")
@@ -54,6 +55,12 @@ function setChatList() {
     return;
 }
 
+function exportBtnCheck() {
+    var grHistoryExportBtn = gradioApp().querySelector('#gr-history-download-json-btn');
+    var exportBtn = gradioApp().querySelector('#export-chat-btn');
+    exportBtn.disabled = grHistoryExportBtn.disabled;
+    exportBtn.classList.toggle('disabled', grHistoryExportBtn.disabled);
+}
 
 function saveChatHistory(a, b, c, d) {
     var fileName = b;

diff --git a/web_assets/stylesheet/ChuanhuChat.css b/web_assets/stylesheet/ChuanhuChat.css
@@ -1094,11 +1094,20 @@ input:checked + .chatbot-input-more-span {
     transition: background-color .2s ease;
 }
 .chuanhu-ui-btn:hover {
-    background-color: rgba(167, 167, 167, 0.25) !important;
+    background-color: rgba(167, 167, 167, 0.25);
     /* color: unset !important; */
 }
 .chuanhu-ui-btn:active {
-    background-color: rgba(167, 167, 167, 0.5) !important;
+    background-color: rgba(167, 167, 167, 0.5);
+}
+.chuanhu-ui-btn.disabled {
+    /* all content transparent 50% */
+    background-color: transparent;
+    opacity: 0.5;
+    cursor: not-allowed !important;
+}
+.chuanhu-ui-btn.disabled+.dropdown-menu {
+    display: none !important;
 }
 
 .hover-round-btn {