first commit

This commit is contained in:
teasiu
2025-11-03 15:27:16 +08:00
commit 125598252c
1115 changed files with 60648 additions and 0 deletions

View File

@@ -0,0 +1,96 @@
<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="#demilitarized_zone" data-trans="dmz_setting"></a>
</li>
<li>
<a href="#pin_mode" data-trans="pin_management"></a>
</li>
<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>
<a href="#fota" data-trans="update_settings"></a>
</li>
<li>
<a href="#more" data-trans="others"></a>
</li>
<li>
<a href="#imeistl" data-trans="imeistl"></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">&nbsp;</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>

View File

@@ -0,0 +1 @@
<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">&nbsp;</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>

View File

@@ -0,0 +1,137 @@
<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="#demilitarized_zone" data-trans="dmz_setting"></a>
</li>
<li>
<a href="#pin_mode" data-trans="pin_management"></a>
</li>
<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>
<a href="#fota" data-trans="update_settings"></a>
</li>
<li class="active">
<a href="#more" data-trans="others"></a>
</li>
<li>
<a href="#imeistl" data-trans="imeistl"></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>&nbsp;</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>
<form id="SimForm">
<div class="form-body">
<h3 class="form-title" data-trans='sim_select'></h3>
<div class="content">
<div class="row form-group">
<div class="col-xs-4"><select id="mode" data-bind="options: modes, value: selectMode, optionsText: transOption('CARD'), optionsValue: 'value'" data-transid='CARD' class="form-control"></select></div>
</div>
</div>
<div class="form-buttons"><input data-bind='click: save' data-trans="apply" type="submit" class="btn btn-primary margin-right-20" /></div>
</div>
</form>
</div>
</div>

View File

@@ -0,0 +1,101 @@
<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">&nbsp;</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>

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1 @@
<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>

View File

@@ -0,0 +1,82 @@
<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="#demilitarized_zone" data-trans="dmz_setting"></a>
</li>
<li>
<a href="#pin_mode" data-trans="pin_management"></a>
</li>
<li>
<a href="#wlan_sleep" data-trans="sleep_mode"></a>
</li>
<li>
<a href="#route_set" data-trans="router_setting"></a>
</li>
<li class="active">
<a href="#filter_main" data-trans="firewall"></a>
</li>
<li>
<a href="#fota" data-trans="update_settings"></a>
</li>
<li>
<a href="#more" data-trans="others"></a>
</li>
<li>
<a href="#imeistl" data-trans="imeistl"></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 data-bind="visible: hasUpnp" 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>

View File

@@ -0,0 +1,53 @@
<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">&nbsp;</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>

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1 @@
<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">&nbsp;</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">&nbsp;</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>

View File

@@ -0,0 +1 @@
<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">&nbsp;</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">&nbsp;</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>

View File

@@ -0,0 +1 @@
<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">&nbsp;</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>

View File

@@ -0,0 +1 @@
<div id="innerContainer">

View File

@@ -0,0 +1,66 @@
<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="#demilitarized_zone" data-trans="dmz_setting"></a>
</li>
<li>
<a href="#pin_mode" data-trans="pin_management"></a>
</li>
<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>
<a href="#fota" data-trans="update_settings"></a>
</li>
<li>
<a href="#more" data-trans="others"></a>
</li>
<li class="active">
<a href="#imeistl" data-trans="imeistl"></a>
</li>
</ul>
</div>
</div>
<div class="col-xs-10">
<form id="frmimei" role="form">
<div class="form-body">
<div class="content">
<div class="row form-group"><label data-trans="new_imei" for="tximei" class="col-xs-4 side-right"></label>
<div class="col-xs-4"><input name="imeiNewKey" id="imei_new" type="text" size="20" data-bind="value:IMEINew" maxlength="15" class="form-control valid"></div>
<div class="form-buttons"><input id="btnimeiApply" type="submit" class="btn btn-primary" data-trans="apply" /></div>
</div>
</div>
</div>
</form>
<form id="frmttl" role="form">
<div class="form-body">
<div class="content">
<div class="row form-group"><label class="col-xs-4 side-right" data-trans="TTL" for="txtttlvalue"></label>
<div class="col-xs-4"><input name="txtttlvalue" id="Text2" type="text" size="20" data-bind="value:TTLNew" maxlength="3" class="form-control valid"></div>
<div class="form-buttons"><input id="btnTTLApply" type="submit" class="btn btn-primary" data-trans="apply" /></div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>

View File

@@ -0,0 +1,139 @@
<div class="row margin-top-20">
<div class="type_items">
<ul>
<li>
<a href="#child_ctl" data-trans="parental_control" class="c0EC6DC"></a>
</li>
<li>
<a href="#msg_main" data-trans="sms" class="cF53A58"></a>
</li>
<li>
<a href="#conn_device" data-trans="station_info" class="c00AEFF"></a>
</li>
<li>
<a href="#flow_ctl" data-trans="traffic_data_plan" 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-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: true">
<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':true,'device_info_container_notraffic':false}" 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="iccid" class="col-xs-5"></label><label data-bind="text: iccid" 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 data-trans="iccid" class="col-xs-6"></label><label class="col-xs-6"><%= iccid %></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>
<div class="row"><label data-trans="band" class="col-xs-6"></label><label class="col-xs-6"><%= lteband %></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>

View File

@@ -0,0 +1,63 @@
<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>
<a data-trans="apn_setting" href="#cgdcont_set"></a>
</li>
<li class="active">
<a href="#net_info" data-trans="net_info"></a>
</li>
</ul>
</div>
</div>
<div class="col-xs-10">
<form role="form">
<div class="form-body">
<h3 class="form-title" data-trans="net_info"></h3>
<div class="content">
<!--<div class="row form-group">-->
<!--<label class="col-xs-4" data-trans='current_network'></label>-->
<!--<div class="col-xs-8" data-bind="text: currentNetwork"></div>-->
<!--</div>-->
<div class="row form-group"><label class="col-xs-4 side-right" data-trans='BandIndicator'></label>
<div class="col-xs-8">
<div class="row">
<div class="col-xs-6">
<!-- <select data-transid='bandIndicaitor_type' id="type" class="form-control" data-bind="options: types, value: selectedIndicator, optionsText: transOption('bandIndicaitor_type'), optionsValue: 'value',enable:false"></select>--><input type="text" name="bandIndicaitor_type" class="form-control" data-bind="value: selectedIndicator, disable: false,enable:false" id="bandIndicaitor_type" /></div>
</div>
</div>
</div>
<!-- <div class="row form-group"><label class="col-xs-4 side-right" data-trans='dial_ping'></label><div class="col-xs-3"><input type="radio" name="ping_google" id="ping_google_enable" class="" data-bind="checked: ping_google, enable: enableFlag" value="yes"/><label for="autoDial" data-trans="enable"></label></div><div class="col-xs-3"><input type="radio" name="ping_google" id="ping_google_disable" class="" data-bind="checked: ping_google" value="no"/><label for="manualMode" data-trans="disable"></label></div></div>-->
<div class="row form-group"><label class="col-xs-4 side-right" data-trans='SetBand'></label>
<div class="col-xs-8">
<div class="row">
<div class="col-xs-6"><select data-transid='frequency_band_type' id="type1" class="form-control" data-bind="options: typesBAND, value: selectedBand, optionsText: transOption('frequency_band_type'), optionsValue: 'value'"></select></div>
</div>
<div class="form-buttons"><input type="button" class="btn btn-primary" data-bind='click: save' data-trans='apply' /></div>
</div>
</div>
<!-- <div class="row form-group"><label class="col-xs-4 side-right" for="CellIDName" data-trans='CellID'></label><div class="col-xs-8"><div class="row"><div class="col-xs-6"><!--<input type="text" name="profile_name" data-bind="value: profileName, disable: false"id="Text1" class="required form-control" /><input type="text" name="CELLID" class="form-control" data-bind="value: CellIDName, disable: false,enable:false"id="CELLID" /></div></div><div class="form-buttons"><input type="button" class="btn btn-primary" data-trans='restart_connection' data-bind="click: restart"/></div></div></div>-->
<!-- <div class="form-note"><div class="notes-title">&nbsp;</div><ul class="notes-content"><li data-trans="ping_note"></li></ul>--></div>
</div>
</form>
</div>
</div>
</div>

View File

@@ -0,0 +1,146 @@
<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>
<li>
<a href="#network_info" data-trans="net_info"></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>&nbsp;</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">&nbsp;</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>

View File

@@ -0,0 +1,59 @@
<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>
<li>
<a href="#network_info" data-trans="net_info"></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">&nbsp;</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>

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,95 @@
<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>
<li>
<a href="#network_info" data-trans="net_info"></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">&nbsp;</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>

View File

@@ -0,0 +1 @@
<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>

View File

@@ -0,0 +1,108 @@
<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="#demilitarized_zone" data-trans="dmz_setting"></a>
</li>
<li>
<a href="#pin_mode" data-trans="pin_management"></a>
</li>
<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 class="active">
<a href="#fota" data-trans="update_settings"></a>
</li>
<li>
<a href="#more" data-trans="others"></a>
</li>
<li>
<a href="#imeistl" data-trans="imeistl"></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">&nbsp;</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">&nbsp;</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">&nbsp;</div>
<ul class="notes-content">
<li data-trans="local_note"></li>
</ul>
</div>
</div>
</form>
</div>
</div>
</div>

View File

@@ -0,0 +1,91 @@
<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="parental_control" href="#child_ctl"></a>
</li>
<li>
<a data-trans="sms" href="#msg_main"></a>
</li>
<li>
<a data-trans="station_info" href="#conn_device"></a>
</li>
<li>
<a data-trans="traffic_data_plan" href="#flow_ctl"></a>
</li>
<li>
<a data-trans="advanced_settings" href="#wlan_sleep"></a>
</li>
<li>
<a data-trans="quick_setting" href="#fast_set"></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>

View File

@@ -0,0 +1,252 @@
<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'>&nbsp;*</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'>&nbsp;*</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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>

View File

@@ -0,0 +1,63 @@
<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">&nbsp;</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>

View File

@@ -0,0 +1,78 @@
<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>

View File

@@ -0,0 +1 @@
<p>status</p>

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,136 @@
<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="#demilitarized_zone" data-trans="dmz_setting"></a>
</li>
<li>
<a href="#pin_mode" data-trans="pin_management"></a>
</li>
<li class="active">
<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>
<a href="#fota" data-trans="update_settings"></a>
</li>
<li>
<a href="#more" data-trans="others"></a>
</li>
<li>
<a href="#imeistl" data-trans="imeistl"></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">&nbsp;</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">&nbsp;</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">&nbsp;</div>
<ul class="notes-content">
<li data-trans="wifi_sleep_note_info"></li>
</ul>
</div>
</form>
</div>
</div>
</div>
</div>

View File

@@ -0,0 +1,111 @@
<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><span data-trans="station_info_desc"></span>
<a data-trans="parental_control" href="#child_ctl"></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

View File

@@ -0,0 +1 @@
<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">&nbsp;</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>