| lh | 9ed821d | 2023-04-07 01:36:19 -0700 | [diff] [blame^] | 1 | <div id="innerContainer">
|
| 2 | <div class="row header-row">
|
| 3 | <div class="col-xs-1">
|
| 4 | <a href="#main">
|
| 5 | <img alt="" src="pic/direct-back.png">
|
| 6 | </a>
|
| 7 | </div>
|
| 8 | <div class="col-xs-11">
|
| 9 | <div class="form-title form-title-multi">
|
| 10 | <h1 data-trans='wifi_wireless_settings'></h1>
|
| 11 | <p data-trans="wifi_main_sub_title"></p>
|
| 12 | </div>
|
| 13 | </div>
|
| 14 | </div>
|
| 15 | <div class="row">
|
| 16 | <div class="col-xs-2">
|
| 17 | <div class="nav_right">
|
| 18 | <ul data-bind="visible: isShowSSIDInfoDiv">
|
| 19 | <li class="active"><a data-trans="multi_ssid_1" data-bind="attr:{'data-trans': hasMultiSSID ? 'multi_ssid_1':'ssid_title'}" href="#wlan_main"></a></li>
|
| 20 | <li data-bind="visible: hasMultiSSID"><a data-trans="multi_ssid_2" href="#wlan_guset"></a></li>
|
| 21 | <li><a data-trans="wps" href="#wlan_wps"></a></li>
|
| 22 | <li data-bind="visible: hasAPStation"><a data-trans="ap_station" href="#wlan_station"></a></li>
|
| 23 | <li><a data-trans="wifi_advance" href="#wlan_adv"></a></li>
|
| 24 | <li data-bind="visible: hasWlanMacfilter"><a data-trans="mac_filter" href="#filter_mac"></a></li>
|
| 25 | </ul>
|
| 26 | </div>
|
| 27 | </div>
|
| 28 | <div class="col-xs-10">
|
| 29 |
|
| 30 | <div class="form-body">
|
| 31 | <form id="frmWifiSwitch" role="form">
|
| 32 | <div class="content margin-top-20">
|
| 33 | <div data-bind="visible: hasWifiSwitch" class="row form-group">
|
| 34 | <label data-trans="wifi_switch" class="col-xs-4 side-right"></label>
|
| 35 | <div class="col-xs-6">
|
| 36 | <div class="row">
|
| 37 | <div class="col-xs-4">
|
| 38 | <input id="wifi_switch_enable"
|
| 39 | data-bind="checked: wifi_enable" name="wifi_switch" type="radio" value="1"/>
|
| 40 | <label data-trans="enable" for="wifi_switch_enable"></label>
|
| 41 | </div>
|
| 42 | <div class="col-xs-4">
|
| 43 | <input id="wifi_switch_disable"
|
| 44 | data-bind="checked: wifi_enable" name="wifi_switch" type="radio" value="0"/>
|
| 45 | <label data-trans="disable" for="wifi_switch_disable"></label>
|
| 46 | </div>
|
| 47 | </div>
|
| 48 | </div>
|
| 49 | </div>
|
| 50 | <div data-bind="visible: wifi_enable() == '1' && hasMultiSSID" class="row form-group">
|
| 51 | <label data-trans="multi_ssid_enable" class="col-xs-4 side-right"></label>
|
| 52 | <div class="col-xs-6">
|
| 53 | <div class="row">
|
| 54 | <div class="col-xs-4">
|
| 55 | <input id="multi_ssid_switch_enable"
|
| 56 | data-bind="checked: multi_ssid_enable" name="multi_ssid_switch" type="radio" value="1"/>
|
| 57 | <label data-trans="enable" for="multi_ssid_switch_enable"></label>
|
| 58 | </div>
|
| 59 | <div class="col-xs-4">
|
| 60 | <input id="multi_ssid_switch_disable"
|
| 61 | data-bind="checked: multi_ssid_enable" name="multi_ssid_switch" type="radio" value="0"/>
|
| 62 | <label data-trans="disable" for="multi_ssid_switch_disable"></label>
|
| 63 | </div>
|
| 64 | </div>
|
| 65 | </div>
|
| 66 | </div>
|
| 67 | <div data-bind="visible: hasWifiSwitch || (wifi_enable() == '1' && hasMultiSSID)" class="form-buttons">
|
| 68 | <input id="wifi_switch_apply" data-trans='apply' type="submit" formmethod="post" class="btn btn-primary"/>
|
| 69 | <!--input id="wifi_switch_cancel" type="button" class="btn-1 " data-bind='click: function(){clear("switch");}' data-trans='cancel'/-->
|
| 70 | </div>
|
| 71 | </div>
|
| 72 | </form>
|
| 73 |
|
| 74 |
|
| 75 | <!--form id="frmMultiSSID" data-bind="visible:hasMultiSSID && !hasWifiSwitch">
|
| 76 | <div class="form-title" data-trans="multi_ssid_enable"></div>
|
| 77 | <div class="content">
|
| 78 | <div class="row form-group">
|
| 79 | <label class="col-xs-4 side-right" data-trans="multi_ssid_enable"></label>
|
| 80 | <div class="col-xs-6">
|
| 81 | <input type="radio" name="multi_ssid_switch" id="multi_ssid_switch_enable"
|
| 82 | data-bind="checked: multi_ssid_enable" value="1"/>
|
| 83 | <label for="multi_ssid_switch_enable" data-trans="enable"></label>
|
| 84 | <input type="radio" name="multi_ssid_switch" id="multi_ssid_switch_disable"
|
| 85 | data-bind="checked: multi_ssid_enable" value="0"/>
|
| 86 | <label for="multi_ssid_switch_disable" data-trans="disable"></label>
|
| 87 | </div>
|
| 88 | </div>
|
| 89 | <div class="form-buttons">
|
| 90 | <input id="mutissid_apply" type="submit" formmethod="post" class="btn-1 " data-trans='apply'/>
|
| 91 | <input id="multissid_cancel" type="button" class="btn-1 " data-bind='click: function(){clear("switch");}' data-trans='cancel'/>
|
| 92 | </div>
|
| 93 | </div>
|
| 94 | </form-->
|
| 95 | <div data-bind="visible: isShowSSIDInfoDiv">
|
| 96 | <form id="frmSSID1">
|
| 97 | <h3 data-bind="attr:{'data-trans': hasMultiSSID ? 'multi_ssid_1':'ssid_title'}" class="form-title"></h3>
|
| 98 | <div class="content">
|
| 99 | <div class="row form-group">
|
| 100 | <label data-trans="network_name" for="ssid" class="col-xs-4 side-right"></label>
|
| 101 | <div class="col-xs-6">
|
| 102 | <input id="ssid" data-bind="value: ssid" maxlength="32" name="ssid" type="text" class="required form-control"/>
|
| 103 | </div>
|
| 104 | </div>
|
| 105 | <div class="row form-group">
|
| 106 | <label class="col-xs-4"></label>
|
| 107 | <div class="col-xs-8 label-absolute">
|
| 108 | <p data-bind="css:{'checkbox_selected': broadcast() == '0'}" class="checkbox">
|
| 109 | <input id="broadcastCheckbox" data-bind="checked: broadcast() == '0'" name="broadcastCheckbox" type="checkbox" value="1"/>
|
| 110 | </p>
|
| 111 | <label data-trans="wifi_broadcast_desc"></label>
|
| 112 | </div>
|
| 113 | </div>
|
| 114 | <div data-bind="visible: showIsolated" class="row form-group">
|
| 115 | <label class="col-xs-4"></label>
|
| 116 | <div class="col-xs-8">
|
| 117 | <p data-bind="css:{'checkbox_selected': apIsolation() == 1}" class="checkbox">
|
| 118 | <input id="apisolatedCheckbox" data-bind="checked: apIsolation() == 1" name="apisolatedCheckbox" type="checkbox" value="1"/>
|
| 119 | </p>
|
| 120 | <label data-trans="wifi_isolated_desc"></label>
|
| 121 | </div>
|
| 122 | </div>
|
| 123 | <div class="row form-group">
|
| 124 | <label data-trans='security_mode' for='mode' class="col-xs-4 side-right"></label>
|
| 125 | <div class="col-xs-6">
|
| 126 | <select id="mode" data-transid='security_mode'
|
| 127 | data-bind="options: modes, value: selectedMode, optionsText: transOption('security_mode'), optionsValue: 'value'" class="form-control"></select>
|
| 128 | </div>
|
| 129 | </div>
|
| 130 |
|
| 131 | <div data-bind='visible: selectedMode() == "OPEN" && hasWifiWep' class="row form-group">
|
| 132 | <label data-trans='ap_station_encrypt_type' class="col-xs-4 side-right" for='selEncryptType'></label>
|
| 133 | <div class="col-xs-6">
|
| 134 | <select id="selEncryptType" data-bind="value: encryptType,optionsValue: 'value'" class="form-control">
|
| 135 | <option data-trans="ap_station_encrypt_type_none" value="NONE"></option>
|
| 136 | <option data-trans="ap_station_encrypt_type_wep" value="WEP"></option>
|
| 137 | </select>
|
| 138 | </div>
|
| 139 | </div>
|
| 140 | <div data-bind='visible: (selectedMode() == "OPEN" && encryptType() == "WEP" && hasWifiWep) || (selectedMode() == "SHARED" && hasWifiWep)' class="row form-group">
|
| 141 | <label data-trans='ap_station_wep_default_key' for='selWepKeyType' class="col-xs-4 side-right"></label>
|
| 142 | <div class="col-xs-6">
|
| 143 | <select id="selWepKeyType" data-bind="value: keyID,optionsValue: 'value', event:{ change: profileChangeHandler}" class="form-control">
|
| 144 | <option data-trans="ap_station_wep_key_0" value="0"></option>
|
| 145 | <option data-trans="ap_station_wep_key_1" value="1"></option>
|
| 146 | <option data-trans="ap_station_wep_key_2" value="2"></option>
|
| 147 | <option data-trans="ap_station_wep_key_3" value="3"></option>
|
| 148 | </select>
|
| 149 | </div>
|
| 150 | </div>
|
| 151 | <div data-bind='visible: (selectedMode() == "OPEN" && encryptType() == "WEP" && hasWifiWep) || (selectedMode() == "SHARED" && hasWifiWep)' class="row form-group">
|
| 152 | <label data-trans='ap_station_wep_key' for='pwdWepKey' class="col-xs-4 side-right"></label>
|
| 153 | <div class="col-xs-6">
|
| 154 | <input id='pwdWepKey'
|
| 155 | data-bind="value: wepPassword,visible:!showPassword()" maxlength='26' name="pwdWepKey" type="password" class="required form-control"/>
|
| 156 | <input id='txtWepKey'
|
| 157 | data-bind="value: wepPassword,visible:showPassword()" maxlength='26' name="txtWepKey" type="text" class="required form-control"/>
|
| 158 | <div class="margin-top-10">
|
| 159 | <p data-bind="css:{'checkbox_selected': showPassword()}, click: showPasswordHandler"
|
| 160 | manualControl="true" class="checkbox">
|
| 161 | <input id="showWepPassword" data-bind="checked:showPassword" type="checkbox"/>
|
| 162 | </p>
|
| 163 | <label data-trans="display_password" for="showWepPassword" class="floatleft margintop5 lineheight25"/>
|
| 164 | </div>
|
| 165 | <div id="lblShowWepPassword" class="clear"></div>
|
| 166 | </div>
|
| 167 | </div>
|
| 168 | <div id="passwordContainer"
|
| 169 | data-bind='visible: selectedMode() == "WPA2PSK" || selectedMode() == "WPAPSKWPA2PSK" || selectedMode() == "WPA3Personal" || selectedMode() == "WPA2WPA3"' class="row form-group">
|
| 170 | <label data-trans='pass_phrase' for='txtWPAKey' class="col-xs-4 side-right"></label>
|
| 171 | <div class="col-xs-6">
|
| 172 | <input id='codeWPAKey' data-bind="value: passPhrase,visible:!showPassword()"
|
| 173 | minlength='8' maxlength='63' name="codeWPAKey" type="password" class="required form-control"/>
|
| 174 | <input id='txtWPAKey' data-bind="value: passPhrase,visible:showPassword()"
|
| 175 | minlength='8' maxlength='63' name="txtWPAKey" type="text" class="required form-control"/>
|
| 176 | <div class="margin-top-10">
|
| 177 | <p data-bind="css:{'checkbox_selected': showPassword()}, click: showPasswordHandler" manualControl="true" class="checkbox">
|
| 178 | <input id="showPassword" data-bind="checked:showPassword" type="checkbox"/>
|
| 179 | </p>
|
| 180 | <label data-trans="display_password" class="floatleft lineheight25 margintop5"></label>
|
| 181 | </div>
|
| 182 | <div id="lblshowWPAPassword" class="clear"></div>
|
| 183 | </div>
|
| 184 | </div>
|
| 185 | <div class="row form-group">
|
| 186 | <label class="col-xs-4 side-right" ></label>
|
| 187 | <div class="col-xs-6">
|
| 188 | <div data-bind="visible: showQRSwitch" class="margin-top-10">
|
| 189 | <p data-bind="css:{'checkbox_selected': showQR()}, click: showQRHandler" manualControl="true" class="checkbox">
|
| 190 | <input id="showQR" data-bind="checked:showQR" type="checkbox"/>
|
| 191 | </p>
|
| 192 | <label data-trans="display_QR" class="floatleft lineheight25 margintop5"></label>
|
| 193 | </div>
|
| 194 | <div id="h_qrcode" data-bind="visible: showQRCode">
|
| 195 | <img id="qrcode_img" data-bind="attr: {src: qrcodeSrc}" src="./pic/res_blacktrans.png" width="111"/>
|
| 196 | </div>
|
| 197 | </div>
|
| 198 | </div>
|
| 199 | <div class="row form-group">
|
| 200 | <label data-trans="max_station_number" class="col-xs-4 side-right" for="maxStation"></label>
|
| 201 |
|
| 202 | <div class="col-xs-6">
|
| 203 | <select id="maxStation"
|
| 204 | data-bind="options: maxStations, value: selectedStation, optionsText: 'text', optionsValue: 'value'" name="maxStation" class="form-control"></select>
|
| 205 | </div>
|
| 206 | </div>
|
| 207 |
|
| 208 | </div>
|
| 209 | <div class="form-buttons">
|
| 210 | <input id="ssid1_apply" data-trans='apply' data-bind="disable: (adBand()=='b' && adMode() == '2' && selectedMode() == 'SHARED') || (adBand()=='b' && adMode() == '2' && selectedMode() == 'OPEN' && encryptType() == 'WEP')" type="submit" formmethod="post" class="btn btn-primary"/>
|
| 211 | <!--input id="ssid1_cancel" type="button" class="btn-1 " data-bind='click: function(){clear("ssid1");}' data-trans='cancel'/-->
|
| 212 | </div>
|
| 213 | </form>
|
| 214 | <div class="form-note">
|
| 215 | <div class="notes-title"> </div>
|
| 216 | <ul class="notes-content">
|
| 217 | <li data-bind="visible: hasMultiSSID" data-trans="wifi_basic_note_multi_ssid_switch"></li>
|
| 218 | <li data-trans="wifi_basic_note_network_name"></li>
|
| 219 | <!--<li data-trans="wifi_basic_note_network_name_input"></li>-->
|
| 220 | <li data-trans="wifi_basic_note_broadcast"></li>
|
| 221 | <li data-trans="wifi_basic_note_security_mode"></li>
|
| 222 | <li class="no-style">
|
| 223 | <ul>
|
| 224 | <li data-trans="wifi_basic_note_no_encryption"></li>
|
| 225 | <li data-bind='visible: hasWifiWep' data-trans="wifi_basic_note_shared"></li>
|
| 226 | <li data-trans="wifi_basic_note_wpa_psk_aes"></li>
|
| 227 | <li data-trans="wifi_basic_note_wpa_psk"></li>
|
| 228 | <li data-bind='visible: hasWifiWpa3' data-trans="wifi_basic_note_wpa3"></li>
|
| 229 | <li data-bind='visible: hasWifiWpa23' data-trans="wifi_basic_note_wpa2_wpa3"></li>
|
| 230 | </ul>
|
| 231 | </li>
|
| 232 | <li data-trans="wifi_basic_note_pass_phrase"></li>
|
| 233 | <li data-trans="wifi_basic_note_max_station_number"></li>
|
| 234 | </ul>
|
| 235 | </div>
|
| 236 | </div>
|
| 237 | </div>
|
| 238 |
|
| 239 | </div>
|
| 240 | </div>
|
| 241 | </div> |