| lh | 9ed821d | 2023-04-07 01:36:19 -0700 | [diff] [blame^] | 1 | <link type="text/css" href="./css/jqui.css" rel="stylesheet" />
|
| 2 | <div id="innerContainer">
|
| 3 | <div class="row header-row">
|
| 4 | <div class="col-xs-1">
|
| 5 | <a href="#main">
|
| 6 | <img alt="" src="pic/direct-back.png">
|
| 7 | </a>
|
| 8 | </div>
|
| 9 | <div class="col-xs-11">
|
| 10 | <div class="form-title form-title-multi">
|
| 11 | <h1 data-trans='wifi_wireless_settings'></h1>
|
| 12 | <p data-trans="wifi_main_sub_title"></p>
|
| 13 | </div>
|
| 14 | </div>
|
| 15 | </div>
|
| 16 | <div class="row">
|
| 17 | <div class="col-xs-2">
|
| 18 | <div class="nav_right">
|
| 19 | <ul data-bind="visible: isShowSSIDInfoDiv">
|
| 20 | <li><a data-trans="multi_ssid_1" data-bind="attr:{'data-trans': hasMultiSSID ? 'multi_ssid_1':'ssid_title'}" href="#wlan_main"></a></li>
|
| 21 | <li data-bind="visible: hasMultiSSID"><a data-trans="multi_ssid_2" href="#wlan_guset"></a></li>
|
| 22 | <li><a data-trans="wps" href="#wlan_wps"></a></li>
|
| 23 | <li data-bind="visible: hasAPStation"><a data-trans="ap_station" href="#wlan_station"></a></li>
|
| 24 | <li class="active"><a data-trans="wifi_advance" href="#wlan_adv"></a></li>
|
| 25 | <li data-bind="visible: hasWlanMacfilter"><a data-trans="mac_filter" href="#filter_mac"></a></li>
|
| 26 | </ul>
|
| 27 | </div>
|
| 28 | </div>
|
| 29 | <div class="col-xs-10">
|
| 30 |
|
| 31 | <div class="form-body">
|
| 32 | <form id="frmWifiSwitch" role="form">
|
| 33 | <div class="content margin-top-20">
|
| 34 | <div data-bind="visible: hasWifiSwitch" class="row form-group">
|
| 35 | <label data-trans="wifi_switch" class="col-xs-4 side-right"></label>
|
| 36 | <div class="col-xs-6">
|
| 37 | <div class="row">
|
| 38 | <div class="col-xs-4">
|
| 39 | <input id="wifi_switch_enable"
|
| 40 | data-bind="checked: wifi_enable" name="wifi_switch" type="radio" value="1"/>
|
| 41 | <label data-trans="enable" for="wifi_switch_enable"></label>
|
| 42 | </div>
|
| 43 | <div class="col-xs-4">
|
| 44 | <input id="wifi_switch_disable"
|
| 45 | data-bind="checked: wifi_enable" name="wifi_switch" type="radio" value="0"/>
|
| 46 | <label data-trans="disable" for="wifi_switch_disable"></label>
|
| 47 | </div>
|
| 48 | </div>
|
| 49 | </div>
|
| 50 | </div>
|
| 51 | <div data-bind="visible: wifi_enable() == '1' && hasMultiSSID" class="row form-group">
|
| 52 | <label data-trans="multi_ssid_enable" class="col-xs-4 side-right"></label>
|
| 53 | <div class="col-xs-6">
|
| 54 | <div class="row">
|
| 55 | <div class="col-xs-4">
|
| 56 | <input id="multi_ssid_switch_enable"
|
| 57 | data-bind="checked: multi_ssid_enable" name="multi_ssid_switch" type="radio" value="1"/>
|
| 58 | <label data-trans="enable" for="multi_ssid_switch_enable"></label>
|
| 59 | </div>
|
| 60 | <div class="col-xs-4">
|
| 61 | <input id="multi_ssid_switch_disable"
|
| 62 | data-bind="checked: multi_ssid_enable" name="multi_ssid_switch" type="radio" value="0"/>
|
| 63 | <label data-trans="disable" for="multi_ssid_switch_disable"></label>
|
| 64 | </div>
|
| 65 | </div>
|
| 66 | </div>
|
| 67 | </div>
|
| 68 | <div data-bind="visible: hasWifiSwitch || (wifi_enable() == '1' && hasMultiSSID)" class="form-buttons">
|
| 69 | <input id="wifi_switch_apply" data-trans='apply' type="submit" formmethod="post" class="btn btn-primary"/>
|
| 70 | <!--input id="wifi_switch_cancel" type="button" class="btn-1 " data-bind='click: function(){clear("switch");}' data-trans='cancel'/-->
|
| 71 | </div>
|
| 72 | </div>
|
| 73 | </form>
|
| 74 |
|
| 75 |
|
| 76 |
|
| 77 | <form id="wifi_advance_form" data-bind="visible: isShowSSIDInfoDiv">
|
| 78 | <h3 data-bind="attr:{'data-trans': 'wifi_advance'}" class="form-title"></h3>
|
| 79 | <div class="content">
|
| 80 | <!--<div data-bind="visible: hasMultiSSID && origin_multi_ssid_enable == '1'">-->
|
| 81 | <!--<div class="row margin-bottom-20">-->
|
| 82 | <!--<div class="col-xs-12">-->
|
| 83 | <!--<span data-trans="max_station_number"></span>(<span data-bind="text: maxStationNumber"></span>)-->
|
| 84 | <!--</div>-->
|
| 85 | <!--</div>-->
|
| 86 | <!--<div class="row">-->
|
| 87 | <!--<div class="col-xs-2">-->
|
| 88 | <!--</div>-->
|
| 89 | <!--<div class="col-xs-8">-->
|
| 90 | <!--<div id="slider-range"></div>-->
|
| 91 | <!--</div>-->
|
| 92 | <!--<div class="col-xs-2">-->
|
| 93 | <!--</div>-->
|
| 94 | <!--</div>-->
|
| 95 | <!--<div class="row margin-top-20 margin-bottom-20">-->
|
| 96 | <!--<div class="col-xs-2">-->
|
| 97 | <!--</div>-->
|
| 98 | <!--<div class="col-xs-8">-->
|
| 99 | <!--<span class="color_block"></span>-->
|
| 100 | <!--<span class="color_block_desc margin-right-20" id="main_ssid_num"></span>-->
|
| 101 | <!--<span class="color_block" style="background-color: #4D9DF0"></span>-->
|
| 102 | <!--<span class="color_block_desc margin-right-20" id="guest_ssid_num"></span>-->
|
| 103 | <!--</div>-->
|
| 104 | <!--<div class="col-xs-2">-->
|
| 105 | <!--</div>-->
|
| 106 | <!--</div>-->
|
| 107 | <!--<div class="row margin-top-20 margin-bottom-20">-->
|
| 108 | <!--<div class="col-xs-12" data-trans="wifi_slider_desc">-->
|
| 109 | <!--</div>-->
|
| 110 | <!--</div>-->
|
| 111 | <!--</div>-->
|
| 112 | <div data-bind="visible: hasWifiBand()" class="row form-group">
|
| 113 | <label data-trans="network_band_selection" for="band_select" class="col-xs-4 side-right"></label>
|
| 114 | <div class="col-xs-6">
|
| 115 | <label data-bind="visible: bands().length == 1, attr:{'data-trans': oneBandTrans}"></label>
|
| 116 | <select id="band_select" data-bind="options: bands, value: selectedBand, optionsText: 'text', optionsValue: 'value', visible: bands().length > 1,event:{ change: bandChangeHandler}" name="band_select" required="true" class="form-control"></select>
|
| 117 | </div>
|
| 118 | </div>
|
| 119 | <div class="row form-group">
|
| 120 | <label id="modeLabel" data-trans="network_mode" for="mode" class="col-xs-4 side-right"></label>
|
| 121 | <div class="col-xs-6">
|
| 122 | <select id="mode" data-transid="network_mode_select" data-bind="options: modes, value: selectedMode, optionsText: transOption('network_mode_select'), optionsValue: 'value', event:{ change: modeChangeHandler}" name="mode" required="true" style="display:none" class="form-control"></select>
|
| 123 | <label data-bind="visible: modes().length == 1, attr:{'data-trans': oneModeTrans}"></label>
|
| 124 | <select id="modeFor5HZ" data-transid="network_modes_band_select" data-bind="options: modes, value: selectedMode, optionsText: transOption('network_modes_band_select'), optionsValue: 'value', event:{ change: modeChangeHandler}" name="mode" required="true" style="display:none" class="form-control"></select>
|
| 125 | </div>
|
| 126 | </div>
|
| 127 | <div data-bind="visible: hasBandwidth()" class="row form-group">
|
| 128 | <label data-trans="wifi_channel_bandwidth" for="wifi_channel_bandwidth" class="col-xs-4 side-right"></label>
|
| 129 | <div class="col-xs-6">
|
| 130 | <select id="wifi_channel_bandwidth" data-bind="options: channelBandwidths, value: selectedChannelBandwidth, optionsText: 'text', optionsValue: 'value'" name="channelBandwidth" required="true" class="form-control"></select>
|
| 131 | </div>
|
| 132 | </div>
|
| 133 | <div class="row form-group">
|
| 134 | <label data-trans="country_region_code" for="country" class="col-xs-4 side-right"></label>
|
| 135 | <div class="col-xs-6">
|
| 136 | <select id="country" data-bind="options: countries, value: selectedCountry, optionsText: 'text', optionsValue: 'value', event:{ change: countryChangeHandler}" name="country" class="form-control"></select>
|
| 137 | </div>
|
| 138 | </div>
|
| 139 | <div class="row form-group">
|
| 140 | <label data-trans="frequency_channel" class="col-xs-4 side-right" for="channel"></label>
|
| 141 | <div class="col-xs-6">
|
| 142 | <select id="channel" data-transid="frequency_channel" data-bind="options: channels, value: selectedChannel, optionsText: transOption('frequency_channel', true), optionsValue: 'value', visible: selectedBand() == 'b' || !hasWifiBand()" name="channel" class="form-control"></select>
|
| 143 | <label data-trans='auto' data-bind="visible: selectedBand() == 'a' && hasWifiBand()"></label>
|
| 144 | </div>
|
| 145 | </div>
|
| 146 | <div data-bind="visible: hasWifiBand() == false" class="row form-group">
|
| 147 | <label data-trans="rate" for="rate" class="col-xs-4 side-right"></label>
|
| 148 | <div class="col-xs-6">
|
| 149 | <select id="rate" data-transid="rate" data-bind="options: rates, value: selectedRate, optionsText: transOption('rate'), optionsValue: 'value'" name="rate" class="form-control"></select>
|
| 150 | </div>
|
| 151 | </div>
|
| 152 | <div class="form-buttons">
|
| 153 | <input data-trans="apply" data-bind="disable:isF() == 1 && selectedMode() == '2'" type="submit" formmethod="post" class="btn btn-primary"/>
|
| 154 | </div>
|
| 155 | </div>
|
| 156 |
|
| 157 | <div class="form-note">
|
| 158 | <div class="notes-title"> </div>
|
| 159 | <ul class="notes-content">
|
| 160 | <li data-trans="wifi_advanced_note_band_selection"></li>
|
| 161 | <li data-trans="wifi_advanced_note_network_mode"></li>
|
| 162 | <li data-trans="wifi_advanced_note_country_code"></li>
|
| 163 | <li data-trans="wifi_advanced_note_frequency"></li>
|
| 164 | </ul>
|
| 165 | </div>
|
| 166 | </form>
|
| 167 | </div>
|
| 168 | </div>
|
| 169 | </div>
|
| 170 | </div> |