feat: auto-generate self-signed certs, hoover modal processing guard, refactor backends/proxy pages

webui/static/pages/dhcp.js

@@ -1,4 +1,4 @@
-import { html, h, PageHeader, ConfirmDelete, Tabs, Table, ServiceStatus, renderGuardMulti, esc, enc, $val, apiFetch, toast, definePage, getModel, modelFetch, ActionButton, ActionGroup, QuickModal } from '/static/hoover/index.js?v=8';
+import { html, h, PageHeader, ConfirmDelete, Tabs, Table, ServiceStatus, renderGuardMulti, esc, enc, $val, apiFetch, toast, definePage, getModel, modelFetch, ActionButton, ActionGroup, QuickModal } from '/static/hoover/index.js?v=9';
 
 function makeAddRange(activeZones, interfaces) {
     const opts = [
@@ -137,6 +137,7 @@ export default definePage({
             <td>
                 <${ConfirmDelete}
                     url="/api/dhcp/ranges"
+                    deleteKey=${(r.interface || '_g') + '-' + r.start + '-' + r.end}
                     message=${'Remove range ' + r.start + ' - ' + r.end + '?'}
                     body=${{ interface: r.interface || '', start: r.start, end: r.end }}
                     success="Range removed"
@@ -151,6 +152,7 @@ export default definePage({
             <td>
                 <${ConfirmDelete}
                     url=${'/api/dhcp/static-lease/' + enc(l.mac)}
+                    deleteKey=${l.mac}
                     message=${'Remove lease ' + l.mac + '?'}
                     success="Lease removed"
                     refresh="dnsmasq" />
@@ -163,6 +165,7 @@ export default definePage({
             <td>
                 <${ConfirmDelete}
                     url=${'/api/dhcp/dns-record/' + enc(rec.name || '')}
+                    deleteKey=${rec.name || 'unnamed'}
                     message=${'Remove DNS record ' + (rec.name || 'unnamed') + '?'}
                     success="Record removed"
                     refresh="dnsmasq" />