WIP: test switch page

web_assets/javascript/ChuanhuChat.js

@@ -33,6 +33,7 @@ var popupWrapper = null;
 var chuanhuHeader = null;
 var menu = null;
 var toolbox = null;
+// var trainBody = null;
 
 var isInIframe = (window.self !== window.top);
 var currentTime = new Date().getTime();
@@ -81,6 +82,7 @@ function initialize() {
     chuanhuHeader = gradioApp().querySelector('#chuanhu-header');
     menu = gradioApp().querySelector('#menu-area');
     toolbox = gradioApp().querySelector('#toolbox-area');
+    // trainBody = gradioApp().querySelector('#train-body');
 
     if (loginUserForm) {
         localStorage.setItem("userLogged", true);
@@ -117,6 +119,7 @@ function initialize() {
         // setHistroyPanel();
         settingBox.classList.add('hideBox');
         trainingBox.classList.add('hideBox');
+        // trainBody.classList.add('hide-body');
     }
 }
 

web_assets/javascript/webui.js

@@ -186,4 +186,13 @@ function setHistroyPanel() {
 //     const historySelectorInput = gradioApp().querySelector('#history-select-dropdown input');
 //     let file = historySelectorInput.value;
 //     return [a,file,c]
+// }
+
+// function testTrain() {
+    
+//     trainBody.classList.toggle('hide-body');
+//     trainingBox.classList.remove('hideBox');
+
+//     var chuanhuBody = document.querySelector('#chuanhu-body');
+//     chuanhuBody.classList.toggle('hide-body');
 // }

web_assets/stylesheet/ChuanhuChat.css

@@ -552,4 +552,32 @@ body.popup-open {
     height: 300px;
     overflow: auto;
     overflow-x: hidden;
-}
+}
+
+/* .main-body {
+    flex-wrap: nowrap;
+    gap: 0;
+    overflow: hidden;
+    display: inline-flex;
+    /* margin-top: 54px; */
+    /* height: calc(100vh - 72px); */
+    /* position: absolute;
+    top: 48px;
+} */
+/* 
+.hide-body {
+    display: none;
+    top: -100vh;
+    
+}
+#train-body {
+    transition: top 0.3s ease-in-out, display 0.3s ease;
+}
+
+#chuanhu-body.hide-body {
+    display: none;
+    top: calc(100vh + 48px);
+}
+#chuanhu-body {
+    transition: top 0.3s ease-in-out, display 0.3s ease;
+}  */