| 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><a data-trans="multi_ssid_1" href="#wlan_main"></a></li>
|
| 20 | <li class="active"><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'" 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 | <!--
|
| 76 | <form id="frmMultiSSID" data-bind="visible:hasMultiSSID && !hasWifiSwitch">
|
| 77 | <div class="form-title" data-trans="multi_ssid_enable"></div>
|
| 78 | <div class="content">
|
| 79 | <div class="row form-group">
|
| 80 | <label class="col-xs-4 side-right" data-trans="multi_ssid_enable"></label>
|
| 81 | <div class="col-xs-6">
|
| 82 | <input type="radio" name="multi_ssid_switch" id="multi_ssid_switch_enable"
|
| 83 | data-bind="checked: multi_ssid_enable" value="1"/>
|
| 84 | <label for="multi_ssid_switch_enable" data-trans="enable"></label>
|
| 85 | <input type="radio" name="multi_ssid_switch" id="multi_ssid_switch_disable"
|
| 86 | data-bind="checked: multi_ssid_enable" value="0"/>
|
| 87 | <label for="multi_ssid_switch_disable" data-trans="disable"></label>
|
| 88 | </div>
|
| 89 | </div>
|
| 90 | <div class="form-buttons">
|
| 91 | <input id="mutissid_apply" type="submit" formmethod="post" class="btn-1 " data-trans='apply'/>
|
| 92 | <input id="multissid_cancel" type="button" class="btn-1 " data-bind='click: function(){clear("switch");}' data-trans='cancel'/>
|
| 93 | </div>
|
| 94 | </div>
|
| 95 | </form>-->
|
| 96 | <div data-bind="visible: isShowSSIDInfoDiv">
|
| 97 | <div data-bind="visible:origin_multi_ssid_enable!='1'|| !hasMultiSSID" data-trans="wif_guest_disabled">
|
| 98 | </div>
|
| 99 | <form id="frmSSID2" data-bind="visible:origin_multi_ssid_enable=='1'&& hasMultiSSID">
|
| 100 | <h3 data-bind="attr:{'data-trans': 'multi_ssid_2'}" class="form-title"></h3>
|
| 101 | <div class="content">
|
| 102 | <div class="row form-group">
|
| 103 | <label for="m_ssid" data-trans="network_name" class="col-xs-4 side-right"></label>
|
| 104 |
|
| 105 | <div class="col-xs-6">
|
| 106 | <input id="m_ssid" data-bind="value: m_ssid" maxlength="32" name="m_ssid" type="text" class="required form-control"/>
|
| 107 | </div>
|
| 108 | </div>
|
| 109 | <div class="row form-group">
|
| 110 | <label class="col-xs-4 side-right"></label>
|
| 111 | <div class="col-xs-8 label-absolute">
|
| 112 | <p data-bind="css:{'checkbox_selected': m_broadcast() == '0'}" class="checkbox">
|
| 113 | <input id="mBroadcastCheckbox" data-bind="checked: m_broadcast() == '0'" name="mBroadcastCheckbox" type="checkbox" value="1"/>
|
| 114 | </p>
|
| 115 | <label data-trans="wifi_broadcast_desc"></label>
|
| 116 | </div>
|
| 117 | </div>
|
| 118 | <div data-bind="visible: showIsolated" class="row form-group">
|
| 119 | <label class="col-xs-4"></label>
|
| 120 | <div class="col-xs-8">
|
| 121 | <p data-bind="css:{'checkbox_selected': m_apIsolation() == 1}" class="checkbox">
|
| 122 | <input id="mApIsolatedCheckbox" data-bind="checked: m_apIsolation() == 1" name="mApIsolatedCheckbox" type="checkbox" value="1"/>
|
| 123 | </p>
|
| 124 | <label data-trans="wifi_isolated_desc"></label>
|
| 125 | </div>
|
| 126 | </div>
|
| 127 | <div class="row form-group">
|
| 128 | <label data-trans='security_mode' class="col-xs-4 side-right" for='m_mode'></label>
|
| 129 | <div class="col-xs-6">
|
| 130 | <select id="m_mode" data-transid='security_mode'
|
| 131 | data-bind="options: m_modes, value: m_selectedMode, optionsText: transOption('security_mode'), optionsValue: 'value'" class="form-control"></select>
|
| 132 | </div>
|
| 133 | </div>
|
| 134 | <div data-bind='visible: m_selectedMode() == "OPEN" && hasWifiWep' class="row form-group">
|
| 135 | <label data-trans='ap_station_encrypt_type' for='m_selEncryptType' class="col-xs-4 side-right"></label>
|
| 136 | <div class="col-xs-6">
|
| 137 | <select id="m_selEncryptType" data-bind="value: m_encryptType,optionsValue: 'value'" class="form-control">
|
| 138 | <option data-trans="ap_station_encrypt_type_none" value="NONE"></option>
|
| 139 | <option data-trans="ap_station_encrypt_type_wep" value="WEP"></option>
|
| 140 | </select>
|
| 141 | </div>
|
| 142 | </div>
|
| 143 | <div data-bind='visible: (m_selectedMode() == "OPEN" && m_encryptType() == "WEP" && hasWifiWep) || (m_selectedMode() == "SHARED" && hasWifiWep)' class="row form-group">
|
| 144 | <label data-trans='ap_station_wep_default_key' for='m_selWepKeyType' class="col-xs-4 side-right"></label>
|
| 145 | <div class="col-xs-6">
|
| 146 | <select id="m_selWepKeyType" data-bind="value: m_keyID,optionsValue: 'value', event:{ change: profileChangeHandler}" class="form-control">
|
| 147 | <option data-trans="ap_station_wep_key_0" value="0"></option>
|
| 148 | <option data-trans="ap_station_wep_key_1" value="1"></option>
|
| 149 | <option data-trans="ap_station_wep_key_2" value="2"></option>
|
| 150 | <option data-trans="ap_station_wep_key_3" value="3"></option>
|
| 151 | </select>
|
| 152 | </div>
|
| 153 | </div>
|
| 154 | <div data-bind='visible: (m_selectedMode() == "OPEN" && m_encryptType() == "WEP" && hasWifiWep) || (m_selectedMode() == "SHARED" && hasWifiWep)' class="row form-group">
|
| 155 | <label data-trans='ap_station_wep_key' for='m_pwdWepKey' class="col-xs-4 side-right"></label>
|
| 156 |
|
| 157 | <div class="col-xs-6">
|
| 158 | <input id='m_pwdWepKey'
|
| 159 | data-bind="value: m_wepPassword,visible:!m_showPassword()" maxlength='26' name="m_pwdWepKey" type="password" class="required form-control"/>
|
| 160 | <input id='m_txtWepKey'
|
| 161 | data-bind="value: m_wepPassword,visible:m_showPassword()" maxlength='26' name="m_txtWepKey" type="text" class="required form-control"/>
|
| 162 | <div class="margin-top-10">
|
| 163 | <p data-bind="css:{'checkbox_selected': m_showPassword()}, click: m_showPasswordHandler"
|
| 164 | manualControl="true" class="checkbox">
|
| 165 | <input id="m_showWepPassword" data-bind="checked:m_showPassword" type="checkbox"/>
|
| 166 | </p>
|
| 167 | <label data-trans="display_password" for="m_showWepPassword" class="floatleft margintop5 lineheight25"/>
|
| 168 | </div>
|
| 169 | <div id="m_lblShowWepPassword" class="clear"></div>
|
| 170 | </div>
|
| 171 | </div>
|
| 172 | <div id="passwordContainer" data-bind='visible: m_selectedMode() == "WPA2PSK" || m_selectedMode() == "WPAPSKWPA2PSK" || m_selectedMode() == "WPA3Personal" || m_selectedMode() == "WPA2WPA3"' class="row form-group">
|
| 173 | <label data-trans='pass_phrase' for='m_pass' class="col-xs-4 side-right"></label>
|
| 174 |
|
| 175 | <div class="col-xs-6">
|
| 176 | <input id='m_pass' data-bind="value: m_passPhrase,visible:!m_showPassword()"
|
| 177 | minlength='8' maxlength='63' name="m_pass" type="password" class="required form-control floatleft margintop5"/>
|
| 178 | <input id='m_passShow' data-bind="value: m_passPhrase,visible:m_showPassword()"
|
| 179 | minlength='8' maxlength='63' name="m_passShow" type="text" class="required form-control floatleft margintop5"/>
|
| 180 | <div class="margin-top-10">
|
| 181 | <p data-bind="css:{'checkbox_selected': m_showPassword()}, click: m_showPasswordHandler" manualControl="true" class="checkbox floatleft margintop10 marginleft5 marginright5">
|
| 182 | <input id="m_showPassword" data-bind="checked:m_showPassword" type="checkbox"/>
|
| 183 | </p>
|
| 184 | <label data-trans="display_password" class="floatleft margintop5 lineheight25"></label>
|
| 185 | </div>
|
| 186 | <div id="m_lblShowPassword" class="clear"></div>
|
| 187 | </div>
|
| 188 | </div>
|
| 189 | <div class="row form-group">
|
| 190 | <label class="col-xs-4 side-right" ></label>
|
| 191 | <div class="col-xs-6">
|
| 192 | <div data-bind="visible: showQRSwitch" class="margin-top-10">
|
| 193 | <p data-bind="css:{'checkbox_selected': showQR()}, click: showQRHandler" manualControl="true" class="checkbox">
|
| 194 | <input id="showQR" data-bind="checked:showQR" type="checkbox"/>
|
| 195 | </p>
|
| 196 | <label data-trans="display_QR" class="floatleft lineheight25 margintop5"></label>
|
| 197 | </div>
|
| 198 | <div id="h_qrcode" data-bind="visible: showQRCode">
|
| 199 | <img id="qrcode_img" data-bind="attr: {src: qrcodeSrc}" src="./pic/res_blacktrans.png" width="111"/>
|
| 200 | </div>
|
| 201 | </div>
|
| 202 | </div>
|
| 203 | <div class="row form-group">
|
| 204 | <label data-trans="max_station_number" for="m_maxStation" class="col-xs-4 side-right"></label>
|
| 205 |
|
| 206 | <div class="col-xs-6">
|
| 207 | <select id="m_maxStation"
|
| 208 | data-bind="options: m_maxStations, value: m_selectedStation, optionsText: 'text', optionsValue: 'value'" name="m_maxStation" class="form-control"></select>
|
| 209 | </div>
|
| 210 | </div>
|
| 211 |
|
| 212 | </div>
|
| 213 | <div class="form-buttons">
|
| 214 | <input id="ssid2_apply" data-trans='apply' data-bind="disable: (adBand()=='b' && adMode() == '2' && m_selectedMode() == 'SHARED') || (adBand()=='b' && adMode() == '2' && m_selectedMode() == 'OPEN' && m_encryptType() == 'WEP')" type="submit" formmethod="post" class="btn btn-primary"/>
|
| 215 | <!--input id="ssid2_cancel" type="button" class="btn-1 " data-bind='click: function(){clear("ssid2");}' data-trans='cancel'/-->
|
| 216 | </div>
|
| 217 | </form>
|
| 218 | <div class="form-note">
|
| 219 | <div class="notes-title"> </div>
|
| 220 | <ul class="notes-content">
|
| 221 | <li data-trans="wifi_basic_note_multi_ssid_switch"></li>
|
| 222 | <li data-trans="wifi_basic_note_network_name"></li>
|
| 223 | <!--<li data-trans="wifi_basic_note_network_name_input"></li>-->
|
| 224 | <li data-trans="wifi_basic_note_broadcast"></li>
|
| 225 | <li data-trans="wifi_basic_note_security_mode"></li>
|
| 226 | <li class="no-style">
|
| 227 | <ul>
|
| 228 | <li data-trans="wifi_basic_note_no_encryption"></li>
|
| 229 | <li data-bind='visible: hasWifiWep' data-trans="wifi_basic_note_shared"></li>
|
| 230 | <li data-trans="wifi_basic_note_wpa_psk_aes"></li>
|
| 231 | <li data-trans="wifi_basic_note_wpa_psk"></li>
|
| 232 | <li data-bind='visible: hasWifiWpa3' data-trans="wifi_basic_note_wpa3"></li>
|
| 233 | <li data-bind='visible: hasWifiWpa23' data-trans="wifi_basic_note_wpa2_wpa3"></li>
|
| 234 | </ul>
|
| 235 | </li>
|
| 236 | <li data-trans="wifi_basic_note_pass_phrase"></li>
|
| 237 | <li data-trans="wifi_basic_note_max_station_number"></li>
|
| 238 | </ul>
|
| 239 | </div>
|
| 240 | </div>
|
| 241 | </div>
|
| 242 |
|
| 243 | </div>
|
| 244 | </div> |