diff --git a/src/main/resources/static/index.html b/src/main/resources/static/index.html index 21f5fe4..9b404ad 100644 --- a/src/main/resources/static/index.html +++ b/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} - .nav[open]>summary::before{transform:rotate(45deg)} + border-left:2px solid #111;border-bottom:2px solid #111;transform:rotate(-135deg);transition:.2s} + .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 @@
+ + @@ -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=[];