mirror of
https://github.com/logicog/RTLPlayground.git
synced 2026-08-30 14:52:51 +08:00
60 lines
2.8 KiB
HTML
60 lines
2.8 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<script src="/main.js"></script>
|
|
<script src="/i18n.js"></script>
|
|
<link rel="stylesheet" href="style.css">
|
|
<title data-i18n="vlan_title">FreeSwitchOS VLAN Configuration</title>
|
|
</head>
|
|
<body>
|
|
<nav id="sidebar"></nav>
|
|
<div style="margin-left:16%;padding:1px 16px;height:1000px;">
|
|
<div id="ports"></div>
|
|
<h1 data-i18n="vlan_heading">VLAN Configuration</h1>
|
|
<form id="vform" action="/vlan.html">
|
|
<div>
|
|
<label for="vlanSelect" data-i18n="vlan_select">VLAN Select:</label>
|
|
<select id="vlanSelect" style="margin: 0 0 0 8px">
|
|
<option value="" disabled selected data-i18n="vlan_choose">— VLAN Choose —</option>
|
|
</select>
|
|
</div>
|
|
<br/>
|
|
<div>
|
|
<label for="vid" data-i18n="vlan_id">VLAN ID:</label>
|
|
<input type="number" min="1" max="4094" id="vid" name="vid">
|
|
<button type="button" style="margin: 0 0 0 24px" onclick="fetchVLAN();" data-i18n="vlan_get_config">Get Configuration</button>
|
|
</div>
|
|
<br/><br/>
|
|
<label for="vname" data-i18n="vlan_name">VLAN Name:</label>
|
|
<input type="text" id="vname" name="vname"><br><br>
|
|
<br/>
|
|
<h2 data-i18n="vlan_tagged">Tagged Ports</h2>
|
|
<div id="tPorts"><button type="button" style="transform: translateY(-100%);margin: 0 50px 0 0" onclick="utClicked(true);" data-i18n="vlan_select_all">Select all</button></div>
|
|
<h2 data-i18n="vlan_untagged">Untagged Ports</h2>
|
|
<div id="uPorts"><button type="button" style="transform: translateY(-100%); margin: 0 50px 0 0" onclick="utClicked(false);" data-i18n="vlan_select_all">Select all</button> </div>
|
|
<h2 data-i18n="vlan_pvid">Use as default VLAN for incoming traffic (PVID)</h2>
|
|
<div id="pPorts"><button type="button" style="transform: translateY(-100%); margin: 0 50px 0 0" onclick="pvClicked(true);" data-i18n="vlan_select_all">Select all</button> </div>
|
|
<script src="/vlan.js"></script>
|
|
<br/> <input style="width:40%;" class="action" id="vlan_sub" onclick="vlanSub();" type="button" data-i18n="vlan_update" value="Update / Create">
|
|
<script src="/vlan_sub.js"></script>
|
|
</form>
|
|
<h2 data-i18n="vlan_configured">Configured VLANs</h2>
|
|
<table id="vlanTable" style="width:90%">
|
|
<thead>
|
|
<tr>
|
|
<th>VLAN</th>
|
|
<th data-i18n="vlan_col_name">Name</th>
|
|
<th data-i18n="vlan_col_member">Member Ports</th>
|
|
<th data-i18n="vlan_col_tagged">Tagged Ports</th>
|
|
<th data-i18n="vlan_col_untagged">Untagged Ports</th>
|
|
<th data-i18n="vlan_col_pvid">PVID Ports</th>
|
|
<th data-i18n="vlan_col_delete">Delete</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="vlanTableBody">
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<script src="/navigation.js"></script>
|
|
</body>
|
|
</html>
|