webadmin/bpfire
1
0
Fork 0
mirror of https://github.com/vincentmli/bpfire.git synced 2026-04-16 05:53:00 +02:00
Code Issues Packages Projects Releases Wiki Activity

zoneconf.cgi: Add Javascript for new GUI elements

Browse Source 
Signed-off-by: Leo-Andres Hofmann <hofmann@leo-andres.de>
Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>
This commit is contained in:
Leo-Andres Hofmann
2021-02-18 15:30:14 +01:00
committed by Michael Tremer
parent 8de94a23e0
commit b4434345dc
2 changed files with 30 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
html/cgi-bin/zoneconf.cgi
View File

@@ -410,7 +410,7 @@ foreach (@zones) {
print <<END
<td class='heading bold $_'>$uc<br>
<select name="MODE $uc">
<select name="MODE $uc" data-zone="$uc" onchange="changeZoneMode(this)">
<option value="DEFAULT" $mode_selected{"DEFAULT"}>$Lang::tr{"zoneconf nicmode default"}</option>
<option value="BRIDGE" $mode_selected{"BRIDGE"}>$Lang::tr{"zoneconf nicmode bridge"}</option>
<option value="MACVTAP" $mode_selected{"MACVTAP"}>$Lang::tr{"zoneconf nicmode macvtap"}</option>
@@ -544,7 +544,7 @@ foreach (@zones) { # load settings and prepare form elements for each zone
# enable checkbox HTML
my $row_1 = <<END
<td>
<input type="checkbox" name="STP-$uc" $disabled $checked>
<input type="checkbox" id="STP-$uc" name="STP-$uc" data-zone="$uc" onchange="changeEnableSTP(this)" $disabled $checked>
</td>
END
;
@@ -553,7 +553,7 @@ END
# priority input box HTML
my $row_2 = <<END
<td>
<input type="number" class="stp-priority" name="STP-PRIORITY-$uc" min="1" max="65535" value="$stp_priority" $disabled>
<input type="number" class="stp-priority" id="STP-PRIORITY-$uc" name="STP-PRIORITY-$uc" min="1" max="65535" value="$stp_priority" $disabled>
</td>
END
;

27
html/html/include/zoneconf.js
View File

@@ -54,3 +54,30 @@ function highlightAccess(selectObj) {
//if interface is assigned, highlight table cell in zone color
colorParentCell(selectObj, zoneColor, (selectObj.value !== 'NONE'));
}
//update zone mode
function changeZoneMode(selectObj) {
if(!(selectObj && ('zone' in selectObj.dataset))) {
return; //required parameters are missing
}
// STP enable checkbox
let stpEnable = document.getElementById('STP-' + selectObj.dataset.zone);
if(stpEnable) {
stpEnable.disabled = (selectObj.value !== 'BRIDGE'); //STP is available if zone is in bridge mode
stpEnable.checked = stpEnable.checked && (! stpEnable.disabled); //un-check if disabled
stpEnable.dispatchEvent(new Event('change'));
}
}
//STP enable checkbox change toggles priority input
function changeEnableSTP(inputObj) {
if(!(inputObj && ('zone' in inputObj.dataset))) {
return; //required parameters are missing
}
let priority = document.getElementById('STP-PRIORITY-' + inputObj.dataset.zone);
if(priority) {
priority.disabled = inputObj.disabled || (! inputObj.checked);
}
}