[T106][ZXW-22]7520V3SCV2.01.01.02P42U09_VEC_V0.8_AP_VEC origin source commit
Change-Id: Ic6e05d89ecd62fc34f82b23dcf306c93764aec4b
diff --git a/ap/app/zte_webui/subpg/adm_lan.html b/ap/app/zte_webui/subpg/adm_lan.html
new file mode 100755
index 0000000..96272db
--- /dev/null
+++ b/ap/app/zte_webui/subpg/adm_lan.html
@@ -0,0 +1,106 @@
+<div id="innerContainer">
+ <div class="row header-row">
+ <div class="col-xs-1">
+ <a href="#main">
+ <img alt="" src="pic/direct-back.png">
+ </a>
+ </div>
+ <div class="col-xs-11">
+ <div class="form-title">
+ <h1 data-trans='advanced_settings'></h1>
+ </div>
+ </div>
+ </div>
+<div class="row">
+<div class="col-xs-2">
+ <div class="nav_right">
+ <ul>
+ <li><a href="#wlan_sleep" data-trans="sleep_mode"></a></li>
+ <li class="active"><a href="#route_set" data-trans="router_setting"></a></li>
+ <li><a href="#filter_main" data-trans="firewall"></a></li>
+ <li data-bind="visible:hasUpdateCheck"><a href="#fota" data-trans="update_settings"></a></li>
+ <li data-bind="visible:hasUssd"><a href="#usat" data-trans="USSD"></a></li>
+ <li data-bind="visible:hasDdns"><a href="#dynamic_dns" data-trans="DDNS"></a></li>
+ <li><a href="#more" data-trans="others"></a></li>
+ </ul>
+ </div>
+</div>
+
+<div class="col-xs-10">
+<form id="frmLan" role="form">
+ <h3 class="form-title" data-trans="router_setting"></h3>
+ <div class="form-body margin-top-20">
+ <div class="content">
+ <div class="row form-group">
+ <label data-trans="ip_address" for="txtIpAddress" class="col-xs-4 side-right"></label>
+ <div class="col-xs-3">
+ <input id="txtIpAddress" name="txtIpAddress" data-bind="value: ipAddress" maxlength="15" type="text" class="required form-control"/>
+ </div>
+ </div>
+ <div class="row form-group">
+ <label data-trans="subnet_mask" for="txtSubnetMask" class="col-xs-4 side-right"></label>
+ <div class="col-xs-3">
+ <input id="txtSubnetMask" name="txtSubnetMask" data-bind="value: subnetMask" maxlength="15" type="text" class="required form-control"/>
+ </div>
+ </div>
+ <div class="row form-group" data-bind="visible: showMacAddress() && hasWifi()">
+ <label data-trans="mac_address" class="col-xs-4 side-right"></label>
+ <div class="col-xs-3">
+ <label id="txtMacAddress" data-bind="text: macAddress" class="label-content"></label>
+ </div>
+ </div>
+ <div class="row form-group">
+ <label class="col-xs-4 side-right" data-trans="dhcp_server"></label>
+ <div class="col-xs-8">
+ <div class="row">
+ <div class="col-xs-3">
+ <input id="dhcpEnable" name="dhcpServer" data-bind="checked: dhcpServer,click: dhcpServerHandler" type="radio" value="1"/>
+ <label data-trans="enable" for="dhcpEnable"></label>
+ </div>
+ <div class="col-xs-3">
+ <input id="dhcpDisable" name="dhcpServer" data-bind="checked: dhcpServer,click: dhcpServerHandler" type="radio" value="0"/>
+ <label data-trans="disable" for="dhcpDisable"></label>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div data-bind='visible: dhcpServer() == "1"'>
+ <div class="row form-group">
+ <label data-trans='dhcp_ip_pool' for="txtDhcpIpPoolStart" class="col-xs-4 side-right"></label>
+ <div class="col-xs-8 form-inline">
+ <input id='txtDhcpIpPoolStart' name="txtDhcpIpPoolStart" data-bind="value: dhcpStart" maxlength="15" type="text" class="required rangeInput form-control"/>
+ -
+ <input id='txtDhcpIpPoolEnd' name="txtDhcpIpPoolEnd" data-bind="value: dhcpEnd" maxlength="15" type="text" class="required rangeInput form-control"/>
+ </div>
+ </div>
+ <div class="row form-group">
+ <label for="txtDhcpLease" data-trans="dhcp_lease" class="col-xs-4 side-right"></label>
+ <div class="col-xs-3">
+ <div class="input-group">
+ <input id="txtDhcpLease" name="txtDhcpLease" data-bind="value: dhcpLease" maxlength="5" type="text" class="required form-control"/>
+ <div data-trans="hours" id="leaseLabel" class="input-group-addon"></div>
+
+ </div>
+ <div id="errorHolder"></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="form-buttons">
+ <input type="submit" formmethod="post" data-trans="apply" class="btn btn-primary"/>
+ </div>
+ <div class="form-note">
+ <div class="notes-title"> </div>
+ <ul class="notes-content">
+ <li data-trans="lan_note_ip_address"></li>
+ <li data-trans="lan_note_subnet_mask"></li>
+ <li data-trans="lan_note_dhcp_server_enable"></li>
+ <li data-trans="lan_note_dhcp_server_disable"></li>
+ <li data-trans="lan_note_dhcp_ip_pool"></li>
+ <li data-trans="lan_note_dhcp_lease_time"></li>
+ </ul></div>
+ </div>
+</form>
+ </div>
+ </div>
+</div>
\ No newline at end of file
diff --git a/ap/app/zte_webui/subpg/adm_management.html b/ap/app/zte_webui/subpg/adm_management.html
new file mode 100755
index 0000000..289786e
--- /dev/null
+++ b/ap/app/zte_webui/subpg/adm_management.html
@@ -0,0 +1,60 @@
+<div id="innerContainer">
+ <div class="row header-row">
+ <div class="col-xs-1">
+ <a href="#main">
+ <img alt="" src="pic/direct-back.png">
+ </a>
+ </div>
+ <div class="col-xs-11">
+ <div class="form-title">
+ <h1 data-trans='password_management'></h1>
+ </div>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-xs-1 margin-top-15">
+ </div>
+ <div class="col-xs-11">
+
+
+<form id="frmPassword" role="form">
+ <div class="form-body">
+ <div class="content">
+ <div class="row form-group">
+ <label data-trans="current_password" for="txtCurrent" class="col-xs-4 side-right"></label>
+ <div class="col-xs-4">
+ <input id="txtCurrent" name="txtCurrent" data-bind="value: currentValue" maxlength="32" minlength="4" type="password" class="required form-control"/>
+ </div>
+ </div>
+ <div class="row form-group">
+ <label data-trans="new_password" for="txtNew" class="col-xs-4 side-right"></label>
+ <div class="col-xs-4">
+ <input id="txtNew" name="txtNew" data-bind="value: newValue" maxlength="32" minlength="4" type="password" class="required form-control"/>
+ </div>
+ </div>
+ <div class="row form-group">
+ <label class="col-xs-4 side-right" data-trans="confirm_password" for="txtConfirm"></label>
+ <div class="col-xs-4">
+ <input id="txtConfirm" name="txtConfirm" data-bind="value: confirmValue" maxlength="32" minlength="4" type="password" class="required form-control"/>
+ </div>
+ </div>
+ </div>
+ <div class="form-buttons">
+ <input id="btnPwdApply" type="submit" formmethod="post" class="btn btn-primary" data-trans="apply"/>
+ </div>
+ <div class="form-information">
+ <p class="bg-info" data-trans="pwd_note"></p>
+ </div>
+ <div class="form-note">
+ <div class="notes-title"> </div>
+ <ul class="notes-content">
+ <li data-trans="password_note_info"></li>
+ <li data-trans="password_note_valid"></li>
+ <li data-trans="password_note_input"></li>
+ </ul>
+ </div>
+ </div>
+</form>
+ </div>
+</div>
+</div>
\ No newline at end of file
diff --git a/ap/app/zte_webui/subpg/adm_others.html b/ap/app/zte_webui/subpg/adm_others.html
new file mode 100755
index 0000000..5ac83a0
--- /dev/null
+++ b/ap/app/zte_webui/subpg/adm_others.html
@@ -0,0 +1,180 @@
+<div id="innerContainer">
+ <div class="row header-row">
+ <div class="col-xs-1">
+ <a href="#main">
+ <img alt="" src="pic/direct-back.png">
+ </a>
+ </div>
+ <div class="col-xs-11">
+ <div class="form-title">
+ <h1 data-trans='advanced_settings'></h1>
+ </div>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-xs-2">
+ <div class="nav_right">
+ <ul>
+ <li><a href="#wlan_sleep" data-trans="sleep_mode"></a></li>
+ <li><a href="#route_set" data-trans="router_setting"></a></li>
+ <li><a href="#filter_main" data-trans="firewall"></a></li>
+ <li data-bind="visible:hasUpdateCheck"><a href="#fota" data-trans="update_settings"></a></li>
+ <li data-bind="visible:hasUssd"><a href="#usat" data-trans="USSD"></a></li>
+ <li data-bind="visible:hasDdns"><a href="#dynamic_dns" data-trans="DDNS"></a></li>
+ <li class="active"><a href="#more" data-trans="others"></a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="col-xs-10">
+ <form id="frmRestoreReset">
+ <div class="form-body">
+ <h3 data-trans="others_restart_reset" class="form-title"></h3>
+ <div class="row form-group">
+ <div data-trans="others_note_info" class="col-xs-12"></div>
+ </div>
+ <div class="row form-group">
+ <div class="col-xs-12 align-right">
+ <input data-trans="restart_button" data-bind="click: restart" type="button" class="btn btn-primary margin-right-20"/>
+ <input data-trans="restore_button" data-bind="visible: currentUserInChildGroup() == false, click: restore" type="button" class="btn btn-primary margin-right-20"/>
+ </div>
+ </div>
+ </div>
+ </form>
+
+ <form id="frmtrunOffDevice" data-bind="visible: turnOffSupport">
+ <div class="form-body">
+ <h3 data-trans="others_turn_off" class="form-title"></h3>
+ <div class="row form-group">
+ <div class="col-xs-12 align-right">
+ <input data-bind="click: turnoff" data-trans="turnoff_button" type="button" class="btn btn-primary margin-right-20"/>
+ </div>
+ </div>
+ </div>
+ </form>
+
+ <form data-bind="visible: fastbootSupport">
+ <div class="form-body">
+ <h3 class="form-title" data-trans="fastboot_setting"></h3>
+ <div class="row form-group">
+ <label data-trans="fastboot_setting" class="col-xs-4 side-right"></label>
+ <div class="col-xs-8">
+ <div class="row">
+ <div class="col-xs-3">
+ <input id="fastEnable" name="fastboot" data-bind="checked: fastbootSetting, enable: fastbootEnableFlag" type="radio" value="1"/>
+ <label data-trans="enable" for="fastEnable"></label>
+ </div>
+ <div class="col-xs-3">
+ <input id="fastDisable" name="fastboot" data-bind="checked: fastbootSetting, enable: fastbootEnableFlag" type="radio" value="0"/>
+ <label data-trans="disable" for="fastDisable"></label>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="row form-group">
+ <div class="col-xs-12" data-trans="fastboot_note"></div>
+ </div>
+ <div class="row form-group">
+ <div class="col-xs-12 align-right">
+ <input data-bind="click: saveFastBoot, enable: fastbootEnableFlag" data-trans="apply" type="button" class="btn btn-primary margin-right-20"/>
+ </div>
+ </div>
+ </div>
+ </form>
+
+
+ <form id="sntpForm" data-bind="visible: SNTPSupport">
+ <div class="form-body">
+ <h3 class="form-title">SNTP</h3>
+ <div class="content">
+ <div class="row form-group">
+ <label class="col-xs-4 side-right" data-trans='local_current_time'></label>
+ <div class="col-xs-8">
+ <span class="span3" data-bind="text: localTime"></span>
+ <span> </span>
+ <span id="weekday" data-bind="text: day"></span>
+ </div>
+ </div>
+ <div class="row form-group">
+ <label class="col-xs-4 side-right" data-trans='time_set_mode' for="sntpSetTimeMode"></label>
+ <div class="col-xs-4">
+ <select id="sntpSetTimeMode" class="form-control" data-transid="time_set_time" data-bind="options: timeSetModes, value: currentMode, optionsText: transOption('time_set_time'), optionsValue: 'value', event:{change: changeSetTimeMode}"></select>
+ </div>
+ </div>
+ <div id="manualSetTime" data-bind="visible: isManualSetTime">
+ <div class="row form-group">
+ <label class="col-xs-4 side-right" data-trans='time_set_time_manual'></label>
+
+ <div class="col-xs-8">
+ <select id="manualYear" data-bind="options: years, value: currentYear, optionsText: 'text', optionsValue: 'value', event:{change: initDateList}" style="display:inline-block; width:auto; padding-right:5px; padding-left:5px" class="form-control"></select>
+ <label data-trans="year" for="manualYear" style="display:inline-block; width:auto; padding-right:0"></label>
+
+ <select id="manualMonth" data-bind="options: months, value: currentMonth, optionsText: 'text', optionsValue: 'value', event: {change: initDateList}" style="display:inline-block; width:auto; padding-right:5px; padding-left:5px" class="form-control"></select>
+ <label data-trans="month" for="manualMonth" style="display:inline-block; width:auto; padding-right:0"></label>
+
+ <select id="manualDate" data-bind="options: dates, value: currentDate, optionsText: 'text', optionsValue: 'value'" style="display:inline-block; width:auto; padding-right:5px; padding-left:5px" class="form-control"></select>
+ <label data-trans="date" for="manualDate" style="display:inline-block; width:auto; padding-right:0"></label>
+
+ <select id="manualHour" data-bind="options: hours, value: currentHour, optionsText: 'text', optionsValue: 'value'" style="display:inline-block; width:auto; padding-right:5px; padding-left:5px" class="form-control"></select>
+ <label data-trans="hour" for="manualHour" style="display:inline-block; width:auto; padding-right:0"></label>
+
+ <select id="manualMinute" data-bind="options: minutes, value: currentMinute, optionsText: 'text', optionsValue: 'value'" style="display:inline-block; width:auto; padding-right:5px; padding-left:5px" class="form-control"></select>
+ <label data-trans="minute" for="manualMinute" style="display:inline-block; width:auto; padding-right:0"></label>
+ </div>
+ </div>
+ </div>
+ <div id="autoSntpTime" data-bind="visible: isAutoSntpTime">
+ <div id="sntp_server0" class="row form-group">
+ <label data-trans='stnp_server1' for="sntp_server1_select" class="col-xs-4 side-right"></label>
+ <div class="col-xs-4">
+ <select id="sntp_server1_select" data-bind="options: serverList, value: currentServer0, optionsText: 'text', optionsValue: 'value', event: {change: changeServerSelect}" class="form-control"></select>
+ </div>
+ <div class="col-xs-4">
+ <input id="sntp_other_server0" name="sntp_other_server0" data-bind="value:customServer0, visible:isOther0" type="text" class="required form-control"/>
+ </div>
+ </div>
+ <div id="sntp_server1" class="row form-group">
+ <label class="col-xs-4 side-right" data-trans='stnp_server2' for="stnp_server2_select"></label>
+ <div class="col-xs-4">
+ <select id="stnp_server2_select" data-bind="options: serverList, value: currentServer1, optionsText: 'text', optionsValue: 'value', event: {change: changeServerSelect}" class="form-control"></select>
+ </div>
+ <div class="col-xs-4">
+ <input id="sntp_other_server1" name="sntp_other_server1" data-bind="value:customServer1, visible:isOther1" type="text" class="required form-control"/>
+ </div>
+ </div>
+ <div id="sntp_server2" class="row form-group">
+ <label data-trans='stnp_server3' for="stnp_server3_select" class="col-xs-4 side-right"></label>
+ <div class="col-xs-4">
+ <select id="stnp_server3_select" class="form-control" data-bind="options: serverList, value: currentServer2, optionsText: 'text', optionsValue: 'value', event: {change: changeServerSelect}"></select>
+ </div>
+ <div class="col-xs-4">
+ <input id="sntp_other_server2" name="sntp_other_server2" data-bind="value:customServer2, visible:isOther2" type="text" class="required form-control"/>
+ </div>
+ </div>
+ <div class="row form-group">
+ <label data-trans='time_zone' for="time_zone_select" class="col-xs-4 side-right"></label>
+ <div class="col-xs-4">
+ <select id="time_zone_select" data-bind="options: timeZones, value: currentTimeZone, optionsText: transOption('time_zone'), optionsValue: 'value'" data-transid="time_zone" class="form-control"></select>
+ </div>
+ </div>
+
+ </div>
+ </div>
+ <div class="form-buttons">
+ <input data-bind="" data-trans="apply" type="submit" formmethod="post" class="btn btn-primary margin-right-20"/>
+ </div>
+ </div>
+ </form>
+
+ <div class="form-body">
+ <div class="content margin-top-20 line-height-30">
+ <div class="row">
+ <a href="#pin_mode">
+ <div data-trans="pin_management" class="col-xs-3 arrow-right">
+ </div>
+ </a>
+ </div>
+ </div>
+ </div>
+ </div>
+</div>
+</div>
\ No newline at end of file
diff --git a/ap/app/zte_webui/subpg/adm_pin.html b/ap/app/zte_webui/subpg/adm_pin.html
new file mode 100755
index 0000000..090051f
--- /dev/null
+++ b/ap/app/zte_webui/subpg/adm_pin.html
@@ -0,0 +1,130 @@
+<div id="innerContainer">
+ <div class="row header-row">
+ <div class="col-xs-1">
+ <a data-bind="attr: {href: isDataCard? '#main' : '#more'}">
+ <img alt="" src="pic/direct-back.png">
+ </a>
+ </div>
+ <div class="col-xs-11">
+ <div class="form-title">
+ <h1 data-bind="attr: {'data-trans': isDataCard? 'advanced_settings' : 'pin_management'}"></h1>
+ </div>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-xs-1 margin-top-15">
+ </div>
+ <div class="col-xs-11">
+
+ <ul class="nav nav-tabs nav-justified" role="tablist" data-bind="visible: isDataCard">
+ <li><a href="#demilitarized_zone" data-trans="dmz_setting"></a></li>
+ <li class="active"><a href="#pin_mode" data-trans="pin_management"></a></li>
+ <li><a href="#fota" data-trans="update_settings"></a></li>
+ </ul>
+
+<form id="frmPin" data-bind="css: {'margin-top-20': isDataCard}">
+ <div class="form-body">
+ <div data-bind="visible:pageState()!=4">
+ <div class="content">
+ <div id="showPinWhenPinStaueNEQ3" data-bind="visible:pageState()!=3">
+ <div class="row form-group">
+ <label data-trans="pin_status" class="col-xs-4 side-right"></label>
+ <div class="col-xs-8">
+ <div class="row">
+ <div class="col-xs-4">
+ <input id="pinEnable" name="pinStatus"
+ data-bind="checked: pinStatus,disable:pageState()==2" type="radio" value="1"/>
+ <label data-trans="enable" for="pinEnable" class="marginright10"></label>
+ </div>
+ <div class="col-xs-8">
+ <input id="btnModifyPin" type="button" data-trans="modify_pin" data-bind="visible:pageState()<=1, enable:originPinStatus()==1,click: displayModifyPinPage,css:{disabled:originPinStatus()==0}" class="btn btn-primary"/>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="row form-group">
+ <label class="col-xs-4 side-right" ></label>
+ <div class="col-xs-8">
+ <input id="pinDisable" name="pinStatus" data-bind="checked: pinStatus,disable:pageState()==2" type="radio" value="0"/>
+ <label data-trans="disable" for="pinDisable"></label>
+
+ </div>
+ </div>
+ <div class="row form-group">
+ <label data-trans="current_pin" for="txtPin" class="col-xs-4 side-right"></label>
+ <div class="col-xs-3">
+ <input id="txtPin" name="txtPin" data-bind="value: currentPin,disable:pageState()==0,valueUpdate: 'keypress',css:{disabled:pageState()==0}" maxlength="8" type="password" class="required form-control"/>
+ </div>
+ </div>
+ </div>
+ <div id="showPukWhenPinStaueEQ3" data-bind="visible:pageState()==3">
+ <div><p data-trans="enter_puk" class="prompt"></p></div>
+ <div class="row form-group">
+ <label data-trans="puk" for="txtPuk" class="col-xs-4 side-right"></label>
+ <div class="col-xs-3">
+ <input id="txtPuk" name="txtPuk" data-bind="value: puk, valueUpdate: 'keypress'" maxlength="8" type="password" class="required form-control"/>
+ </div>
+ </div>
+ </div>
+ <div data-bind="visible:pageState()==2 || pageState()==3">
+ <div class="row form-group">
+ <label data-trans="new_pin" for="txtNewPin" class="col-xs-4 side-right"></label>
+ <div class="col-xs-3">
+ <input id="txtNewPin" name="txtNewPin" data-bind="value: newPin" maxlength="8" type="password" class="required form-control"/>
+ </div>
+ </div>
+ <div class="row form-group">
+ <label data-trans="confirm_pin" for="txtConfirmPin" class="col-xs-4 side-right"></label>
+ <div class="col-xs-3">
+ <input id="txtConfirmPin" name="txtConfirmPin" data-bind="value: confirmPin" type="password" class="required form-control" maxlength="8"/>
+ </div>
+ </div>
+ </div>
+ <div data-bind="visible:pageState()<3">
+ <div id="pinLeftMsg" data-bind="visible:pinNumber()!=1" class="row form-group">
+ <label class="col-xs-4 side-right"></label>
+ <div class="col-xs-8">
+ <p data-bind="visible:pinNumber()>1" class="important-prompt">
+ <span data-trans="attempts_left"></span>
+ <span data-bind='text:pinNumber'></span>
+ </p>
+ </div>
+ </div>
+ <div id="pinLastMsg" data-bind="visible:pinNumber()==1">
+ <p class="important-prompt" data-trans="last_enter_pin"></p>
+ </div>
+ </div>
+ <div data-bind="visible:pageState()==3">
+ <div id="pukLeftMsg" data-bind="visible:pukNumber()!=1" class="row form-group">
+ <label class="col-xs-4 side-right"></label>
+ <div class="col-xs-8">
+ <p class="important-prompt" data-bind="visible:pukNumber()>1">
+ <span data-trans="attempts_left"></span>
+ <span data-bind='text:pukNumber'></span>
+ </p>
+ </div>
+ </div>
+ <div id="pukLastMsg" data-bind="visible:pukNumber()==1">
+ <p class="important-prompt" data-trans="last_enter_puk"></p>
+ </div>
+ </div>
+ </div>
+ <div class="form-buttons">
+ <input id="btnPinApply" data-bind="disable:pageState()==0,css:{disabled:pageState()==0}" data-trans="apply" type="submit" formmethod="post" class="btn btn-primary"/>
+ <!--input type="button" data-bind="click: cancel,visible:pageState()==2" class="btn " data-trans="cancel"/-->
+ </div>
+ </div>
+ <div id="puk_locked" data-bind="visible:pageState()==4" data-trans="puk_locked" class="important-prompt"></div>
+ <div class="form-note">
+ <div class="notes-title"> </div>
+ <ul class="notes-content">
+ <li data-trans="pin_note_info"></li>
+ <li data-trans="pin_note_operator"></li>
+ <li data-trans="pin_note_modify"></li>
+ </ul>
+ </div>
+ </div>
+</form>
+ </div>
+</div>
+</div>
\ No newline at end of file
diff --git a/ap/app/zte_webui/subpg/adm_quick_set.html b/ap/app/zte_webui/subpg/adm_quick_set.html
new file mode 100755
index 0000000..dd5fbfb
--- /dev/null
+++ b/ap/app/zte_webui/subpg/adm_quick_set.html
@@ -0,0 +1,307 @@
+<div id="innerContainer">
+ <div class="row header-row">
+ <div class="col-xs-1">
+ <a href="#main">
+ <img alt="" src="pic/direct-back.png">
+ </a>
+ </div>
+ <div class="col-xs-11">
+ <div class="form-title">
+ <h1 data-trans='quick_setting'></h1>
+ <p data-trans='step1_exp1'></p>
+ </div>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-xs-1 margin-top-15">
+ </div>
+ <div class="col-xs-11">
+
+<form id='quickSettingForm'>
+ <div class="form-body">
+ <div class="content">
+ <div class="row form-group side-right form-buttons">
+ <input id="btnBack" data-bind="visible:currentStep()>1,click:previous" data-trans="prev_step" type="button" class="btn btn-primary">
+ <input id="btnNext" data-bind="visible:currentStep()<5,disable: adBand()=='b' && adMode() == '2' && (selectedSecurityMode() == 'SHARED' || (selectedSecurityMode() == 'OPEN' && encryptType() == 'WEP'))" data-trans="next_step" type="submit" formmethod="post" class="btn btn-primary">
+ <input id="btnSave" data-bind="visible:currentStep()==5" data-trans="apply" type="submit" formmethod="post" class="btn btn-primary">
+ </div>
+ <div data-bind="visible:currentStep()==1" style="display: none" id="step1">
+ <h3 data-trans="apn_settings" class="form-title"></h3>
+ <div class="content">
+ <div class="row form-group">
+ <label data-trans="apn_settings" class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <div class="row">
+ <div class="col-xs-4">
+ <input id="radAuto" name="apnMode" data-bind="checked: apnMode,disable: apnModeDisabled()" type="radio" value="auto"/>
+ <label data-trans="apn_auto_apn" for="radAuto"></label>
+ </div>
+ <div class="col-xs-4">
+ <input id="radManual" name="apnMode" data-bind="checked: apnMode,disable: apnModeDisabled()" type="radio" value="manual"/>
+ <label data-trans="apn_manual_apn" for="radManual"></label>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div id="apnSetting" data-bind="visible:apnMode()=='manual'">
+ <div class="row form-group">
+ <label data-trans="apn_profile_name" for="profile_name" class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <input id="profile_name" name="txtProfileName" data-bind="value:profileName" disabled="disabled" maxlength="30" type="text" class=" form-control"/>
+ </div>
+ </div>
+ <div data-bind="visible:showIPv4" class="row form-group">
+ <label for="txtAPN" data-bind="attr:{'data-trans':transAPN}" class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <input id="txtAPN" name="txtAPN" data-bind="value:apn,disable: apnDisabled()" maxlength="64" type="text" class="form-control required"/>
+ </div>
+ </div>
+ <div data-bind="visible:showIPv6" class="row form-group">
+ <label for="txtIPv6APN" data-bind="attr:{'data-trans':transAPNIPv6}" class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <input id="txtIPv6APN" name="txtIPv6APN" data-bind="value:ipv6_apn,disable: apnDisabled()" maxlength="64" type="text" class="form-control required"/>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="form-note">
+ <div class="notes-title"> </div>
+ <ul class="notes-content">
+ <li data-trans="step2_auto_apn_explain"></li>
+ <li data-trans="step2_profile_name_explain"></li>
+ </ul>
+ </div>
+ </div>
+ <div id="step2" data-bind="visible:currentStep()==2" style="display: none">
+ <h3 data-trans="ppp_authentication" class="form-title"></h3>
+ <div class="content">
+ <div data-bind="visible:showIPv4" class="row form-group">
+ <label data-bind="attr:{'data-trans':transAuthMode}" for="selAuthMode" class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <select id="selAuthMode" name="selAuthMode"
+ data-bind="options: authModes, disable: apnDisabled(), value: selectedAuthMode, optionsText: 'text', optionsValue: 'value'" class="form-control"></select>
+ </div>
+ </div>
+ <div data-bind="visible:showIPv4" class="row form-group">
+ <label data-bind="attr:{'data-trans':transUserName}" for="txtUserName" class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <input id="txtUserName" name="txtUserName"
+ data-bind="value:username,disable: apnDisabled()" maxlength="64" type="text" class=" form-control"/>
+ </div>
+ </div>
+ <div data-bind="visible:showIPv4" class="row form-group">
+ <label data-bind="attr:{'data-trans':transPassword}" for="txtSecretCode" class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <input id="txtSecretCode" name="txtSecretCode"
+ data-bind="value:password,disable: apnDisabled()" maxlength="64" type="password" class=" form-control"/>
+ </div>
+ </div>
+ <div data-bind="visible:showIPv6" class="row form-group">
+ <label data-bind="attr:{'data-trans':transAuthModeIPv6}" for="selIPv6AuthMode" class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <select id="selIPv6AuthMode" name="selIPv6AuthMode"
+ data-bind="options: authModes, disable: apnDisabled(), value: ipv6_selectedAuthMode, optionsText: 'text', optionsValue: 'value'" class="form-control"></select>
+ </div>
+ </div>
+ <div data-bind="visible:showIPv6" class="row form-group">
+ <label class="col-xs-3 side-right" for="txtIPv6UserName" data-bind="attr:{'data-trans':transUserNameIPv6}"></label>
+ <div class="col-xs-6">
+ <input id="txtIPv6UserName" name="txtIPv6UserName"
+ data-bind="value:ipv6_username,disable: apnDisabled()" maxlength="64" type="text" class=" form-control"/>
+ </div>
+ </div>
+ <div data-bind="visible:showIPv6" class="row form-group">
+ <label data-bind="attr:{'data-trans':transPasswordIPv6}" for="txtIPv6SecretCode" class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <input id="txtIPv6SecretCode" name="txtIPv6SecretCode" data-bind="value:ipv6_password,disable: apnDisabled()" maxlength="64"
+ type="password" class="form-control"/>
+ </div>
+ </div>
+ </div>
+ <div class="form-note">
+ <div class="notes-title"> </div>
+ <ul class="notes-content">
+ <li data-trans="step3_authentication_apn_explain1"></li>
+ <li data-trans="step3_authentication_apn_explain2"></li>
+ <li data-trans="step3_authentication_apn_explain3"></li>
+ </ul>
+ </div>
+
+ </div>
+ <div id="step3" data-bind="visible:currentStep()==3" style="display: none">
+ <h3 class="form-title" data-trans="ssid_title"></h3>
+ <div class="content">
+ <div class="row form-group">
+ <label data-trans="ssid_name" for="txtSSID" class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <input id="txtSSID" name="txtSSID" data-bind="disable:wifiDisabled,value:ssid" maxlength="32" type="text" class="form-control required"/>
+ </div>
+ </div>
+ <div class="row form-group">
+ <label class="col-xs-3 side-right" data-trans="ssid_broadcast"></label>
+ <div class="col-xs-6">
+ <input id="radBroadcastEnable" data-bind="disable:wifiDisabled,checked: broadcast" name="radBroadcast"
+ type="radio" value="0"/>
+ <label for="radBroadcastEnable" data-trans="enable"></label>
+ <input id="radBroadcastDisable" name="radBroadcast"
+ data-bind="disable:wifiDisabled,checked: broadcast" type="radio" value="1"/>
+ <label data-trans="disable" for="radBroadcastDisable"></label>
+ </div>
+ </div>
+ </div>
+ <div class="form-note">
+ <div class="notes-title"> </div>
+ <ul class="notes-content">
+ <li data-trans="step4_ssid_explain"></li>
+ <li data-trans="wifi_basic_note_network_name_input"></li>
+ <li data-trans="step4_ssid_broadcast_explain1"></li>
+ </ul>
+ </div>
+
+ </div>
+ <div data-bind="visible:currentStep()==4" style="display: none" id="step4">
+ <h3 class="form-title" data-trans="security_mode"></h3>
+ <div class="content">
+ <div class="row form-group">
+ <label for="selSecurityMode" data-trans="security_mode" class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <select id="selSecurityMode" name="selSecurityMode" data-transid='security_mode'
+ data-bind="disable:wifiDisabled,options: securityModes, value: selectedSecurityMode, optionsText: transOption('security_mode'), optionsValue: 'value'" class="form-control"></select>
+ </div>
+ </div>
+
+ <div data-bind='visible: selectedSecurityMode() == "OPEN" && hasWifiWep' class="row form-group">
+ <label for='selEncryptType' data-trans='ap_station_encrypt_type' class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <select id="selEncryptType" data-bind="value: encryptType,optionsValue: 'value'" class="form-control">
+ <option data-trans="ap_station_encrypt_type_none" value="NONE"></option>
+ <option data-trans="ap_station_encrypt_type_wep" value="WEP"></option>
+ </select>
+ </div>
+ </div>
+ <div data-bind='visible: (selectedSecurityMode() == "OPEN" && encryptType() == "WEP" && hasWifiWep) || (selectedSecurityMode() == "SHARED" && hasWifiWep)' class="row form-group">
+ <label data-trans='ap_station_wep_default_key' for='selWepKeyType' class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <select id="selWepKeyType" data-bind="value: keyID,optionsValue: 'value', event:{ change: profileChangeHandler}" class="form-control">
+ <option data-trans="ap_station_wep_key_0" value="0"></option>
+ <option data-trans="ap_station_wep_key_1" value="1"></option>
+ <option data-trans="ap_station_wep_key_2" value="2"></option>
+ <option data-trans="ap_station_wep_key_3" value="3"></option>
+ </select>
+ </div>
+ </div>
+ <div data-bind='visible: (selectedSecurityMode() == "OPEN" && encryptType() == "WEP" && hasWifiWep) || (selectedSecurityMode() == "SHARED" && hasWifiWep)' class="row form-group">
+ <label data-trans='ap_station_wep_key' for='pwdWepKey' class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <input id='pwdWepKey' name="pwdWepKey" type="password"
+ data-bind="value: wepPassword,visible:!showWifiPassword()" maxlength='26' class="required form-control"/>
+ <input id='txtWepKey' name="txtWepKey" type="text"
+ data-bind="value: wepPassword,visible:showWifiPassword()" maxlength='26' class="required form-control"/>
+ <div class="margin-top-10">
+ <p data-bind="css:{'checkbox_selected': showWifiPassword()}, click: showWifiPasswordHandler"
+ manualControl="true" class="checkbox">
+ <input id="showWepPassword" data-bind="checked:showWifiPassword" type="checkbox"/>
+ </p>
+ <label data-trans="display_password" for="showWepPassword" class="floatleft margintop5 lineheight25"/>
+ </div>
+ <div id="lblShowWepPassword" class="clear"></div>
+ </div>
+ </div>
+
+ <div data-bind="visible:selectedSecurityMode() == 'WPA2PSK' || selectedSecurityMode() == 'WPAPSKWPA2PSK' || selectedSecurityMode() == 'WPA3Personal' || selectedSecurityMode() == 'WPA2WPA3'" class="row form-group">
+ <label data-trans="pass_phrase" for="txtWPAKey" class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <input id="codeWPAKey" name="codeWPAKey" data-bind="disable:wifiDisabled,value:WPAKey,visible:!showWifiPassword()" maxlength='63' minlength='8' type="password" class="form-control required"/>
+ <input id="txtWPAKey" name="txtWPAKey" data-bind="disable:wifiDisabled,value:WPAKey,visible:showWifiPassword()" maxlength='63' minlength='8' type="text" class="form-control required"/>
+ <p data-bind="css:{'checkbox_selected': showWifiPassword()}, click: showWifiPasswordHandler" manualControl="true" class="checkbox floatleft margintop10 marginleft5 marginright5">
+ <input id="showWifiPassword" data-bind="checked:showWifiPassword" type="checkbox"/>
+ </p>
+ <label data-trans="display_password" for="showWifiPassword" class="floatleft margintop5 lineheight25"/>
+ <div id="lblShowWifiPassword" class="clear"></div>
+ </div>
+ </div>
+ </div>
+ <div class="form-note">
+ <div class="notes-title"> </div>
+ <ul class="notes-content">
+ <li data-trans="step5_encryption_mode_info"></li>
+ <li class="no-style">
+ <ul>
+ <li data-trans="step5_encryption_mode_explain1"></li>
+ <li data-bind='visible: hasWifiWep' data-trans="wifi_basic_note_shared"></li>
+ <li data-trans="step5_encryption_mode_explain2"></li>
+ <li data-trans="step5_encryption_mode_explain3"></li>
+ <li data-bind='visible: hasWifiWpa3' data-trans="wifi_basic_note_wpa3"></li>
+ <li data-bind='visible: hasWifiWpa23' data-trans="wifi_basic_note_wpa2_wpa3"></li>
+ </ul>
+ </li>
+ <li data-trans="step5_encryption_mode_explain4"></li>
+ </ul>
+ </div>
+
+ </div>
+ <div data-bind="visible:currentStep()==5" style="display: none" id="step5">
+ <h3 class="form-title" data-trans="step_name_6"></h3>
+ <div class="content">
+ <div class="row form-group">
+ <label data-trans="apn_settings" class="col-xs-3 side-right"></label>
+ <label data-bind="text:apnMode_display,attr:{'data-trans':apnMode_trans}" class="col-xs-6"></label>
+ </div>
+ <div data-bind="visible:apnMode()=='manual'">
+ <div class="row form-group">
+ <label data-trans="apn_profile_name" class="col-xs-3 side-right"></label>
+ <label data-bind="text:profileName" class="col-xs-6"></label>
+ </div>
+ <div class="row form-group" data-bind="visible:showIPv4">
+ <label data-bind="attr:{'data-trans':transAPN}" class="col-xs-3 side-right"></label>
+ <label data-bind="text: apn,attr:{title:apn}" class="col-xs-6 ellipsis"></label>
+ </div>
+ <div class="row form-group" data-bind="visible:showIPv4">
+ <label data-bind="attr:{'data-trans':transAuthMode}" class="col-xs-3 side-right"></label>
+ <label data-bind="text:selectedAuthMode_display" class="col-xs-6"></label>
+ </div>
+ <div class="row form-group" data-bind="visible:showIPv4">
+ <label data-bind="attr:{'data-trans':transUserName}" class="col-xs-3 side-right"></label>
+ <label data-bind="text:username,attr:{title:username}" class="col-xs-6 ellipsis"></label>
+ </div>
+ <div class="row form-group" data-bind="visible:showIPv6">
+ <label data-bind="attr:{'data-trans':transAPNIPv6}" class="col-xs-3 side-right"></label>
+ <label data-bind="text:ipv6_apn" class="col-xs-6"></label>
+ </div>
+ <div class="row form-group" data-bind="visible:showIPv6">
+ <label data-bind="attr:{'data-trans':transAuthModeIPv6}" class="col-xs-3 side-right"></label>
+ <label data-bind="text:ipv6_selectedAuthMode_display" class="col-xs-6"></label>
+ </div>
+ <div class="row form-group" data-bind="visible:showIPv6">
+ <label data-bind="attr:{'data-trans':transUserNameIPv6}" class="col-xs-3 side-right"></label>
+ <label data-bind="text:ipv6_username,attr:{title:ipv6_username}" class="col-xs-6 ellipsis"></label>
+ </div>
+ </div>
+ <div class="row form-group">
+ <label data-trans="ssid_name" class="col-xs-3 side-right"></label>
+ <label data-bind="text:ssid" class="col-xs-6"></label>
+ </div>
+ <div class="row form-group">
+ <label data-trans="ssid_broadcast" class="col-xs-3 side-right"></label>
+ <label data-bind="text:broadcast_display,attr:{'data-trans':broadcast_trans}" class="col-xs-6"></label>
+ </div>
+ <div class="row form-group">
+ <label data-trans="security_mode" class="col-xs-3 side-right"></label>
+ <label data-bind="text:selectedSecurityMode_display,attr:{'data-trans':selectedSecurityMode_trans}" class="col-xs-6"></label>
+ </div>
+ <div class="form-note">
+ <div class="notes-title"> </div>
+ <ul class="notes-content">
+ <li data-trans="step6_apply_explain"></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+
+ </div>
+ </div>
+</form>
+
+ </div>
+ </div>
+</div>
diff --git a/ap/app/zte_webui/subpg/entry.html b/ap/app/zte_webui/subpg/entry.html
new file mode 100755
index 0000000..b293ae8
--- /dev/null
+++ b/ap/app/zte_webui/subpg/entry.html
@@ -0,0 +1,105 @@
+<div id="loginForms">
+ <div class="row margin-top-160 padding-bottom-50">
+ <div class="col-xs-3"></div>
+ <div class="col-xs-6" id="login-form-container">
+ <div id="loginContainer" class="login_frame form-horizontal margin-top-50 margin-bottom-50" data-bind="visible:pageState()!=4">
+ <form id="frmLogin" data-bind="visible:pageState()==0">
+ <div data-bind="visible: loginSecuritySupport() && accountLocked()" class="row form-group colorRed">
+ <div class="col-xs-12">
+ <span data-trans="password_error_account_lock"></span> <span data-bind="text: leftUnlockTime"></span>
+ </div>
+ </div>
+ <div style="display: none;" class="row form-group">
+ <div class="col-xs-12">
+ <label data-trans="password" for="txtAdmin"></label>
+ </div>
+ </div>
+ <div class="row form-group">
+ <div class="col-xs-8">
+ <input id="txtAdmin" autocomplete="off" data-placeholder="password" data-bind="value:password, valueUpdate: 'keypress'" maxlength="32" name="txtAdmin" style="border:2px solid rgb(221, 221, 221);" type="password" class="required form-control"/>
+ </div>
+ <div class="col-xs-4">
+ <input id="btnLogin" class="btn btn-primary btn-block" data-trans="login" type="submit" formmethod="post" />
+ </div>
+ </div>
+ <div class="row form-group" data-bind="visible: showEntrance">
+ <div data-bind="visible: !sharePathInvalid()" class="col-xs-12">
+ <span class="icon"><img src="pic/pic_red.png"></span>
+ <span class="scan">
+ <a data-trans="browse_sdcard" href="#httpshare_guest"></a>
+ </span>
+ </div>
+ <div data-trans="sd_share_path_invalid" data-bind="visible: sharePathInvalid()" class="col-xs-12 colorRed"></div>
+ <div class="clear"></div>
+ </div>
+ </form>
+ <form id="frmPIN" data-bind="visible:pageState()==1">
+ <div class="row form-group">
+ <div class="prompt col-xs-6">
+ <p data-trans="enter_pin"></p>
+ <p data-bind="visible:pinNumber()>1" class="important-prompt marginbottom15">
+ <span data-trans="attempts_left"></span> <span data-bind='text:pinNumber'></span>
+ </p>
+ <p class="important-prompt" data-bind="visible:pinNumber()==1" data-trans="last_enter_pin"></p>
+ </div>
+ </div>
+ <div class="row form-group">
+ <div class="col-xs-6">
+ <label data-trans='pin' for='txtPIN'></label>
+ <input id='txtPIN' name="txtPIN" autocomplete="off" data-bind="value:PIN, valueUpdate: 'keypress'" maxlength='8' type="password" class="required form-control" />
+ </div>
+ </div>
+ <div class="row form-group">
+ <div class="col-xs-6">
+ <input id="btnPinApply" data-trans="next_step" type="submit" formmethod="post" class="btn btn-primary" />
+ </div>
+ </div>
+ </form>
+ <form id="frmPUK" data-bind="visible:pageState()==2">
+ <div class="row form-group">
+ <div class="prompt col-xs-6">
+ <p data-trans="enter_puk"></p>
+ <p data-bind="visible:pukNumber()>1" class="important-prompt">
+ <span data-trans="attempts_left"></span> <span data-bind='text:pukNumber'></span>
+ </p>
+ <p data-bind="visible:pukNumber()==1" data-trans="last_enter_puk" class="important-prompt"></p>
+ </div>
+ </div>
+ <div class="row form-group">
+ <div class="col-xs-6">
+ <label data-trans='puk' for='txtPUK'></label>
+ <input id='txtPUK' name="txtPUK" autocomplete="off" data-bind="value:PUK, valueUpdate: 'keypress'" maxlength='8' type="password" class="required form-control" />
+ </div>
+ </div>
+ <div class="row form-group">
+ <div class="col-xs-6">
+ <label data-trans='new_pin' for='txtNewPIN'></label>
+ <input id='txtNewPIN' name="txtNewPIN" autocomplete="off" data-bind="value:newPIN, valueUpdate: 'keypress'" maxlength='8' type="password" class="required form-control" />
+ </div>
+ </div>
+ <div class="row form-group">
+ <div class="col-xs-6">
+ <label data-trans='confirm_pin' for='txtConfirmPIN'></label>
+ <input id='txtConfirmPIN' name="txtConfirmPIN" autocomplete="off"
+ data-bind="value:confirmPIN, valueUpdate: 'keypress'" maxlength='8' type="password" class="required form-control"
+ />
+ </div>
+ </div>
+ <div class="row form-group">
+ <div class="col-xs-6">
+ <input id="btnPUKApply" data-trans="next_step" type="submit" formmethod="post" class="btn btn-primary" />
+ </div>
+ </div>
+ </form>
+ <div data-bind="visible:pageState()==5" style="text-align: center;">
+ <img id="loadingImg" src="pic/res_loading.gif"/>
+ </div>
+ <div id="puk_locked" data-trans="puk_locked" data-bind="visible:pageState()==3" class="important-prompt prompt"></div>
+ <div class="login_bottom"></div>
+ </div>
+
+
+ </div>
+ <div class="col-xs-3"></div>
+ </div>
+</div>
\ No newline at end of file
diff --git a/ap/app/zte_webui/subpg/firewall.html b/ap/app/zte_webui/subpg/firewall.html
new file mode 100755
index 0000000..3fbb388
--- /dev/null
+++ b/ap/app/zte_webui/subpg/firewall.html
@@ -0,0 +1,69 @@
+<div id="innerContainer">
+ <div class="row header-row">
+ <div class="col-xs-1">
+ <a href="#main">
+ <img alt="" src="pic/direct-back.png">
+ </a>
+ </div>
+ <div class="col-xs-11">
+ <div class="form-title">
+ <h1 data-trans='advanced_settings'></h1>
+ </div>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-xs-2">
+ <div class="nav_right">
+ <ul>
+ <li><a data-trans="sleep_mode" href="#wlan_sleep"></a></li>
+ <li><a data-trans="router_setting" href="#route_set"></a></li>
+ <li class="active"><a data-trans="firewall" href="#filter_main"></a></li>
+ <li data-bind="visible:hasUpdateCheck"><a data-trans="update_settings" href="#fota"></a></li>
+ <li data-bind="visible:hasUssd"><a data-trans="USSD" href="#usat"></a></li>
+ <li data-bind="visible:hasDdns"><a data-trans="DDNS" href="#dynamic_dns"></a></li>
+ <li><a data-trans="others" href="#more"></a></li>
+ </ul>
+ </div>
+ </div>
+
+ <div class="col-xs-10">
+ <div class="form-body">
+ <div class="content margin-top-20">
+ <div class="col-xs-4">
+ <div class="row">
+ <a href="#filter_port">
+ <div data-trans="port_filter" class="line-height-40 arrow-right cursorhand"></div>
+ </a>
+ </div>
+ <div class="row">
+ <a href="#map_port">
+ <div data-trans="port_map" class="line-height-40 arrow-right cursorhand"></div>
+ </a>
+ </div>
+ <div class="row">
+ <a href="#foward_port">
+ <div data-trans="port_forward" class="line-height-40 arrow-right cursorhand"></div>
+ </a>
+ </div>
+ <div data-bind="visible: hasUrlFilter" class="row">
+ <a href="#filter_url">
+ <div data-trans="url_filter" class="line-height-40 arrow-right cursorhand"></div>
+ </a>
+ </div>
+ <div class="row">
+ <a href="#universal_plug_and_play">
+ <div data-trans="upnp" class="line-height-40 arrow-right cursorhand"></div>
+ </a>
+ </div>
+ <div class="row">
+ <a href="#demilitarized_zone">
+ <div data-trans="dmz" class="line-height-40 arrow-right cursorhand"></div>
+ </a>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+</div>
+
diff --git a/ap/app/zte_webui/subpg/firewall_dmz_set.html b/ap/app/zte_webui/subpg/firewall_dmz_set.html
new file mode 100755
index 0000000..a20dd29
--- /dev/null
+++ b/ap/app/zte_webui/subpg/firewall_dmz_set.html
@@ -0,0 +1,64 @@
+<div id="innerContainer">
+ <div class="row header-row">
+ <div class="col-xs-1">
+ <a data-bind="attr: {href: isDataCard? '#main' : '#filter_main'}">
+ <img alt="" src="pic/direct-back.png">
+ </a>
+ </div>
+ <div class="col-xs-11">
+ <div class="form-title">
+ <h1 data-bind="attr: {'data-trans': isDataCard? 'advanced_settings' : 'dmz_setting'}"></h1>
+ </div>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-xs-1 margin-top-15">
+ </div>
+ <div class="col-xs-11">
+
+ <ul role="tablist" data-bind="visible: isDataCard" class="nav nav-tabs nav-justified">
+ <li class="active"><a data-trans="dmz_setting" href="#demilitarized_zone"></a></li>
+ <li><a data-trans="pin_management" href="#pin_mode"></a></li>
+ <li><a data-trans="update_settings" href="#fota"></a></li>
+ </ul>
+
+<form id="dmzSettingForm" data-bind="css: {'margin-top-20': isDataCard}">
+ <div class="form-body">
+ <div class="content">
+ <div class="row form-group">
+ <label data-trans="dmz_setting" class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <div class="row">
+ <div class="col-xs-4">
+ <input id="dmzEnable" type="radio" name="dmzGrp" data-bind="checked: dmzSetting" value="1"/>
+ <label for="dmzEnable" data-trans="enable"></label>
+ </div>
+ <div class="col-xs-4">
+ <input id="dmzDisable" type="radio" name="dmzGrp" data-bind="checked: dmzSetting" value="0"/>
+ <label for="dmzDisable" data-trans="disable"></label>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div data-bind='visible: dmzSetting() == "1"' class="row form-group">
+ <label for="txtIpAddress" data-trans="ip_address" class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <input id="txtIpAddress" name="txtIpAddress" type="text" data-bind="value: ipAddress, valueUpdate: 'keypress'" class="required form-control" maxlength="15"/>
+ </div>
+ </div>
+ </div>
+ <div class="form-buttons">
+ <input type="submit" formmethod="post" data-trans="apply" class="btn btn-primary"/>
+ </div>
+ <div class="form-note">
+ <div class="notes-title"> </div>
+ <ul class="notes-content">
+ <li data-trans="dmz_note_info"></li>
+ <li data-trans="dmz_note_function"></li>
+ </ul>
+ </div>
+ </div>
+</form>
+ </div>
+</div>
+</div>
\ No newline at end of file
diff --git a/ap/app/zte_webui/subpg/firewall_parental_control.html b/ap/app/zte_webui/subpg/firewall_parental_control.html
new file mode 100755
index 0000000..40efe8a
--- /dev/null
+++ b/ap/app/zte_webui/subpg/firewall_parental_control.html
@@ -0,0 +1,268 @@
+<div id="innerContainer">
+ <div class="row header-row">
+ <div class="col-xs-1">
+ <a href="#main">
+ <img alt="" src="pic/direct-back.png">
+ </a>
+ </div>
+ <div class="col-xs-11">
+ <div class="form-title">
+ <h1 data-trans='parental_control'></h1>
+ </div>
+ </div>
+ </div>
+
+ <div class="row">
+ <div class="col-xs-2">
+ <div class="nav_right">
+ <ul>
+ <li data-bind="css:{ active : currentPage() == pages.MAIN}"><a data-bind="click: backToMainHandler" data-trans="pc_children_group" href="javascript: void(0)"></a></li>
+ <li data-bind="css:{ active : currentPage() == pages.MANAGE}"><a data-bind="click: manageHandler" data-trans="pc_children_group_manage" href="javascript: void(0)"></a></li>
+ <li data-bind="css:{ active : currentPage() == pages.RULE}"><a data-bind="click: openRulePage" data-trans="pc_internet_rule" href="javascript: void(0)"></a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="col-xs-10">
+
+ <form id="pc_main_form" data-bind="visible: currentPage() == pages.MAIN">
+ <h3 data-trans='pc_children_group' class="form-title"></h3>
+ <div class="form-body">
+ <div class="content">
+ <div data-trans="pc_no_children_device" data-bind="visible: childGroupList().length == 0" class="expend-desc"></div>
+ <div data-bind="foreach: childGroupList">
+ <div class="device-block">
+ <span data-bind="text: hostname, attr: {title: hostname}" class="device-block-desc"></span>
+ </div>
+ </div>
+ <p data-trans="pc_children_group_desc" class="text-info expend-desc"></p>
+ </div>
+ <div class="form-note">
+ <div class="notes-title"> </div>
+ <ul class="notes-content">
+ <li data-trans="parent_control_note_kids"></li>
+ </ul>
+ </div>
+ </div>
+ </form>
+
+ <form id="pc_children_group_form" style="display: none;" data-bind="visible: currentPage() == pages.MANAGE">
+ <div class="form-body">
+ <div class="row">
+ <div class="col-md-6">
+ <h2 data-trans="pc_children_group" style="margin-top: 6px;"></h2>
+ </div>
+ <!--div class="col-md-6 text-right">
+ <a class="btn btn-default" data-trans="back" data-bind="click: backToMainHandler"></a>
+ </div-->
+ </div>
+ <div class="content">
+ <div>
+ <table class="table table-striped table-hover">
+ <thead>
+ <tr>
+ <th width="60" data-trans="station_number"></th>
+ <th data-trans="host_name"></th>
+ <th width="100"></th>
+ <th width="200" data-trans="mac_address"></th>
+ <th width="150" data-trans="pc_action"></th>
+ </tr>
+ </thead>
+ <tbody data-bind="foreach: childGroupList">
+ <tr data-bind="css: {odd: $index() % 2 == 0, even: $index() % 2 != 0}">
+ <td data-bind="text: $index()+1"></td>
+ <td>
+ <span data-bind="text: hostname, attr: {id: 'hostname_txt_'+$index()}"></span>
+ <input type="text" data-bind="attr: {id: 'hostname_input_'+$index()}" maxlength="32" style="display: none;" class="form-control">
+ </td>
+ <td>
+ <a data-bind="click: $root.editHostNameHandler, attr: {id: 'edit_btn_'+$index()}" class="cursorhand"><img src="./pic/res_edit.png" height="25"></a>
+ <a data-bind="click: $root.saveHostNameHandler, attr: {id: 'save_btn_'+$index()}" style="display: none;" class="cursorhand"><img height="25" src="./pic/res_save.png"></a>
+ <a data-bind="click: $root.cancelEditHostNameHandler, attr: {id: 'cancel_btn_'+$index()}" class="cursorhand" style="display: none;"><img height="25" src="./pic/res_cancel.png"></a>
+ </td>
+ <td data-bind="text: mac"></td>
+ <td><a data-trans="pc_remove" data-bind="click: $root.removeChildGroupHandler" class="btn btn-primary btn-sm"></a></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ <div data-trans="pc_no_children_device" data-bind="visible: childGroupList().length == 0" class="expend-desc"></div>
+ </div>
+
+ <div class="row">
+ <div class="col-md-12">
+ <h2 data-trans="pc_current_attached_devices"></h2>
+ </div>
+ </div>
+ <div class="content">
+ <table class="table table-striped table-hover">
+ <thead>
+ <tr>
+ <th width="60" data-trans="station_number"></th>
+ <th data-trans="host_name"></th>
+ <th width="200" data-trans="mac_address"></th>
+ <th width="150" data-trans="pc_action"></th>
+ </tr>
+ </thead>
+ <tbody data-bind="foreach: attachedDevices">
+ <tr data-bind="css: {odd: $index() % 2 == 0, even: $index() % 2 != 0}">
+ <td data-bind="text: $index()+1"></td>
+ <td data-bind="text: hostName"></td>
+ <td data-bind="text: macAddress"></td>
+ <td>
+ <div data-bind="visible: inChildGroup" data-trans="pc_in_child_group"></div>
+ <div data-bind="visible: !inChildGroup"><a data-trans="pc_add" data-bind="click: $root.addChildGroupHandler" class="btn btn-primary btn-sm"></a></div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ <div trans="no_data" data-bind="visible: attachedDevices().length == 0" class="expend-desc"></div>
+ </div>
+ <div class="form-note">
+ <div class="notes-title"> </div>
+ <ul class="notes-content">
+ <li data-trans="parent_control_note_manage"></li>
+ </ul>
+ </div>
+ </div>
+ </form>
+
+ <form id="pc_time_limited_form" style="display: none;" data-bind="visible: currentPage() == pages.RULE">
+ <h3 data-trans='pc_time_limited' class="form-title"></h3>
+ <div class="form-body">
+ <div class="content">
+ <table class="table header-center">
+ <thead>
+ <tr>
+ <td> </td><td>7</td><td>8</td><td>9</td><td>10</td><td>11</td><td>12</td><td>13</td><td>14</td><td>15</td><td>16</td><td>17</td>
+ <td>18</td><td>19</td><td>20</td><td>21</td><td>22</td><td>23</td><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td>
+ </tr>
+ </thead>
+ <tbody id="pc_time_limited_tbody">
+ <tr>
+ <td data-trans="sun" class="col-head"></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
+ <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
+ </tr>
+ <tr>
+ <td data-trans="mon" class="col-head"></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
+ <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
+ </tr>
+ <tr>
+ <td data-trans="tues" class="col-head"></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
+ <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
+ </tr>
+ <tr>
+ <td data-trans="wed" class="col-head"></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
+ <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
+ </tr>
+ <tr>
+ <td data-trans="thur" class="col-head"></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
+ <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
+ </tr>
+ <tr>
+ <td data-trans="fri" class="col-head"></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
+ <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
+ </tr>
+ <tr>
+ <td data-trans="sat" class="col-head"></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
+ <td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ <div class="row-fluid expend-desc">
+ <div style="line-height: 20px">
+ <span class="pc_time_block forbid_time"> </span><span data-trans="pc_forbid_time" class="margin-left-10 margin-right-20"></span>
+ <span class="pc_time_block margin-left-15"> </span><span data-trans="pc_allow_time" class="margin-left-10"></span>
+ </div>
+ <p data-trans="pc_setting_desc" class="text-info"></p>
+ <p data-trans="pc_not_save" data-bind="visible: notSave" class="text-danger"></p>
+ </div>
+ <div class="form-buttons">
+ <input type="button" data-trans="save" id="save_time_limited" data-bind="visible: currentUserInChildGroup() == false, click: saveTimeLimitedHandler" class="btn btn-primary">
+ </div>
+ </div>
+ </form>
+
+ <form id="pc_site_white_list_form" style="display: none;" data-bind="visible: currentPage() == pages.RULE">
+ <h3 data-trans='pc_site_white_list' class="form-title"></h3>
+ <div class="form-body">
+ <div class="content">
+ <div data-bind="visible: currentUserInChildGroup() == false">
+ <input id="openAddSiteBtn" type="button" data-trans="add" data-bind="disable: disableAdd, click: openAddSitePopoverHandler" class="btn btn-primary">
+ <input id="deleteSelectedBtn" type="button" data-trans="pc_remove" data-bind="disable: selectedIds().length == 0, click: removeSelectedWhiteSite" class="btn btn-primary">
+ <input type="button" data-trans="pc_remove_all" data-bind="disable: siteList().length == 0, click: removeAllWhiteSite" class="btn btn-primary">
+ </div>
+ <div class="">
+ <table style="table-layout: fixed; word-wrap: break-word; word-break: break-all;" class="table table-striped table-hover">
+ <thead>
+ <tr>
+ <th width="40" align="center" data-bind="visible: currentUserInChildGroup() == false">
+ <p id="pc_white_list_check_all" target="pb_white_list" data-bind="click: checkboxClickHandler" class="checkbox checkboxToggle">
+ <input type="checkbox" name="siteId" value="1" />
+ </p>
+ </th>
+ <th width="170" data-trans="pc_name"></th>
+ <th data-trans="pc_link"></th>
+ <!--th width="150" data-trans="pc_action" data-bind="visible: currentUserInChildGroup() == false"></th-->
+ </tr>
+ </thead>
+ <tbody id="pb_white_list" data-bind="foreach: siteList">
+ <tr data-bind="css: {odd: $index() % 2 == 0, even: $index() % 2 != 0}">
+ <td data-bind="visible: $root.currentUserInChildGroup() == false">
+ <p data-bind="click: $root.checkboxClickHandler" class="checkbox">
+ <input type="checkbox" target="pc_white_list_check_all" name="siteId" data-bind="value: id, checked: $root.selectedIds"/>
+ </p>
+ </td>
+ <td data-bind="text: name"></td>
+ <td data-bind="text: site"></td>
+ <!--td data-bind="visible: $root.currentUserInChildGroup() == false"><a class="btn btn-primary btn-sm" data-trans="pc_remove" data-bind="click: $root.removeWhiteSite"></a></td-->
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ <div data-trans="no_data" data-bind="visible: siteList().length == 0" class="expend-desc"></div>
+ </div>
+ <div class="form-note">
+ <div class="notes-title"> </div>
+ <ul class="notes-content">
+ <li data-trans="parent_control_note_time"></li>
+ <li data-trans="parent_control_note_whitelist"></li>
+ <ul>
+ <li data-trans="parent_control_note_siteName"></li>
+ <li data-trans="parent_control_note_siteLink"></li>
+ </ul>
+ <li data-trans="firewal_note"></li>
+ </ul>
+ </div>
+ </div>
+ </form>
+
+ </div>
+ </div>
+
+</div>
+<script id="addNewSiteTmpl" type="text/x-jquery-tmpl">
+<div>
+ <div class="popover_title" data-trans="pc_add_white_site"></div>
+ <div class="popover_content content">
+ <form id="whiteSiteAddForm" role="form" class="form-horizontal">
+ <div class="popover_row form-group">
+ <label data-trans="pc_name" for="siteName" class="col-xs-4 control-label"></label>
+ <div class="col-xs-8">
+ <input id="siteName" type="text" maxlength="20" class="form-control" name="siteName">
+ </div>
+ </div>
+ <div class="popover_row form-group">
+ <label data-trans="pc_link" for="siteLink" class="col-xs-4 control-label"></label>
+ <div class="col-xs-8">
+ <input id="siteLink" type="text" name="siteLink" maxlength="100" class="form-control required">
+ </div>
+ </div>
+ <div class="popover_row text-right">
+ <input type="submit" formmethod="post" data-trans="save" class="btn btn-primary"/>
+ <a data-trans="pc_leave" class="btn btn-primary popover-close"></a>
+ </div>
+ </form>
+ </div>
+</div>
+</script>
diff --git a/ap/app/zte_webui/subpg/firewall_port_filter.html b/ap/app/zte_webui/subpg/firewall_port_filter.html
new file mode 100755
index 0000000..d06df34
--- /dev/null
+++ b/ap/app/zte_webui/subpg/firewall_port_filter.html
@@ -0,0 +1,253 @@
+<div id="innerContainer">
+<div class="row header-row">
+ <div class="col-xs-1">
+ <a href="#filter_main">
+ <img alt="" src="pic/direct-back.png">
+ </a>
+ </div>
+ <div class="col-xs-11">
+ <div class="form-title">
+ <h1 data-trans='port_filter'></h1>
+ </div>
+ </div>
+</div>
+<div class="row">
+<div class="col-xs-1 margin-top-15">
+</div>
+<div class="col-xs-11">
+
+
+<div class="form-body">
+ <form id="filterBasicForm">
+ <div class="content">
+ <div class="row form-group">
+ <label data-trans="port_filter_enabled" class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <div class="row">
+ <div class="col-xs-4">
+ <input id="filterEnable" type="radio" name="filterGrp" data-bind="checked: portFilterEnable" value="1"/>
+ <label for="filterEnable" data-trans="enable"></label>
+ </div>
+ <div class="col-xs-4">
+ <input id="filterDisable" type="radio" name="filterGrp" data-bind="checked: portFilterEnable" value="0"/>
+ <label for="filterDisable" data-trans="disable"></label>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div data-bind="visible: portFilterEnable() == '1' " class="row form-group">
+ <label data-trans="default_policy" class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <div class="row">
+ <div class="col-xs-4">
+ <input id="defaultPolicyAccept" type="radio" name="defaultPolicyGrp" data-bind="checked: defaultPolicy, event: {click: policyChangeHandler}" value="0"/>
+ <label for="defaultPolicyAccept" data-trans="accepted"></label>
+ </div>
+ <div class="col-xs-4">
+ <input id="defaultPolicyDrop" type="radio" name="defaultPolicyGrp" data-bind="checked: defaultPolicy, event: {click: policyChangeHandler}" value="1"/>
+ <label for="defaultPolicyDrop" data-trans="dropped"></label>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="form-buttons">
+ <input type="submit" formmethod="post" data-trans="apply" class="btn btn-primary"/>
+ </div>
+ <div class="form-note">
+ <div class="notes-title"> </div>
+ <ul class="notes-content">
+ <li data-trans="default_policy_note"></li>
+ <li data-trans="default_policy_note_filter"></li>
+ </ul>
+ </div>
+ </form>
+ <div data-bind="visible: oriPortFilterEnable() == '1' && portFilterEnable() == '1' ">
+ <form id="portFilterForm">
+ <div class="form-title">
+ <h2 data-trans="port_filter_setting"></h2>
+ </div>
+ <div class="content">
+ <div data-bind="visible: ipv6Support" class="row form-group">
+ <label data-trans="filter_ip_setting" class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <div class="row">
+ <div class="col-xs-4">
+ <input id="filterIpv4" type="radio" name="ipTypeGrp" data-bind="checked: ipType, event: {click: ipTypeChangeHandler}" value="ipv4"/>
+ <label for="filterIpv4" data-trans="filter_ipv4"></label>
+ </div>
+ <div class="col-xs-4">
+ <input id="filterIpv6" type="radio" name="ipTypeGrp" data-bind="checked: ipType, event: {click: ipTypeChangeHandler}" value="ipv6"/>
+ <label for="filterIpv6" data-trans="filter_ipv6"></label>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="row form-group">
+ <label for="txtMacAddress" data-trans="mac_address" class="col-xs-3 side-right"></label>
+ <div class="col-xs-9">
+ <div class="row">
+ <div class="col-xs-8">
+ <input id="txtMacAddress" type="text" name="txtMacAddress" data-bind="value: macAddress" maxlength="17" class="form-control"/>
+ </div>
+ <label id="macExamLabel" data-trans="macExam" class="col-xs-4"></label>
+ </div>
+ </div>
+ <div id="macErrorDiv" class="col-xs-9 col-md-offset-3"></div>
+ </div>
+ <div data-bind="visible: ipType() =='ipv4'">
+ <div class="row form-group">
+ <label for="txtSourceIpAddress" data-trans="source_ip_address" class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <input id="txtSourceIpAddress" type="text" name="txtSourceIpAddress" data-bind="value: sourceIpAddress" maxlength="15" class="form-control"/>
+ </div>
+ </div>
+ <div class="row form-group">
+ <label for="txtDestIpAddress" data-trans="dest_ip_address" class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <input id="txtDestIpAddress" type="text" name="txtDestIpAddress" data-bind="value: destIpAddress" maxlength="15" class="form-control"/>
+ </div>
+ </div>
+ </div>
+ <div data-bind="visible: ipType() =='ipv6'">
+ <div class="row form-group">
+ <label for="txtSourceIpv6Address" data-trans="source_ipv6_address" class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <input id="txtSourceIpv6Address" type="text" name="txtSourceIpv6Address" data-bind="value: sourceIpv6Address" class="form-control"/>
+ </div>
+ </div>
+ <div class="row form-group">
+ <label class="col-xs-3 side-right" for="txtDestIpv6Address" data-trans="dest_ipv6_address"></label>
+ <div class="col-xs-6">
+ <input id="txtDestIpv6Address" type="text" name="txtDestIpv6Address" data-bind="value: destIpv6Address" class="form-control"/>
+ </div>
+ </div>
+ </div>
+ <div class="row form-group">
+ <label class="col-xs-3 side-right" for="protocol" data-trans="protocol"></label>
+ <div class="col-xs-6">
+ <select id="protocol" data-transid="protocol" data-bind="options: modes, value: selectedMode, optionsText: transOption('protocol'), optionsValue: 'value', event:{ change: protocolChangeHandler}" class="form-control"></select>
+ </div>
+ </div>
+ <!--根据protocol显示或隐藏-->
+ <div id="portRangeArea" data-bind="visible: selectedMode() != 'ICMP' && selectedMode() != 'None' ">
+ <div class="row form-group">
+ <label for="txtSourcePortStart" data-trans='source_port_range' class="col-xs-3 side-right"></label>
+ <div class="col-xs-9">
+ <div class="row">
+ <div class="col-xs-3">
+ <input id='txtSourcePortStart' name="txtSourcePortStart" type="text" data-bind="value: sourcePortStart"
+ maxlength="5" class="required rangeInput form-control"/>
+ </div>
+ <div class="col-xs-2 text-center">
+ -
+ </div>
+ <div class="col-xs-3">
+ <input id='txtSourcePortEnd' name="txtSourcePortEnd" type="text" data-bind="value: sourcePortEnd"
+ maxlength="5" class="required rangeInput form-control"/>
+ </div>
+ <label id='sourceRangeLabel' class="col-xs-4">(1~65535)</label>
+ </div>
+ </div>
+ <div id="sourcePortErrorDiv" class="col-xs-9 col-md-offset-3"></div>
+ </div>
+ <div class="row form-group">
+ <label for="txtDestPortStart" data-trans='dest_port_range' class="col-xs-3 side-right"></label>
+ <div class="col-xs-9">
+ <div class="row">
+ <div class="col-xs-3">
+ <input id='txtDestPortStart' name="txtDestPortStart" type="text" data-bind="value: destPortStart" maxlength="5" class="required rangeInput form-control"/>
+ </div>
+ <div class="col-xs-2 text-center">
+ -
+ </div>
+ <div class="col-xs-3">
+ <input id='txtDestPortEnd' name="txtDestPortEnd" type="text" data-bind="value: destPortEnd"
+ maxlength="5" class="required rangeInput form-control"/>
+
+ </div>
+ <label id='destRangeLabel' class="col-xs-4">(1~65535)</label>
+ </div>
+ </div>
+ <div id="destPortErrorDiv" class="col-xs-9 col-md-offset-3"></div>
+ </div>
+ </div>
+
+ <div class="row form-group">
+ <label data-trans="port_filter_action" class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <div class="row">
+ <div class="col-xs-4">
+ <input id="portFilterAccept" type="radio" name="portFilterActionGrp" data-bind="checked: portFilterAction" value="Accept"/>
+ <label for="portFilterAccept" data-trans="filter_accept"></label>
+ </div>
+ <div class="col-xs-4">
+ <input id="portFilterDrop" type="radio" name="portFilterActionGrp" data-bind="checked: portFilterAction" value="Drop"/>
+ <label for="portFilterDrop" data-trans="filter_drop"></label>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="row form-group">
+ <label for="txtComment" data-trans="comment" class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <input id="txtComment" type="text" name="txtComment" data-bind="value: comment" maxlength="32" class="required form-control"/>
+ </div>
+ </div>
+ </div>
+ <div class="form-buttons">
+ <input type="submit" formmethod="post" data-trans="apply" class="btn btn-primary"/>
+ </div>
+ <div class="form-note">
+ <div class="notes-title"> </div>
+ <ul class="notes-content">
+ <li data-trans="port_filter_note_mac_address"></li>
+ <li data-trans="port_filter_note_source_ip_address"></li>
+ <li data-trans="port_filter_note_dest_ip_address"></li>
+ <li data-trans="port_filter_note_protocol"></li>
+ <li data-trans="port_filter_note_source_port_range"></li>
+ <li data-trans="port_filter_note_dest_port_range"></li>
+ <li data-trans="port_filter_note_action"></li>
+ <li data-trans="port_filter_note_comment"></li>
+ <li data-trans="port_filter_note_info"></li>
+ <li data-trans="rule_max_note_v4v6" data-bind="visible: ipv6Support"></li>
+ <li data-trans="rule_max_note" data-bind="visible: !ipv6Support()"></li>
+ </ul>
+ </div>
+ </form>
+ <form id="portFilterListForm">
+ <div class="form-title">
+ <h2 data-trans="port_filter_list"></h2>
+ </div>
+ <div class="content">
+ <div>
+ <div id="portFilters" data-bind="simpleGrid: gridTemplate" class="fixTableScroll"></div>
+ </div>
+ </div>
+
+ <div class="form-buttons">
+ <input type="submit" formmethod="post" data-trans="delete" data-bind="enable: gridTemplate.checkedCount() > 0" class="btn btn-primary"/>
+ </div>
+
+ <!-- ko if: oriDefaultPolicy() == '0' -->
+ <div class="form-note">
+ <div class="notes-title"> </div>
+ <ul class="notes-content">
+ <li data-trans="filter_accept_note"></li>
+ </ul>
+ </div>
+ <!-- /ko -->
+ <!-- ko if: oriDefaultPolicy() == '1' -->
+ <div class="form-note">
+ <div class="notes-title"> </div>
+ <ul class="notes-content">
+ <li data-trans="filter_drop_note"></li>
+ </ul>
+ </div>
+ <!-- /ko -->
+ </form>
+ </div>
+</div>
+ </div>
+</div>
+</div>
\ No newline at end of file
diff --git a/ap/app/zte_webui/subpg/firewall_port_forward.html b/ap/app/zte_webui/subpg/firewall_port_forward.html
new file mode 100755
index 0000000..c41d3b7
--- /dev/null
+++ b/ap/app/zte_webui/subpg/firewall_port_forward.html
@@ -0,0 +1,130 @@
+<div id="innerContainer">
+ <div class="row header-row">
+ <div class="col-xs-1">
+ <a href="#filter_main">
+ <img alt="" src="pic/direct-back.png">
+ </a>
+ </div>
+ <div class="col-xs-11">
+ <div class="form-title">
+ <h1 data-trans='port_forward'></h1>
+ </div>
+ </div>
+ </div>
+<div class="row">
+ <div class="col-xs-1 margin-top-15">
+
+ </div>
+ <div class="col-xs-11">
+
+<div class="form-body">
+ <form id="virtualServerForm">
+
+ <div class="content">
+ <div class="row form-group">
+ <label class="col-xs-3 side-right" data-trans="virtual_server_setting"></label>
+ <div class="col-xs-6">
+ <div class="row">
+ <div class="col-xs-4">
+ <input id="serverEnable" type="radio" name="serverGrp" data-bind="checked: portForwardEnable" value="1"/>
+ <label for="serverEnable" data-trans="enable"></label>
+ </div>
+ <div class="col-xs-4">
+ <input id="serverDisable" type="radio" name="serverGrp" data-bind="checked: portForwardEnable" value="0"/>
+ <label for="serverDisable" data-trans="disable"></label>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="form-buttons">
+ <input type="submit" formmethod="post" data-trans="apply" class="btn btn-primary"/>
+ </div>
+ <div class="form-note">
+ <div class="notes-title"> </div>
+ <ul class="notes-content">
+ <li data-trans="port_forward_note_info"></li>
+ </ul>
+ </div>
+ </form>
+ <div data-bind="visible: oriPortForwardEnable() == '1' && portForwardEnable() == '1' ">
+ <form id="portForwardForm">
+ <div class="form-title">
+ <h2 data-trans="port_forward_setting"></h2>
+ </div>
+ <div class="content">
+ <div class="row form-group">
+ <label for="txtIpAddress" data-trans="ip_address" class="col-xs-3 side-right"></label>
+ <div class="col-xs-9">
+ <div class="row">
+ <div class="col-xs-8">
+ <input id="txtIpAddress" type="text" name="txtIpAddress" data-bind="value: ipAddress" maxlength="15" class="required form-control"/>
+ </div>
+ <label id="ipExamLabel" data-trans="ipExam" class="col-xs-4"></label>
+ </div>
+ </div>
+ <div id="ipErrorDiv" class="col-xs-9 col-md-offset-3"></div>
+ </div>
+ <div class="row form-group">
+ <label for="txtPortStart" data-trans='port_range' class="col-xs-3 side-right"></label>
+ <div class="col-xs-9">
+ <div class="row">
+ <div class="col-xs-3">
+ <input id='txtPortStart' name="txtPortStart" type="text" data-bind="value: portStart"
+ maxlength="5" class="required rangeInput form-control"/>
+ </div>
+ <div class="col-xs-2 text-center">
+ -
+ </div>
+ <div class="col-xs-3">
+ <input id='txtPortEnd' name="txtPortEnd" type="text" data-bind="value: portEnd"
+ maxlength="5" class="required rangeInput form-control"/>
+ </div>
+ <label id='rangeLabel' class="col-xs-4">(1~65535)</label>
+ </div>
+ </div>
+ <div id="portRangeErrorDiv" class="col-xs-9 col-md-offset-3"></div>
+ </div>
+ <div class="row form-group">
+ <label class="col-xs-3 side-right" for="protocol" data-trans="protocol"></label>
+ <div class="col-xs-6">
+ <select id="protocol" data-transid="protocol" data-bind="options: modes, value: selectedMode, optionsText: transOption('protocol'), optionsValue: 'value'" class="form-control"></select>
+ </div>
+ </div>
+ <div class="row form-group">
+ <label for="txtComment" data-trans="comment" class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <input id="txtComment" type="text" name="txtComment" data-bind="value: comment" maxlength="32" class="required form-control"/>
+ </div>
+ </div>
+ </div>
+ <div class="form-buttons">
+ <input type="submit" formmethod="post" data-trans="apply" class="btn btn-primary"/>
+ </div>
+ <div class="form-note">
+ <div class="notes-title"> </div>
+ <ul class="notes-content">
+ <li data-trans="port_forward_note_ip_address"></li>
+ <li data-trans="port_forward_note_port"></li>
+ <li data-trans="port_forward_note_protocol"></li>
+ <li data-trans="port_forward_note_comment"></li>
+ <li data-trans="rule_max_note"></li>
+ </ul>
+ </div>
+ </form>
+ <form id="portForwardListForm">
+ <div class="form-title">
+ <h2 data-trans="port_forward_list"></h2>
+ </div>
+ <div class="content">
+ <div id="portForwards" data-bind="simpleGrid: gridTemplate" class="fixTableScroll"></div>
+ </div>
+ <div class="form-buttons">
+ <input type="submit" formmethod="post" data-trans="delete" data-bind="enable: gridTemplate.checkedCount() > 0" class="btn btn-primary"/>
+ </div>
+ </form>
+ </div>
+</div>
+ </div>
+</div>
+</div>
\ No newline at end of file
diff --git a/ap/app/zte_webui/subpg/firewall_port_map.html b/ap/app/zte_webui/subpg/firewall_port_map.html
new file mode 100755
index 0000000..ec7c838
--- /dev/null
+++ b/ap/app/zte_webui/subpg/firewall_port_map.html
@@ -0,0 +1,120 @@
+<div id="innerContainer">
+ <div class="row header-row">
+ <div class="col-xs-1">
+ <a href="#filter_main">
+ <img alt="" src="pic/direct-back.png">
+ </a>
+ </div>
+ <div class="col-xs-11">
+ <div class="form-title">
+ <h1 data-trans='port_map'></h1>
+ </div>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-xs-1 margin-top-15">
+ </div>
+ <div class="col-xs-11">
+
+<div class="form-body">
+ <form id="mapBasicForm">
+ <div class="content">
+ <div class="row form-group">
+ <label data-trans="port_map_setting" class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <div class="row">
+ <div class="col-xs-4">
+ <input id="mapEnable" type="radio" name="mapGrp" data-bind="checked: portMapEnable" value="1"/>
+ <label for="mapEnable" data-trans="enable"></label>
+ </div>
+ <div class="col-xs-4">
+ <input id="mapDisable" type="radio" name="mapGrp" data-bind="checked: portMapEnable" value="0"/>
+ <label for="mapDisable" data-trans="disable"></label>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="form-buttons">
+ <input class="btn btn-primary" type="submit" formmethod="post" data-trans="apply"/>
+ </div>
+ <div class="form-note">
+ <div class="notes-title"> </div>
+ <ul class="notes-content">
+ <li data-trans="port_map_note_info"></li>
+ </ul>
+ </div>
+ </form>
+ <div data-bind="visible: oriPortMapEnable() == '1' && portMapEnable() == '1' ">
+ <form id="portMapForm">
+ <div class="form-title">
+ <h2 data-trans="port_map_setting"></h2>
+ </div>
+ <div class="content">
+ <div class="row form-group">
+ <label for="txtSourcePort" data-trans="source_port" class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <input id="txtSourcePort" type="text" name="txtSourcePort" data-bind="value: sourcePort" maxlength="5" class="required form-control"/>
+ </div>
+ <label id="sourcePortExamLabel" class="col-xs-3">(1~65000)</label>
+ <div id="txtSourcePortErrorDiv" class="col-xs-9 col-md-offset-3"></div>
+ </div>
+ <div class="row form-group">
+ <label for="txtDestIpAddress" data-trans="dest_ip_address" class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <input id="txtDestIpAddress" type="text" name="txtDestIpAddress" data-bind="value: destIpAddress" maxlength="15" class="required form-control"/>
+ </div>
+ <label id="ipExamLabel" data-trans="ipExam" class="col-xs-3"></label>
+ <div id="txtDestIpAddressErrorDiv" class="col-xs-9 col-md-offset-3"></div>
+ </div>
+ <div class="row form-group">
+ <label for="txtDestPort" data-trans="dest_port" class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <input id="txtDestPort" type="text" name="txtDestPort" data-bind="value: destPort" maxlength="5" class="required form-control"/>
+ </div>
+ <label id="destPortExamLabel" class="col-xs-3">(1~65000)</label>
+ <div id="txtDestPortErrorDiv" class="col-xs-9 col-md-offset-3"></div>
+ </div>
+ <div class="row form-group">
+ <label for="protocol" data-trans="protocol" class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <select id="protocol" data-transid="protocol" data-bind="options: modes, value: selectedMode, optionsText: transOption('protocol'), optionsValue: 'value'" class="form-control"></select>
+ </div>
+ </div>
+ <div class="row form-group">
+ <label for="txtComment" data-trans="comment" class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <input id="txtComment" type="text" name="txtComment" data-bind="value: comment" maxlength="32" class="required form-control"/>
+ </div>
+ </div>
+ </div>
+ <div class="form-buttons">
+ <input class="btn btn-primary" type="submit" formmethod="post" data-trans="apply"/>
+ </div>
+ <div class="form-note">
+ <div class="notes-title"> </div>
+ <ul class="notes-content">
+ <li data-trans="port_map_note_port"></li>
+ <li data-trans="port_map_note_dest_ip_address"></li>
+ <li data-trans="port_map_note_protocol"></li>
+ <li data-trans="port_map_note_comment"></li>
+ <li data-trans="rule_max_note"></li>
+ </ul>
+ </div>
+ </form>
+ <form id="portMapListForm">
+ <div class="form-title">
+ <h2 data-trans="port_map_list"></h2>
+ </div>
+ <div class="content">
+ <div id="portMaps" data-bind="simpleGrid: gridTemplate" class="fixTableScroll"></div>
+ </div>
+ <div class="form-buttons">
+ <input type="submit" formmethod="post" data-trans="delete" data-bind="enable: gridTemplate.checkedCount() > 0" class="btn btn-primary"/>
+ </div>
+ </form>
+ </div>
+</div>
+ </div>
+</div>
+</div>
\ No newline at end of file
diff --git a/ap/app/zte_webui/subpg/firewall_upnp_set.html b/ap/app/zte_webui/subpg/firewall_upnp_set.html
new file mode 100755
index 0000000..89c2bc4
--- /dev/null
+++ b/ap/app/zte_webui/subpg/firewall_upnp_set.html
@@ -0,0 +1,52 @@
+<div id="innerContainer">
+ <div class="row header-row">
+ <div class="col-xs-1">
+ <a href="#filter_main">
+ <img alt="" src="pic/direct-back.png">
+ </a>
+ </div>
+ <div class="col-xs-11">
+ <div class="form-title">
+ <h1 data-trans='upnp_setting'></h1>
+ </div>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-xs-1 margin-top-15">
+ </div>
+ <div class="col-xs-11">
+
+<form id="upnpSettingForm">
+ <div class="form-body">
+ <div class="content">
+ <div class="row form-group">
+ <label data-trans="upnp_setting" class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <div class="row">
+ <div class="col-xs-4">
+ <input id="upnpEnable" type="radio" name="upnpGrp" data-bind="checked: upnpSetting" value="1"/>
+ <label for="upnpEnable" data-trans="enable"></label>
+ </div>
+ <div class="col-xs-4">
+ <input id="upnpDisable" type="radio" name="upnpGrp" data-bind="checked: upnpSetting" value="0"/>
+ <label for="upnpDisable" data-trans="disable"></label>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="form-buttons">
+ <input type="submit" formmethod="post" data-trans="apply" class="btn btn-primary"/>
+ </div>
+ <div class="form-note">
+ <div class="notes-title"> </div>
+ <ul class="notes-content">
+ <li data-trans="upnp_note_info"></li>
+ <!--<li data-trans="lan_note"></li>-->
+ </ul>
+ </div>
+ </div>
+</form>
+ </div>
+ </div>
+</div>
\ No newline at end of file
diff --git a/ap/app/zte_webui/subpg/firewall_url_filter.html b/ap/app/zte_webui/subpg/firewall_url_filter.html
new file mode 100755
index 0000000..c404151
--- /dev/null
+++ b/ap/app/zte_webui/subpg/firewall_url_filter.html
Binary files differ
diff --git a/ap/app/zte_webui/subpg/main.html b/ap/app/zte_webui/subpg/main.html
new file mode 100755
index 0000000..c5f8c00
--- /dev/null
+++ b/ap/app/zte_webui/subpg/main.html
@@ -0,0 +1,216 @@
+
+<div class="row margin-top-20">
+<div class="type_items">
+ <ul>
+ <li><a href="#child_ctl" data-bind="visible: hasParentalControl" data-trans="parental_control" class="c0EC6DC"></a></li>
+ <li><a href="#msg_main" data-bind="visible: hasSms" data-trans="sms" class="cF53A58"></a></li>
+ <li><a href="#pb_main" data-bind="visible: hasPhonebook" data-trans="phonebook" class="c00AEFF"></a></li>
+ <li><a href="#sdcard" data-bind="visible: isSupportSD" data-trans="sd" class="c2175FF"></a></li>
+ <li><a data-bind="attr: {href: notDataCard? '#wlan_sleep' : '#demilitarized_zone'}" data-trans="advanced_settings" class="cFFCE2B"></a></li>
+ <li><a href="#fast_set" data-bind="visible: isSupportQuicksetting()" data-trans="quick_setting" class="cFFCE2B"></a></li>
+ </ul>
+</div>
+</div>
+
+<div class="row margin-top-20" id="home_image">
+
+<div class="row">
+ <div style="position: relative">
+ <div class="internet_status_container">
+ <div data-bind=" css: {'item_icon_connect': cStatus()== 1, 'item_icon_disconnect': cStatus() != 1}"></div>
+ <h3 data-trans="net_surfing" class="home_h3"></h3>
+ <div class="net_surfing_list">
+ <ul>
+ <li><a id="h_connect_btn" href="javascript: void(0)" data-bind="visible: canConnect() && isShowHomeConnect(), click: connectHandler , css: {'h_connect_on': cStatus()== 1, 'h_connect_off': cStatus() != 1}" style="display: none;"></a></li>
+ <li><i class="up"></i><span data-bind="text: up_Speed"></span></li>
+ <li><i class="down"></i><span data-bind="text: down_Speed"></span></li>
+ <li><span data-bind="text: connected_Time"></span></li>
+ </ul>
+ </div>
+ </div>
+
+ <div class="network_control_container">
+ <div class="item_icon"></div>
+ <h3 data-trans="my_router" class="home_h3"></h3>
+ <!--div id="h_network_type" data-bind="text: networkType, css: {'no-btn': !(canConnect() && isShowHomeConnect())}"></div-->
+ <div class="my_router_list">
+ <ul>
+ <li data-bind="visible: hasRj45"><a id="opmode" data-bind="click: showOpModeWindow, css: {'not-allowed': enableFlag}" href="javascript:void(0)"></a></li>
+ <li><a data-bind="click: showNetworkSettingsWindow" data-trans="settings_internet" href="javascript:void(0)"></a></li>
+ <!--li><div id="h_ssid"></div></li-->
+ <li data-bind="visible: notDataCard"><a data-trans="settings_wireless" href="#wlan_main"></a></li>
+ </ul>
+ </div>
+ </div>
+
+ <!--div id="h_connect_status" data-bind="visible:notDataCard, css: {'h_status_connected': cStatus()== 1, 'h_status_disconnected': cStatus()== 2, 'h_status_connecting': cStatus()== 3, 'h_status_disconnecting': cStatus()== 4, }">
+ </div-->
+
+ <div data-bind="visible: notDataCard" onclick="window.location.hash='#conn_device'" class="connected_devices_container">
+ <div class="item_icon"></div>
+ <h3 data-trans="station_info" class="home_h3" ></h3>
+ <div style="text-align:center;display:inline" class="margin-top-20">
+ <div id="h_wire_device" data-bind="visible: hasRj45 && isCPE">
+ <span data-bind="text: wireDeviceNum" style="font-size:70px;"><em></em></span><sub data-trans="device_unit" style="font-size: 16px;"></sub>
+ <span data-trans="cable" style="font-size:15px;text-align:center;display:block"></span>
+ </div>
+ <div id="h_wireless_device" style="display-block">
+ <span data-bind="text: wirelessDeviceNum" style="font-size:70px"></span><sub data-trans="device_unit" style="font-size: 16px;"></sub>
+ <span data-trans="wireless" style="font-size:15px;text-align:center;display:block"></span>
+ </div>
+ </div>
+ <!--a href="#conn_device" id="h_attached_device_link">
+ </a-->
+ </div>
+ </div>
+</div>
+</div>
+
+
+<div class="row margin-top-20 label-font-normal margin-bottom-20">
+ <div class="text-center traffic_control_container" data-bind="visible: showTraffic()">
+ <h4 data-trans="traffic_data_plan" style="font-size:14px;text-align:right;padding-right:15px"></h4>
+ <div style="display:inline-block">
+ <div id="traffic_graphic" style="width: 200px; height: 165px; visibility: visible;"></div>
+ </div>
+ <div style="text-align: left;padding-left:20px;font-size:18px">
+ <span style="background-color: #8CC916;" class="color_block"></span>
+ <span data-trans="traffic_used" class="color_block_desc"></span>
+ <span class="color_block_desc">:</span>
+ <span data-bind="text: trafficUsed" class="color_block_desc"></span>
+ </div>
+ <div class="statistics_list">
+ <ul>
+ <li><a href="#flow_ctl">
+ <div data-bind="visible: trafficAlertEnable">
+ <span data-bind="text: trafficLimited" class="line-height-20"></span>
+ <span data-trans="traffic_limit_data" class="line-height-20"></span>
+ </div>
+ <div data-bind="visible: trafficAlertEnable() == false">
+ <div data-trans="traffic_not_set_limited" class="line-height-20"></div>
+ </div>
+ </a></li>
+ </ul>
+ </div>
+ </div>
+
+
+ <div data-bind="css:{'device_info_container_hastraffic':showTraffic(),'device_info_container_notraffic':!showTraffic()}" class="device_info_container">
+ <h4 data-trans="device_info" style="font-size:14px;text-align:left;padding-left:15px;color:#fff"></h4>
+ <div style="color:#fff;position: relative;height: 210px;font-size: 18px;line-height: 1.5em;padding:20px 0px 0px 15px;">
+ <div class="row">
+ <label data-trans="sim_serial_number" class="col-xs-5"></label>
+ <label data-bind="text: simSerialNumber" class="col-xs-7"></label>
+ </div>
+ <div class="row">
+ <label data-trans="imei" class="col-xs-5"></label>
+ <label data-bind="text: imei" class="col-xs-7"></label>
+ </div>
+ <div class="row">
+ <label data-trans="imsi" class="col-xs-5"></label>
+ <label data-bind="text: imsi" class="col-xs-7"></label>
+ </div>
+ <!--div class="row" data-bind="visible: notDataCard">
+ <label class="col-xs-5" data-trans="wifi_range"></label>
+ <label class="col-xs-7" data-bind="attr: {'data-trans': wifiLongMode}"></label>
+ </div-->
+ <div class="row">
+ <label data-trans="signal_strength_label" class="col-xs-5"></label>
+ <label id="fresh_signal_strength" class="col-xs-7"></label>
+ </div>
+ <div class="row" data-bind="visible: hasWifi && showMultiSsid()">
+ <label data-trans="network_name_ssid1" class="col-xs-5"></label>
+ <label data-bind="text: ssid" style="word-wrap: break-word;" class="col-xs-7"></label>
+ </div>
+ <div class="row" data-bind="visible: hasWifi && !showMultiSsid()">
+ <label data-trans="network_name" class="col-xs-5"></label>
+ <label data-bind="text: ssid" style="word-wrap: break-word;" class="col-xs-7"></label>
+ </div>
+ </div>
+ <div style="text-align:right;">
+ <a href="javascript: void(0)" data-trans="detail_info" id="showDetailInfo" tabindex="0"></a>
+ </div>
+ </div>
+</div>
+
+
+<div id="h_qrcode" data-bind="visible: showQRCode" style="float:right" class="text-center">
+ <img id="qrcode_img" data-bind="attr: {src: qrcodeSrc}" src="./pic/res_blacktrans.png" width="111"/>
+</div>
+
+<script type="text/x-jquery-tmpl" id="detailInfoTmpl">
+<div class="row">
+ <label class="col-xs-6" data-trans="sim_serial_number" class="col-xs-6"></label>
+ <label class="col-xs-6"><%= simSerialNumber %></label>
+</div>
+<div class="row">
+ <label data-trans="imei" class="col-xs-6"></label>
+ <label class="col-xs-6"><%= imei %></label>
+</div>
+<div class="row">
+ <label data-trans="imsi" class="col-xs-6"></label>
+ <label class="col-xs-6"><%= imsi %></label>
+</div>
+<div class="row">
+ <label data-trans="signal_strength_label" class="col-xs-6"></label>
+ <label class="col-xs-6" id="popoverSignalTxt"><%= signal %></label>
+</div>
+<% if(hasWifi){ %>
+<div class="row">
+ <label data-trans="<%= showMultiSsid ? 'network_name_ssid1': 'network_name' %>" class="col-xs-6"></label>
+ <label style="word-wrap: break-word; word-break: break-all;" class="col-xs-6"><%= ssid %></label>
+</div>
+<div class="row">
+ <label data-trans="<%= showMultiSsid ? 'max_access_num_ssid1': 'max_access_num' %>" class="col-xs-6"></label>
+ <label class="col-xs-6"><%= max_access_num %></label>
+</div>
+ <% if(showMultiSsid){ %>
+ <div class="row">
+ <label data-trans="network_name_ssid2" class="col-xs-6"></label>
+ <label style="word-wrap: break-word; word-break: break-all;" class="col-xs-6"><%= m_ssid %></label>
+ </div>
+ <div class="row">
+ <label data-trans="max_access_num_ssid2" class="col-xs-6"></label>
+ <label class="col-xs-6"><%= m_max_access_num %></label>
+ </div>
+ <% } %>
+<div class="row">
+ <label data-trans="wifi_range" class="col-xs-6"></label>
+ <label data-trans="<%= wifi_long_mode %>" class="col-xs-6"></label>
+</div>
+<% } %>
+<div class="row">
+ <label data-trans="lan_domain" class="col-xs-6"></label>
+ <label class="col-xs-6"><%= lanDomain %></label>
+</div>
+<div class="row">
+ <label data-trans="ip_address" class="col-xs-6"></label>
+ <label class="col-xs-6"><%= ipAddress %></label>
+</div>
+<% if(showMacAddress){ %>
+<div class="row">
+ <label data-trans="mac_address" class="col-xs-6"></label>
+ <label class="col-xs-6"><%= macAddress %></label>
+</div>
+<% } %>
+<% if(showIpv4WanIpAddr){ %>
+<div class="row">
+ <label data-trans="wan_ip_address" class="col-xs-6"></label>
+ <label class="col-xs-6"><%= wanIpAddress %></label>
+</div>
+<% } %>
+<% if(showIpv6WanIpAddr){ %>
+<div class="row">
+ <label data-trans="ipv6_wan_ip_address" class="col-xs-6"></label>
+ <label class="col-xs-6"><%= ipv6WanIpAddress %></label>
+</div>
+<% } %>
+<div class="row">
+ <label data-trans="software_version" class="col-xs-6"></label>
+ <label class="col-xs-6"><%= sw_version %></label>
+</div>
+<div class="row">
+ <label data-trans="hardware_version" class="col-xs-6"></label>
+ <label class="col-xs-6"><%= hw_version %></label>
+</div>
+</script>
diff --git a/ap/app/zte_webui/subpg/network_apn_set.html b/ap/app/zte_webui/subpg/network_apn_set.html
new file mode 100755
index 0000000..c308b85
--- /dev/null
+++ b/ap/app/zte_webui/subpg/network_apn_set.html
@@ -0,0 +1,220 @@
+<div id="innerContainer">
+ <div class="row header-row">
+ <div class="col-xs-1">
+ <a href="#main">
+ <img alt="" src="pic/direct-back.png">
+ </a>
+ </div>
+ <div class="col-xs-11">
+ <div class="form-title">
+ <h1 data-trans='net_setting'></h1>
+ </div>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-xs-2">
+ <div class="nav_right">
+ <ul>
+ <li><a data-trans="dial_mode" href="#conn_set"></a></li>
+ <li><a data-trans="net_select" href="#network_choose"></a></li>
+ <li class="active"><a data-trans="apn_setting" href="#cgdcont_set"></a></li>
+ </ul>
+ </div>
+ </div>
+
+ <div class="col-xs-10">
+
+<form id="apn_setting_form">
+ <div class="form-body">
+ <h3 data-trans="apn_setting" class="form-title"></h3>
+ <div class="content">
+ <!-- 当前APN -->
+ <div class="row form-group">
+ <label data-trans="apn_currentApn" class="col-xs-3 side-right"></label>
+ <label data-bind="text: defApn" class="col-xs-6"></label>
+ </div>
+ <!-- 模式 手动、自动 -->
+ <div class="row form-group">
+ <label data-trans="apn_mode" class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <div class="row">
+ <div class="col-xs-4">
+ <input id="apnMode_auto" type="radio" name="apnMode" data-bind="checked: apnMode, event: {click: apnModeChangeHandler}, disable: autoApnChecked() == false && disableProfile() == true" value="auto"/>
+ <label for="apnMode_auto" data-trans="apn_auto_apn"></label>
+ </div>
+ <div class="col-xs-4">
+ <input id="apnMode_manual" type="radio" name="apnMode" data-bind="checked: apnMode, event: {click: apnModeChangeHandler}, disable: autoApnChecked() == false && disableProfile() == true" value="manual"/>
+ <label for="apnMode_manual" data-trans="apn_manual_apn"></label>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div id="apn_form_container" data-bind="visible: showAutoApnDetail()">
+ <div class="row form-group">
+ <label class="col-xs-3 side-right" for="profile" data-trans="apn_profile"></label>
+ <div class="col-xs-4">
+ <select id="autoProfile" name="autoProfile" data-bind="options: autoProfiles, value: selectedAutoProfile, optionsText: 'text', optionsValue: 'value', disable: disableProfile, event:{ change: autoProfileChangeHandler}, visible: apnMode() == 'auto'" class="form-control"></select>
+ <select id="profile" name="profile" data-bind="options: profiles, value: selectedProfile, optionsText: 'text', optionsValue: 'value', disable: disableProfile, event:{ change: profileChangeHandler}, visible: apnMode() == 'manual'" class="form-control"></select>
+ </div>
+
+ <div class="col-xs-2">
+ <input type="button" data-bind="click: addAct, visible: autoApnChecked() == false && disableProfile() == false && hasCapacity() == true" data-trans="add_new" class="btn btn-primary"/>
+ <input type="button" data-bind="click: cancelAddAct, visible: autoApnChecked() == false && disableProfile() == true && hasCapacity() == true" data-trans="cancel" class="btn btn-primary"/>
+ </div>
+ </div>
+ <div data-bind="visible: supportIPv6()" class="row form-group">
+ <label for="apn_pdp_type" data-trans="apn_pdp_type" class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <select id="apn_pdp_type" name="apn_pdp_type" data-bind="options: pdpTypes, value: selectedPdpType, optionsText: 'text', optionsValue: 'value', disable: checkInputDisable, event:{ change: pdpTypeChangeAlert}" class="form-control"></select>
+ </div>
+ </div>
+ <div class="row form-group">
+ <label for="profile_name" data-trans="apn_profile_name" class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <input id="profile_name" type="text" name="profile_name" data-bind="value: profileName, disable: checkInputDisable" maxlength="15" class="required form-control"/>
+ </div>
+ </div>
+ <div id="ipv4_section" data-bind="visible: selectedPdpType() != 'IPv6'">
+ <div class="row form-group">
+ <label for="apn_ipv4_apn" data-bind="attr:{'data-trans': transApn}" class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <input id="apn_ipv4_apn" type="text" name="apn_ipv4_apn" data-bind="value: apn, disable: checkInputDisable" maxlength="64" class="required form-control"/>
+ </div>
+ </div>
+ <div class="row form-group" data-bind="visible: showApnDns()">
+ <label data-bind="attr:{'data-trans': transDnsMode}" class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <input id="apn_auto_dns_ipv4" type="radio" name="apn_auto_dns_ipv4" data-bind="checked: dnsMode, disable: checkInputDisable" value="auto"/>
+ <label for="apn_auto_dns_ipv4" data-trans="apn_auto_dns"></label>
+ <input id="apn_manual_dns_ipv4" type="radio" name="apn_manual_dns_ipv4" data-bind="checked: dnsMode, disable: checkInputDisable" value="manual"/>
+ <label for="apn_manual_dns_ipv4" data-trans="apn_manual_dns"></label>
+ </div>
+ </div>
+ <div data-bind="visible: showDns() && showApnDns()" class="row form-group">
+ <label for="apn_dns1_ipv4" data-bind="attr:{'data-trans': transDns1}" class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <input id="apn_dns1_ipv4" type="text" name="apn_dns1_ipv4" data-bind="value: dns1, disable: checkInputDisable" maxlength="15" class="required ipv4 form-control"/>
+ </div>
+ </div>
+ <div data-bind="visible: showDns() && showApnDns()" class="row form-group">
+ <label for="apn_dns2_ipv4" data-bind="attr:{'data-trans': transDns2}" class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <input id="apn_dns2_ipv4" type="text" name="apn_dns2_ipv4" data-bind="value: dns2, disable: checkInputDisable" maxlength="15" class="ipv4 form-control"/>
+ </div>
+ </div>
+ <div class="row form-group">
+ <label for="apn_authentication_ipv4" data-bind="attr:{'data-trans': transAuth}" class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <select id="apn_authentication_ipv4" name="apn_authentication_ipv4" data-bind="options: authModes, disable: checkInputDisable, value: selectedAuthentication, optionsText: 'text', optionsValue: 'value'" class="form-control"></select>
+ </div>
+ </div>
+ <div class="row form-group">
+ <label for="apn_user_name_ipv4" data-bind="attr:{'data-trans': transUserName}" class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <input id="apn_user_name_ipv4" type="text" name="apn_user_name_ipv4" data-bind="value: username, disable: checkInputDisable" maxlength="64" class="form-control"/>
+ </div>
+ </div>
+ <div class="row form-group">
+ <label class="col-xs-3 side-right" for="apn_secretcode_ipv4" data-bind="attr:{'data-trans': transPassword}"></label>
+ <div class="col-xs-6">
+ <input id="apn_secretcode_ipv4" type="password" name="apn_secretcode_ipv4" data-bind="value: password,visible:!showPassword(), disable: checkInputDisable" maxlength="64" class="form-control"/>
+ <input id="apn_secretcode_ipv4_show" type="text" name="apn_secretcode_ipv4" data-bind="value: password,visible:showPassword(), disable: checkInputDisable" maxlength="64" class="form-control"/>
+ <div class="margin-top-10">
+ <p data-bind="css:{'checkbox_selected': showPassword()}, click: showPasswordHandler" manualControl="true" class="checkbox">
+ <input id="showPassword" data-bind="checked:showPassword" type="checkbox"/>
+ </p>
+ <label data-trans="display_password" class="floatleft lineheight25 margintop5"></label>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- 以下是ipv6 -->
+
+ <div data-bind="visible: (selectedPdpType() == 'IPv4v6' && supportIpv4AndIpv6()) || selectedPdpType() == 'IPv6'">
+ <div class="row form-group">
+ <label for="apn_ipv6_apn" data-bind="attr:{'data-trans': transApnV6}" class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <input id="apn_ipv6_apn" type="text" name="apn_ipv6_apn" data-bind="value: apnV6, disable: checkInputDisable" maxlength="64" class="required form-control"/>
+ </div>
+ </div>
+ <div data-bind="visible: showApnDns()" class="row form-group">
+ <label data-bind="attr:{'data-trans': transDnsModeV6}" class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <input id="apn_auto_dns_ipv6" type="radio" name="dns_ipv6" data-bind="checked: dnsModeV6, disable: checkInputDisable" value="auto"/>
+ <label for="apn_auto_dns_ipv6" data-trans="apn_auto_dns"></label>
+ <input id="apn_manual_dns_ipv6" type="radio" name="dns_ipv6" data-bind="checked: dnsModeV6, disable: checkInputDisable" value="manual"/>
+ <label for="apn_manual_dns_ipv6" data-trans="apn_manual_dns"></label>
+ </div>
+ </div>
+ <div data-bind="visible: showDnsV6() && showApnDns()" class="row form-group">
+ <label for="apn_dns1_ipv6" data-bind="attr:{'data-trans': transDns1V6}" class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <input id="apn_dns1_ipv6" type="text" name="apn_dns1_ipv6" data-bind="value: dns1V6, disable: checkInputDisable" class="required ipv6 form-control"/>
+ </div>
+ </div>
+ <div class="row form-group" data-bind="visible: showDnsV6() && showApnDns()">
+ <label class="col-xs-3 side-right" for="apn_dns2_ipv6" data-bind="attr:{'data-trans': transDns2V6}"></label>
+ <div class="col-xs-6">
+ <input id="apn_dns2_ipv6" type="text" name="apn_dns2_ipv6" data-bind="value: dns2V6, disable: checkInputDisable" class="ipv6 form-control"/>
+ </div>
+ </div>
+
+ <div class="row form-group">
+ <label for="authentication_ipv6" data-bind="attr:{'data-trans': transAuthV6}" class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <select id="authentication_ipv6" name="authentication_ipv6" data-bind="options: authModes, disable: checkInputDisable, value: selectedAuthenticationV6, optionsText: 'text', optionsValue: 'value'" class="form-control"></select>
+ </div>
+ </div>
+ <div class="row form-group">
+ <label for="apn_user_name_ipv6" data-bind="attr:{'data-trans': transUserNameV6}" class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <input id="apn_user_name_ipv6" type="text" name="apn_user_name_ipv6" data-bind="value: usernameV6, disable: checkInputDisable" maxlength="64" class="form-control"/>
+ </div>
+ </div>
+ <div class="row form-group">
+ <label for="apn_secretcode_ipv6" data-bind="attr:{'data-trans': transPasswordV6}" class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <input id="apn_secretcode_ipv6" type="password" name="apn_secretcode_ipv6" data-bind="value: passwordV6,visible:!showPassword(), disable: checkInputDisable" maxlength="64" class="form-control"/>
+ <input id="apn_secretcode_ipv6_show" type="text" name="apn_secretcode_ipv6" data-bind="value: passwordV6,visible:showPassword(), disable: checkInputDisable" maxlength="64" class="form-control"/>
+ <div class="margin-top-10">
+ <p data-bind="css:{'checkbox_selected': showPassword()}, click: showPasswordHandler" manualControl="true" class="checkbox">
+ <input id="showV6Password" data-bind="checked:showPassword" type="checkbox"/>
+ </p>
+ <label data-trans="display_password" class="floatleft lineheight25 margintop5"></label>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="row form-group">
+ <label for="apn_secretcode_ipv6" data-trans="dial_num" class="col-xs-3 side-right"></label>
+ <label class="col-xs-6" data-bind="text: wanDial"></label>
+ </div>
+ </div>
+ </div>
+ <div class="form-buttons">
+ <input type="button" data-bind="click: setDefaultAct, visible: disableProfile() == false && setDefaultVisible() && !defaultCfg()" data-trans="set_default" class="btn btn-primary"/>
+ <input type="submit" formmethod="post" data-bind="visible: (!autoApnChecked() && !predeterminedCfg()) || disableProfile() == true" data-trans="apply" class="btn btn-primary"/>
+ <input type="button" data-bind="click: deleteAct, visible: !autoApnChecked() && !defaultCfg() && !predeterminedCfg() && !disableProfile()" data-trans="delete" class="btn btn-primary"/>
+ </div>
+ <div class="form-note">
+ <div class="notes-title"> </div>
+ <ul class="notes-content">
+ <li data-trans="apn_note_whole_page"></li>
+ <li data-trans="apn_note_mode"></li>
+ <li data-trans="apn_note_profile"></li>
+ <li data-trans="apn_note_pdp_type" data-bind="visible: supportIPv6()"></li>
+ <li data-trans="apn_note_profile_name"></li>
+ <li data-trans="apn_note_apn"></li>
+ <li data-trans="apn_note_dns_mode" data-bind="visible: showApnDns()"></li>
+ <li data-trans="apn_note_authentication"></li>
+ <li data-trans="apn_note_username"></li>
+ <li data-trans="apn_note_password"></li>
+ <li data-trans="apn_note_set_default"></li>
+ </ul>
+ </div>
+ </div>
+</form>
+ </div>
+</div>
+</div>
\ No newline at end of file
diff --git a/ap/app/zte_webui/subpg/network_dial_set.html b/ap/app/zte_webui/subpg/network_dial_set.html
new file mode 100755
index 0000000..e59b1ca
--- /dev/null
+++ b/ap/app/zte_webui/subpg/network_dial_set.html
@@ -0,0 +1,68 @@
+<div id="innerContainer">
+ <div class="row header-row">
+ <div class="col-xs-1">
+ <a href="#main">
+ <img alt="" src="pic/direct-back.png">
+ </a>
+ </div>
+ <div class="col-xs-11">
+ <div class="form-title">
+ <h1 data-trans='net_setting'></h1>
+ </div>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-xs-2">
+ <div class="nav_right">
+ <ul>
+ <li class="active"><a data-trans="dial_mode" href="#conn_set"></a></li>
+ <li><a data-trans="net_select" href="#network_choose"></a></li>
+ <li><a data-trans="apn_setting" href="#cgdcont_set"></a></li>
+ </ul>
+ </div>
+ </div>
+
+ <div class="col-xs-10">
+
+<form>
+<div class="form-body">
+ <h3 data-trans="dial_mode" class="form-title"></h3>
+ <div class="content">
+ <div class="row form-group">
+ <label data-trans='dial_mode' class="col-xs-3 side-right"></label>
+ <div class="col-xs-2">
+ <input id='auto_mode' type="radio" name="modeGroup" value="auto_dial" data-bind="checked: selectMode, enable: enableFlag" />
+ <label for='auto_mode' data-trans='auto_select'></label>
+ </div>
+ <div class="col-xs-2">
+ <input id='manual_mode' type="radio" name="modeGroup" value="manual_dial" data-bind="checked: selectMode, enable: enableFlag" />
+ <label for='manual_mode' data-trans='manual_select'></label>
+ </div>
+ </div>
+
+ <div data-bind="visible: selectMode() == 'auto_dial'" class="row form-group">
+ <div class="col-xs-3"></div>
+ <div class="col-xs-8 label-absolute">
+ <p id="roamBtn" data-bind="css:{'checkbox_selected': isAllowedRoaming()=='on'}, click: setAllowedRoaming" manualControl="true"class="checkbox floatleft margintop5 checkboxToggle">
+ <input type="checkbox" id="isAllowedRoaming" value="on" data-bind="checked:isAllowedRoaming()=='on'" />
+ </p>
+ <label for="isAllowedRoaming" data-trans="dial_roaming_remind" class="update_inline floatleft lineheight25"></label>
+ </div>
+ </div>
+ </div>
+ <div class="form-buttons">
+ <input type="button" data-bind='click: save, enable: enableFlag' data-trans="apply" class="btn btn-primary"/>
+ </div>
+ <div class="form-note">
+ <div class="notes-title"> </div>
+ <ul class="notes-content">
+ <li data-trans="diconneted_operate_note"></li>
+ <li data-trans="dial_setting_note_automatic"></li>
+ <li data-trans="dial_setting_note_manual"></li>
+ </ul>
+ </div>
+</div>
+</form>
+ </div>
+</div>
+</div>
\ No newline at end of file
diff --git a/ap/app/zte_webui/subpg/network_dial_set_cpe.html b/ap/app/zte_webui/subpg/network_dial_set_cpe.html
new file mode 100755
index 0000000..c5b31d8
--- /dev/null
+++ b/ap/app/zte_webui/subpg/network_dial_set_cpe.html
@@ -0,0 +1,171 @@
+<div id="innerContainer">
+ <div class="row header-row">
+ <div class="col-xs-1">
+ <a href="#main">
+ <img alt="" src="pic/direct-back.png">
+ </a>
+ </div>
+ <div class="col-xs-11">
+ <div class="form-title">
+ <h1 data-trans='wan'></h1>
+ </div>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-xs-1 margin-top-15">
+ </div>
+ <div class="col-xs-11">
+
+<form id="pppoeForm">
+<input type="hidden" data-bind="value: action" />
+<div class="form-body">
+ <div class="content">
+ <div class="row form-group">
+ <label data-trans='dial_mode' class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <select id='pppoe_mode' data-transid="pppoe_mode_type" name="pppoe_mode" data-bind="options: modes, value: currentMode, optionsText: transOption('pppoe_mode_type'), optionsValue: 'value', event: {change: changeModeDiv}" class="form-control">
+ </select>
+ </div>
+ </div>
+ <div id="pppoeMode" data-bind="visible: isPppoeMode">
+ <!--div class="form-title">PPPoE</div-->
+ <div class="row form-group">
+ <label data-trans='apn_user_name' class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <input type="text" data-bind="value: user" maxlength="30" class="required form-control">
+ </div>
+ </div>
+ <div class="row form-group">
+ <label data-trans='apn_password' class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <input type="password" data-bind="value: password,visible:!showPassword()" maxlength="30" class="required form-control"/>
+ <input type="text" data-bind="value: password,visible:showPassword()" maxlength="30" class="required form-control"/>
+ <div class="margin-top-10">
+ <p data-bind="css:{'checkbox_selected': showPassword()}, click: showPasswordHandler" manualControl="true" class="checkbox">
+ <input id="showPassword" data-bind="checked:showPassword" type="checkbox"/>
+ </p>
+ <label data-trans="display_password" class="floatleft lineheight25 margintop5"></label>
+ </div>
+ </div>
+ </div>
+ <div class="row form-group" data-bind="visible:pppoeNoticeShow">
+ <label data-trans="net_status" class="col-xs-3 side-right"></label>
+ <label data-bind="text:pppoeNoticeText,attr:{'data-trans':pppoeNotice}" class="col-xs-6 side-left"></label>
+ </div>
+ </div>
+
+ <div id="staticMode" data-bind="visible: isStaticMode">
+ <!--div class="form-title">Static</div-->
+ <div class="row form-group">
+ <label for="txtIpAddress" data-trans="ip_address" class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <input id="txtIpAddress" name="txtIpAddress" type="text" data-bind="value: ipAddress" maxlength="15" class="required form-control"/>
+ </div>
+ </div>
+ <div class="row form-group">
+ <label for="txtSubnetMask" data-trans="subnet_mask" class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <input id="txtSubnetMask" name="txtSubnetMask" type="text" data-bind="value: subnetMask" maxlength="15" class="required form-control"/>
+ </div>
+ </div>
+ <div class="row form-group">
+ <label for="txtDefaultGateway" data-trans="default_Gateway" class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <input id="txtDefaultGateway" name="txtDefaultGateway" type="text" data-bind="value: defaultGateway" maxlength="15" class="required form-control"/>
+ </div>
+ </div>
+ <div class="row form-group">
+ <label for="txtPrimaryDNS" data-trans="primary_dns" class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <input id="txtPrimaryDNS" name="txtPrimaryDNS" type="text" data-bind="value: primaryDNS" maxlength="15" class="required form-control"/>
+ </div>
+ </div>
+ <div class="row form-group">
+ <label for="txtSecondaryDNS" data-trans="secondary_dns" class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <input id="txtSecondaryDNS" name="txtSecondaryDNS" type="text" data-bind="value: secondaryDNS" maxlength="15" class="required form-control"/>
+ </div>
+ </div>
+ <div class="row form-group" data-bind="visible:staticNoticeShow">
+ <label data-trans="net_status" class="col-xs-3 side-right"></label>
+ <label data-bind="text:staticNoticeText,attr:{'data-trans':staticNotice}" class="col-xs-6 side-left"></label>
+ </div>
+ </div>
+
+ <div id="autoMode" data-bind="visible: isAutoMode()">
+ <div class="row form-group">
+ <label data-trans='apn_user_name' class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <input type="text" data-bind="value: autoUser" maxlength="30" class="required form-control">
+ </div>
+ </div>
+ <div class="row form-group">
+ <label data-trans='apn_password' class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <input type="password" data-bind="value: autoPassword,visible:!showPassword()" maxlength="30" class="required form-control"/>
+ <input type="text" data-bind="value: autoPassword,visible:showPassword()" maxlength="30" class="required form-control"/>
+ <div class="margin-top-10">
+ <p data-bind="css:{'checkbox_selected': showPassword()}, click: showPasswordHandler" manualControl="true" class="checkbox">
+ <input data-bind="checked:showPassword" type="checkbox"/>
+ </p>
+ <label data-trans="display_password" class="floatleft lineheight25 margintop5"></label>
+ </div>
+ </div>
+ </div>
+ <div data-bind="visible:autoNoticeShow" class="row form-group">
+ <label data-trans="net_status" class="col-xs-3 side-right"></label>
+ <label data-bind="text:autoNoticeText,attr:{'data-trans':autoNotice}" class="col-xs-6 side-left"></label>
+ </div>
+ </div>
+
+ <div class="row form-group">
+ <label data-trans='dial_mode_cpe' class="col-xs-3 side-right"></label>
+ <div class="col-xs-3">
+ <input id="autoDial" type="radio" name="pppMode" data-bind="checked: pppMode, enable: enableFlag" value="auto_dial" class=""/>
+ <label for="autoDial" data-trans="auto_select"></label>
+ </div>
+ <div class="col-xs-3">
+ <input id="manualMode" type="radio" name="pppMode" data-bind="checked: pppMode" value="manual_dial" class=""/>
+ <label for="manualMode" data-trans="manual_select"></label>
+ </div>
+ </div>
+
+ <div class="row form-group" data-bind="visible:dhcpNoticeShow">
+ <label data-trans="net_status" class="col-xs-3 side-right"></label>
+ <label data-bind="attr:{'data-trans':dhcpNotice},text:dhcpNoticeText" class="col-xs-6 side-left"></label>
+ </div>
+ </div>
+ <div class="form-buttons">
+ <input id="pppoeApply" type="submit" formmethod="post" data-bind='attr: {"data-trans": btnTrans}' class="btn btn-primary"/>
+ <input id="cancelConnect" type="button" data-trans="cancelconnect" data-bind='click: cancelConnect, visible: isShowCancelbtn' class="btn btn-primary"/>
+ <input id="disconnectConnect" type="button" data-trans="disconnect" data-bind='click: cancelConnect, visible: isShowDisbtn' class="btn btn-primary"/>
+ </div>
+
+ <div class="form-note">
+ <div class="notes-title"> </div>
+ <ul class="notes-content">
+ <li data-trans="wan_note_connection_mode"></li>
+ <li class="no-style">
+ <ul>
+ <li data-trans="wan_note_connection_mode_pppoe"></li>
+ <li data-trans="wan_note_connection_mode_dhcp"></li>
+ <li data-trans="wan_note_connection_mode_static"></li>
+ <li data-trans="wan_note_connection_mode_auto"></li>
+ </ul>
+ </li>
+ <li data-bind="visible: isPppoeMode || isAutoMode()" data-trans="wan_note_user_name"></li>
+ <li data-bind="visible: isPppoeMode || isAutoMode()" data-trans="wan_note_password"></li>
+ <li data-bind="visible: isPppoeMode" data-trans="wan_note_dial"></li>
+ <li data-bind="visible: isPppoeMode" class="no-style">
+ <ul>
+ <li data-trans="dial_setting_note_automatic"></li>
+ <li data-trans="dial_setting_note_manual"></li>
+ </ul>
+ </li>
+ </ul>
+ </div>
+</div>
+</form>
+ </div>
+</div>
+</div>
\ No newline at end of file
diff --git a/ap/app/zte_webui/subpg/network_net_select.html b/ap/app/zte_webui/subpg/network_net_select.html
new file mode 100755
index 0000000..c7bb48c
--- /dev/null
+++ b/ap/app/zte_webui/subpg/network_net_select.html
@@ -0,0 +1,106 @@
+<div id="innerContainer">
+ <div class="row header-row">
+ <div class="col-xs-1">
+ <a href="#main">
+ <img alt="" src="pic/direct-back.png">
+ </a>
+ </div>
+ <div class="col-xs-11">
+ <div class="form-title">
+ <h1 data-trans='net_setting'></h1>
+ </div>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-xs-2">
+ <div class="nav_right">
+ <ul>
+ <li><a data-trans="dial_mode" href="#conn_set"></a></li>
+ <li class="active"><a data-trans="net_select" href="#network_choose"></a></li>
+ <li><a data-trans="apn_setting" href="#cgdcont_set"></a></li>
+ </ul>
+ </div>
+ </div>
+
+ <div class="col-xs-10">
+
+<form role="form">
+<div class="form-body">
+ <h3 data-trans="net_select" class="form-title"></h3>
+ <div class="content">
+ <div class="row form-group">
+ <label data-trans='net_select' class="col-xs-4 side-right"></label>
+ <div class="col-xs-8">
+ <div class="row">
+ <div class="col-xs-4">
+ <input id='auto_select' type="radio" name="selectGroup" value="auto_select" data-bind="checked: selectMode, enable: enableFlag" />
+ <label for='auto_select' data-trans='auto_select'></label>
+ </div>
+ <div class="col-xs-6">
+ <select id="type" data-transid='auto_select_type' data-bind="options: types, value: selectedType, optionsText: transOption('auto_select_type'), optionsValue: 'value', enable: enableFlag() && selectMode() == 'auto_select'" class="form-control"></select>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="row form-group">
+ <label class="col-xs-4 side-right"></label>
+ <div class="col-xs-8">
+ <input id='manual_select' type="radio" name="selectGroup" value="manual_select" data-bind="checked: selectMode, enable: enableFlag" />
+ <label for='manual_select' data-trans='manual_select'></label>
+ </div>
+ </div>
+ </div>
+ <div class="form-buttons">
+ <input type="button" data-bind='click: save, visible: selectMode() == "auto_select", enable: enableFlag, css: {disabled: !enableFlag()}' data-trans='apply' class="btn btn-primary"/>
+ <input type="button" data-bind='click: search, visible: selectMode() != "auto_select", enable: enableFlag, css: {disabled: !enableFlag()}' data-trans='search' class="btn btn-primary"/>
+ </div>
+
+ <div data-bind='visible: networkList().length > 0 && selectMode() == "manual_select"' class="content">
+ <div class="form-title">
+ <h2 data-trans='network_list'></h2>
+ </div>
+ <div class="content">
+ <div class="ko-grid-container marginnone">
+ <table cellspacing="0" cellpadding="0" class="table table-striped table-hover">
+ <thead>
+ <tr>
+ <th width="12%" data-trans="option"></th>
+ <th width="16%" data-trans="net_status"></th>
+ <th width="21%" data-trans="network_provider"></th>
+ <th width="18%" data-trans="mccmnc"></th>
+ <th width="18%" data-trans="networktype"></th>
+ <th width="15%" data-trans="subnet"></th>
+ </tr>
+ </thead>
+ <tbody data-bind='foreach: networkList'>
+ <tr data-bind="css:{odd:$index()%2==1, even:$index()%2==0}">
+ <td><input type="radio" name="networkGroup"
+ data-bind='value: $root.networkValue($data), checked: $root.selectNetwork, attr: {id: $root.networkValue($data)}, enable: $root.enableFlag'/>
+ </td>
+ <td data-bind='attr: {"data-trans": $root.networkStatusId($data)}, text: $root.networkStatus($data)'></td>
+ <td data-bind='text: $root.operatorName($data)'></td>
+ <td data-bind='text: $root.networkText($data)'></td>
+ <td data-bind='attr: {"data-trans": $root.networkTypeId($data)}, text: $root.networkType($data)'></td>
+ <td data-bind='attr: {"data-trans": $root.subnetTypeId($data)}, text: $root.subnetworkType($data)'></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ <div class="form-buttons">
+ <input type="button" data-bind='click: register, enable: selectNetwork() != "" && enableFlag, css: {disabled: selectNetwork() == "" || !enableFlag()}' data-trans='register' class="btn btn-primary"/>
+ </div>
+ </div>
+ <div class="form-note">
+ <div class="notes-title"> </div>
+ <ul class="notes-content">
+ <li data-trans="diconneted_operate_note"></li>
+ <li data-trans="net_select_note_automatic"></li>
+ <li data-trans="net_select_note_manual"></li>
+ </ul>
+ </div>
+</div>
+</form>
+ </div>
+</div>
+</div>
\ No newline at end of file
diff --git a/ap/app/zte_webui/subpg/opmode_popup.html b/ap/app/zte_webui/subpg/opmode_popup.html
new file mode 100755
index 0000000..08a5074
--- /dev/null
+++ b/ap/app/zte_webui/subpg/opmode_popup.html
@@ -0,0 +1,41 @@
+<form id="opmode_form">
+ <div class="form-body">
+ <div data-trans="opmode" class="form-title"></div>
+ <div class="content">
+ <!--<div class="row form-group">-->
+ <!--<div class="col-xs-1"></div>-->
+ <!--<div class="col-xs-10">-->
+ <!--<input id="opMode_bridge" name="opMode" data-bind="checked: selectedMode" type="radio" value="BRIDGE">-->
+ <!--<label data-trans="opmode_bridge" for="opMode_bridge"></label>-->
+ <!--</div>-->
+ <!--</div>-->
+ <div class="row form-group">
+ <div class="col-xs-1"></div>
+ <div class="col-xs-10">
+ <input id="opMode_cable" name="opMode" data-bind="checked: selectedMode" type="radio" value="PPPOE" />
+ <label data-trans="opmode_cable" for="opMode_cable"></label>
+ </div>
+ </div>
+ <div class="row form-group">
+ <div class="col-xs-1"></div>
+ <div class="col-xs-10">
+ <input id="opMode_gateway" name="opMode" data-bind="checked: selectedMode" type="radio" value="PPP" />
+ <label data-trans="opmode_gateway" for="opMode_gateway"></label>
+ </div>
+ </div>
+ <div class="row form-group">
+ <div class="col-xs-1"></div>
+ <div class="col-xs-10">
+ <input id="opMode_auto" name="opMode" data-bind="checked: selectedMode" type="radio" value="AUTO" />
+ <label data-trans="auto_select" for="opMode_auto"></label>
+ </div>
+ </div>
+ <!--div>
+ <span data-trans="opmode_msg1" class="op_msg help-block" />
+ </div-->
+ <div style="margin-right: 0;" class="form-buttons">
+ <input data-trans="apply" type="submit" formmethod="post" class="btn btn-default"/>
+ </div>
+ </div>
+ </div>
+</form>
\ No newline at end of file
diff --git a/ap/app/zte_webui/subpg/ota_update.html b/ap/app/zte_webui/subpg/ota_update.html
new file mode 100755
index 0000000..f7a84de
--- /dev/null
+++ b/ap/app/zte_webui/subpg/ota_update.html
@@ -0,0 +1,148 @@
+<div id="innerContainer">
+ <div class="row header-row">
+ <div class="col-xs-1">
+ <a href="#main">
+ <img alt="" src="pic/direct-back.png">
+ </a>
+ </div>
+ <div class="col-xs-11">
+ <div class="form-title">
+ <h1 data-trans='advanced_settings'></h1>
+ </div>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-xs-2">
+ <div class="nav_right">
+ <ul>
+ <li data-bind="visible: isDataCard"><a href="#demilitarized_zone" data-trans="dmz_setting"></a></li>
+ <li data-bind="visible: isDataCard"><a href="#pin_mode" data-trans="pin_management"></a></li>
+ <li data-bind="visible: !isDataCard"><a href="#wlan_sleep" data-trans="sleep_mode"></a></li>
+ <li data-bind="visible: !isDataCard"><a href="#route_set" data-trans="router_setting"></a></li>
+ <li data-bind="visible: !isDataCard"><a href="#filter_main" data-trans="firewall"></a></li>
+ <li data-bind="visible:hasUpdateCheck" class="active"><a href="#fota" data-trans="update_settings"></a></li>
+ <li data-bind="visible:hasUssd"><a href="#usat" data-trans="USSD"></a></li>
+ <li data-bind="visible:hasDdns"><a href="#dynamic_dns" data-trans="DDNS"></a></li>
+ <li data-bind="visible: !isDataCard"><a href="#more" data-trans="others"></a></li>
+ </ul>
+ </div>
+ </div>
+
+<div class="col-xs-10">
+<form id="frmOTAUpdate" role="form" data-bind="visible: updateType() == 'mifi_fota'">
+ <h3 data-trans="ota_update_manual" class="form-title"></h3>
+ <div class="form-body margin-top-20">
+ <div class="content">
+ <div class="row">
+ <div class="col-xs-6">
+ <!--span data-trans="ota_last_update_check"></span>
+ <span data-bind="text: lastCheckTime"></span-->
+ </div>
+ <div class="col-xs-6 align-right">
+ <input id="btnCheckNewVersion" data-bind="click:checkNewVersion" data-trans="ota_check_new_version" type="button" class="btn btn-primary margin-right-20"/>
+ </div>
+ </div>
+ <div class="form-note">
+ <div class="notes-title"> </div>
+ <ul class="notes-content">
+ <li data-trans="ota_check_new_version_desc"></li>
+ </ul>
+ </div>
+ </div>
+
+ <!--div class="form-title" data-trans='ota_update_manual'></div>
+ <div class="content">
+ <span class="paddingleft25" data-trans="ota_check_new_version_desc"></span>
+ </div>
+ <div class="form-buttons">
+ <input id="btnCheckNewVersion" type="button" class="btn btn-primary" data-trans="ota_check_new_version"
+ data-bind="click:checkNewVersion"/>
+ </div>
+ <div class="form-title" data-trans='ota_update_setting'></div-->
+ <div class="content">
+ <h3 data-trans="ota_update_setting" class="form-title"></h3>
+ <div class="row">
+ <label data-trans="ota_auto_update_switch" class="col-xs-4 side-right"></label>
+ <div class="col-xs-8">
+ <div class="row form-group">
+ <div class="col-xs-3">
+ <input id="auto_update_enable" name="updateMode" data-bind="checked: updateMode" type="radio" value="1"/>
+ <label data-trans="enable" for="auto_update_enable"></label>
+ </div>
+ <div class="col-xs-3">
+ <input id="auto_update_disable" name="updateMode" data-bind="checked: updateMode" type="radio" value="0"/>
+ <label data-trans="disable" for="auto_update_disable"></label>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="row form-group" data-bind="visible: false">
+ <label data-trans="ota_update_interval_day" for="selInterValDay" class="col-xs-4 side-right"></label>
+
+ <div class="col-xs-3">
+ <select id="selInterValDay" name="selInterValDay" data-bind="value: updateIntervalDay" class="form-control">
+ <option data-trans="ota_update_every_day" value="1"></option>
+ <option data-trans="ota_update_15_day" value="15"></option>
+ <option data-trans="ota_update_30_day" value="30"></option>
+ </select>
+ </div>
+ </div>
+ <div class="row form-group" data-bind="visible: updateMode()=='1'">
+ <div class="col-xs-12 padding-top-10">
+ <p class="checkbox" data-bind="css:{'checkbox_selected': allowRoamingUpdate()=='1'}, click: clickAllowRoamingUpdate"
+ manualControl="true">
+ <input id="chkUpdateRoamPermission" name="chkUpdateRoamPermission" data-bind="checked:allowRoamingUpdate()=='1'" type="checkbox" value="1"/>
+ </p>
+ <label data-trans="ota_update_roaming_remind" class="update_inline floatleft"></label>
+ </div>
+ </div>
+
+ <div class="form-buttons">
+ <input id="btnApply" data-trans="apply" type="submit" formmethod="post" class="btn btn-primary"/>
+ </div>
+ <div class="form-note">
+ <div class="notes-title"> </div>
+ <ul class="notes-content">
+ <li data-trans="fota_note1"></li>
+ </ul>
+ </div>
+ </div>
+
+ </div>
+</form>
+<!--form id="frmNativeUpdate" data-bind="visible: updateType() == 'mifi_local'" method="post" name="UploadFile" id="UploadFile" action="../../cgi-bin/upload.cgi" enctype="multipart/form-data" target="ifr">
+ <div class="form-body">
+ <h3 class="form-title" data-trans="software_upload"></h3>
+ <table style="width:100%">
+ <input type="text" id="upfile" size="20" style="height:35px; width:200px; display:inline-block;" readonly />
+ <input type="button" class="btn btn-primary" data-trans='browse_btn' style="height:34px; width:81px;" />
+ <input id="fileName" class="form-control" type="file" name="fileName" style="margin-left: 15px;background-color:#E3E3E3;opacity:0;filter:alpha(opacity=0);position:absolute;left:0px; width:280px; display:inline-block;" />
+ <input class="btn btn-primary" id="fileuploadsubmit" type="submit" formmethod="post" data-trans="ota_title" style="float:right; margin-top:8px; margin-right: 20px;" />
+ </table>
+ <iframe name="ifr" id="ifr" style="display:none;"></iframe>
+ </div>
+</form-->
+ <div id="uploadSection" data-bind="visible: updateType() == 'mifi_local'">
+ <h3 class="form-title" data-trans="software_upload"></h3>
+ <iframe id="fileUploadIframe" name="fileUploadIframe" frameborder="0" height="0" scrolling="no" style="height:0px;width:0px;" width="0"></iframe>
+ <form id="fileUploadForm" name="fileUploadForm" action="../../cgi-bin/upload/upload.cgi" enctype="multipart/form-data" method="post" target="fileUploadIframe">
+ <input id="fileField" name="filename" dir="ltr" maxlength="200" type="file"/>
+ <div class="fileUploadDiv">
+ <input id="fileUploadApplyBtn" name="fileUploadApplyBtn" data-trans="ota_title" type="button" onclick="fileUploadSubmitClickHandler();" class="btn btn-primary margin-left-5 margin-top-2"/>
+ </div>
+ <div class="clear"></div>
+ </form>
+ </div>
+ <form data-bind="visible: updateType() == 'mifi_local'">
+ <div class="form-body">
+ <div class="form-note">
+ <div class="notes-title"> </div>
+ <ul class="notes-content">
+ <li data-trans="local_note"></li>
+ </ul>
+ </div>
+ </div>
+ </form>
+</div>
+</div>
+</div>
diff --git a/ap/app/zte_webui/subpg/phonebook.html b/ap/app/zte_webui/subpg/phonebook.html
new file mode 100755
index 0000000..51368f1
--- /dev/null
+++ b/ap/app/zte_webui/subpg/phonebook.html
@@ -0,0 +1,217 @@
+<div id="innerContainer">
+<div class="row header-row">
+ <div class="col-xs-1">
+ <a href="#main">
+ <img alt="" src="pic/direct-back.png"/>
+ </a>
+ </div>
+ <div class="col-xs-11">
+ <div class="form-title">
+ <!--div data-bind="visible: pageState()==1 || pageState()==2 || pageState()==3,attr:{ bookid : index}">
+ <h1 data-bind='attr:{"data-trans":transEditAreaTitle}'></h1>
+ </div-->
+ <div>
+ <h1>
+ <span data-trans="phonebook"></span>
+ <span data-bind='text: phoneBookCapacity'></span>
+ <span id="simUsed" data-bind="visible:false,text:capacity().simUsed"></span>
+ <span id="deviceUsed" data-bind="visible:false,text:capacity().deviceUsed"></span>
+ <span id="simCapacity" data-bind="visible:false,text:capacity().simCapacity"></span>
+ <span id="deviceCapacity" data-bind="visible:false,text:capacity().deviceCapacity"></span>
+ </h1>
+ </div>
+ <div data-bind="visible: pageState()==4">
+ <h1 data-trans="new_message"></h1>
+ </div>
+ </div>
+ </div>
+</div>
+<div class="row">
+
+ <div class="col-xs-2">
+ <div class="nav_right">
+ <ul>
+ <li data-bind="css:{ active : pageState()==0 || pageState()==2 || pageState()==3}"><a id="listBtn" data-bind="click: btnClear" data-trans="list" href="javascript: void(0)"></a></li>
+ <li data-bind="enable:!initFail(), css:{ active : pageState()==1}"><a id="newBtn" data-bind="click: openNewPage" data-trans="new" href="javascript: void(0)"></a></li>
+ <!--li data-bind="visible:pageState()==3 || pageState()==2, css:{ active : pageState()==2}"><a id="editBtn" href="javascript: void(0)" data-bind="click: openEditPage" data-trans="edit"></a></li>
+ <li data-bind="visible:pageState()==3, css:{ active : pageState()==3,}"><a id="viewBtn" href="javascript: void(0)" data-trans="view"></a></li-->
+ <li data-bind="visible:hasSms(),css:{active : pageState()==4}"><a id="sendBtn" data-bind="click: openSendMessagePage" data-trans="send" href="javascript: void(0)"></a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="col-xs-10">
+
+ <form id="frmPhoneBook">
+ <div id="editArea" data-bind="visible: pageState()==1 || pageState()==2 || pageState()==3,attr:{ bookid : index}">
+ <!--h1 class="form-title header-bottom" data-bind='attr:{"data-trans":transEditAreaTitle}'></h1-->
+ <h3 class="form-title" data-bind='attr:{"data-trans":transEditAreaTitle}'></h3>
+ <div class="content">
+ <div class="row form-group">
+ <label data-trans='save_location' class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <select id="selLocation" data-transid='save_location'
+ data-bind="visible:pageState()<=2,options: locations, value: selectedLocation, optionsText: transOption('save_location'), optionsValue: 'value'" class="form-control"></select>
+ <label data-bind="visible:pageState()==3,text:locationTransText,attr:{'data-trans':locationTrans}" class="label-content"></label>
+ </div>
+ </div>
+ <div data-bind="visible:pageState()<=2" class="row form-group">
+ <label data-trans="name" for="txtName" class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <input id="txtName" maxlength="22" data-bind="value: name, valueUpdate: 'afterkeydown',attr:{maxlength:nameMaxLength}"
+ type="text" name="txtName" class="required form-control"/>
+ </div>
+ </div>
+ <div data-bind="visible:pageState()==3" class="row form-group">
+ <label data-trans="name" class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <label data-bind="text:name" class="label-content"></label>
+ </div>
+ </div>
+ <div data-bind="visible:pageState()<=2" class="row form-group">
+ <label data-trans="mobile_phone_number" for="txtMobile" class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <input id="txtMobile" name="txtMobile"
+ data-bind="value: mobile_phone_number,valueUpdate: 'afterkeydown',attr:{maxlength:mobileMaxLength}" type="text" class="required form-control"/>
+ </div>
+ </div>
+ <div data-bind="visible:pageState()==3" class="row form-group">
+ <label data-trans="mobile_phone_number" for="txtMobile" class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <label data-bind="text:mobile_phone_number" class="label-content"></label>
+ </div>
+ </div>
+ <div data-bind='visible: selectedLocation() != "0"' class="row form-group">
+ <label data-trans="home_phone_number" for="txtHomeNumber" class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <input id="txtHomeNumber"
+ data-bind="visible:pageState()<=2,value: home_phone_number" maxlength="40" name="txtHomeNumber" type="text" class="form-control"/>
+ <label data-bind="visible:pageState()==3,text:home_phone_number" class="label-content"></label>
+ </div>
+ </div>
+ <div data-bind='visible: selectedLocation() != "0"' class="row form-group">
+ <label data-trans="office_phone_number" for="txtOfficeNumber" class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <input id="txtOfficeNumber"
+ data-bind="visible:pageState()<=2,value: office_phone_number" maxlength="40" name="txtOfficeNumber" type="text" class="form-control"/>
+ <label data-bind="visible:pageState()==3,text:office_phone_number" class="label-content"></label>
+ </div>
+ </div>
+ <div data-bind='visible: selectedLocation() != "0"' class="row form-group">
+ <label data-trans="mail" for="txtMail" class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <input id="txtMail" name="txtMail" data-bind="visible:pageState()<=2,value: mail" type="text" class="form-control"
+ maxlength="30"/>
+ <label data-bind="visible:pageState()==3,text:mail" class="label-content"></label>
+ </div>
+ </div>
+ <div data-bind='visible: selectedLocation() != "0"' class="row form-group">
+ <label data-trans='group' class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <select id="group" data-transid='group'
+ data-bind="visible:pageState()<=2,options: groups, value: selectedGroup, optionsText: transOption('group'), optionsValue: 'value'" class="form-control"></select>
+ <label data-bind="visible:pageState()==3,text:groupTransText,attr:{'data-trans':groupTrans}"
+ class="label-content"></label>
+ </div>
+ </div>
+ </div>
+ <div class="form-buttons">
+ <input data-trans='edit' data-bind="visible:pageState()==3,click:openEditPage" type="button" class="btn btn-primary"/>
+ <input data-trans='delete' data-bind="visible:pageState()==3,click:deleteBook" type="button" class="btn btn-primary"/>
+ <input data-trans='save' data-bind="visible:pageState()<=2" type="submit" formmethod="post" class="btn btn-primary"/>
+ <!--input type="button" class="btn btn-primary" data-trans='send_sms'
+ data-bind="visible:pageState()==3 && hasSms(),click:openSendMessagePage, enable:checkHasSIMCard(false)"/-->
+ <input data-bind='click: btnClear,visible: pageState()>=2 || pageState()==3' data-trans='back' type="button" class="btn btn-primary"/>
+ </div>
+ </div>
+ <div data-bind="visible: pageState()==0">
+ <!--h1 class="form-title header-bottom">
+ <span data-trans="phonebook"></span>
+ <span data-bind='text: phoneBookCapacity'></span>
+ <span id="simUsed" data-bind="visible:false,text:capacity().simUsed"></span>
+ <span id="deviceUsed" data-bind="visible:false,text:capacity().deviceUsed"></span>
+ <span id="simCapacity" data-bind="visible:false,text:capacity().simCapacity"></span>
+ <span id="deviceCapacity" data-bind="visible:false,text:capacity().deviceCapacity"></span>
+ </h1-->
+ <div class="row form-group paddingright10 paddingtop10">
+ <div class="col-xs-6">
+ <!--input type="button" data-trans="new" class="btn btn-primary" data-bind="click: openNewPage,enable:!initFail()"/-->
+ <!--input type="button" data-trans="send_sms" class="btn btn-primary"
+ data-bind="visible: hasSms(), click: openSendMessagePage,enable:canSend(),css:{'disabled':!canSend()}"/-->
+ <!--<input type="button" data-trans="edit" class="btn"-->
+ <!--data-bind="click: openEditPage ,enable:hasData(),css:{'disabled':!hasData()"/>-->
+ <input data-trans="delete"
+ data-bind="click: deleteBooks ,enable:hasChecked(),css:{'disabled':!hasChecked()}" type="button" class="btn btn-primary"/>
+ <!--input type="button" data-trans="delete_all" class="btn btn-primary"
+ data-bind="click: deleteAllBooks ,enable:hasData(),css:{'disabled':!hasData()}"/-->
+ <!--<input type="button" data-trans="view" class="btn"-->
+ <!--data-bind="click: openViewPage,,enable:hasData(),css:{'disabled':!hasData()"/>-->
+ </div>
+ <div class='col-xs-6 text-right positionrelative'>
+ <div class="row">
+ <div class='col-xs-6'>
+ <div class='ko-grid-search'>
+ <img src='./pic/res_search.png'>
+ <input id='ko_grid_search_txt' type='text' class='ko-grid-search-txt-default width102 noDefaultFocus form-control'
+ data-bind="value:gridTemplate.searchKey,valueUpdate: 'keyup',click:searchTextClick,event:{blur:searchTextBlur}"
+ autocomplete='off' data-trans='search' maxlength="40"/>
+ <img id="clearSearchKey" class='cursor-pointer' src='./pic/res_delete.png' data-bind='click:clearSearchKey'/>
+ </div>
+ </div>
+ <div class='col-xs-6'>
+ <select id="selectedFilterGroup" data-bind="value: selectedFilterGroup, event: {change: selectedFilterGroupChangeHandler}" name="selectedFilterGroup" class="form-control">
+ <option data-trans="group_all" value="all"></option>
+ <option data-trans="group_common" value="common"></option>
+ <option data-trans="group_family" value="family"></option>
+ <option data-trans="group_friend" value="friend"></option>
+ <option data-trans="group_colleague" value="colleague"></option>
+ </select>
+ </div>
+ </div>
+ </div>
+ <div class='clear'></div>
+ </div>
+ <div id="books" data-bind="simpleGrid: gridTemplate"></div>
+ </div>
+ </form>
+ <form id="frmSendMsg">
+ <div id="sendMessage" data-bind="visible: pageState()==4">
+ <!--h1 class="form-title header-bottom" data-trans="new_message"></h1-->
+ <div class="content">
+ <div class="row form-group">
+ <label data-trans='send_numbers' class="col-xs-2 side-right"></label>
+ <div class="col-xs-10">
+ <input type="text" value="test" class="required hide"/>
+ <div id="chosenUserList">
+ <select id="chosenUserSelect" multiple class="chosen-select-deselect width540" data-bind="event:{change: draftListenerEvent}"></select>
+ </div>
+ </div>
+ </div>
+ <div class="row form-group">
+ <label data-trans='contents' class="col-xs-2 side-right"></label>
+ <div class="col-xs-10">
+ <textarea id="txtSmsContent"
+ data-bind="value:messageContent,valueUpdate: 'afterkeydown'" style="width: 545px; height: 150px;" name="txtSmsContent" class="form-control"></textarea>
+ </div>
+ </div>
+ <div class="row form-group">
+ <label class="col-xs-2 side-right"></label>
+ <div class="col-xs-10">
+ <div class="row form-group">
+ <div class="col-xs-9">
+ <span id="msgCount" data-bind="text:messageCount" class="paddingleft10"></span>
+ <span data-bind="visible:showErrorInfo" data-trans="sms_contact_required" class="error-msg"></span>
+ </div>
+ <div class="col-xs-3 side-right">
+ <input data-trans="send" data-bind="click:sendMessage" type="button" class="btn btn-primary"/>
+ <!--span class="paddingright10"><input type="button" data-trans="back" class="btn btn-default" data-bind="click:btnClear"/></span-->
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ </div>
+ </form>
+ </div>
+</div>
+</div>
\ No newline at end of file
diff --git a/ap/app/zte_webui/subpg/sd.html b/ap/app/zte_webui/subpg/sd.html
new file mode 100755
index 0000000..f706ac6
--- /dev/null
+++ b/ap/app/zte_webui/subpg/sd.html
@@ -0,0 +1,151 @@
+<div id="innerContainer">
+ <div class="row header-row">
+ <div class="col-xs-1">
+ <a href="#main">
+ <img alt="" src="pic/direct-back.png">
+ </a>
+ </div>
+ <div class="col-xs-11">
+ <div class="form-title">
+ <h1 data-trans='sd'></h1>
+ </div>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-xs-2">
+ <div class="nav_right">
+ <ul>
+ <li class="active "><a href="#sdcard" data-trans="sd"></a></li>
+ <li><a href="#httpshare" data-trans="httpshare"></a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="col-xs-10">
+
+<div class="form-body margin-top-20">
+
+ <form id="sdmode_form">
+ <div class="content">
+ <div id="sd_status_group" class="row form-group">
+ <label class="col-xs-4" data-trans="sd_card_status"></label>
+ <div class="col-xs-6">
+ <label id="sd_card_status_info" data-bind="attr: {'data-trans': sdStatusInfo}" class="colorLightBlue show label-content"></label>
+ </div>
+ </div>
+ <div class="row" data-bind="visible: sdStatus() == 2">
+ <label class="col-xs-3"></label>
+ <div style="margin-top: 0;" class="form-note col-xs-8 sd_invalid_notes">
+ <span data-trans="sd_card_status_info_2_reason"></span>
+ <ul class="notes-content">
+ <li data-trans="sd_card_status_info_2_reason_1"></li>
+ <li data-trans="sd_card_status_info_2_reason_2"></li>
+ </ul>
+ </div>
+ </div>
+ <div class="row form-group" data-bind="visible: sdStatus() != 0">
+ <label class="col-xs-4" data-trans="sd_card_mode"></label>
+ <div class="col-xs-8">
+ <div class="row">
+ <div class="col-xs-4">
+ <input id="mode_set_usb" name="mode_set" data-bind="checked: selectedMode" type="radio" value="1"/>
+ <label data-trans="sd_card_share_usb_mode" for="mode_set_usb"></label>
+ </div>
+ <div class="col-xs-4">
+ <input id="mode_set_http" name="mode_set" data-bind="checked: selectedMode" type="radio" value="0"/>
+ <label data-trans="sd_card_share_http_share_mode" for="mode_set_http"></label>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="form-buttons" data-bind="visible: sdStatus() != 0">
+ <input data-trans="apply" data-bind="disable: disableApplyBtn()" type="submit" formmethod="post" class="btn btn-primary"/>
+ </div>
+ </div>
+ </form>
+ <div data-bind="visible: orignalMode() == 0 && selectedMode() == 0 ">
+ <form id="httpshare_form">
+ <h3 class="form-title" data-trans="http_title"></h3>
+ <div class="content">
+ <div data-bind="visible: selectedMode() == 0 && sdStatus() != 0">
+ <div class="row form-group">
+ <label data-trans="sd_card_share_setting" class="col-xs-4"></label>
+ <div class="col-xs-8">
+ <div class="row">
+ <div class="col-xs-4">
+ <input id="share_enable_Enable" name="share_enable" data-bind="checked: selectedShareEnable" type="radio" value="1"/>
+ <label data-trans="enable" for="share_enable_Enable"></label>
+ </div>
+ <div class="col-xs-4">
+ <input id="share_enable_Disable" name="share_enable" data-bind="checked: selectedShareEnable" type="radio" value="0"/>
+ <label data-trans="disable" for="share_enable_Disable"></label>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div data-bind="visible: selectedShareEnable() == 1">
+ <div class="row form-group">
+ <label class="col-xs-4" data-trans="sd_card_file_to_share"></label>
+ <div class="col-xs-8">
+ <div class="row">
+ <div class="col-xs-4">
+ <input id="sd_card_entire_sd_card" name="file_to_share" data-bind="checked: selectedFileToShare, click: fileToShareClickHandle" type="radio" value="1"/>
+ <label data-trans="sd_card_entire_sd_card" for="sd_card_entire_sd_card"></label>
+ </div>
+ <div class="col-xs-4">
+ <input id="sd_card_custom_setting" name="file_to_share" data-bind="checked: selectedFileToShare, click: fileToShareClickHandle" type="radio" value="0"/>
+ <label for="sd_card_custom_setting" data-trans="sd_card_custom_setting"></label>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="row form-group">
+ <label data-trans="sd_card_access_type" class="col-xs-4"></label>
+ <div class="col-xs-8">
+ <div class="row">
+ <div class="col-xs-4">
+ <input id="sd_card_read_write" name="access_type" data-bind="checked: selectedAccessType" type="radio" value="1"/>
+ <label for="sd_card_read_write" data-trans="sd_card_read_write"></label>
+ </div>
+ <div class="col-xs-4">
+ <input id="sd_card_readonly" name="access_type" data-bind="checked: selectedAccessType" type="radio" value="0"/>
+ <label data-trans="sd_card_readonly" for="sd_card_readonly"></label>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="row form-group">
+ <label data-trans="sd_card_path_to_share" for="path_to_share" class="col-xs-4"></label>
+ <div class="col-xs-5">
+ <input id="path_to_share" name="path_to_share" data-bind="value: pathToShare, disable: selectedShareEnable() == 0 || selectedFileToShare() == 1" maxlength="200" type="text" class="form-control required"/>
+ </div>
+ </div>
+ <div data-bind="visible: isInvalidPath" class="row">
+ <span class="col-xs-4"></span>
+ <div class="col-xs-5">
+ <span data-trans="sd_share_path_is_invalid" class="colorRed"></span>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div data-bind="visible: sdStatus() != 0" class="form-buttons">
+ <input data-trans="apply" data-bind="disable: disableApplyBtn()" type="submit" formmethod="post" class="btn btn-primary"/>
+ </div>
+ </div>
+ </form>
+ </div>
+
+ <div class="form-note">
+ <div class="notes-title"> </div>
+ <ul class="notes-content">
+ <li data-trans="note_not_support_fs_ntfs"></li>
+ <li data-trans="note_web_share_mode"></li>
+ <li data-trans="note_usb_access"></li>
+ <li data-bind="visible: orignalMode() == 0 && selectedMode() == 0 " data-trans="note_path_to_share_example"></li>
+ <li data-bind="visible: orignalMode() == 0 && selectedMode() == 0 " data-trans="note_invalid_file_path"></li>
+ </ul>
+ </div>
+</div>
+</div>
+</div>
+</div>
\ No newline at end of file
diff --git a/ap/app/zte_webui/subpg/sd_httpshare.html b/ap/app/zte_webui/subpg/sd_httpshare.html
new file mode 100755
index 0000000..075f001
--- /dev/null
+++ b/ap/app/zte_webui/subpg/sd_httpshare.html
@@ -0,0 +1,158 @@
+<div id="innerContainer">
+ <div class="row header-row">
+ <div class="col-xs-1">
+ <a href="#main">
+ <img alt="" src="pic/direct-back.png">
+ </a>
+ </div>
+ <div class="col-xs-11">
+ <div class="form-title">
+ <h1 data-trans='httpshare'></h1>
+ </div>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-xs-2">
+ <div class="nav_right">
+ <ul>
+ <li><a data-trans="sd" href="#sdcard"></a></li>
+ <li class="active"><a data-trans="httpshare" href="#httpshare"></a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="col-xs-10">
+<div id="httpshare_form">
+ <div class="form-body">
+ <div class="content">
+ <div class="row margin-top-20">
+ <div class="col-xs-9">
+ <label data-trans="sd_path" class="col-xs-2 margin-top-5"></label>
+ <div class="col-xs-5">
+ <input id="sd_path" disabled="disabled" noAction="true" type="text" value="" class="form-control"/>
+ </div>
+
+ </div>
+ <div class="col-xs-3 margin-top-5 push-right">
+ <span id="sd_volumn">
+ <span id="sd_volumn_used"></span>/<span id="sd_volumn_total"></span></span>
+ </div>
+ </div>
+ <div id="fileControlSection" class="margin-top-10 row">
+ <ul class="row">
+ <li id="rootBtnLi" onclick="enterFolder('');" class="cursor-pointer marginleft5">
+ <img src="./pic/returnhome.jpg" class="sdcard_back_img"/>
+ <span data-trans="root"></span>
+ </li>
+ <li id="backBtnLi" onclick="backFolder();" class="cursor-pointer marginleft5">
+ <img src="./pic/return.jpg" class="sdcard_back_img"/>
+ <span data-trans="back"></span>
+ </li>
+ <li id="newFolderBtnLi" onclick="openCreateNewFolderClickHandler();" class="cursor-pointer marginleft5">
+ <img src="./pic/new_folder.jpg" class="hand_cursor_img"/>
+ <span data-trans="new"></span>
+ </li>
+ <li id="createNewFolderLi" style="display: none;">
+ <form id="createNewFolderForm">
+ <div class="col-xs-4 row margin-right-10">
+ <input id="newFolderName" name="newFolderName" maxlength="25" type="text" class="required form-control"/>
+ </div>
+ <input id="createNewFolderBtn" data-trans="create" type="submit" formmethod="post" class="btn btn-primary"/>
+ <input id="cancelCreateNewFolderBtn" data-trans="cancel" onclick="cancelCreateNewFolderClickHandler();" type="button" class="btn btn-primary"/>
+ <div id="createNewFolderErrorLabel" class="colorRed"></div>
+ </form>
+ </li>
+ </ul>
+ </div>
+ <div id="fileListSection">
+ <table style="word-wrap: break-word; word-break: break-all;" class="table table-striped table-hover">
+ <thead>
+ <tr>
+ <th width="40" class="sd_guest_hide_th">
+ <p id="fileList-checkAll" target="fileList_container" class="checkbox checkboxToggle">
+ <input id="checkbox-all" type="checkbox"/>
+ </p>
+ </th>
+ <th width="28"></th>
+ <th data-trans="sd_name" width="170"></th>
+ <th data-trans="sd_rename" class="sd_guest_hide_th"></th>
+ <th data-trans="download"></th>
+ <th data-trans="sd_file_size" ></th>
+ <th data-trans="sd_update_time" width="150"></th>
+ </tr>
+ </thead>
+ <tbody id="fileList_container"></tbody>
+ </table>
+ </div>
+ <div id="fileListButtonSection">
+ <div class="pager ko-grid-pageLinks"></div>
+ <div class="form-buttons">
+ <input id="delete_file_button" data-trans="delete" onclick="deleteBtnClickHandler();" type="button" class="btn btn-primary "/>
+ <input id="go_to_login_button" data-trans="back_to_login" onclick="gotoLogin();" type="button" class="btn btn-primary hide"/>
+ </div>
+ </div>
+ <div id="uploadSection">
+ <iframe id="fileUploadIframe" name="fileUploadIframe" frameborder="0" height="0" scrolling="no" width="0" style="height:0px;width:0px;"></iframe>
+ <form id="fileUploadForm" name="fileUploadForm" action="" enctype="multipart/form-data" method="post" target="fileUploadIframe">
+ <input id="path_SD_CARD_time" name="path_SD_CARD_time" type="hidden" value=""/>
+ <input id="path_SD_CARD_time_unix" name="path_SD_CARD_time_unix" type="hidden" value=""/>
+ <input id="fileField" name="filename" dir="ltr" maxlength="200" type="file"/>
+ <div class="fileUploadDiv">
+ <input id="fileUploadApplyBtn" name="fileUploadApplyBtn" data-trans="upload" onclick="fileUploadSubmitClickHandler();" type="button" class="btn btn-primary margin-left-5 margin-top-2"/>
+ </div>
+ <div class="clear"></div>
+ </form>
+ </div>
+ </div>
+ <div class="form-note">
+ <div class="notes-title"> </div>
+ <ul class="notes-content">
+ <li data-trans="note_upload_not_refresh"></li>
+ <li data-trans="note_upload_single_file_2g"></li>
+ <li data-trans="note_upload_filelenth_25"></li>
+ </ul>
+ </div>
+ </div>
+</div>
+ </div>
+ </div>
+</div>
+<script type="text/x-jquery-tmpl" id="sdFileItemTmpl">
+{{each(i, item) data }}
+<tr class="${trClass}">
+ {{if readwrite}}<td align="center"><p class="checkbox"><input type="checkbox" target="fileList-checkAll" value="${fileName}"/></p></td>{{/if}}
+ <td {{if fileType=='folder'}}class="cursor-pointer folderTd" filename='${fileName}'{{/if}}><span class="mini-icon ${fileType==''?'':'icon-'+fileType}"></span></td>
+ <td style="width:170px;" {{if fileType=='folder'}}class="cursor-pointer folderTd" filename='${fileName}'{{/if}}>${fileName}</td>
+ {{if readwrite}}<td align='center'><a href="javascript: void(0)" filename='${fileName}' class="fileRename" data-trans='sd_rename'></a></td>{{/if}}
+ <td align='center'>{{if fileType!='folder'}}<a href="${URLEncode(filePath)}" filelocal="${filePath}" target="_blank" class="mini-icon icon-download"></a>{{/if}}</td>
+ <td align='center'>${fileSize}</td>
+ <td align='center'>${lastUpdateTime}</td>
+</tr>
+{{/each}}
+</script>
+<script type="text/x-jquery-tmpl" id="pagerTmpl">
+{{each(i, item) data.pagers }}
+ {{if isPrev}}
+ {{if pageNum==0}}
+ <a href="javascript:void(0)" class="ko-grid-pager-disabled" data-trans="prev_page" onclick="javascript:void(0)"></a>
+ {{else}}
+ <a href="javascript:void(0)" data-trans="prev_page" onclick="pagerItemClickHandler('${pageNum}')"></a>
+ {{/if}}
+ {{else isDot}}
+ <span>...</span>
+ {{else isNext}}
+ {{if pageNum - 1==data.total}}
+ <a href="javascript:void(0)" data-trans="next_page" onclick="javascript:void(0)" class="ko-grid-pager-disabled"></a>
+ {{else}}
+ <a href="javascript:void(0)" data-trans="next_page" onclick="pagerItemClickHandler('${pageNum}')"></a>
+ {{/if}}
+ {{else}}
+ <a href="javascript:void(0)" onclick="pagerItemClickHandler('${pageNum}')" class="${isActive?'ko-grid-pager-selected':''}">${pageNum}</a>
+ {{/if}}
+{{/each}}
+<div style="width: 170px;" class="input-group margin-left-10">
+ <label data-trans="page" class="input-group-addon"></label>
+ <input id="ko-grid-input-page" type="text" class="form-control">
+ <label data-trans="go" onclick="(function() {var num = $('#ko-grid-input-page').val(); if(/^[0-9]+$/.test(num)&&(parseInt(num)-1) <= ${data.total}&&(parseInt(num)-1) >= 0){pagerItemClickHandler(parseInt(num));}})()" class="input-group-addon cursorhand">
+ </label>
+</div>
+</script>
\ No newline at end of file
diff --git a/ap/app/zte_webui/subpg/sim_abnormal.html b/ap/app/zte_webui/subpg/sim_abnormal.html
new file mode 100755
index 0000000..324787e
--- /dev/null
+++ b/ap/app/zte_webui/subpg/sim_abnormal.html
@@ -0,0 +1,123 @@
+<div id="innerContainer">
+ <div class="row header-row">
+ <div class="col-xs-1">
+ <a data-bind="visible: !isHomePage()" href="#main">
+ <img alt="" src="pic/direct-back.png">
+ </a>
+ </div>
+ <div class="col-xs-11">
+ <div class="form-title">
+ <h1 data-trans='no_sim_card_title'></h1>
+ </div>
+ </div>
+ </div>
+ <div style="margin-top:-15px;margin-bottom:30px;color:#428bca;" class="row">
+ <div style="position: relative;" class="col-xs-7"></div>
+ <div id="currentOpMode" data-bind="visible: hasRj45" class="col-xs-5 text-right">
+ <label data-trans="current_mode"></label>
+ <span id="opmode"></span>
+ <input id="change" data-trans="change" data-bind="click: showOpModeWindow, visible: isLoggedIn, enable: enableFlag" style="display:none" type="button" class="btn btn-primary" />
+ </div>
+ </div>
+ <div id="div-nosimcard" class="row form-group">
+ <div class="col-xs-1 margin-top-15">
+ </div>
+
+ <!--div data-bind="visible: !isHomePage()" class="col-xs-1 margin-top-15">
+ <a href="#main">
+ <img alt="" src="pic/direct-back.png">
+ </a>
+ </div-->
+ <div class="col-xs-11">
+ <div data-bind="visible:page()==pageState.NO_SIM" class="content">
+ <div data-trans="no_sim_card_message" class="colorRed font18"></div>
+ </div>
+ <form id="frmPIN" data-bind="visible:page()==pageState.WAIT_PIN">
+ <div class="form-body">
+ <div class="content">
+ <div class="prompt">
+ <p data-trans="enter_pin"></p>
+
+ <p data-bind="visible:pinNumber()>1" class="important-prompt">
+ <span data-trans="attempts_left"></span> <span data-bind='text:pinNumber'></span>
+ </p>
+
+ <p data-bind="visible:pinNumber()==1" data-trans="last_enter_pin" class="important-prompt"></p>
+ </div>
+ <div class="row form-group">
+ <label for='txtPIN' data-trans='pin' class="col-xs-3 side-right"></label>
+
+ <div class="col-xs-6">
+ <input id='txtPIN' name="txtPIN" autocomplete="off" data-bind="value:PIN, valueUpdate: 'keypress'" maxlength='8' type="password" class="required form-control"/>
+ </div>
+ </div>
+ <div class="form-buttons">
+ <input id="btnPinApply" data-trans="apply" type="submit" formmethod="post" class="btn btn-primary "/>
+ </div>
+ </div>
+ </div>
+ </form>
+ <form id="frmPUK" data-bind="visible:page()==pageState.WAIT_PUK">
+ <div class="form-body">
+ <div class="content">
+ <div class="prompt">
+ <p data-trans="enter_puk"></p>
+
+ <p class="important-prompt" data-bind="visible:pukNumber()>1">
+ <span data-trans="attempts_left"></span> <span data-bind='text:pukNumber'></span>
+ </p>
+
+ <p data-bind="visible:pukNumber()==1" data-trans="last_enter_puk" class="important-prompt"></p>
+ </div>
+ <div class="row form-group">
+ <label data-trans='puk' for='txtPUK' class="col-xs-3 side-right"></label>
+
+ <div class="col-xs-6">
+ <input id='txtPUK' name="txtPUK" autocomplete="off" data-bind="value:PUK, valueUpdate: 'keypress'" maxlength='8' type="password" class="required form-control"/>
+ </div>
+ </div>
+ <div class="row form-group">
+ <label data-trans='new_pin' for='txtNewPIN' class="col-xs-3 side-right"></label>
+
+ <div class="col-xs-6">
+ <input id='txtNewPIN' name="txtNewPIN" autocomplete="off" data-bind="value:newPIN, valueUpdate: 'keypress'" maxlength='8' type="password" class="required form-control"/>
+ </div>
+ <div class="clear"></div>
+ </div>
+ <div class="row form-group">
+ <label data-trans='confirm_pin' for='txtConfirmPIN' class="col-xs-3 side-right"></label>
+
+ <div class="col-xs-6">
+ <input id='txtConfirmPIN' name="txtConfirmPIN" autocomplete="off" data-bind="value:confirmPIN, valueUpdate: 'keypress'" maxlength='8' type="password" class="required form-control"/>
+ </div>
+ <div class="clear"></div>
+ </div>
+ <div class="form-buttons">
+ <input id="btnPUKApply" data-trans="apply" type="submit" formmethod="post" class="btn btn-primary"/>
+ </div>
+ </div>
+ </div>
+ </form>
+ <div class="content" data-bind="visible:page()==pageState.PUK_LOCKED">
+ <div data-trans="no_sim_card_message" class="colorRed font18"></div>
+ </div>
+ </div>
+</div>
+<div data-bind="visible: isHomePage" class="row margin-top-50">
+ <div class="type_items" style="margin:0px 0px 0px 35px">
+ <ul>
+ <li><a data-trans="station_info" href="#conn_device"></a></li>
+ <li><a data-trans="wifi_wireless_settings" href="#wlan_main"></a></li>
+ <li><a data-bind="visible: hasParentalControl()" data-trans="parental_control" href="#child_ctl"></a></li>
+ <li><a data-bind="visible: hasSms" data-trans="sms" href="#msg_main"></a></li>
+ <li><a data-bind="visible: hasPhonebook" data-trans="phonebook" href="#pb_main"></a></li>
+ <li><a data-bind="visible: isSupportSD" data-trans="sd" href="#sdcard"></a></li>
+ <li><a data-trans="advanced_settings" href="#wlan_sleep"></a></li>
+ <!--li data-bind="visible: showNetSettings"><a href="#network_set" data-trans="settings_internet"></a></li-->
+ </ul>
+ </div>
+ <div id="h_qrcode" data-bind="visible: showQRCode" style="float:right" class="text-center margin-top-15">
+ <img id="qrcode_img" data-bind="attr: {src: qrcodeSrc}" src="./pic/res_blacktrans.png" width="111"/>
+ </div>
+</div>
+</div>
\ No newline at end of file
diff --git a/ap/app/zte_webui/subpg/sms_list.html b/ap/app/zte_webui/subpg/sms_list.html
new file mode 100755
index 0000000..9c84dd5
--- /dev/null
+++ b/ap/app/zte_webui/subpg/sms_list.html
@@ -0,0 +1,348 @@
+<div id="innerContainer">
+<div class="row header-row">
+ <div class="col-xs-1">
+ <a id="sms_nav_home" href="#main">
+ <img alt="" src="pic/direct-back.png">
+ </a>
+ <!--a href="javascript: void(0)" onclick="chatCancelClickHandler();" style="display: none;" id="sms_nav_back">
+ <img alt="" src="pic/direct-back.png">
+ </a-->
+ </div>
+ <div class="col-xs-11">
+ <div class="form-title">
+ <h1><span data-trans="smslist"></span> <span id="smsCapability"></span></h1>
+ </div>
+ </div>
+</div>
+<div class="row">
+<div class="col-xs-2">
+ <div class="nav_right">
+ <ul>
+ <li class="active"><a data-trans="device" href="#msg_main"></a></li>
+ <li><a data-trans="sim" href="javascript: void(0)" onclick="toOtherClickHandler('#msg_sim');"></a></li>
+ <li><a data-trans="setting" href="javascript: void(0)" onclick="toOtherClickHandler('#msg_set');"></a></li>
+ </ul>
+ </div>
+</div>
+<div class="col-xs-10">
+
+<script type="text/x-jquery-tmpl" id="smsMeTmpl">
+ <div id="talk-item-${id}" class="talk-item talk-b">
+ <div class="layout grid-talk">
+ <div class="col-main">
+ <div class="info-talk">
+ {{if tag == 3}}
+ <div class="msg_container msg_fail">
+ <s class="arrow"></s>
+ <div class="J_content"><pre>{{html dealContent(content, id)}}</pre></div>
+ </div>
+ {{else}}
+ <div class="msg_container msg">
+ <s class="arrow"></s>
+ <div class="J_content"><pre>{{html dealContent(content, id)}}</pre></div>
+ </div>
+ {{/if}}
+ <div class="time padding-top-10">
+ <div class="smslist-item-time pull-right paddingTop4 padding-right-10">${time}</div>
+ <div class="hiddenButton">
+ <div onclick="forwardClickHandler('${id}')" class="smslist-item-repeat cursorhand pull-right marginRight6 padding-right-10">
+ <span class="sms-forward-icon padding-right-10"></span>
+ </div>
+ <div onclick="deleteSingleItemClickHandler('${id}')" target="${number}" class="smslist-item-delete padding-right-10 pull-right cursorhand marginRight6">
+ <span class="trash-icon cursorhand padding-right-10"></span>
+ </div>
+ </div>
+ {{if tag == 3}}
+ <div onclick="resendClickHandler('${id}')" target="${target}" class="smslist-item-resend cursorhand pull-right marginRight6">
+ <span class="sms-resend-icon cursorhand padding-right-10 marginbottom5"></span>
+ </div>
+ {{/if}}
+ <div class="pull-right marginRight6 paddingTop4 error padding-right-10">${errorText}</div>
+ {{if targetName}}
+ <div class="pull-right marginRight6 paddingTop4 padding-right-10"><span data-trans="sms_to"></span> ${targetName}</div>
+ {{/if}}
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+</script>
+<script type="text/x-jquery-tmpl" id="smsOtherTmpl">
+<div id="talk-item-${id}" class="talk-item talk-a">
+ <div class="layout grid-talkf">
+ <div class="col-main">
+ <div class="info-talk">
+ <div class="msg_container msg">
+ <s class="arrow"></s>
+ <div class="J_content"><pre>{{html dealContent(content)}}</pre></div>
+ </div>
+ <div class="time padding-top-10">
+ <div class="smslist-item-time pull-left paddingleft10 marginRight6 paddingTop4">${time}</div>
+ <div class="hiddenButton">
+ <div onclick="forwardClickHandler('${id}')" class="smslist-item-repeat paddingleft10 cursorhand pull-left">
+ <span class="sms-forward-icon pull-left paddingleft10"></span>
+ </div>
+ <div onclick="deleteSingleItemClickHandler('${id}')" target="${number}" class="smslist-item-delete cursorhand pull-left marginRight6">
+ <span class="trash-icon smslist-item-delete cursorhand"></span>
+ </div>
+ </div>
+ <div class="pull-left paddingTop4 error">
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+</div>
+</script>
+<script type="text/x-jquery-tmpl" id="addPhonebookTmpl">
+<div class="tagPopup">
+ <div id="innerTagPopup" class="popup tag-popup">
+ <div class="popup-wrapper">
+ <p class="tag-popup-close">
+ <a href="javascript:hidePopup();"></a>
+ </p>
+ <form id="quickSaveContactForm">
+ <p><span data-trans="name"></span><i class='text-danger'> *</i></p><p><input id="name" name="name" type="text" value="" class="required"/></p>
+ <p><span data-trans="send_numbers"></span><i class='text-danger'> *</i></p><p><input id="number" name="number" type="text" value="${number}" maxlength="40" class="required"/></p>
+ <p class="text-right"><input data-trans="save" type="submit" formmethod="post" class="btn btn-primary"/></p>
+ </form>
+ </div>
+ </div>
+</div>
+</script>
+<div id="smsChatRoom">
+ <div id="chosenUser">
+ <div id="chosenUserList">
+ <select id="chosenUserSelect" multiple class="chosen-select-deselect"></select>
+
+ </div>
+ </div>
+ <h2 id="chosenUser1" class="hide"></h2>
+ <div id="chatpanel">
+ <div class="clear-container">
+ <div id="chatlist">
+
+ </div>
+ </div>
+ </div>
+ <div id="inputpanel">
+ <div class="chatform">
+ <div class="chattextinput">
+ <textarea id="chat-input" data-trans="chat_input_placehoder" class="form-control"></textarea>
+ </div>
+ <div class="chatfun row">
+ <div id="toolbar" class="ext col-xs-8">
+ <span><em id="inputcount">(0/765)</em> <em id="inputItemCount">(1/5)</em></span>
+ <span id="sendSmsErrorLi" data-action="sendimage" class="error"></span>
+ </div>
+ <div class="col-xs-4 text-right">
+ <span><input id="btn-send" data-trans="send" onclick="sendSmsClickHandler()" type="button" class="btn btn-primary"/></span>
+ <span><input id="btn-back" data-trans="back" onclick="chatCancelClickHandler()" type="button" class="btn btn-primary"/></span>
+ </div>
+ </div>
+ </div>
+ </div>
+</div>
+<script type="text/x-jquery-tmpl" id="smsTableTmpl">
+{{each(i, sms) data }}
+ <tr class="smslist-item ${!hasDraft && newCount > 0 ? 'font-weight-bold':''}" {{if hasDraft && groupId != ''}}id="smslist-item-${groupId}"{{else}}id="smslist-item-${itemId}"{{/if}}>
+ <td>
+ <div class="smslist-item-checkbox">
+ <p class="checkbox" id="${id}">
+ <input type="checkbox" target="smslist-checkAll" name="smsid" id="checkbox${id}" value="${id}" groupid="${groupId}" number="${number}"/>
+ </p>
+ </div>
+ </td>
+ <td {{if hasDraft && groupId != ''}} 1onclick="draftSmsItemClickHandler('${groupId}')" {{else}} 1onclick="smsItemClickHandler('${number}')" class="${hasDraft && newCount > 0 ? 'font-weight-bold':''}"{{/if}} style="padding:8px 0px;">
+ {{if hasDraft && groupId != ''}}
+ <div class="smslist-item-name" title="${draftShowNameTitle}">
+ <div class="smslist-item-name-draftShowName">${draftShowName}</div>
+ <span class="smslist-item-total-count">(${totalCount})</span>
+ </div>
+ {{else}}
+ {{if name.length == 0}}
+ {{if number.length > 13}}
+ <span class="smslist-item-name2">${number.substring(0,13)+"..."}</span>
+ <span id="listNumber${itemId}" onclick="openPhoneBook(null, '${number}')" class="sms-add-contact-icon cursorhand"></span>
+ {{else}}
+ <span class="smslist-item-name2">${number}</span>
+ <span id="listNumber${itemId}" onclick="openPhoneBook(null, '${number}')" class="sms-add-contact-icon cursorhand"></span>
+ {{/if}}
+ {{else}}
+ {{if name.length > 11}}
+ <span class="smslist-item-name2">${name.substring(0,11)+"..."}</span>
+ {{else}}
+ <span class="smslist-item-name2">${name}</span>
+ {{/if}}
+ {{/if}}
+ <span class="smslist-item-total-count">(${totalCount})</span>
+ {{/if}}
+ </td>
+ <td class="cursorhand" {{if hasDraft && groupId != ''}}onclick="draftSmsItemClickHandler('${groupId}')" title='${content}'{{else}}onclick="smsItemClickHandler('${number}')" title='${latestSms}'{{/if}}>
+ {{if hasDraft && groupId != ''}}
+ <div class="sms-table-content smslist-item-msg"><span data-trans="draft" class="smslist-item-draft-flag colorRed"></span>: ${content}</div>
+ {{else}}
+ <div class="sms-table-content smslist-item-msg">{{if hasDraft}}<span data-trans="draft" class="smslist-item-draft-flag colorRed"></span>: {{/if}}${latestSms}</div>
+ {{/if}}
+ </td>
+ <td><span class="clock-time" style="white-space: nowrap;">${latestTime}</span></td>
+ </tr>
+{{/each}}
+</script>
+<script type="text/x-jquery-tmpl" id="smsListTmpl">
+ {{each(i, sms) data }}
+ {{if hasDraft && groupId != ''}}
+ <div class="height115 width100p smslist-item" id="smslist-item-${groupId}">
+ <table class="width100p height100p">
+ <tbody>
+ <tr>
+ <td class="vMiddle width20">
+ <div class="smslist-item-checkbox">
+ <p class="checkbox" id="${id}">
+ <input type="checkbox" target="smslist-checkAll" name="smsid" id="checkbox${id}" value="${id}" groupid="${groupId}" />
+ </p>
+ </div>
+ </td>
+ <td style="width:823px;">
+ <table width="100%">
+ <tr>
+ <td style="width:740px;">
+ <div onclick="draftSmsItemClickHandler('${groupId}')" title="${draftShowNameTitle}" class="smslist-item-name side-left txtBold cursorhand">
+ <div class="smslist-item-name-draftShowName"><span>${draftShowName}</span></div>
+ <div class="smslist-item-total-count smslist-item-total-count-style">(${totalCount})</div>
+ </div>
+ </td>
+ <td><div data-trans="draft" class="smslist-item-draft-flag pull-right padding-right-10 text-right text-danger"></div></td>
+ </tr>
+ </table>
+ </td>
+ </tr>
+ <tr class="margin-top-10">
+ <td class="vMiddle width20"> </td>
+ <td onclick="draftSmsItemClickHandler('${groupId}')" class="font10px lh20px">
+ <div class="smslist-item-msg cursorhand">
+ <pre class="lh20px">${content}</pre>
+ </div>
+ </td>
+ </tr>
+ <tr class="margin-top-10">
+ <td class="vMiddle width20"> </td>
+ <td class="height30 clock-time">
+ <div class="margin-top-10 height30 pull-left margin-right-5">
+ <span class="clock-icon pull-left margin-right-5"></span>
+ <span class="clock-time">${latestTime}</span>
+ </div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ {{else}}
+ <div id="smslist-item-${itemId}" class="height115 width100p smslist-item">
+ <table class="width100p height100p">
+ <tbody>
+ <tr>
+ <td class="vMiddle width20">
+ <div class="smslist-item-checkbox">
+ <p id="${id}" class="checkbox">
+ <input id="checkbox${id}" name="smsid" type="checkbox" target="smslist-checkAll" value="${id}" number="${number}" ${checked ? "checked=checked" : ""} />
+ </p>
+ </div>
+ </td>
+ <td>
+ {{if name.length == 0}}
+ <div onclick="smsItemClickHandler('${number}')" class="smslist-item-name pull-left txtBold cursorhand"><span>${number}</span></div>
+ <div style="float:left;" onclick="smsItemClickHandler('${number}')" class="smslist-item-total-count pull-left txtBold">(${totalCount})</div>
+ <div id="listNumber${itemId}" style="line-height: 35px; width:30px;" class="pull-left cursorhand padding-top-10"><span onclick="openPhoneBook(null, '${number}')" class="sms-add-contact-icon"></span></div>
+ <div class="smslist-item-new-count cursorhand pull-right ${newCount > 0?'':'hide'}" onclick="smsItemClickHandler('${number}')"><span>${newCount}</span></div>
+ {{else}}
+ <div class="smslist-item-name pull-left txtBold cursorhand" onclick="smsItemClickHandler('${number}')"><span>${name}/${number}</span></div><div onclick="smsItemClickHandler('${number}')" class="smslist-item-total-count pull-left txtBold">(${totalCount})</div><div class="smslist-item-new-count cursorhand pull-right ${newCount > 0?'':'hide'}" onclick="smsItemClickHandler('${number}')"><span>${newCount}</span></div>
+ {{/if}}
+ <div class="smslist-item-draft-flag padding-right-10 pull-right text-danger ${hasDraft?'':'hide'}"><span data-trans="draft"></span></div>
+ </td>
+ </tr>
+ <tr class="margin-top-10">
+ <td class="vMiddle width20"> </td>
+ <td onclick="smsItemClickHandler('${number}')" class="font10px lh20px">
+ <div class="smslist-item-msg cursorhand">
+ <pre class="lh20px ${newCount > 0?'txtBold':''}">${latestSms}</pre>
+ </div>
+ </td>
+ </tr>
+ <tr class="margin-top-10">
+ <td class="vMiddle width20"> </td>
+ <td class="height30 clock-time">
+ <div style="display:none;" class="smslist-item-repeat margin-top-10 cursorhand pull-left marginright30">
+ <span onclick="forwardClickHandler(${latestId})" class="sms-forward-icon pull-left"></span>
+ </div>
+ <div style="display:none;" class="smslist-item-delete margin-top-10 height30 cursorhand pull-left marginright30">
+ <span onclick="deletePhoneMessageClickHandler('${number}')" class="trash-icon pull-left"></span>
+ </div>
+ <div class="margin-top-10 height30 pull-left margin-right-5">
+ <span class="clock-icon pull-left margin-right-5"></span>
+ <span class="clock-time">${latestTime}</span>
+ </div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ {{/if}}
+ {{/each}}
+</script>
+<div id="smslist-main">
+ <!--div class="form-title">
+ <h1><span data-trans="smslist"></span> <span id="smsCapability"></span></h1>
+ </div-->
+ <form id="smsListForm">
+ <div class="smslist-btns">
+ <div class="row">
+ <div class="col-xs-6">
+ <!--div class="pull-left padding-right-15 margin-top-10">
+ <p id="smslist-checkAll" target="smslist_container" class="checkbox checkboxToggle pull-left margin-top-10">
+ <input id="checkbox-all" type="checkbox" />
+ </p>
+ </div-->
+ <div class="margin-left-10">
+ <input id="smslist-new-sms" onclick="newMessageClickHandler()" type="button" data-trans="new" class="btn btn-primary"/>
+ <input id="smslist-delete" disabled="disabled" data-trans="delete" onclick="deleteSelectClickHandler()" type="button" class="btn btn-primary disabled"/>
+ <input id="smslist-delete-all" disabled="disabled" data-trans="delete_all" onclick="deleteAllClickHandler()" style="display: none;" type="button" class="btn disabled marginright10"/>
+ <input id="smslist-refresh" data-trans="refresh" onclick="refreshClickHandler()" type="button" class="btn btn-primary"/>
+ <!--a href="#msg_set" id="smslist-setting" class="btn btn-primary" data-trans="setting"></a-->
+ </div>
+ </div>
+ <div class="col-xs-6 text-right" style="display:none">
+ <div class="row">
+ <div class='ko-grid-search'>
+ <img src='./pic/res_search.png'>
+ <input id='searchInput' autocomplete='off' data-trans='search' maxlength="20" onclick="searchTextClick()" type='text' class='ko-grid-search-txt-default width102 noDefaultFocus form-control'/>
+ <img id="clearSearchKey" onclick="clearSearchKey()" src='./pic/res_delete.png' class='cursor-pointer'/>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div id="addPhonebookContainer" style="position: relative;" class="width100p overflow-only-y">
+ <div id="smslist_container" class="jspContainer width100p height100p"></div>
+ <table class="table table-striped table-hover ko-grid table-fixed">
+ <thead>
+ <tr>
+ <th width="20" class="text-center">
+ <p id="smslist-checkAll" target="smslist-table" class="checkbox checkboxToggle">
+ <input id="checkbox-all" type="checkbox"/>
+ </p>
+ </th>
+ <th data-trans="phone_number" class="text-center"></th>
+ <th width="450" data-trans="content" class="text-center"></th>
+ <th width="150" data-trans="time" class="text-center"></th>
+ </tr>
+ </thead>
+ <tbody id="smslist-table">
+ </tbody>
+ </table>
+ </div>
+ </form>
+</div>
+ </div>
+</div>
+</div>
\ No newline at end of file
diff --git a/ap/app/zte_webui/subpg/sms_set.html b/ap/app/zte_webui/subpg/sms_set.html
new file mode 100755
index 0000000..038bf97
--- /dev/null
+++ b/ap/app/zte_webui/subpg/sms_set.html
@@ -0,0 +1,75 @@
+<div id="innerContainer">
+ <div class="row header-row">
+ <div class="col-xs-1">
+ <a href="#main">
+ <img alt="" src="pic/direct-back.png">
+ </a>
+ </div>
+ <div class="col-xs-11">
+ <div class="form-title">
+ <h1 data-trans='sms_setting'></h1>
+ </div>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-xs-2">
+ <div class="nav_right">
+ <ul>
+ <li><a data-trans="device" href="#msg_main"></a></li>
+ <li><a data-trans="sim" href="#msg_sim"></a></li>
+ <li class="active"><a data-trans="setting" href="#msg_set"></a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="col-xs-10">
+
+
+<form id='smsSettingForm'>
+ <div class="form-body">
+ <div class="content">
+ <h3 data-trans="sms_setting" class="form-title"></h3>
+ <div class="row form-group">
+ <label data-trans='sms_validity' for='txtValidity' class="col-xs-3 side-right"></label>
+ <div class="col-xs-5">
+ <select id="txtValidity" data-transid='sms_validity' data-bind="options: modes, value: selectedMode, optionsText: transOption('sms_validity'), optionsValue: 'value'" class="form-control"></select>
+ </div>
+ </div>
+ <div class="row form-group">
+ <label data-trans='center_number' for='txtCenterNumber' class="col-xs-3 side-right"></label>
+ <div class="col-xs-5">
+ <input id='txtCenterNumber' data-bind="value: centerNumber" maxlength='40' name="txtCenterNumber" type="text" class="required form-control"/>
+ </div>
+ </div>
+ <div class="row form-group">
+ <label data-trans='delivery_report' class="col-xs-3 side-right"></label>
+ <div class="col-xs-5">
+ <div class="row">
+ <div class="col-xs-4">
+ <input id="reportOn" data-bind="checked: deliveryReport" name="deliveryReport" type="radio" value="1"/>
+ <label data-trans="enable" for="reportOn"></label>
+ </div>
+ <div class="col-xs-4">
+ <input id="reportOff" data-bind="checked: deliveryReport" name="deliveryReport" type="radio" value="0"/>
+ <label data-trans="disable" for="reportOff"></label>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="form-buttons">
+ <input data-trans='apply' type="submit" formmethod="post" class="btn btn-primary"/>
+ <!--input type="button" class="btn" data-bind='click: clear' data-trans='cancel'/-->
+ </div>
+ <div class="form-note">
+ <div class="notes-title"> </div>
+ <ul class="notes-content">
+ <li data-trans="sms_setting_note_validity"></li>
+ <li data-trans="sms_setting_note_center_number"></li>
+ <li data-trans="sms_setting_note_delivery_report"></li>
+ </ul>
+ </div>
+ </div>
+</form>
+ </div>
+</div>
+</div>
\ No newline at end of file
diff --git a/ap/app/zte_webui/subpg/sms_sim_messages.html b/ap/app/zte_webui/subpg/sms_sim_messages.html
new file mode 100755
index 0000000..f35b55d
--- /dev/null
+++ b/ap/app/zte_webui/subpg/sms_sim_messages.html
@@ -0,0 +1,99 @@
+<div id="innerContainer">
+ <div class="row header-row">
+ <div class="col-xs-1">
+ <a href="#main">
+ <img alt="" src="pic/direct-back.png">
+ </a>
+ </div>
+ <div class="col-xs-11">
+ <div class="form-title">
+ <h1><span data-trans="sim_messages"></span> <span id="simSmsCapability"></span></h1>
+ </div>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-xs-2">
+ <div class="nav_right">
+ <ul>
+ <li><a data-trans="device" href="#msg_main"></a></li>
+ <li class="active"><a data-trans="sim" href="#msg_sim"></a></li>
+ <li><a data-trans="setting" href="#msg_set"></a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="col-xs-10">
+
+
+<div id="simMsglist-main">
+ <form id="simMsgListForm">
+ <div class="simMsgList-btns smslist-btns">
+ <div class="row">
+ <div class="col-xs-6">
+ <input id="simMsgList-delete" disabled="disabled" data-trans="delete" onclick="deleteSelectedSimMsgClickHandler()" type="button" class="btn btn-primary disabled"/>
+ </div>
+ <div style="display:none" class="col-xs-6 text-right">
+ <div class="row">
+ <div class='ko-grid-search'>
+ <img src='./pic/res_search.png'>
+ <input id='searchInput' autocomplete='off' data-trans='search' maxlength="20" onclick="searchTextClick()" type='text' class='ko-grid-search-txt-default width102 noDefaultFocus form-control'/>
+ <img id="clearSearchKey" onclick="clearSearchKey()" src='./pic/res_delete.png' class='cursor-pointer'/>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div id="simMsgTableContainer" class="width100p overflow-only-y">
+ <table class="table table-striped table-hover ko-grid table-fixed">
+ <thead>
+ <tr>
+ <th width="20" class="text-center">
+ <p id="simMsgList-checkAll" target="simMsgList_container" class="checkbox checkboxToggle">
+ <input id="checkbox-all" type="checkbox"/>
+ </p>
+ </th>
+ <th data-trans="phone_number" class="text-center"></th>
+ <th data-trans="content" width="450" class="text-center"></th>
+ <th data-trans="time" width="150" class="text-center"></th>
+ </tr>
+ </thead>
+ <tbody id="simMsgList_container">
+ </tbody>
+ </table>
+ </div>
+ </form>
+</div>
+ </div>
+</div>
+</div>
+<script id="simMsgListTmpl" type="text/x-jquery-tmpl">
+{{each(i, sms) data }}
+ <tr class="smslist-item simMsgList-item-class-${id} ${tag == "1" ? 'font-weight-bold':''}" id="simMsgList-item-${itemId}">
+ <td>
+ <div class="smslist-item-checkbox">
+ <p class="checkbox" id="${id}">
+ <input type="checkbox" target="simMsgList-checkAll" name="msgId" id="checkbox${id}" value="${id}" number="${number}" number="${number}" />
+ </p>
+ </div>
+ </td>
+ <td>
+ {{if name.length == 0}}
+ {{if number.length > 13}}
+ <div class="smslist-item-name pull-left">${number.substring(0,13)+"..."}</div>
+ {{else}}
+ <div class="smslist-item-name pull-left">${number}</div>
+ {{/if}}
+ {{else}}
+ {{if name.length > 11}}
+ <div class="smslist-item-name pull-left">${name.substring(0,11)+"..."}</div>
+ {{else}}
+ <div class="smslist-item-name pull-left">${name}</div>
+ {{/if}}
+ {{/if}}
+ </td>
+ <td class="cursorhand" title="${content}" onclick="simsmsItemClickHandler('${tag}','${id}','${itemId}')">
+ <div class="sms-table-content smslist-item-msg">${content}</div>
+ </td>
+ <td style="padding:8px 0px;"><span class="clock-time ${tag==2||tag==3?'hide':''}" style="white-space: nowrap;">${time}</span></td>
+ </tr>
+{{/each}}
+</script>
diff --git a/ap/app/zte_webui/subpg/status.html b/ap/app/zte_webui/subpg/status.html
new file mode 100755
index 0000000..a53b32c
--- /dev/null
+++ b/ap/app/zte_webui/subpg/status.html
@@ -0,0 +1,3 @@
+<p>
+status
+</p>
\ No newline at end of file
diff --git a/ap/app/zte_webui/subpg/status_traffic_alert.html b/ap/app/zte_webui/subpg/status_traffic_alert.html
new file mode 100755
index 0000000..83ec78b
--- /dev/null
+++ b/ap/app/zte_webui/subpg/status_traffic_alert.html
@@ -0,0 +1,236 @@
+<div id="innerContainer">
+<div class="row header-row">
+ <div class="col-xs-1">
+ <a href="#main">
+ <img alt="" src="pic/direct-back.png">
+ </a>
+ </div>
+ <div class="col-xs-11">
+ <div class="form-title form-title-multi">
+ <h1 data-trans='traffic_alert'></h1>
+ <p data-trans="traffic_sub_title"></p>
+ </div>
+ </div>
+</div>
+<div class="row">
+<div class="col-xs-1 margin-top-15">
+</div>
+<div class="col-xs-11">
+
+<form id="trafficAlertForm">
+<div id="traffic_alert" class="form-body">
+ <div class="content">
+ <div class="row form-group">
+ <label data-trans="traffic_apply_volume_limit" class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <div class="row">
+ <div class="col-xs-4">
+ <input id="dataLimitEnable" name="dataLimitEnable" data-bind="checked: dataLimitChecked" type="radio" value="1"/>
+ <label data-trans="enable" for="dataLimitEnable"></label>
+ </div>
+ <div class="col-xs-4">
+ <input id="dataLimitDisable" name="dataLimitEnable" data-bind="checked: dataLimitChecked" type="radio" value="0"/>
+ <label data-trans="disable" for="dataLimitDisable"></label>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div data-bind='visible: dataLimitChecked() == "1"' class="row form-group">
+ <label data-trans="traffic_data_limit_type" class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <div class="row">
+ <div class="col-xs-4">
+ <input id="dataLimitTypeData" name="dataLimitType" data-bind="checked: dataLimitTypeChecked" type="radio" value="1"/>
+ <label data-trans="traffic_data" for="dataLimitTypeData"></label>
+ </div>
+ <div class="col-xs-4">
+ <input id="dataLimitTypeTime" name="dataLimitType" data-bind="checked: dataLimitTypeChecked" type="radio" value="0"/>
+ <label data-trans="traffic_time" for="dataLimitTypeTime"></label>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="row form-group" data-bind='visible: dataLimitChecked() == "1"'>
+ <div class="col-xs-4">
+ <div id="traffic_graphic" style="width: 200px; height: 200px; visibility: visible;"></div>
+ </div>
+ <div class="col-xs-8 line-height-40 form-inline form-group-sm">
+ <div data-bind="visible: dataLimitTypeChecked() == 1">
+ <div>
+ <div data-bind="visible: viewEditUsedData() == false">
+ <span style="background-color: #8CC916;" class="color_block"></span>
+ <span data-trans="traffic_used_text" data-bind="html: usedDataTextDesc, attr:{'data-trans-data': usedDataTextDescData}"></span>
+ <a id="editUsedData" data-bind="click: editUsedDataHandler" class="margin-left-3em cursorhand"><img src="./pic/res_edit.png"></a>
+ </div>
+ <div data-bind="visible: viewEditUsedData" id="viewEditUsedData">
+ <span class="color_block" style="background-color: #8CC916;"></span>
+ <input id='dataUsed' name="dataUsed" data-bind="value: dataUsed" maxlength='7' minlength='1' style="width: 100px;" type="text" class="required form-control border-color-transition"/>
+ <select name="selectedDataUsedUnit" id="selectedDataUsedUnit" data-bind="value: selectedDataUsedUnit" class="width60 form-control" style="width: 80px;">
+ <option value="1">MB</option>
+ <option value="1024">GB</option>
+ <option value="1048576">TB</option>
+ </select>
+ <a id="editUsedDataSave" data-bind="click: editUsedDataSaveHandler" class="cursorhand"><img height="25" src="./pic/res_save.png"></a>
+ <a id="editUsedDataCancel" data-bind="click: editUsedDataCancelHandler" class="cursorhand"><img height="25" src="./pic/res_cancel.png"></a>
+ <div id="editUsedDataDiv"></div>
+ </div>
+ </div>
+ <div>
+ <span style="background-color: #ccc;" class="color_block"></span>
+ <span data-trans="traffic_data_left_text" data-bind="text: leftDataDesc, attr:{'data-trans-data': leftDataDescData}"></span>
+ </div>
+ <div>
+ <div data-bind="visible: viewEditAlertData() == false">
+ <span data-trans="traffic_alert_reach_text" data-bind="text: alertDataReachDesc, attr:{'data-trans-data': alertDataReachDescData}"></span>
+ <a id="editAlertData" data-bind="click: editAlertDataHandler" class="margin-left-3em cursorhand"><img src="./pic/res_edit.png"></a>
+ </div>
+ <div id="viewEditAlertData" data-bind="visible: viewEditAlertData">
+ <span data-trans="traffic_when"></span>
+ <input id='alertDataReach' name="alertDataReach" data-bind="value: alertDataReach" max="100" maxlength='3' min="1" minlength='1' style="width: 60px;" type="text" class="required form-control border-color-transition"/>
+ <span data-trans="traffic_remind_me"></span>
+ <a id="save_btn_2" data-bind="click: editAlertDataSaveHandler" class="cursorhand"><img height="25" src="./pic/res_save.png"></a>
+ <a id="editAlertDataCancel" data-bind="click: editAlertDataCancelHandler" class="cursorhand"><img height="25" src="./pic/res_cancel.png"></a>
+ <div id="editAlertDataDiv"></div>
+ </div>
+ </div>
+ <div>
+ <div data-bind="visible: viewEditTotalData() == false">
+ <span data-trans="traffic_limit_data_text" data-bind="html: limitDataMonthDesc, attr:{'data-trans-data': limitDataMonthDescData}"></span>
+ <a class="margin-left-3em cursorhand" id="editTotalData" data-bind="click: editTotalDataHandler"><img src="./pic/res_edit.png"></a>
+ </div>
+ <div data-bind="visible: viewEditTotalData" id="viewEditTotalData">
+ <input id='limitDataMonth' name="limitDataMonth" data-bind="value: limitDataMonth" maxlength='7' minlength='1' style="width: 100px;" type="text" class="required form-control border-color-transition"/>
+ <select id="selectedDataUnit" name="dataUnit" data-bind="value: selectedDataUnit" style="width: 80px;" class="width60 form-control">
+ <option value="1">MB</option>
+ <option value="1024">GB</option>
+ <option value="1048576">TB</option>
+ </select>
+ <a id="save_btn_1" data-bind="click: editTotalDataSaveHandler" class="cursorhand"><img height="25" src="./pic/res_save.png"></a>
+ <a id="editTotalDataCancel" data-bind="click: editTotalDataCancelHandler" class="cursorhand"><img height="25" src="./pic/res_cancel.png"></a>
+ <div id="editTotalDataDiv"></div>
+ </div>
+ </div>
+ </div>
+ <div data-bind="visible: dataLimitTypeChecked() == 0">
+ <div>
+ <div data-bind="visible: viewEditUsedTime() == false">
+ <span style="background-color: #8CC916;" class="color_block"></span>
+ <span data-trans="traffic_used_text" data-bind="html: usedTimeTextDesc, attr:{'data-trans-data': usedTimeTextDescData}"></span>
+ <a id="editUsedTime" data-bind="click: editUsedTimeHandler" class="margin-left-3em cursorhand"><img src="./pic/res_edit.png"></a>
+ </div>
+ <div data-bind="visible: viewEditUsedTime">
+ <span class="color_block" style="background-color: #8CC916;"></span>
+ <!--div class="input-group"-->
+ <input id='usedTime' name="usedTime" data-bind="value: usedTime" maxlength='7' minlength='1' style="width: 100px;" type="text" class="required form-control border-color-transition"/>
+ <!--div class="input-group-addon" data-trans="hours"></div-->
+ <select id="selectedTimeUsedUnit" name="selectedTimeUsedUnit" data-bind="value: selectedTimeUsedUnit" style="width: 100px;" class="width60 form-control">
+ <option data-trans="minutes" value="60"></option>
+ <option data-trans="hours" value="3600"></option>
+ </select>
+ <!--/div-->
+ <a data-bind="click: editUsedTimeSaveHandler" class="cursorhand"><img height="25" src="./pic/res_save.png"></a>
+ <a id="editUsedTimeCancel" data-bind="click: editUsedTimeCancelHandler" class="cursorhand"><img height="25" src="./pic/res_cancel.png"></a>
+ <div id="editUsedTimeDiv"></div>
+ </div>
+ </div>
+ <div>
+ <span style="background-color: #ccc;" class="color_block"></span>
+ <span data-trans="traffic_data_left_text" data-bind="text: leftTimeDesc, attr:{'data-trans-data': leftTimeDescData}"></span>
+ </div>
+ <div>
+ <div data-bind="visible: viewEditAlertTime() == false">
+ <span data-trans="traffic_alert_reach_text" data-bind="text: alertTimeReachDesc, attr:{'data-trans-data': alertTimeReachDescData}"></span>
+ <a id="editAlertTime" data-bind="click: editAlertTimeHandler" class="margin-left-3em cursorhand"><img src="./pic/res_edit.png"></a>
+ </div>
+ <div data-bind="visible: viewEditAlertTime">
+ <span data-trans="traffic_when"></span>
+ <div class="input-group">
+ <input id='alertTimeReach' name="alertTimeReach" type="text" data-bind="value: alertTimeReach" max="100" maxlength='3' min="1" minlength='1' style="width: 60px;" class="required form-control border-color-transition"/>
+ <div data-trans="traffic_percent" class="input-group-addon"></div>
+ </div>
+ <span data-trans="traffic_remind_me_time"></span>
+ <a data-bind="click: editAlertTimeSaveHandler" class="cursorhand"><img height="25" src="./pic/res_save.png"></a>
+ <a id="editAlertTimeCancel" data-bind="click: editAlertTimeCancelHandler" class="cursorhand"><img height="25" src="./pic/res_cancel.png"></a>
+ <div id="editAlertTimeDiv"></div>
+ </div>
+ </div>
+ <div>
+ <div data-bind="visible: viewEditTotalTime() == false">
+ <span data-bind="text: limitTimeMonthDesc, attr:{'data-trans':limitTimeMonthDescText,'data-trans-data': limitTimeMonthDescData}"></span>
+ <a id="editTotalTime" data-bind="click: editTotalTimeHandler" class="margin-left-3em cursorhand"><img src="./pic/res_edit.png"></a>
+ </div>
+ <div data-bind="visible: viewEditTotalTime">
+ <!--div class="input-group"-->
+ <input id='limitTimeMonth' name="limitTimeMonth" data-bind="value: limitTimeMonth" maxlength='7' minlength='1' style="width: 100px;" type="text" class="required form-control border-color-transition"/>
+ <!--div class="input-group-addon" data-trans="hours"></div-->
+ <select id="selectedTimeUnit" name="timeUnit" data-bind="value: selectedTimeUnit" style="width: 100px;" class="width60 form-control">
+ <option data-trans="minutes" value="60"></option>
+ <option data-trans="hours" value="3600"></option>
+ </select>
+ <!--/div-->
+ <a data-bind="click: editTotalTimeSaveHandler" class="cursorhand"><img height="25" src="./pic/res_save.png"></a>
+ <a id="editTotalTimeCancel" data-bind="click: editTotalTimeCancelHandler" class="cursorhand"><img height="25" src="./pic/res_cancel.png"></a>
+ <div id="editTotalTimeDiv"></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!--div style="display: none;" class="col-xs-8">
+ <div data-bind='visible: dataLimitChecked() == "1" && dataLimitTypeChecked() != "0"' class="row">
+ <label for='limitDataMonth' data-trans='traffic_limit_data_month' class="span4 side-right"></label>
+ <div class="span8">
+ <input id='limitDataMonth' name="limitDataMonth" data-bind="value: limitDataMonth" maxlength='4' minlength='1' type="text" class="required"/>
+ <select id="dataUnit" name="dataUnit" data-bind="value: selectedDataUnit" class="width60">
+ <option value="1">MB</option>
+ <option value="1024">GB</option>
+ <option value="1048576">TB</option>
+ </select>
+ </div>
+ </div>
+ <div class="row" data-bind='visible: dataLimitChecked() == "1" && dataLimitTypeChecked() != "0"'>
+ <label data-trans='traffic_alert_when_data_reach' for='alertDataReach' class="span4 side-right"></label>
+ <div class="span8">
+ <input id='alertDataReach' name="alertDataReach" data-bind="value: alertDataReach" maxlength='3' minlength='1' type="text" class="required"/>
+ <label id="traffic_data_percent" data-trans="traffic_percent"></label>
+ </div>
+ </div>
+ <div data-bind='visible: dataLimitChecked() == "1" && dataLimitTypeChecked() != "1"' class="row">
+ <label data-trans='traffic_limit_time_month' for='limitTimeMonth' class="span4 side-right"></label>
+ <div class="span8">
+ <input id='limitTimeMonth' name="limitTimeMonth" data-bind="value: limitTimeMonth" maxlength='4' minlength='1' type="text" class="required"/>
+ <label id="hours" data-trans="hours"></label>
+ </div>
+ </div>
+ <div data-bind='visible: dataLimitChecked() == "1" && dataLimitTypeChecked() != "1"' class="row">
+ <label for='alertTimeReach' data-trans='traffic_alert_when_time_reach' class="span4 side-right"></label>
+ <div class="span8">
+ <input id='alertTimeReach' name="alertTimeReach" data-bind="value: alertTimeReach" maxlength='3' minlength='1' type="text" class="required"/>
+ <label id="traffic_time_percent" data-trans="traffic_percent"></label>
+ </div>
+ </div>
+ </div-->
+ </div>
+ <div class="row form-group">
+ <!--span id="noteinfo" data-trans="traffic_data_approximated"></span-->
+ <label id="noteinfo" data-trans="traffic_data_approximated" class="col-xs-12"></label>
+ </div>
+ <div class="row form-group">
+ <div class="col-xs-6"></div>
+ <div class="col-xs-6 align-right">
+ <input data-trans='apply' type="submit" formmethod="post" class="btn btn-primary margin-right-20"/>
+ </div>
+ </div>
+ </div>
+ <div class="form-note">
+ <div class="notes-title"> </div>
+ <ul class="notes-content">
+ <li data-trans="traffic_calibrate_note"></li>
+ <li data-trans="traffic_note"></li>
+ <li data-trans="traffic_over_note"></li>
+ </ul>
+ </div>
+</div>
+</form>
+ </div>
+</div>
+</div>
\ No newline at end of file
diff --git a/ap/app/zte_webui/subpg/wifi_advance.html b/ap/app/zte_webui/subpg/wifi_advance.html
new file mode 100755
index 0000000..926baa2
--- /dev/null
+++ b/ap/app/zte_webui/subpg/wifi_advance.html
@@ -0,0 +1,170 @@
+<link type="text/css" href="./css/jqui.css" rel="stylesheet" />
+<div id="innerContainer">
+ <div class="row header-row">
+ <div class="col-xs-1">
+ <a href="#main">
+ <img alt="" src="pic/direct-back.png">
+ </a>
+ </div>
+ <div class="col-xs-11">
+ <div class="form-title form-title-multi">
+ <h1 data-trans='wifi_wireless_settings'></h1>
+ <p data-trans="wifi_main_sub_title"></p>
+ </div>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-xs-2">
+ <div class="nav_right">
+ <ul data-bind="visible: isShowSSIDInfoDiv">
+ <li><a data-trans="multi_ssid_1" data-bind="attr:{'data-trans': hasMultiSSID ? 'multi_ssid_1':'ssid_title'}" href="#wlan_main"></a></li>
+ <li data-bind="visible: hasMultiSSID"><a data-trans="multi_ssid_2" href="#wlan_guset"></a></li>
+ <li><a data-trans="wps" href="#wlan_wps"></a></li>
+ <li data-bind="visible: hasAPStation"><a data-trans="ap_station" href="#wlan_station"></a></li>
+ <li class="active"><a data-trans="wifi_advance" href="#wlan_adv"></a></li>
+ <li data-bind="visible: hasWlanMacfilter"><a data-trans="mac_filter" href="#filter_mac"></a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="col-xs-10">
+
+<div class="form-body">
+ <form id="frmWifiSwitch" role="form">
+ <div class="content margin-top-20">
+ <div data-bind="visible: hasWifiSwitch" class="row form-group">
+ <label data-trans="wifi_switch" class="col-xs-4 side-right"></label>
+ <div class="col-xs-6">
+ <div class="row">
+ <div class="col-xs-4">
+ <input id="wifi_switch_enable"
+ data-bind="checked: wifi_enable" name="wifi_switch" type="radio" value="1"/>
+ <label data-trans="enable" for="wifi_switch_enable"></label>
+ </div>
+ <div class="col-xs-4">
+ <input id="wifi_switch_disable"
+ data-bind="checked: wifi_enable" name="wifi_switch" type="radio" value="0"/>
+ <label data-trans="disable" for="wifi_switch_disable"></label>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div data-bind="visible: wifi_enable() == '1' && hasMultiSSID" class="row form-group">
+ <label data-trans="multi_ssid_enable" class="col-xs-4 side-right"></label>
+ <div class="col-xs-6">
+ <div class="row">
+ <div class="col-xs-4">
+ <input id="multi_ssid_switch_enable"
+ data-bind="checked: multi_ssid_enable" name="multi_ssid_switch" type="radio" value="1"/>
+ <label data-trans="enable" for="multi_ssid_switch_enable"></label>
+ </div>
+ <div class="col-xs-4">
+ <input id="multi_ssid_switch_disable"
+ data-bind="checked: multi_ssid_enable" name="multi_ssid_switch" type="radio" value="0"/>
+ <label data-trans="disable" for="multi_ssid_switch_disable"></label>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div data-bind="visible: hasWifiSwitch || (wifi_enable() == '1' && hasMultiSSID)" class="form-buttons">
+ <input id="wifi_switch_apply" data-trans='apply' type="submit" formmethod="post" class="btn btn-primary"/>
+ <!--input id="wifi_switch_cancel" type="button" class="btn-1 " data-bind='click: function(){clear("switch");}' data-trans='cancel'/-->
+ </div>
+ </div>
+ </form>
+
+
+
+ <form id="wifi_advance_form" data-bind="visible: isShowSSIDInfoDiv">
+ <h3 data-bind="attr:{'data-trans': 'wifi_advance'}" class="form-title"></h3>
+ <div class="content">
+ <!--<div data-bind="visible: hasMultiSSID && origin_multi_ssid_enable == '1'">-->
+ <!--<div class="row margin-bottom-20">-->
+ <!--<div class="col-xs-12">-->
+ <!--<span data-trans="max_station_number"></span>(<span data-bind="text: maxStationNumber"></span>)-->
+ <!--</div>-->
+ <!--</div>-->
+ <!--<div class="row">-->
+ <!--<div class="col-xs-2">-->
+ <!--</div>-->
+ <!--<div class="col-xs-8">-->
+ <!--<div id="slider-range"></div>-->
+ <!--</div>-->
+ <!--<div class="col-xs-2">-->
+ <!--</div>-->
+ <!--</div>-->
+ <!--<div class="row margin-top-20 margin-bottom-20">-->
+ <!--<div class="col-xs-2">-->
+ <!--</div>-->
+ <!--<div class="col-xs-8">-->
+ <!--<span class="color_block"></span>-->
+ <!--<span class="color_block_desc margin-right-20" id="main_ssid_num"></span>-->
+ <!--<span class="color_block" style="background-color: #4D9DF0"></span>-->
+ <!--<span class="color_block_desc margin-right-20" id="guest_ssid_num"></span>-->
+ <!--</div>-->
+ <!--<div class="col-xs-2">-->
+ <!--</div>-->
+ <!--</div>-->
+ <!--<div class="row margin-top-20 margin-bottom-20">-->
+ <!--<div class="col-xs-12" data-trans="wifi_slider_desc">-->
+ <!--</div>-->
+ <!--</div>-->
+ <!--</div>-->
+ <div data-bind="visible: hasWifiBand()" class="row form-group">
+ <label data-trans="network_band_selection" for="band_select" class="col-xs-4 side-right"></label>
+ <div class="col-xs-6">
+ <label data-bind="visible: bands().length == 1, attr:{'data-trans': oneBandTrans}"></label>
+ <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>
+ </div>
+ </div>
+ <div class="row form-group">
+ <label id="modeLabel" data-trans="network_mode" for="mode" class="col-xs-4 side-right"></label>
+ <div class="col-xs-6">
+ <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>
+ <label data-bind="visible: modes().length == 1, attr:{'data-trans': oneModeTrans}"></label>
+ <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>
+ </div>
+ </div>
+ <div data-bind="visible: hasBandwidth()" class="row form-group">
+ <label data-trans="wifi_channel_bandwidth" for="wifi_channel_bandwidth" class="col-xs-4 side-right"></label>
+ <div class="col-xs-6">
+ <select id="wifi_channel_bandwidth" data-bind="options: channelBandwidths, value: selectedChannelBandwidth, optionsText: 'text', optionsValue: 'value'" name="channelBandwidth" required="true" class="form-control"></select>
+ </div>
+ </div>
+ <div class="row form-group">
+ <label data-trans="country_region_code" for="country" class="col-xs-4 side-right"></label>
+ <div class="col-xs-6">
+ <select id="country" data-bind="options: countries, value: selectedCountry, optionsText: 'text', optionsValue: 'value', event:{ change: countryChangeHandler}" name="country" class="form-control"></select>
+ </div>
+ </div>
+ <div class="row form-group">
+ <label data-trans="frequency_channel" class="col-xs-4 side-right" for="channel"></label>
+ <div class="col-xs-6">
+ <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>
+ <label data-trans='auto' data-bind="visible: selectedBand() == 'a' && hasWifiBand()"></label>
+ </div>
+ </div>
+ <div data-bind="visible: hasWifiBand() == false" class="row form-group">
+ <label data-trans="rate" for="rate" class="col-xs-4 side-right"></label>
+ <div class="col-xs-6">
+ <select id="rate" data-transid="rate" data-bind="options: rates, value: selectedRate, optionsText: transOption('rate'), optionsValue: 'value'" name="rate" class="form-control"></select>
+ </div>
+ </div>
+ <div class="form-buttons">
+ <input data-trans="apply" data-bind="disable:isF() == 1 && selectedMode() == '2'" type="submit" formmethod="post" class="btn btn-primary"/>
+ </div>
+ </div>
+
+ <div class="form-note">
+ <div class="notes-title"> </div>
+ <ul class="notes-content">
+ <li data-trans="wifi_advanced_note_band_selection"></li>
+ <li data-trans="wifi_advanced_note_network_mode"></li>
+ <li data-trans="wifi_advanced_note_country_code"></li>
+ <li data-trans="wifi_advanced_note_frequency"></li>
+ </ul>
+ </div>
+ </form>
+</div>
+ </div>
+</div>
+</div>
\ No newline at end of file
diff --git a/ap/app/zte_webui/subpg/wifi_ap_station.html b/ap/app/zte_webui/subpg/wifi_ap_station.html
new file mode 100755
index 0000000..4e236df
--- /dev/null
+++ b/ap/app/zte_webui/subpg/wifi_ap_station.html
@@ -0,0 +1,237 @@
+<div id="innerContainer">
+ <div class="row header-row">
+ <div class="col-xs-1">
+ <a href="#main">
+ <img alt="" src="pic/direct-back.png">
+ </a>
+ </div>
+ <div class="col-xs-11">
+ <div class="form-title form-title-multi">
+ <h1 data-trans='wifi_wireless_settings'></h1>
+ <p data-trans="wifi_main_sub_title"></p>
+ </div>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-xs-2">
+ <div class="nav_right">
+ <ul data-bind="visible: isShowSSIDInfoDiv">
+ <li><a data-trans="multi_ssid_1" data-bind="attr:{'data-trans': hasMultiSSID ? 'multi_ssid_1':'ssid_title'}" href="#wlan_main"></a></li>
+ <li data-bind="visible: hasMultiSSID"><a data-trans="multi_ssid_2" href="#wlan_guset"></a></li>
+ <li><a data-trans="wps" href="#wlan_wps"></a></li>
+ <li class="active"><a data-trans="ap_station" href="#wlan_station"></a></li>
+ <li><a data-trans="wifi_advance" href="#wlan_adv"></a></li>
+ <li data-bind="visible: hasWlanMacfilter"><a data-trans="mac_filter" href="#filter_mac"></a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="col-xs-10">
+ <div class="form-body">
+ <form id="frmWifiSwitch" role="form">
+ <div class="content margin-top-20">
+ <div data-bind="visible: hasWifiSwitch" class="row form-group">
+ <label data-trans="wifi_switch" class="col-xs-4 side-right"></label>
+ <div class="col-xs-6">
+ <div class="row">
+ <div class="col-xs-4">
+ <input id="wifi_switch_enable" data-bind="checked: wifi_enable" name="wifi_switch" type="radio"
+ value="1"/>
+ <label data-trans="enable" for="wifi_switch_enable"></label>
+ </div>
+ <div class="col-xs-4">
+ <input id="wifi_switch_disable" data-bind="checked: wifi_enable" name="wifi_switch" type="radio"
+ value="0"/>
+ <label data-trans="disable" for="wifi_switch_disable"></label>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div data-bind="visible: wifi_enable() == '1' && hasMultiSSID" class="row form-group">
+ <label data-trans="multi_ssid_enable" class="col-xs-4 side-right"></label>
+ <div class="col-xs-6">
+ <div class="row">
+ <div class="col-xs-4">
+ <input id="multi_ssid_switch_enable" data-bind="checked: multi_ssid_enable" name="multi_ssid_switch" type="radio"
+ value="1"/>
+ <label data-trans="enable" for="multi_ssid_switch_enable"></label>
+ </div>
+ <div class="col-xs-4">
+ <input id="multi_ssid_switch_disable" data-bind="checked: multi_ssid_enable" name="multi_ssid_switch" type="radio"
+ value="0"/>
+ <label data-trans="disable" for="multi_ssid_switch_disable"></label>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div data-bind="visible: hasWifiSwitch || (wifi_enable() == '1' && hasMultiSSID)" class="form-buttons">
+ <input id="wifi_switch_apply" data-trans='apply' type="submit" formmethod="post" class="btn btn-primary"/>
+ <!--input id="wifi_switch_cancel" type="button" class="btn btn-primary" data-bind='click: function(){clear("switch");}' data-trans='cancel'/-->
+ </div>
+ </div>
+ </form>
+
+ <div data-bind="visible: isShowSSIDInfoDiv" class="content">
+ <form id='frmAPStation' role="form">
+ <div data-bind="visible:pageState() == page.list">
+ <h3 data-trans="ap_station" class="form-title"></h3>
+ <div class="content">
+ <div class="row form-group">
+ <label data-trans='ap_station_switch' class="col-xs-4 side-right"></label>
+ <div class="col-xs-6">
+ <div class="row">
+ <div class="col-xs-4">
+ <input id="ap_station_switch_enable" data-bind="checked: ap_station_enable" name="ap_station_switch" type="radio"
+ value="1"/>
+ <label data-trans="enable" for="ap_station_switch_enable"></label>
+ </div>
+ <div class="col-xs-4">
+ <input id="ap_station_switch_disable" data-bind="checked: ap_station_enable" name="ap_station_switch" type="radio"
+ value="0"/>
+ <label data-trans="disable" for="ap_station_switch_disable"></label>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div data-bind="visible:ap_station_enable()=='1'" class="row form-group">
+ <label data-trans='ap_station_current_status' class="col-xs-4 side-right"></label>
+
+ <div class="col-xs-6">
+ <span data-bind="text:current_status_text,attr:{'data-trans':current_status_trans}"></span>
+ </div>
+ </div>
+ </div>
+ <div class="form-buttons">
+ <input id="btnApply" data-trans="apply" data-bind="click:apply, disable:isCableMode() == true && ap_station_enable()=='1'" type="button" class="btn btn-primary"/>
+ </div>
+ <div data-bind="visible:ap_station_enable()=='1' && origin_ap_station_enable =='1'">
+ <h3 data-trans="ap_station_hotspot_list" class="form-title"></h3>
+ <div>
+ <input id="btnDisconnect" data-trans="ap_station_disconnect"
+ data-bind="click:disconnectHotspot,visible:connectButtonStatus()=='hide'" type="button" class="btn btn-primary"/>
+ <input id="btnConnect" data-trans="ap_station_connect"
+ data-bind="click:connectHotspot,disable:connectButtonStatus()=='disable' || isCableMode() == true,visible:connectButtonStatus()=='show'||connectButtonStatus()=='disable'" type="button" class="btn btn-primary"/>
+ <input id="btnDelete" data-trans="delete"
+ data-bind="click:deleteHotspot,disable:hasSelectFromUser() == false || isCableMode() == true" type="button" class="btn btn-primary"/>
+ <input id="btnEdit" data-trans="edit"
+ data-bind="click:openEditPage,disable:hasSelectFromUser() == false || isCableMode() == true" type="button" class="btn btn-primary"/>
+ <input id="btnOpenAddPage" data-trans="add"
+ data-bind="click:openAddPage,disable:isCableMode() == true" type="button" class="btn btn-primary"/>
+ </div>
+ <div id="apList" data-bind="simpleGrid: apGrid"></div>
+ </div>
+ </div>
+ <div data-bind="visible:pageState() == page.add || pageState() == page.edit">
+ <h3 data-trans="ap_station_add_hotspot" data-bind="visible:pageState() == page.add" class="form-title"></h3>
+ <h3 data-trans="ap_station_edit_hotspot" data-bind="visible:pageState() == page.edit" class="form-title"></h3>
+ <div class="content">
+ <div class="row form-group">
+ <label data-trans='ssid_name' for="txtSSID" class="col-xs-4 side-right"></label>
+ <div class="col-xs-6">
+ <input id="txtSSID" data-bind="value:ssid" maxlength="32" name="txtSSID" type="text" class="required form-control"/>
+ </div>
+ </div>
+ <div class="row form-group">
+ <label data-trans='security_mode' for='mode' class="col-xs-4 side-right"></label>
+ <div class="col-xs-6">
+ <select id="mode" data-transid='ap_station_security_mode'
+ data-bind="options: modes, value: authMode, optionsText: transOption('ap_station_security_mode'), optionsValue: 'value'" class="form-control"></select>
+ </div>
+ </div>
+ <div data-bind='visible: authMode() == "OPEN"' class="row form-group">
+ <label data-trans='ap_station_encrypt_type' for='selEncryptType' class="col-xs-4 side-right"></label>
+
+ <div class="col-xs-6">
+ <select id="selEncryptType" data-bind="value: encryptType,optionsValue: 'value'" class="form-control">
+ <option data-trans="ap_station_encrypt_type_none" value="NONE"></option>
+ <option data-trans="ap_station_encrypt_type_wep" value="WEP"></option>
+ </select>
+ </div>
+ </div>
+ <div data-bind='visible: (authMode() == "OPEN" && encryptType() == "WEP") || authMode() == "SHARED"' class="row form-group">
+ <label data-trans='ap_station_wep_default_key' for='selWepKeyType' class="col-xs-4 side-right"></label>
+
+ <div class="col-xs-6">
+ <select id="selWepKeyType" data-bind="value: keyID,optionsValue: 'value'" class="form-control">
+ <option data-trans="ap_station_wep_key_0" value="0"></option>
+ <option data-trans="ap_station_wep_key_1" value="1"></option>
+ <option data-trans="ap_station_wep_key_2" value="2"></option>
+ <option data-trans="ap_station_wep_key_3" value="3"></option>
+ </select>
+ </div>
+ </div>
+ <div data-bind='visible: (authMode() == "OPEN" && encryptType() == "WEP") || authMode() == "SHARED"' class="row form-group">
+ <label data-trans='ap_station_wep_key' for='txtWepKey' class="col-xs-4 side-right"></label>
+
+ <div class="col-xs-6">
+ <input id='pwdWepKey'
+ data-bind="value: password,visible:!showPassword()" maxlength='26' name="pwdWepKey" type="password" class="required form-control"/>
+ <input id='txtWepKey'
+ data-bind="value: password,visible:showPassword()" maxlength='26' name="txtWepKey" type="text" class="required form-control"/>
+ <div class="margin-top-10">
+ <p data-bind="css:{'checkbox_selected': showPassword()}, click: showPasswordHandler"
+ manualControl="true" class="checkbox">
+ <input id="showPassword" data-bind="checked:showPassword" type="checkbox"/>
+ </p>
+ <label data-trans="display_password" for="showPassword" class="floatleft margintop5 lineheight25"/>
+ </div>
+ <div id="lblShowPassword" class="clear"></div>
+ </div>
+ </div>
+ <div data-bind='visible: authMode() == "WPAPSK" || authMode() == "WPA2PSK" || authMode() == "WPAPSKWPA2PSK" ' class="row form-group">
+ <label class="col-xs-4 side-right" for='cipher_TKIP' data-trans='ap_station_cipher'></label>
+
+ <div id="cipherGroup" class="col-xs-6">
+ <input id="cipher_TKIP"
+ data-bind="checked: encryptType_WPA" name="cipher" value="TKIP" type="radio">
+ <label data-trans="ap_station_cipher_TKIP" for="cipher_TKIP"></label>
+ <input id="cipher_AES"
+ data-bind="checked: encryptType_WPA" name="cipher" value="CCMP" type="radio">
+ <label data-trans="ap_station_cipher_AES" for="cipher_AES"></label>
+ <input id="cipher_AUTO"
+ data-bind="checked: encryptType_WPA" name="cipher" value="TKIPCCMP" type="radio">
+ <label data-trans="ap_station_cipher_AUTO" for="cipher_AUTO"></label>
+ </div>
+ </div>
+ <div data-bind='visible: authMode() == "WPAPSK" || authMode() == "WPA2PSK" || authMode() == "WPAPSKWPA2PSK" || authMode() == "WPA3Personal" || authMode() == "WPA2WPA3"' class="row form-group">
+ <label data-trans='pass_phrase' for='txtWPAKey' class="col-xs-4 side-right"></label>
+
+ <div class="col-xs-6">
+ <input id='codeWPAKey'
+ data-bind="value: password,visible:!showPassword()" minlength='8' maxlength='63' name="codeWPAKey" type="password" class="required form-control"/>
+ <input id='txtWPAKey'
+ data-bind="value: password,visible:showPassword()" minlength='8' maxlength='63' name="txtWPAKey" type="text" class="required form-control"/>
+ <div class="margin-top-10">
+ <p data-bind="css:{'checkbox_selected': showPassword()}, click: showPasswordHandler"
+ manualControl="true" class="checkbox">
+ <input id="showWPAPassword" data-bind="checked:showPassword" type="checkbox"/>
+ </p>
+ <label data-trans="display_password" for="showWPAPassword" class="floatleft margintop5 lineheight25"/>
+ </div>
+ <div id="lblshowWPAPassword" class="clear"></div>
+ </div>
+ </div>
+ </div>
+ <div class="form-buttons" >
+ <input id="btnRefreshSearch" data-trans="refresh"
+ data-bind="click:searchHotspot,visible:pageState() == page.add" type="button" class="btn btn-primary"/>
+ <!--<input id="btnReset" type="button" class="btn btn-primary" data-trans="clear"-->
+ <!--data-bind="click:clear"/>-->
+ <input id="btnAdd" data-trans="apply" type="submit" formmethod="post" class="btn btn-primary"/>
+ <input id="btnBack" data-trans="back"
+ data-bind="click:openListPage" type="button" class="btn btn-primary"/>
+ </div>
+ <div id="apSearchList" data-bind="simpleGrid: apSearchGrid,visible:pageState() == page.add"></div>
+ </div>
+ <div data-bind="visible:pageState() == page.list" class="form-note">
+ <div class="notes-title"> </div>
+ <ul class="notes-content">
+ <li data-trans="ap_station_note_info"></li>
+ <li data-bind="visible: hasMultiSSID" data-trans="ap_station_note_disable_info"></li>
+ </ul>
+ </div>
+ </form>
+ </div>
+ </div>
+ </div>
+ </div>
+</div>
diff --git a/ap/app/zte_webui/subpg/wifi_guest.html b/ap/app/zte_webui/subpg/wifi_guest.html
new file mode 100755
index 0000000..84e55b6
--- /dev/null
+++ b/ap/app/zte_webui/subpg/wifi_guest.html
@@ -0,0 +1,244 @@
+<div id="innerContainer">
+ <div class="row header-row">
+ <div class="col-xs-1">
+ <a href="#main">
+ <img alt="" src="pic/direct-back.png">
+ </a>
+ </div>
+ <div class="col-xs-11">
+ <div class="form-title form-title-multi">
+ <h1 data-trans='wifi_wireless_settings'></h1>
+ <p data-trans="wifi_main_sub_title"></p>
+ </div>
+ </div>
+ </div>
+<div class="row">
+<div class="col-xs-2">
+ <div class="nav_right">
+ <ul data-bind="visible: isShowSSIDInfoDiv">
+ <li><a data-trans="multi_ssid_1" href="#wlan_main"></a></li>
+ <li class="active"><a data-trans="multi_ssid_2" href="#wlan_guset"></a></li>
+ <li><a data-trans="wps" href="#wlan_wps"></a></li>
+ <li data-bind="visible: hasAPStation"><a data-trans="ap_station" href="#wlan_station"></a></li>
+ <li><a data-trans="wifi_advance" href="#wlan_adv"></a></li>
+ <li data-bind="visible: hasWlanMacfilter"><a data-trans="mac_filter" href="#filter_mac"></a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="col-xs-10">
+
+<div class="form-body">
+ <form id="frmWifiSwitch" role="form">
+ <div class="content margin-top-20">
+ <div data-bind="visible: hasWifiSwitch" class="row form-group">
+ <label data-trans="wifi_switch" class="col-xs-4 side-right"></label>
+ <div class="col-xs-6">
+ <div class="row">
+ <div class="col-xs-4">
+ <input id="wifi_switch_enable"
+ data-bind="checked: wifi_enable" name="wifi_switch" type="radio" value="1"/>
+ <label data-trans="enable" for="wifi_switch_enable"></label>
+ </div>
+ <div class="col-xs-4">
+ <input id="wifi_switch_disable"
+ data-bind="checked: wifi_enable" name="wifi_switch" type="radio" value="0"/>
+ <label data-trans="disable" for="wifi_switch_disable"></label>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div data-bind="visible: wifi_enable() == '1'" class="row form-group">
+ <label data-trans="multi_ssid_enable" class="col-xs-4 side-right"></label>
+ <div class="col-xs-6">
+ <div class="row">
+ <div class="col-xs-4">
+ <input id="multi_ssid_switch_enable"
+ data-bind="checked: multi_ssid_enable" name="multi_ssid_switch" type="radio" value="1"/>
+ <label data-trans="enable" for="multi_ssid_switch_enable"></label>
+ </div>
+ <div class="col-xs-4">
+ <input id="multi_ssid_switch_disable"
+ data-bind="checked: multi_ssid_enable" name="multi_ssid_switch" type="radio" value="0"/>
+ <label data-trans="disable" for="multi_ssid_switch_disable"></label>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div data-bind="visible: hasWifiSwitch || (wifi_enable() == '1' && hasMultiSSID)" class="form-buttons">
+ <input id="wifi_switch_apply" data-trans='apply' type="submit" formmethod="post" class="btn btn-primary"/>
+ <!--input id="wifi_switch_cancel" type="button" class="btn-1 " data-bind='click: function(){clear("switch");}' data-trans='cancel'/-->
+ </div>
+ </div>
+ </form>
+
+
+ <!--
+ <form id="frmMultiSSID" data-bind="visible:hasMultiSSID && !hasWifiSwitch">
+ <div class="form-title" data-trans="multi_ssid_enable"></div>
+ <div class="content">
+ <div class="row form-group">
+ <label class="col-xs-4 side-right" data-trans="multi_ssid_enable"></label>
+ <div class="col-xs-6">
+ <input type="radio" name="multi_ssid_switch" id="multi_ssid_switch_enable"
+ data-bind="checked: multi_ssid_enable" value="1"/>
+ <label for="multi_ssid_switch_enable" data-trans="enable"></label>
+ <input type="radio" name="multi_ssid_switch" id="multi_ssid_switch_disable"
+ data-bind="checked: multi_ssid_enable" value="0"/>
+ <label for="multi_ssid_switch_disable" data-trans="disable"></label>
+ </div>
+ </div>
+ <div class="form-buttons">
+ <input id="mutissid_apply" type="submit" formmethod="post" class="btn-1 " data-trans='apply'/>
+ <input id="multissid_cancel" type="button" class="btn-1 " data-bind='click: function(){clear("switch");}' data-trans='cancel'/>
+ </div>
+ </div>
+ </form>-->
+ <div data-bind="visible: isShowSSIDInfoDiv">
+ <div data-bind="visible:origin_multi_ssid_enable!='1'|| !hasMultiSSID" data-trans="wif_guest_disabled">
+ </div>
+ <form id="frmSSID2" data-bind="visible:origin_multi_ssid_enable=='1'&& hasMultiSSID">
+ <h3 data-bind="attr:{'data-trans': 'multi_ssid_2'}" class="form-title"></h3>
+ <div class="content">
+ <div class="row form-group">
+ <label for="m_ssid" data-trans="network_name" class="col-xs-4 side-right"></label>
+
+ <div class="col-xs-6">
+ <input id="m_ssid" data-bind="value: m_ssid" maxlength="32" name="m_ssid" type="text" class="required form-control"/>
+ </div>
+ </div>
+ <div class="row form-group">
+ <label class="col-xs-4 side-right"></label>
+ <div class="col-xs-8 label-absolute">
+ <p data-bind="css:{'checkbox_selected': m_broadcast() == '0'}" class="checkbox">
+ <input id="mBroadcastCheckbox" data-bind="checked: m_broadcast() == '0'" name="mBroadcastCheckbox" type="checkbox" value="1"/>
+ </p>
+ <label data-trans="wifi_broadcast_desc"></label>
+ </div>
+ </div>
+ <div data-bind="visible: showIsolated" class="row form-group">
+ <label class="col-xs-4"></label>
+ <div class="col-xs-8">
+ <p data-bind="css:{'checkbox_selected': m_apIsolation() == 1}" class="checkbox">
+ <input id="mApIsolatedCheckbox" data-bind="checked: m_apIsolation() == 1" name="mApIsolatedCheckbox" type="checkbox" value="1"/>
+ </p>
+ <label data-trans="wifi_isolated_desc"></label>
+ </div>
+ </div>
+ <div class="row form-group">
+ <label data-trans='security_mode' class="col-xs-4 side-right" for='m_mode'></label>
+ <div class="col-xs-6">
+ <select id="m_mode" data-transid='security_mode'
+ data-bind="options: m_modes, value: m_selectedMode, optionsText: transOption('security_mode'), optionsValue: 'value'" class="form-control"></select>
+ </div>
+ </div>
+ <div data-bind='visible: m_selectedMode() == "OPEN" && hasWifiWep' class="row form-group">
+ <label data-trans='ap_station_encrypt_type' for='m_selEncryptType' class="col-xs-4 side-right"></label>
+ <div class="col-xs-6">
+ <select id="m_selEncryptType" data-bind="value: m_encryptType,optionsValue: 'value'" class="form-control">
+ <option data-trans="ap_station_encrypt_type_none" value="NONE"></option>
+ <option data-trans="ap_station_encrypt_type_wep" value="WEP"></option>
+ </select>
+ </div>
+ </div>
+ <div data-bind='visible: (m_selectedMode() == "OPEN" && m_encryptType() == "WEP" && hasWifiWep) || (m_selectedMode() == "SHARED" && hasWifiWep)' class="row form-group">
+ <label data-trans='ap_station_wep_default_key' for='m_selWepKeyType' class="col-xs-4 side-right"></label>
+ <div class="col-xs-6">
+ <select id="m_selWepKeyType" data-bind="value: m_keyID,optionsValue: 'value', event:{ change: profileChangeHandler}" class="form-control">
+ <option data-trans="ap_station_wep_key_0" value="0"></option>
+ <option data-trans="ap_station_wep_key_1" value="1"></option>
+ <option data-trans="ap_station_wep_key_2" value="2"></option>
+ <option data-trans="ap_station_wep_key_3" value="3"></option>
+ </select>
+ </div>
+ </div>
+ <div data-bind='visible: (m_selectedMode() == "OPEN" && m_encryptType() == "WEP" && hasWifiWep) || (m_selectedMode() == "SHARED" && hasWifiWep)' class="row form-group">
+ <label data-trans='ap_station_wep_key' for='m_pwdWepKey' class="col-xs-4 side-right"></label>
+
+ <div class="col-xs-6">
+ <input id='m_pwdWepKey'
+ data-bind="value: m_wepPassword,visible:!m_showPassword()" maxlength='26' name="m_pwdWepKey" type="password" class="required form-control"/>
+ <input id='m_txtWepKey'
+ data-bind="value: m_wepPassword,visible:m_showPassword()" maxlength='26' name="m_txtWepKey" type="text" class="required form-control"/>
+ <div class="margin-top-10">
+ <p data-bind="css:{'checkbox_selected': m_showPassword()}, click: m_showPasswordHandler"
+ manualControl="true" class="checkbox">
+ <input id="m_showWepPassword" data-bind="checked:m_showPassword" type="checkbox"/>
+ </p>
+ <label data-trans="display_password" for="m_showWepPassword" class="floatleft margintop5 lineheight25"/>
+ </div>
+ <div id="m_lblShowWepPassword" class="clear"></div>
+ </div>
+ </div>
+ <div id="passwordContainer" data-bind='visible: m_selectedMode() == "WPA2PSK" || m_selectedMode() == "WPAPSKWPA2PSK" || m_selectedMode() == "WPA3Personal" || m_selectedMode() == "WPA2WPA3"' class="row form-group">
+ <label data-trans='pass_phrase' for='m_pass' class="col-xs-4 side-right"></label>
+
+ <div class="col-xs-6">
+ <input id='m_pass' data-bind="value: m_passPhrase,visible:!m_showPassword()"
+ minlength='8' maxlength='63' name="m_pass" type="password" class="required form-control floatleft margintop5"/>
+ <input id='m_passShow' data-bind="value: m_passPhrase,visible:m_showPassword()"
+ minlength='8' maxlength='63' name="m_passShow" type="text" class="required form-control floatleft margintop5"/>
+ <div class="margin-top-10">
+ <p data-bind="css:{'checkbox_selected': m_showPassword()}, click: m_showPasswordHandler" manualControl="true" class="checkbox floatleft margintop10 marginleft5 marginright5">
+ <input id="m_showPassword" data-bind="checked:m_showPassword" type="checkbox"/>
+ </p>
+ <label data-trans="display_password" class="floatleft margintop5 lineheight25"></label>
+ </div>
+ <div id="m_lblShowPassword" class="clear"></div>
+ </div>
+ </div>
+ <div class="row form-group">
+ <label class="col-xs-4 side-right" ></label>
+ <div class="col-xs-6">
+ <div data-bind="visible: showQRSwitch" class="margin-top-10">
+ <p data-bind="css:{'checkbox_selected': showQR()}, click: showQRHandler" manualControl="true" class="checkbox">
+ <input id="showQR" data-bind="checked:showQR" type="checkbox"/>
+ </p>
+ <label data-trans="display_QR" class="floatleft lineheight25 margintop5"></label>
+ </div>
+ <div id="h_qrcode" data-bind="visible: showQRCode">
+ <img id="qrcode_img" data-bind="attr: {src: qrcodeSrc}" src="./pic/res_blacktrans.png" width="111"/>
+ </div>
+ </div>
+ </div>
+ <div class="row form-group">
+ <label data-trans="max_station_number" for="m_maxStation" class="col-xs-4 side-right"></label>
+
+ <div class="col-xs-6">
+ <select id="m_maxStation"
+ data-bind="options: m_maxStations, value: m_selectedStation, optionsText: 'text', optionsValue: 'value'" name="m_maxStation" class="form-control"></select>
+ </div>
+ </div>
+
+ </div>
+ <div class="form-buttons">
+ <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"/>
+ <!--input id="ssid2_cancel" type="button" class="btn-1 " data-bind='click: function(){clear("ssid2");}' data-trans='cancel'/-->
+ </div>
+ </form>
+ <div class="form-note">
+ <div class="notes-title"> </div>
+ <ul class="notes-content">
+ <li data-trans="wifi_basic_note_multi_ssid_switch"></li>
+ <li data-trans="wifi_basic_note_network_name"></li>
+ <!--<li data-trans="wifi_basic_note_network_name_input"></li>-->
+ <li data-trans="wifi_basic_note_broadcast"></li>
+ <li data-trans="wifi_basic_note_security_mode"></li>
+ <li class="no-style">
+ <ul>
+ <li data-trans="wifi_basic_note_no_encryption"></li>
+ <li data-bind='visible: hasWifiWep' data-trans="wifi_basic_note_shared"></li>
+ <li data-trans="wifi_basic_note_wpa_psk_aes"></li>
+ <li data-trans="wifi_basic_note_wpa_psk"></li>
+ <li data-bind='visible: hasWifiWpa3' data-trans="wifi_basic_note_wpa3"></li>
+ <li data-bind='visible: hasWifiWpa23' data-trans="wifi_basic_note_wpa2_wpa3"></li>
+ </ul>
+ </li>
+ <li data-trans="wifi_basic_note_pass_phrase"></li>
+ <li data-trans="wifi_basic_note_max_station_number"></li>
+ </ul>
+ </div>
+ </div>
+</div>
+
+</div>
+</div>
\ No newline at end of file
diff --git a/ap/app/zte_webui/subpg/wifi_mac_filter.html b/ap/app/zte_webui/subpg/wifi_mac_filter.html
new file mode 100755
index 0000000..8d1e64e
--- /dev/null
+++ b/ap/app/zte_webui/subpg/wifi_mac_filter.html
@@ -0,0 +1,170 @@
+<div id="innerContainer">
+ <div class="row header-row">
+ <div class="col-xs-1">
+ <a href="#main">
+ <img alt="" src="pic/direct-back.png">
+ </a>
+ </div>
+ <div class="col-xs-11">
+ <div class="form-title form-title-multi">
+ <h1 data-trans='wifi_wireless_settings'></h1>
+ <p data-trans="wifi_main_sub_title"></p>
+ </div>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-xs-2">
+ <div class="nav_right">
+ <ul data-bind="visible: isShowSSIDInfoDiv">
+ <li><a data-trans="multi_ssid_1" data-bind="attr:{'data-trans': hasMultiSSID ? 'multi_ssid_1':'ssid_title'}" href="#wlan_main"></a></li>
+ <li data-bind="visible: hasMultiSSID"><a data-trans="multi_ssid_2" href="#wlan_guset"></a></li>
+ <li><a data-trans="wps" href="#wlan_wps"></a></li>
+ <li data-bind="visible: hasAPStation"><a data-trans="ap_station" href="#wlan_station"></a></li>
+ <li><a data-trans="wifi_advance" href="#wlan_adv"></a></li>
+ <li class="active"><a data-trans="mac_filter" href="#filter_mac"></a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="col-xs-10">
+
+ <div class="form-body">
+
+ <form id="frmWifiSwitch" role="form">
+ <div class="content margin-top-20">
+ <div data-bind="visible: hasWifiSwitch" class="row form-group">
+ <label data-trans="wifi_switch" class="col-xs-4 side-right"></label>
+ <div class="col-xs-6">
+ <div class="row">
+ <div class="col-xs-4">
+ <input id="wifi_switch_enable" data-bind="checked: wifi_enable" name="wifi_switch" type="radio"
+ value="1"/>
+ <label data-trans="enable" for="wifi_switch_enable"></label>
+ </div>
+ <div class="col-xs-4">
+ <input id="wifi_switch_disable" data-bind="checked: wifi_enable" name="wifi_switch" type="radio"
+ value="0"/>
+ <label data-trans="disable" for="wifi_switch_disable"></label>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div data-bind="visible: wifi_enable() == '1' && hasMultiSSID" class="row form-group">
+ <label data-trans="multi_ssid_enable" class="col-xs-4 side-right"></label>
+ <div class="col-xs-6">
+ <div class="row">
+ <div class="col-xs-4">
+ <input id="multi_ssid_switch_enable" data-bind="checked: multi_ssid_enable" name="multi_ssid_switch" type="radio"
+ value="1"/>
+ <label data-trans="enable" for="multi_ssid_switch_enable"></label>
+ </div>
+ <div class="col-xs-4">
+ <input id="multi_ssid_switch_disable" data-bind="checked: multi_ssid_enable" name="multi_ssid_switch" type="radio"
+ value="0"/>
+ <label data-trans="disable" for="multi_ssid_switch_disable"></label>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div data-bind="visible: hasWifiSwitch || (wifi_enable() == '1' && hasMultiSSID)" class="form-buttons">
+ <input id="wifi_switch_apply" data-trans='apply' type="submit" formmethod="post" class="btn btn-primary"/>
+ <!--input id="wifi_switch_cancel" type="button" class="btn-1 " data-bind='click: function(){clear("switch");}' data-trans='cancel'/-->
+ </div>
+ </div>
+ </form>
+
+ <div data-bind="visible: isShowSSIDInfoDiv">
+ <form id="mac_filter_form" role="form">
+ <h3 data-trans="mac_filter" class="form-title"></h3>
+ <div class="content margin-top-20">
+
+ <div class="content">
+ <div class="row form-group">
+ <label data-trans="mac_filter_lable" for="country" class="col-xs-4 side-right"></label>
+ <div class="col-xs-4">
+ <select id="country" data-bind="value: selectedAction, event:{ change: ChangeHandler}" name="country" class="form-control">
+ <option data-trans="wlan_mac_filter_0" value="0"></option>
+ <option data-trans="wlan_mac_filter_1" value="1"></option>
+ <option data-trans="wlan_mac_filter_2" value="2"></option>
+ </select>
+ </div>
+ </div>
+ <div class="row form-group">
+ <label class="col-xs-4 side-right"></label>
+ <div class="col-xs-3">
+ <input id="mac_1" maxlength="32" data-bind="value: mac1,disable:selectedAction() == 0,css:{disabled:selectedAction() == 0}" name="mac_1" type="text" class="form-control"/>
+ </div>
+ <div class="col-xs-3">
+ <input id="mac_2" maxlength="32" data-bind="value: mac2,disable:selectedAction() == 0,css:{disabled:selectedAction() == 0}" name="mac_2" type="text" class="form-control"/>
+ </div>
+ </div>
+ <div class="row form-group">
+ <label class="col-xs-4 side-right"></label>
+ <div class="col-xs-3">
+ <input id="mac_3" data-bind="value: mac3,disable:selectedAction() == 0,css:{disabled:selectedAction() == 0}" maxlength="32" name="mac_3" type="text" class="form-control"/>
+ </div>
+ <div class="col-xs-3">
+ <input id="mac_4" data-bind="value: mac4,disable:selectedAction() == 0,css:{disabled:selectedAction() == 0}" maxlength="32" name="mac_4" type="text" class="form-control"/>
+ </div>
+ </div>
+ <div class="row form-group">
+ <label class="col-xs-4 side-right"></label>
+ <div class="col-xs-3">
+ <input id="mac_5" data-bind="value: mac5,disable:selectedAction() == 0,css:{disabled:selectedAction() == 0}" maxlength="32" name="mac_5" type="text" class="form-control"/>
+ </div>
+ <div class="col-xs-3">
+ <input id="mac_6" data-bind="value: mac6,disable:selectedAction() == 0,css:{disabled:selectedAction() == 0}" maxlength="32" name="mac_6" type="text" class="form-control"/>
+ </div>
+ </div>
+ <div class="row form-group">
+ <label class="col-xs-4 side-right"></label>
+ <div class="col-xs-3">
+ <input id="mac_7" data-bind="value: mac7,disable:selectedAction() == 0,css:{disabled:selectedAction() == 0}" maxlength="32" name="mac_7" type="text" class="form-control"/>
+ </div>
+ <div class="col-xs-3">
+ <input id="mac_8" data-bind="value: mac8,disable:selectedAction() == 0,css:{disabled:selectedAction() == 0}" maxlength="32" name="mac_8" type="text" class="form-control"/>
+ </div>
+ </div>
+ <div class="row form-group">
+ <label class="col-xs-4 side-right"></label>
+ <div class="col-xs-3">
+ <input id="mac_9" data-bind="value: mac9,disable:selectedAction() == 0,css:{disabled:selectedAction() == 0}" maxlength="32" name="mac_9" type="text" class="form-control"/>
+ </div>
+ <div class="col-xs-3">
+ <input id="mac_10" data-bind="value: mac10,disable:selectedAction() == 0,css:{disabled:selectedAction() == 0}" maxlength="32" name="mac_10" type="text" class="form-control"/>
+ </div>
+ </div>
+ </div>
+ <div class="form-buttons">
+ <input data-trans='apply' type="submit" formmethod="post" class="btn btn-primary"/>
+ </div>
+ </div>
+ </form>
+ <div class="form-note">
+ <div class="notes-title"> </div>
+ <ul class="notes-content">
+ <li data-trans="wif_filter_note1"></li>
+ <li data-trans="wif_filter_note2"></li>
+ <li data-trans="wif_filter_note3"></li>
+ <li data-trans="wif_filter_note4"></li>
+ </ul>
+ </div>
+ </div>
+
+ </div>
+ </div>
+ </div>
+</div>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/ap/app/zte_webui/subpg/wifi_main.html b/ap/app/zte_webui/subpg/wifi_main.html
new file mode 100755
index 0000000..b2c7dad
--- /dev/null
+++ b/ap/app/zte_webui/subpg/wifi_main.html
@@ -0,0 +1,241 @@
+<div id="innerContainer">
+ <div class="row header-row">
+ <div class="col-xs-1">
+ <a href="#main">
+ <img alt="" src="pic/direct-back.png">
+ </a>
+ </div>
+ <div class="col-xs-11">
+ <div class="form-title form-title-multi">
+ <h1 data-trans='wifi_wireless_settings'></h1>
+ <p data-trans="wifi_main_sub_title"></p>
+ </div>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-xs-2">
+ <div class="nav_right">
+ <ul data-bind="visible: isShowSSIDInfoDiv">
+ <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>
+ <li data-bind="visible: hasMultiSSID"><a data-trans="multi_ssid_2" href="#wlan_guset"></a></li>
+ <li><a data-trans="wps" href="#wlan_wps"></a></li>
+ <li data-bind="visible: hasAPStation"><a data-trans="ap_station" href="#wlan_station"></a></li>
+ <li><a data-trans="wifi_advance" href="#wlan_adv"></a></li>
+ <li data-bind="visible: hasWlanMacfilter"><a data-trans="mac_filter" href="#filter_mac"></a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="col-xs-10">
+
+<div class="form-body">
+ <form id="frmWifiSwitch" role="form">
+ <div class="content margin-top-20">
+ <div data-bind="visible: hasWifiSwitch" class="row form-group">
+ <label data-trans="wifi_switch" class="col-xs-4 side-right"></label>
+ <div class="col-xs-6">
+ <div class="row">
+ <div class="col-xs-4">
+ <input id="wifi_switch_enable"
+ data-bind="checked: wifi_enable" name="wifi_switch" type="radio" value="1"/>
+ <label data-trans="enable" for="wifi_switch_enable"></label>
+ </div>
+ <div class="col-xs-4">
+ <input id="wifi_switch_disable"
+ data-bind="checked: wifi_enable" name="wifi_switch" type="radio" value="0"/>
+ <label data-trans="disable" for="wifi_switch_disable"></label>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div data-bind="visible: wifi_enable() == '1' && hasMultiSSID" class="row form-group">
+ <label data-trans="multi_ssid_enable" class="col-xs-4 side-right"></label>
+ <div class="col-xs-6">
+ <div class="row">
+ <div class="col-xs-4">
+ <input id="multi_ssid_switch_enable"
+ data-bind="checked: multi_ssid_enable" name="multi_ssid_switch" type="radio" value="1"/>
+ <label data-trans="enable" for="multi_ssid_switch_enable"></label>
+ </div>
+ <div class="col-xs-4">
+ <input id="multi_ssid_switch_disable"
+ data-bind="checked: multi_ssid_enable" name="multi_ssid_switch" type="radio" value="0"/>
+ <label data-trans="disable" for="multi_ssid_switch_disable"></label>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div data-bind="visible: hasWifiSwitch || (wifi_enable() == '1' && hasMultiSSID)" class="form-buttons">
+ <input id="wifi_switch_apply" data-trans='apply' type="submit" formmethod="post" class="btn btn-primary"/>
+ <!--input id="wifi_switch_cancel" type="button" class="btn-1 " data-bind='click: function(){clear("switch");}' data-trans='cancel'/-->
+ </div>
+ </div>
+ </form>
+
+
+ <!--form id="frmMultiSSID" data-bind="visible:hasMultiSSID && !hasWifiSwitch">
+ <div class="form-title" data-trans="multi_ssid_enable"></div>
+ <div class="content">
+ <div class="row form-group">
+ <label class="col-xs-4 side-right" data-trans="multi_ssid_enable"></label>
+ <div class="col-xs-6">
+ <input type="radio" name="multi_ssid_switch" id="multi_ssid_switch_enable"
+ data-bind="checked: multi_ssid_enable" value="1"/>
+ <label for="multi_ssid_switch_enable" data-trans="enable"></label>
+ <input type="radio" name="multi_ssid_switch" id="multi_ssid_switch_disable"
+ data-bind="checked: multi_ssid_enable" value="0"/>
+ <label for="multi_ssid_switch_disable" data-trans="disable"></label>
+ </div>
+ </div>
+ <div class="form-buttons">
+ <input id="mutissid_apply" type="submit" formmethod="post" class="btn-1 " data-trans='apply'/>
+ <input id="multissid_cancel" type="button" class="btn-1 " data-bind='click: function(){clear("switch");}' data-trans='cancel'/>
+ </div>
+ </div>
+ </form-->
+ <div data-bind="visible: isShowSSIDInfoDiv">
+ <form id="frmSSID1">
+ <h3 data-bind="attr:{'data-trans': hasMultiSSID ? 'multi_ssid_1':'ssid_title'}" class="form-title"></h3>
+ <div class="content">
+ <div class="row form-group">
+ <label data-trans="network_name" for="ssid" class="col-xs-4 side-right"></label>
+ <div class="col-xs-6">
+ <input id="ssid" data-bind="value: ssid" maxlength="32" name="ssid" type="text" class="required form-control"/>
+ </div>
+ </div>
+ <div class="row form-group">
+ <label class="col-xs-4"></label>
+ <div class="col-xs-8 label-absolute">
+ <p data-bind="css:{'checkbox_selected': broadcast() == '0'}" class="checkbox">
+ <input id="broadcastCheckbox" data-bind="checked: broadcast() == '0'" name="broadcastCheckbox" type="checkbox" value="1"/>
+ </p>
+ <label data-trans="wifi_broadcast_desc"></label>
+ </div>
+ </div>
+ <div data-bind="visible: showIsolated" class="row form-group">
+ <label class="col-xs-4"></label>
+ <div class="col-xs-8">
+ <p data-bind="css:{'checkbox_selected': apIsolation() == 1}" class="checkbox">
+ <input id="apisolatedCheckbox" data-bind="checked: apIsolation() == 1" name="apisolatedCheckbox" type="checkbox" value="1"/>
+ </p>
+ <label data-trans="wifi_isolated_desc"></label>
+ </div>
+ </div>
+ <div class="row form-group">
+ <label data-trans='security_mode' for='mode' class="col-xs-4 side-right"></label>
+ <div class="col-xs-6">
+ <select id="mode" data-transid='security_mode'
+ data-bind="options: modes, value: selectedMode, optionsText: transOption('security_mode'), optionsValue: 'value'" class="form-control"></select>
+ </div>
+ </div>
+
+ <div data-bind='visible: selectedMode() == "OPEN" && hasWifiWep' class="row form-group">
+ <label data-trans='ap_station_encrypt_type' class="col-xs-4 side-right" for='selEncryptType'></label>
+ <div class="col-xs-6">
+ <select id="selEncryptType" data-bind="value: encryptType,optionsValue: 'value'" class="form-control">
+ <option data-trans="ap_station_encrypt_type_none" value="NONE"></option>
+ <option data-trans="ap_station_encrypt_type_wep" value="WEP"></option>
+ </select>
+ </div>
+ </div>
+ <div data-bind='visible: (selectedMode() == "OPEN" && encryptType() == "WEP" && hasWifiWep) || (selectedMode() == "SHARED" && hasWifiWep)' class="row form-group">
+ <label data-trans='ap_station_wep_default_key' for='selWepKeyType' class="col-xs-4 side-right"></label>
+ <div class="col-xs-6">
+ <select id="selWepKeyType" data-bind="value: keyID,optionsValue: 'value', event:{ change: profileChangeHandler}" class="form-control">
+ <option data-trans="ap_station_wep_key_0" value="0"></option>
+ <option data-trans="ap_station_wep_key_1" value="1"></option>
+ <option data-trans="ap_station_wep_key_2" value="2"></option>
+ <option data-trans="ap_station_wep_key_3" value="3"></option>
+ </select>
+ </div>
+ </div>
+ <div data-bind='visible: (selectedMode() == "OPEN" && encryptType() == "WEP" && hasWifiWep) || (selectedMode() == "SHARED" && hasWifiWep)' class="row form-group">
+ <label data-trans='ap_station_wep_key' for='pwdWepKey' class="col-xs-4 side-right"></label>
+ <div class="col-xs-6">
+ <input id='pwdWepKey'
+ data-bind="value: wepPassword,visible:!showPassword()" maxlength='26' name="pwdWepKey" type="password" class="required form-control"/>
+ <input id='txtWepKey'
+ data-bind="value: wepPassword,visible:showPassword()" maxlength='26' name="txtWepKey" type="text" class="required form-control"/>
+ <div class="margin-top-10">
+ <p data-bind="css:{'checkbox_selected': showPassword()}, click: showPasswordHandler"
+ manualControl="true" class="checkbox">
+ <input id="showWepPassword" data-bind="checked:showPassword" type="checkbox"/>
+ </p>
+ <label data-trans="display_password" for="showWepPassword" class="floatleft margintop5 lineheight25"/>
+ </div>
+ <div id="lblShowWepPassword" class="clear"></div>
+ </div>
+ </div>
+ <div id="passwordContainer"
+ data-bind='visible: selectedMode() == "WPA2PSK" || selectedMode() == "WPAPSKWPA2PSK" || selectedMode() == "WPA3Personal" || selectedMode() == "WPA2WPA3"' class="row form-group">
+ <label data-trans='pass_phrase' for='txtWPAKey' class="col-xs-4 side-right"></label>
+ <div class="col-xs-6">
+ <input id='codeWPAKey' data-bind="value: passPhrase,visible:!showPassword()"
+ minlength='8' maxlength='63' name="codeWPAKey" type="password" class="required form-control"/>
+ <input id='txtWPAKey' data-bind="value: passPhrase,visible:showPassword()"
+ minlength='8' maxlength='63' name="txtWPAKey" type="text" class="required form-control"/>
+ <div class="margin-top-10">
+ <p data-bind="css:{'checkbox_selected': showPassword()}, click: showPasswordHandler" manualControl="true" class="checkbox">
+ <input id="showPassword" data-bind="checked:showPassword" type="checkbox"/>
+ </p>
+ <label data-trans="display_password" class="floatleft lineheight25 margintop5"></label>
+ </div>
+ <div id="lblshowWPAPassword" class="clear"></div>
+ </div>
+ </div>
+ <div class="row form-group">
+ <label class="col-xs-4 side-right" ></label>
+ <div class="col-xs-6">
+ <div data-bind="visible: showQRSwitch" class="margin-top-10">
+ <p data-bind="css:{'checkbox_selected': showQR()}, click: showQRHandler" manualControl="true" class="checkbox">
+ <input id="showQR" data-bind="checked:showQR" type="checkbox"/>
+ </p>
+ <label data-trans="display_QR" class="floatleft lineheight25 margintop5"></label>
+ </div>
+ <div id="h_qrcode" data-bind="visible: showQRCode">
+ <img id="qrcode_img" data-bind="attr: {src: qrcodeSrc}" src="./pic/res_blacktrans.png" width="111"/>
+ </div>
+ </div>
+ </div>
+ <div class="row form-group">
+ <label data-trans="max_station_number" class="col-xs-4 side-right" for="maxStation"></label>
+
+ <div class="col-xs-6">
+ <select id="maxStation"
+ data-bind="options: maxStations, value: selectedStation, optionsText: 'text', optionsValue: 'value'" name="maxStation" class="form-control"></select>
+ </div>
+ </div>
+
+ </div>
+ <div class="form-buttons">
+ <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"/>
+ <!--input id="ssid1_cancel" type="button" class="btn-1 " data-bind='click: function(){clear("ssid1");}' data-trans='cancel'/-->
+ </div>
+ </form>
+ <div class="form-note">
+ <div class="notes-title"> </div>
+ <ul class="notes-content">
+ <li data-bind="visible: hasMultiSSID" data-trans="wifi_basic_note_multi_ssid_switch"></li>
+ <li data-trans="wifi_basic_note_network_name"></li>
+ <!--<li data-trans="wifi_basic_note_network_name_input"></li>-->
+ <li data-trans="wifi_basic_note_broadcast"></li>
+ <li data-trans="wifi_basic_note_security_mode"></li>
+ <li class="no-style">
+ <ul>
+ <li data-trans="wifi_basic_note_no_encryption"></li>
+ <li data-bind='visible: hasWifiWep' data-trans="wifi_basic_note_shared"></li>
+ <li data-trans="wifi_basic_note_wpa_psk_aes"></li>
+ <li data-trans="wifi_basic_note_wpa_psk"></li>
+ <li data-bind='visible: hasWifiWpa3' data-trans="wifi_basic_note_wpa3"></li>
+ <li data-bind='visible: hasWifiWpa23' data-trans="wifi_basic_note_wpa2_wpa3"></li>
+ </ul>
+ </li>
+ <li data-trans="wifi_basic_note_pass_phrase"></li>
+ <li data-trans="wifi_basic_note_max_station_number"></li>
+ </ul>
+ </div>
+ </div>
+</div>
+
+</div>
+</div>
+</div>
\ No newline at end of file
diff --git a/ap/app/zte_webui/subpg/wifi_sleep_mode.html b/ap/app/zte_webui/subpg/wifi_sleep_mode.html
new file mode 100755
index 0000000..519041a
--- /dev/null
+++ b/ap/app/zte_webui/subpg/wifi_sleep_mode.html
@@ -0,0 +1,159 @@
+<div id="innerContainer">
+<div class="row header-row">
+ <div class="col-xs-1">
+ <a href="#main">
+ <img alt="" src="pic/direct-back.png">
+ </a>
+ </div>
+ <div class="col-xs-11">
+ <div class="form-title">
+ <h1 data-trans='advanced_settings'></h1>
+ </div>
+ </div>
+</div>
+<div class="row">
+ <div class="col-xs-2">
+ <div class="nav_right">
+ <ul>
+ <li class="active"><a data-trans="sleep_mode" href="#wlan_sleep"></a></li>
+ <li><a data-trans="router_setting" href="#route_set"></a></li>
+ <li><a data-trans="firewall" href="#filter_main"></a></li>
+ <li data-bind="visible:hasUpdateCheck"><a data-trans="update_settings" href="#fota"></a></li>
+ <li data-bind="visible:hasUssd"><a data-trans="USSD" href="#usat"></a></li>
+ <li data-bind="visible:hasDdns"><a data-trans="DDNS" href="#dynamic_dns"></a></li>
+ <li><a data-trans="others" href="#more"></a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="col-xs-10">
+
+
+<div class="form-body margin-top-20">
+ <!--hide wifi range settings until sw implements it-->
+ <form id='wifiRangeForm'>
+ <h3 data-trans="wifi_range_settings" class="form-title"></h3>
+ <div class="content">
+ <div class="row">
+ <label data-trans='wifi_range' class="col-xs-3"></label>
+ <div class="col-xs-8">
+ <input id='short_mode' data-bind="checked: wifiRangeMode" name="rangeGroup" type="radio" value="short_mode"/>
+ <label data-bind="visible: !isCPE" data-trans='wifi_short_mode' for='short_mode'></label>
+ <label data-bind="visible: isCPE" data-trans='wifi_des_short_mode' for='short_mode'></label>
+ </div>
+ </div>
+ <div class="row">
+ <label class="col-xs-3"></label>
+ <div class="col-xs-8">
+ <input id='medium_mode' data-bind="checked: wifiRangeMode" name="rangeGroup" type="radio" value="medium_mode"/>
+ <label data-trans='wifi_medium_mode' for='medium_mode'></label>
+ </div>
+ </div>
+ <div class="row">
+ <label class="col-xs-3"></label>
+ <div class="col-xs-8">
+ <input id='long_mode' data-bind="checked: wifiRangeMode" name="rangeGroup" type="radio" value="long_mode"/>
+ <label data-trans='wifi_long_mode' for='long_mode'></label>
+ </div>
+ </div>
+ </div>
+ <div class="form-buttons">
+ <input data-trans='apply' type="submit" formmethod="post" class="btn btn-primary"/>
+ </div>
+ <div class="form-note">
+ <div class="notes-title"> </div>
+ <ul class="notes-content">
+ <li data-trans="wifi_range_note_range"></li>
+ <li class="no-style">
+ <ul data-bind="visible: !isCPE">
+ <li data-trans="wifi_range_note_short"></li>
+ <li data-trans="wifi_range_note_medium"></li>
+ <li data-trans="wifi_range_note_long"></li>
+ </ul>
+ <ul data-bind="visible: isCPE">
+ <li data-trans="wifi_range_note_short_cpe"></li>
+ <li data-trans="wifi_range_note_medium_cpe"></li>
+ <li data-trans="wifi_range_note_long_cpe"></li>
+ </ul>
+ </li>
+ </ul>
+ </div>
+ </form>
+ <form id="frmTsw" data-bind="visible: showTSWDiv">
+ <div class="form-body">
+ <h3 data-trans="time_sleep_wake_up" class="form-title"></h3>
+ <div class="content">
+ <div class="row form-group">
+ <label data-trans="tsw_settings" class="col-xs-3 side-right"></label>
+ <div class="col-xs-6">
+ <div class="row">
+ <div class="col-xs-4">
+ <input id="tswEnable" data-bind="checked: openEnable" name="tswGrp" type="radio" value="1"/>
+ <label data-trans="enable" for="tswEnable"></label>
+ </div>
+ <div class="col-xs-4">
+ <input id="tswDisable" data-bind="checked: openEnable" name="tswGrp" type="radio" value="0"/>
+ <label for="tswDisable" data-trans="disable"></label>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div data-bind="visible: openEnable() == '1'" class="row form-group">
+ <div class="col-xs-3">
+ <span data-trans="tsw_timer_on"></span>
+ </div>
+ <div class="col-xs-9">
+ <div>
+ <input id="openH" data-bind="value: openH" min="0" max="23" maxlength="2" name="openH" style="width: 27px;display:inline-block;padding: 5px 4px;" type="text" class="required form-control"> :
+ <input id="openM" data-bind="value: openM" min="0" max="59" maxlength="2" name="openM" style="width: 27px;display:inline-block;padding: 5px 4px;" type="text" class="required form-control">
+ </div>
+ </div>
+ <div id="openErrorDiv" class="col-xs-9 col-md-offset-3"></div>
+ </div>
+ <div data-bind="visible: openEnable() == '1'" class="row form-group">
+ <div class="col-xs-3">
+ <span data-trans="tsw_timer_off"></span>
+ </div>
+ <div class="col-xs-9">
+ <input id="closeH" data-bind="value: closeH" min="0" max="23" maxlength="2" name="closeH" style="width: 27px;display:inline-block;padding: 5px 4px;" type="text" class="required form-control"> :
+ <input id="closeM" data-bind="value: closeM" min="0" max="59" maxlength="2" name="closeM" style="width: 27px;display:inline-block;padding: 5px 4px;" type="text" class="required form-control">
+ </div>
+ <div id="closeErrorDiv" class="col-xs-9 col-md-offset-3"></div>
+ </div>
+ </div>
+ <div class="form-buttons">
+ <input data-trans="apply" type="submit" formmethod="post" class="btn btn-primary"/>
+ </div>
+ <div class="form-note">
+ <div class="notes-title"> </div>
+ <ul class="notes-content">
+ <li data-trans="tsw_note"></li>
+ <li data-trans="tsw_note_on"></li>
+ <li data-trans="tsw_note_off"></li>
+ </ul>
+ </div>
+ </div>
+ </form>
+ <form id='sleepModeForm' data-bind="visible: showSleepDiv">
+ <h3 data-trans='wifi_sleep' class="form-title"></h3>
+ <div class="content">
+ <div class="row">
+ <label data-trans='sleep_time' class="col-xs-3" for='mode'></label>
+ <div class="col-xs-4">
+ <select id="mode" data-bind="options: modes, value: selectedMode, optionsText: transOption('sleep_mode'), optionsValue: 'value'" data-transid='sleep_mode' class="form-control"></select>
+ </div>
+ </div>
+ </div>
+ <div class="form-buttons">
+ <input data-trans='apply' type="submit" formmethod="post" class="btn btn-primary"/>
+ </div>
+ <div class="form-note">
+ <div class="notes-title"> </div>
+ <ul class="notes-content">
+ <li data-trans="wifi_sleep_note_info"></li>
+ </ul>
+ </div>
+ </form>
+</div>
+ </div>
+</div>
+</div>
\ No newline at end of file
diff --git a/ap/app/zte_webui/subpg/wifi_station_info.html b/ap/app/zte_webui/subpg/wifi_station_info.html
new file mode 100755
index 0000000..50b8738
--- /dev/null
+++ b/ap/app/zte_webui/subpg/wifi_station_info.html
@@ -0,0 +1,122 @@
+<div id="innerContainer">
+ <div class="row header-row">
+ <div class="col-xs-1">
+ <a href="#main">
+ <img alt="" src="pic/direct-back.png">
+ </a>
+ </div>
+ <div class="col-xs-11">
+ <div class="form-title form-title-multi">
+ <h1 data-trans='station_info'></h1>
+ <p data-trans="station_info_sub_title"></p>
+ </div>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-xs-1 margin-top-15">
+ </div>
+ <div class="col-xs-11">
+
+<div id="station_info_div" class="form-body">
+ <div class="content ko-grid-container">
+ <div id="wireless_div">
+ <h2 data-trans="wireless_access_device"></h2>
+ <table class="table table-striped table-hover">
+ <thead>
+ <tr>
+ <th data-trans="station_number" width="60"></th>
+ <th data-trans="host_name"></th>
+ <th width="100"></th>
+ <th data-trans="mac_address" width="200"></th>
+ <th data-trans="pc_action" data-bind="visible: supportBlock" width="150"></th>
+ </tr>
+ </thead>
+ <tbody data-bind="foreach:deviceInfo">
+ <tr data-bind="css: {odd: $index() % 2 == 0, even: $index() % 2 != 0}">
+ <td data-bind="text: $index()+1"></td>
+ <td>
+ <span data-bind="text: hostName, attr: {id: 'hostname_txt_'+idx}"></span>
+ <input data-bind="attr: {id: 'hostname_input_'+idx}" maxlength="20" style="display: none;" type="text" class="form-control">
+ </td>
+ <td>
+ <a data-bind="click: $root.editHostNameHandler, attr: {id: 'edit_btn_'+idx}" class="cursorhand"><img height="25" src="./pic/res_edit.png"></a>
+ <a data-bind="click: $root.saveHostNameHandler, attr: {id: 'save_btn_'+idx}" style="display: none;" class="cursorhand"><img height="25" src="./pic/res_save.png"></a>
+ <a data-bind="click: $root.cancelEditHostNameHandler, attr: {id: 'cancel_btn_'+idx}" style="display: none;" class="cursorhand"><img height="25" src="./pic/res_cancel.png"></a>
+ </td>
+ <td data-bind="text: macAddress"></td>
+ <td data-bind="visible: $root.supportBlock"><a data-trans="block" data-bind="visible: !inBlackGroup, css: {'not-allowed': disableFlag}, click: $root.wirelessBlockHandler" class="btn btn-primary btn-sm"></a></td>
+ </tr>
+ </tbody>
+ </table>
+ <p data-bind="visible: deviceInfo().length == 0" data-trans="no_data"></p>
+ </div>
+
+ <div id="cable_div" data-bind="visible: showCableDiv">
+ <h2 data-trans="cable_access_device"></h2>
+ <table class="table table-striped table-hover">
+ <thead>
+ <tr>
+ <th data-trans="station_number" width="60"></th>
+ <th data-trans="host_name"></th>
+ <th width="100"></th>
+ <th data-trans="mac_address" width="350"></th>
+ </tr>
+ </thead>
+ <tbody data-bind="foreach:cableDeviceInfo">
+ <tr data-bind="css: {odd: $index() % 2 == 0, even: $index() % 2 != 0}">
+ <td data-bind="text: $index()+1"></td>
+ <td>
+ <span data-bind="text: hostName, attr: {id: 'hostname_txt_'+idx}"></span>
+ <input data-bind="attr: {id: 'hostname_input_'+idx}" maxlength="20" type="text" style="display: none;" class="form-control">
+ </td>
+ <td>
+ <a data-bind="click: $root.editHostNameHandler, attr: {id: 'edit_btn_'+idx}" class="cursorhand" ><img height="25" src="./pic/res_edit.png"></a>
+ <a data-bind="click: $root.saveHostNameHandler, attr: {id: 'save_btn_'+idx}" style="display: none;" class="cursorhand"><img height="25" src="./pic/res_save.png"></a>
+ <a data-bind="click: $root.cancelEditHostNameHandler, attr: {id: 'cancel_btn_'+idx}" style="display: none;" class="cursorhand"><img height="25" src="./pic/res_cancel.png"></a>
+ </td>
+ <td data-bind="text: macAddress"></td>
+ </tr>
+ </tbody>
+ </table>
+ <p data-bind="visible: cableDeviceInfo().length == 0" data-trans="no_data"></p>
+ </div>
+
+ <div id="black_div" data-bind="visible: showBlackDiv">
+ <h2 data-trans="black_list"></h2>
+ <table class="table table-striped table-hover">
+ <thead>
+ <tr>
+ <th data-trans="station_number" width="60"></th>
+ <th data-trans="host_name" style="display:none"></th>
+ <th style="display:none" width="100"></th>
+ <th data-trans="mac_address"></th>
+ <th data-trans="pc_action" width="150"></th>
+ </tr>
+ </thead>
+ <tbody data-bind="foreach:blackDevices">
+ <tr data-bind="css: {odd: $index() % 2 == 0, even: $index() % 2 != 0}">
+ <td data-bind="text: $index()+1"></td>
+ <td style="display:none">
+ <span data-bind="text: hostName, attr: {id: 'hostname_txt_'+idx}"></span>
+ <input data-bind="attr: {id: 'hostname_input_'+idx}" maxlength="20" style="display: none;" type="text" class="form-control">
+ </td>
+ <td style="display:none">
+ <a data-bind="click: $root.editHostNameHandler, attr: {id: 'edit_btn_'+idx}" class="cursorhand"><img height="25" src="./pic/res_edit.png"></a>
+ <a data-bind="click: $root.saveHostNameHandler, attr: {id: 'save_btn_'+idx}" style="display: none;" class="cursorhand"><img height="25" src="./pic/res_save.png"></a>
+ <a data-bind="click: $root.cancelEditHostNameHandler, attr: {id: 'cancel_btn_'+idx}" style="display: none;" class="cursorhand"><img height="25" src="./pic/res_cancel.png"></a>
+ </td>
+ <td data-bind="text: macAddress"></td>
+ <td><a data-trans="pc_remove" data-bind="click: $root.blacklistRemoveHandler" class="btn btn-primary btn-sm"></a></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+
+ <div data-bind="visible: showPCLink">
+ <span data-trans="station_info_desc"></span> <a data-trans="parental_control" href="#child_ctl"></a>
+ </div>
+ </div>
+</div>
+ </div>
+</div>
+</div>
diff --git a/ap/app/zte_webui/subpg/wifi_wps.html b/ap/app/zte_webui/subpg/wifi_wps.html
new file mode 100755
index 0000000..31785c3
--- /dev/null
+++ b/ap/app/zte_webui/subpg/wifi_wps.html
@@ -0,0 +1,122 @@
+<div id="innerContainer">
+ <div class="row header-row">
+ <div class="col-xs-1">
+ <a href="#main">
+ <img alt="" src="pic/direct-back.png">
+ </a>
+ </div>
+ <div class="col-xs-11">
+ <div class="form-title form-title-multi">
+ <h1 data-trans='wifi_wireless_settings'></h1>
+ <p data-trans="wifi_main_sub_title"></p>
+ </div>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-xs-2">
+ <div class="nav_right">
+ <ul data-bind="visible: isShowSSIDInfoDiv">
+ <li><a data-trans="multi_ssid_1" data-bind="attr:{'data-trans': hasMultiSSID ? 'multi_ssid_1':'ssid_title'}" href="#wlan_main"></a></li>
+ <li data-bind="visible: hasMultiSSID"><a data-trans="multi_ssid_2" href="#wlan_guset"></a></li>
+ <li class="active"><a data-trans="wps" href="#wlan_wps"></a></li>
+ <li data-bind="visible: hasAPStation"><a data-trans="ap_station" href="#wlan_station"></a></li>
+ <li><a data-trans="wifi_advance" href="#wlan_adv"></a></li>
+ <li data-bind="visible: hasWlanMacfilter"><a data-trans="mac_filter" href="#filter_mac"></a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="col-xs-10">
+
+<div class="form-body">
+ <form id="frmWifiSwitch" role="form">
+ <div class="content margin-top-20">
+ <div data-bind="visible: hasWifiSwitch" class="row form-group">
+ <label data-trans="wifi_switch" class="col-xs-4 side-right"></label>
+ <div class="col-xs-6">
+ <div class="row">
+ <div class="col-xs-4">
+ <input id="wifi_switch_enable"
+ data-bind="checked: wifi_enable" name="wifi_switch" type="radio" value="1"/>
+ <label data-trans="enable" for="wifi_switch_enable"></label>
+ </div>
+ <div class="col-xs-4">
+ <input id="wifi_switch_disable"
+ data-bind="checked: wifi_enable" name="wifi_switch" type="radio" value="0"/>
+ <label data-trans="disable" for="wifi_switch_disable"></label>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div data-bind="visible: wifi_enable() == '1' && hasMultiSSID" class="row form-group">
+ <label data-trans="multi_ssid_enable" class="col-xs-4 side-right"></label>
+ <div class="col-xs-6">
+ <div class="row">
+ <div class="col-xs-4">
+ <input id="multi_ssid_switch_enable"
+ data-bind="checked: multi_ssid_enable" name="multi_ssid_switch" type="radio" value="1"/>
+ <label data-trans="enable" for="multi_ssid_switch_enable"></label>
+ </div>
+ <div class="col-xs-4">
+ <input id="multi_ssid_switch_disable"
+ data-bind="checked: multi_ssid_enable" name="multi_ssid_switch" type="radio" value="0"/>
+ <label data-trans="disable" for="multi_ssid_switch_disable"></label>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div data-bind="visible: hasWifiSwitch || (wifi_enable() == '1' && hasMultiSSID)" class="form-buttons">
+ <input id="wifi_switch_apply" data-trans='apply' type="submit" formmethod="post" class="btn btn-primary"/>
+ <!--input id="wifi_switch_cancel" type="button" class="btn-1 " data-bind='click: function(){clear("switch");}' data-trans='cancel'/-->
+ </div>
+ </div>
+ </form>
+
+ <div data-bind="visible: isShowSSIDInfoDiv" class="content">
+ <form id='wpsForm' role="form">
+ <h3 data-bind="attr:{'data-trans': 'wps'}" class="form-title"></h3>
+ <div data-bind="visible: hasMultiSSID" class="row form-group">
+ <label data-trans='ssid_title' for="multiSSID" class="col-xs-4 side-right"></label>
+ <div class="col-xs-4">
+ <select id="multiSSID" data-bind="options: mulOption, value: wpsSSID, optionsValue: 'value', optionsText: 'text'" class="valid form-control">
+ </select>
+ </div>
+ </div>
+ <div class="row form-group">
+ <label data-trans="wps" class="col-xs-4 side-right"></label>
+ <div class="col-xs-6">
+ <div class="row">
+ <div class="col-xs-4">
+ <input id="pinMode" data-bind="checked: wpsType" name="wpsMode" type="radio" value="PIN"/>
+ <label data-trans="wps_pin" for="pinMode"></label>
+ </div>
+ <div class="col-xs-6">
+ <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"/>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="row form-group">
+ <label class="col-xs-4 side-right"></label>
+ <div class="col-xs-6">
+ <input id="pbcMode" data-bind="checked: wpsType" name="wpsMode" type="radio" value="PBC"/>
+ <label data-trans="wps_pbc" for="pbcMode"></label>
+ </div>
+ </div>
+ <div class="form-buttons">
+ <input data-bind="enable: wpsType() != '', css:{disabled: wpsType() == ''}" class="btn btn-primary" data-trans='apply' type="submit" formmethod="post"/>
+ </div>
+ <div class="form-note">
+ <div class="notes-title"> </div>
+ <ul class="notes-content">
+ <li data-trans="wps_note_all"></li>
+ <li data-trans="wps_note_pin"></li>
+ <li data-trans="wps_note_pbc"></li>
+ <li data-trans="wps_note_wait"></li>
+ </ul>
+ </div>
+ </form>
+ </div>
+</div>
+ </div>
+</div>
+</div>
\ No newline at end of file