You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
101 lines
3.3 KiB
101 lines
3.3 KiB
<?php
|
|
$ipmask='pattern="^([0-9]{1,3}\.){3}[0-9]{1,3}$"';
|
|
?>
|
|
|
|
<!-- STA -->
|
|
<form class="Box str mobcol" action="<?= e(url('network_set')) ?>" method="GET" id="form-netsta">
|
|
<h2 tabindex=0><?= tr('net.sta') ?></h2>
|
|
|
|
<div class="Row explain">
|
|
<?= tr('net.explain_sta') ?>
|
|
</div>
|
|
|
|
<div class="Row checkbox x-static-toggle" >
|
|
<label><?= tr('net.sta_dhcp_enable') ?></label><!--
|
|
--><span class="box" tabindex=0 role=checkbox></span>
|
|
<input type="hidden" id="sta_dhcp_enable" name="sta_dhcp_enable" value="%sta_dhcp_enable%">
|
|
</div>
|
|
|
|
<div class="Row x-static">
|
|
<label for="sta_addr_ip"><?= tr('net.sta_addr_ip') ?></label>
|
|
<input type="text" name="sta_addr_ip" id="sta_addr_ip" value="%h:sta_addr_ip%" <?=$ipmask?> required>
|
|
</div>
|
|
|
|
<div class="Row x-static">
|
|
<label for="sta_addr_mask"><?= tr('net.sta_addr_mask') ?></label>
|
|
<input type="text" name="sta_addr_mask" id="sta_addr_mask" value="%h:sta_addr_mask%" <?=$ipmask?> required>
|
|
</div>
|
|
|
|
<div class="Row x-static">
|
|
<label for="sta_addr_gw"><?= tr('net.sta_addr_gw') ?></label>
|
|
<input type="text" name="sta_addr_gw" id="sta_addr_gw" value="%h:sta_addr_gw%" <?=$ipmask?> required>
|
|
</div>
|
|
|
|
<div class="Row buttons">
|
|
<a class="button icn-ok" href="#" onclick="qs('#form-netsta').submit()"><?= tr('apply') ?></a>
|
|
</div>
|
|
</form>
|
|
|
|
<!-- AP -->
|
|
<form class="Box str mobcol" action="<?= e(url('network_set')) ?>" method="GET" id="form-netap">
|
|
<h2 tabindex=0><?= tr('net.ap') ?></h2>
|
|
|
|
<div class="Row explain">
|
|
<?= tr('net.explain_ap') ?>
|
|
</div>
|
|
|
|
<div class="Row">
|
|
<label for="ap_addr_mask"><?= tr('net.ap_addr_mask') ?></label>
|
|
<input type="text" name="ap_addr_mask" id="ap_addr_mask" value="%h:ap_addr_mask%" <?=$ipmask?> required>
|
|
</div>
|
|
|
|
<div class="Row">
|
|
<label for="ap_addr_ip"><?= tr('net.ap_addr_ip') ?></label>
|
|
<input type="text" name="ap_addr_ip" id="ap_addr_ip" value="%h:ap_addr_ip%" <?=$ipmask?> required>
|
|
</div>
|
|
|
|
<div class="Row">
|
|
<label for="ap_dhcp_start"><?= tr('net.ap_dhcp_start') ?></label>
|
|
<input type="text" name="ap_dhcp_start" id="ap_dhcp_start" value="%h:ap_dhcp_start%" <?=$ipmask?> required>
|
|
</div>
|
|
|
|
<div class="Row">
|
|
<label for="ap_dhcp_end"><?= tr('net.ap_dhcp_end') ?></label>
|
|
<input type="text" name="ap_dhcp_end" id="ap_dhcp_end" value="%h:ap_dhcp_end%" <?=$ipmask?> required>
|
|
</div>
|
|
|
|
<div class="Row">
|
|
<label for="ap_dhcp_time"><?= tr('net.ap_dhcp_time') ?><span class="mq-phone"> (min)</span></label>
|
|
<input type="number" step=1 min=1 max=2880 name="ap_dhcp_time" id="ap_dhcp_time" value="%ap_dhcp_time%" required>
|
|
<span class="mq-no-phone"> min</span>
|
|
</div>
|
|
|
|
<div class="Row buttons">
|
|
<a class="button icn-ok" href="#" onclick="qs('#form-netap').submit()"><?= tr('apply') ?></a>
|
|
</div>
|
|
</form>
|
|
|
|
<!-- MACs -->
|
|
<div class="Box mobcol">
|
|
<h2><?= tr('net.details') ?></h2>
|
|
|
|
<div class="Row">
|
|
<label><?= tr('net.sta_mac') ?></label><input type="text" readonly value="%sta_mac%">
|
|
</div>
|
|
<div class="Row">
|
|
<label><?= tr('net.ap_mac') ?></label><input type="text" readonly value="%ap_mac%">
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
function updateStaticDisp() {
|
|
var sttc = !parseInt($('#sta_dhcp_enable').val());
|
|
$('.x-static').toggleClass('hidden', !sttc);
|
|
}
|
|
$('.x-static-toggle').on('click', function() {
|
|
setTimeout(function() {
|
|
updateStaticDisp();
|
|
}, 0)
|
|
});
|
|
updateStaticDisp();
|
|
</script>
|
|
|