IP Address
CIDR notation (e.g. 192.168.1.100/24)
@@ -398,15 +420,59 @@
});
});
- // DHCP/Static toggle
- contentEl.querySelectorAll('[data-iface-dhcp]').forEach(toggle => {
- const name = toggle.dataset.ifaceDhcp;
+ // DHCP/Static radio buttons
+ contentEl.querySelectorAll('[data-iface-method]').forEach(group => {
+ const name = group.dataset.ifaceMethod;
const staticFields = contentEl.querySelector(`#staticFields-${name}`);
- toggle.addEventListener('click', () => {
- toggle.classList.toggle('on');
- const isNowStatic = toggle.classList.contains('on');
- toggle.querySelector('.toggle-label').textContent = isNowStatic ? 'Static' : 'DHCP';
- staticFields.classList.toggle('hidden', !isNowStatic);
+ group.querySelectorAll('input[type="radio"]').forEach(radio => {
+ radio.addEventListener('change', () => {
+ staticFields.classList.toggle('hidden', radio.value !== 'static');
+ });
+ });
+ });
+
+ // WiFi scan buttons
+ contentEl.querySelectorAll('[data-wifi-scan]').forEach(btn => {
+ btn.addEventListener('click', async () => {
+ const name = btn.dataset.wifiScan;
+ const resultsEl = contentEl.querySelector(`#wifiScanResults-${name}`);
+ btn.disabled = true;
+ btn.textContent = 'Scanning…';
+ resultsEl.classList.remove('hidden');
+ resultsEl.innerHTML = '
Scanning…
';
+
+ try {
+ const res = await Atlus.apiFetch(`/api/network/wifi/scan/${name}`);
+ if (!res.ok) {
+ resultsEl.innerHTML = '
Failed to scan WiFi networks
';
+ } else {
+ const networks = await res.json();
+ if (networks.length === 0) {
+ resultsEl.innerHTML = '
No networks found
';
+ } else {
+ resultsEl.innerHTML = '';
+ for (const net of networks) {
+ const sig = _signalLabel(net.signal);
+ const item = document.createElement('div');
+ item.className = 'wifi-scan-item';
+ item.innerHTML = `
+
${net.ssid}
+
${sig.text}
+
${net.security || 'Open'}
+ `;
+ item.addEventListener('click', () => {
+ contentEl.querySelector(`#ifSsid-${name}`).value = net.ssid;
+ resultsEl.classList.add('hidden');
+ });
+ resultsEl.appendChild(item);
+ }
+ }
+ }
+ } catch (e) {
+ resultsEl.innerHTML = '
Scan failed
';
+ }
+ btn.disabled = false;
+ btn.textContent = 'Scan';
});
});
@@ -417,9 +483,10 @@
const errEl = contentEl.querySelector(`#ifError-${name}`);
errEl.classList.add('hidden');
- const toggle = contentEl.querySelector(`[data-iface-dhcp="${name}"]`);
- const isStatic = toggle.classList.contains('on');
- const method = isStatic ? 'static' : 'dhcp';
+ const methodGroup = contentEl.querySelector(`[data-iface-method="${name}"]`);
+ const selectedRadio = methodGroup.querySelector('input[type="radio"]:checked');
+ const method = selectedRadio ? selectedRadio.value : 'dhcp';
+ const isStatic = method === 'static';
const body = { method };
if (isStatic) {
@@ -436,6 +503,18 @@
}
}
+ // Include WiFi credentials if this is a wireless interface
+ const ssidInput = contentEl.querySelector(`#ifSsid-${name}`);
+ const wifiPassInput = contentEl.querySelector(`#ifWifiPass-${name}`);
+ if (ssidInput) {
+ const ssid = ssidInput.value.trim();
+ if (ssid) body.ssid = ssid;
+ if (wifiPassInput) {
+ const wifiPass = wifiPassInput.value;
+ if (wifiPass) body.wifi_password = wifiPass;
+ }
+ }
+
if (!confirm(`Apply network changes to ${name}? If this is your primary interface, you may lose access temporarily.`)) return;
btn.disabled = true;
@@ -496,11 +575,17 @@
IP Configuration
-
Toggle between DHCP and Static IP
-
+
+
+
+
@@ -526,14 +611,13 @@
`;
- // Toggle handler
- const toggle = groupEl.querySelector(`#dhcpToggle-${dev.device}`);
+ // Radio handler
+ const methodRadios = groupEl.querySelector(`#methodRadios-${dev.device}`);
const staticFields = groupEl.querySelector(`#staticFields-${dev.device}`);
- toggle.addEventListener('click', () => {
- toggle.classList.toggle('on');
- const isNowStatic = toggle.classList.contains('on');
- toggle.querySelector('.toggle-label').textContent = isNowStatic ? 'Static' : 'DHCP';
- staticFields.classList.toggle('hidden', !isNowStatic);
+ methodRadios.querySelectorAll('input[type="radio"]').forEach(radio => {
+ radio.addEventListener('change', () => {
+ staticFields.classList.toggle('hidden', radio.value !== 'static');
+ });
});
// Apply handler
@@ -541,7 +625,8 @@
const errEl = groupEl.querySelector(`#ethError-${dev.device}`);
errEl.classList.add('hidden');
- const isNowStatic = toggle.classList.contains('on');
+ const selectedRadio = methodRadios.querySelector('input[type="radio"]:checked');
+ const isNowStatic = selectedRadio && selectedRadio.value === 'static';
const body = { method: isNowStatic ? 'manual' : 'auto' };
if (isNowStatic) {