Merge pull request #112 from 1tsuka/main

update signal.html
inveta · Nov 6, 2023 · 33326af · 33326af
2 parents 00199b5 + 867e3b9
commit 33326af
Showing 1 changed file with 21 additions and 11 deletions.
diff --git a/signal.html b/signal.html
@@ -82,6 +82,7 @@
             font-size: 1rem;
             display: flex;
             flex-wrap: wrap;
+
             @media screen and (min-width: 768px) {
                 margin-left: 10rem;
             }
@@ -92,6 +93,7 @@
             background-color: var(--sidabar-bg-color-dark);
             border-radius: 0.5rem;
         }
+
         .item {
             margin: 0.5rem 0;
             display: flex;
@@ -216,6 +218,7 @@
             width: 8rem;
             margin: 1rem auto;
             color: var(--btn-font-color-dark);
+            display: none;
         }
 
         .btnDisabled {
@@ -233,6 +236,7 @@
             z-index: 4;
             background-color: var(--sidabar-bg-color-dark);
             color: var(--btn-font-color-dark);
+
             @media screen and (min-width: 768px) {
                 width: 10rem;
             }
@@ -243,6 +247,7 @@
             display: flex;
             justify-content: center;
             align-items: center;
+
             @media screen and (min-width: 768px) {
                 padding-left: 1rem;
                 justify-content: left;
@@ -325,11 +330,11 @@
                     启动项
                     <div class="form-btn exec-btn btn" name="deleteBtn">✖️</div>
                 </span>
-                <input id="exec_${"execNum"}" name="UE5" value="${"value"}"/>
+                <input name="UE5" value="${"value"}"/>
             </div>
         `;
         const updateConfig = `
-            <div id="config-form">
+            <form id="config-form">
                 <div class="item auth-input">
                     <label for="username">
                         <span>用户名</span>
@@ -395,7 +400,7 @@
                     <textarea id="iceServers" name="iceServers"></textarea>                  
                 </div> 
                 <div id="submitBtn" class="form-btn btn">更新 signal.json</div>
-            </div>
+            </form>
         `;
         const runningServer = `
             <div id="runningServers-container">
@@ -499,11 +504,10 @@
                                 });
                             });
                             submitBtn.addEventListener("click", () => { submitConfig(event); });
-                            // $("#password-icon").addEventListener("mousedown", togglePassword);
-                            // $("#password-icon").addEventListener("mouseup", togglePassword);
                             $("#password").addEventListener("focus", togglePassword);
                             $("#password").addEventListener("blur", togglePassword)
                             $("#auth").addEventListener("click", toggleAuth)
+                            $("#config-form").addEventListener("input", toggleSubmitBtn)
                             if (typeof ps !== "undefined")
                                 window.clearTimeout(ps.timeout)
                         });
@@ -524,20 +528,22 @@
 
         //增加一个启动项
         const addExec = () => {
-            const execNum = $$(".exec").length;
-            const exec = str2dom(execTemp({ execNum: execNum, value: "" })).querySelector(".exec")
+            // const execNum = $$(".exec").length;
+            const exec = str2dom(execTemp({ value: "" })).querySelector(".exec")
             exec.querySelector("[name=deleteBtn]").addEventListener("click", function () {
                 $("#exec-container").removeChild(exec)
             });
             $("#exec-container").appendChild(exec);
         };
         //启动项删除
         const deleteExec = (obj) => {
-            $("#exec-container").removeChild(obj.parentNode);
+            const exec = obj.parentNode.parentNode;
+            $("#exec-container").removeChild(exec);
         };
         const toggleAuth = () => {
             $$(".auth-input").forEach((element) => {
-                element.style.display = ($("#auth").checked ? "flex" : "none");
+                // element.style.display = ($("#auth").checked ? "flex" : "none");
+                element.style.display = ($("#auth")?.checked ? "flex" : "none")
             })
         }
         //密码显示或者隐藏
@@ -548,6 +554,9 @@
             const isPasswordHidden = passwordField.type === "password";
             passwordField.type = isPasswordHidden ? "text" : "password";
         };
+        const toggleSubmitBtn = () => {
+            $("#submitBtn").style.display = "flex"
+        }
         //字符串转dom
         const str2dom = (obj) => {
             return new DOMParser().parseFromString(obj, 'text/html')
@@ -563,9 +572,8 @@
                     case "throttle":
                         break;
                     case "UE5":
-                        let execNum = 0;
                         data[key].forEach((exec) => {
-                            const execItem = str2dom(execTemp({ execNum: execNum++, value: exec })).querySelector(".exec")
+                            const execItem = str2dom(execTemp({ value: exec })).querySelector(".exec")
                             $("#exec-container").appendChild(execItem);
                         })
                         break;
@@ -577,6 +585,7 @@
                             const [username, password] = data[key].split(":");
                             $("[name=username]").value = username;
                             $("[name=password]").value = password;
+                            $("#auth").checked = true;
                         }
                         else if (typeof data[key] === "boolean") {
                             $("#auth").checked = data[key];
@@ -595,6 +604,7 @@
                         item.value = data[key];
                         break;
                 }
+
             }
         }
         //处理获取到的配置并提交