blob: 31785c3888dc49c47c66b57fb937227dab831e83 [file] [log] [blame]
lh9ed821d2023-04-07 01:36:19 -07001<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" 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 class="active"><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 <div data-bind="visible: isShowSSIDInfoDiv" class="content">
75 <form id='wpsForm' role="form">
76 <h3 data-bind="attr:{'data-trans': 'wps'}" class="form-title"></h3>
77 <div data-bind="visible: hasMultiSSID" class="row form-group">
78 <label data-trans='ssid_title' for="multiSSID" class="col-xs-4 side-right"></label>
79 <div class="col-xs-4">
80 <select id="multiSSID" data-bind="options: mulOption, value: wpsSSID, optionsValue: 'value', optionsText: 'text'" class="valid form-control">
81 </select>
82 </div>
83 </div>
84 <div class="row form-group">
85 <label data-trans="wps" class="col-xs-4 side-right"></label>
86 <div class="col-xs-6">
87 <div class="row">
88 <div class="col-xs-4">
89 <input id="pinMode" data-bind="checked: wpsType" name="wpsMode" type="radio" value="PIN"/>
90 <label data-trans="wps_pin" for="pinMode"></label>
91 </div>
92 <div class="col-xs-6">
93 <input id="txtPin" data-bind="value: wpsPin, enable: wpsType() == 'PIN', valueUpdate: 'keypress'" maxlength="9" name="txtPin" type="text" class="required margin-left-5 form-control"/>
94 </div>
95 </div>
96 </div>
97 </div>
98 <div class="row form-group">
99 <label class="col-xs-4 side-right"></label>
100 <div class="col-xs-6">
101 <input id="pbcMode" data-bind="checked: wpsType" name="wpsMode" type="radio" value="PBC"/>
102 <label data-trans="wps_pbc" for="pbcMode"></label>
103 </div>
104 </div>
105 <div class="form-buttons">
106 <input data-bind="enable: wpsType() != '', css:{disabled: wpsType() == ''}" class="btn btn-primary" data-trans='apply' type="submit" formmethod="post"/>
107 </div>
108 <div class="form-note">
109 <div class="notes-title">&nbsp;</div>
110 <ul class="notes-content">
111 <li data-trans="wps_note_all"></li>
112 <li data-trans="wps_note_pin"></li>
113 <li data-trans="wps_note_pbc"></li>
114 <li data-trans="wps_note_wait"></li>
115 </ul>
116 </div>
117 </form>
118 </div>
119</div>
120 </div>
121</div>
122</div>