delete button

src/main/resources/static/index.html

@@ -15,8 +15,8 @@
         details.nav{margin-bottom:24px}
         .nav>summary{list-style:none;cursor:pointer;display:flex;align-items:center;font-size:20px}
         .nav>summary::before{content:"";width:8px;height:8px;margin-right:8px;
-            border-left:2px solid #111;border-bottom:2px solid #111;transform:rotate(-45deg);transition:.2s}
+            border-left:2px solid #111;border-bottom:2px solid #111;transform:rotate(-135deg);transition:.2s}
-        .nav[open]>summary::before{transform:rotate(45deg)}
+        .nav[open]>summary::before{transform:rotate(-45deg)}
         .nav-items{display:flex;flex-direction:column;margin-top:10px;padding-left:16px;gap:6px}
         .nav-items button{background:none;border:none;cursor:pointer;font-size:16px;text-align:left;padding:4px 0}
 
@@ -105,6 +105,8 @@
 
                 <div id="ssid-list"></div>
                 <button id="add-ssid" style="margin-top:12px">Add SSID</button>
+                <button id="delete-ssid" style="margin-top:12px">Delete SSID</button>
+
             </div>
         </section>
 
@@ -318,12 +320,31 @@
     function addSsidRow(){ ssidList.appendChild(createSsidRow()); }
     document.getElementById('add-ssid').addEventListener('click', addSsidRow);
 
+    document.getElementById('delete-ssid').addEventListener('click', () => {
+        if(ssidList.children.length > 1){
+            ssidList.removeChild(ssidList.lastElementChild);
+        }
+        else if(ssidList.children.length == 1){
+            const firstRow = ssidList.firstElementChild;
+            firstRow.querySelector('.ssid-name').value = '';
+            firstRow.querySelector('.ssid-pw').value = '';
+            firstRow.querySelector('select').value = 'none';
+        }
+    })
+
+
     ssidList.addEventListener('click',e=>{
         if(e.target.classList.contains('toggle-pw')){
             const pw = e.target.closest('.ssid-row').querySelector('.ssid-pw');
             pw.type = pw.type==='password' ? 'text' : 'password';
             e.target.textContent = pw.type==='password' ? 'show' : 'hide';
         }
+        else if(e.target.dataset.action === 'delete-ssid'){
+            const ssidRow = e.target.closest('.ssid-row');
+            if(ssidRow){
+                removeSsidRow(ssidRow);
+            }
+        }
     });
     function gatherSsidRows(){
         const arr=[];