first commit
This commit is contained in:
teasiu
153
webs/mf761/web/subpg/adm_lan.html
Normal file
153
webs/mf761/web/subpg/adm_lan.html
Normal file
@@ -0,0 +1,153 @@
|
||||
<div id="innerContainer">
|
||||
<div class="row header-row">
|
||||
<div class="col-xs-1">
|
||||
<a href="#main">
|
||||
<img alt="" src="pic/direct-back.png">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xs-11">
|
||||
<div class="form-title">
|
||||
<h1 data-trans='advanced_settings'></h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-2">
|
||||
<div class="nav_right">
|
||||
<ul>
|
||||
<li><a href="#wlan_sleep" data-trans="sleep_mode"></a></li>
|
||||
<li class="active"><a href="#route_set" data-trans="router_setting"></a></li>
|
||||
<li><a href="#filter_main" data-trans="firewall"></a></li>
|
||||
<li data-bind="visible:hasUpdateCheck"><a href="#fota" data-trans="update_settings"></a></li>
|
||||
<li><a href="#sdcard" data-bind="visible: isSupportSD" data-trans="sd" class="c2175FF"></a></li>
|
||||
<li data-bind="visible:hasDdns"><a href="#dynamic_dns" data-trans="DDNS"></a></li>
|
||||
<li data-bind="visible: hasBandSelect"><a data-trans="network_band_selection" href="#band_selection"></a></li>
|
||||
<li data-bind="visible: hasTr069"><a data-trans="tr069" href="#tr069"></a></li>
|
||||
<li data-bind="visible: hasVpn"><a data-trans="vpn" href="#vpn"></a></li>
|
||||
<li><a href="#more" data-trans="others"></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xs-10">
|
||||
<form id="frmLan" role="form">
|
||||
<h3 class="form-title" data-trans="router_setting"></h3>
|
||||
<div class="form-body margin-top-20">
|
||||
<div class="content">
|
||||
<div class="row form-group">
|
||||
<label data-trans="ip_address" for="txtIpAddress" class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-3">
|
||||
<input id="txtIpAddress" name="txtIpAddress" data-bind="value: ipAddress" maxlength="15" type="text" class="required form-control"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label data-trans="subnet_mask" for="txtSubnetMask" class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-3">
|
||||
<input id="txtSubnetMask" name="txtSubnetMask" data-bind="value: subnetMask" maxlength="15" type="text" class="required form-control"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group" data-bind="visible: showMacAddress() && hasWifi()">
|
||||
<label data-trans="mac_address" class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-3">
|
||||
<label id="txtMacAddress" data-bind="text: macAddress" class="label-content"></label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label class="col-xs-4 side-right" data-trans="dhcp_server"></label>
|
||||
<div class="col-xs-8">
|
||||
<div class="row">
|
||||
<div class="col-xs-3">
|
||||
<input id="dhcpEnable" name="dhcpServer" data-bind="checked: dhcpServer,click: dhcpServerHandler" type="radio" value="1"/>
|
||||
<label data-trans="enable" for="dhcpEnable"></label>
|
||||
</div>
|
||||
<div class="col-xs-4">
|
||||
<input id="dhcpDisable" name="dhcpServer" data-bind="checked: dhcpServer,click: dhcpServerHandler" type="radio" value="0"/>
|
||||
<label data-trans="disable" for="dhcpDisable"></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind='visible: dhcpServer() == "1"'>
|
||||
<div class="row form-group">
|
||||
<label data-trans='dhcp_ip_pool' for="txtDhcpIpPoolStart" class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-8 form-inline">
|
||||
<input id='txtDhcpIpPoolStart' name="txtDhcpIpPoolStart" data-bind="value: dhcpStart" maxlength="15" type="text" class="required rangeInput form-control"/>
|
||||
-
|
||||
<input id='txtDhcpIpPoolEnd' name="txtDhcpIpPoolEnd" data-bind="value: dhcpEnd" maxlength="15" type="text" class="required rangeInput form-control"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label for="txtDhcpLease" data-trans="dhcp_lease" class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-3">
|
||||
<div class="input-group">
|
||||
<input id="txtDhcpLease" name="txtDhcpLease" data-bind="value: dhcpLease" maxlength="5" type="text" class="required form-control"/>
|
||||
<div data-trans="hours" id="leaseLabel" class="input-group-addon"></div>
|
||||
|
||||
</div>
|
||||
<div id="errorHolder"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-buttons">
|
||||
<input type="submit" formmethod="post" data-trans="apply" class="btn btn-primary"/>
|
||||
</div>
|
||||
<div class="form-note">
|
||||
<div class="notes-title"> </div>
|
||||
<ul class="notes-content">
|
||||
<li data-trans="lan_note_ip_address"></li>
|
||||
<li data-trans="lan_note_subnet_mask"></li>
|
||||
<li data-trans="lan_note_dhcp_server_enable"></li>
|
||||
<li data-trans="lan_note_dhcp_server_disable"></li>
|
||||
<li data-trans="lan_note_dhcp_ip_pool"></li>
|
||||
<li data-trans="lan_note_dhcp_lease_time"></li>
|
||||
</ul></div>
|
||||
</div>
|
||||
</form>
|
||||
<form data-bind="visible: hasManualDns" id="frmDns" role="form">
|
||||
<h3 class="form-title" data-trans="dns_setting"></h3>
|
||||
<div class="form-body margin-top-20">
|
||||
<div class="content">
|
||||
<div class="row form-group">
|
||||
<lable data-trans="dns_server_mode" class="col-xs-4 side-right"></lable>
|
||||
<div class="col-xs-8">
|
||||
<div class="row">
|
||||
<div class="col-xs-3">
|
||||
<input id="dnsModeAuto" name="dnsServerMode"
|
||||
data-bind="checked: dnsServerMode,click: dnsServerHandler" type="radio"
|
||||
value="0"/>
|
||||
<label data-trans="dns_auto" for="dnsModeAuto"></label>
|
||||
</div>
|
||||
<div class="col-xs-4">
|
||||
<input id="dnsModeManual" name="dnsServerMode"
|
||||
data-bind="checked: dnsServerMode,click: dnsServerHandler" type="radio"
|
||||
value="1"/>
|
||||
<label data-trans="dns_manual" for="dnsModeManual"></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind='visible: dnsServerMode() == "1"'>
|
||||
<div class="row form-group">
|
||||
<label data-trans='dns_address' for="txtPrimaryDns" class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-8 form-inline">
|
||||
<input id='txtPrimaryDns' name="txtPrimaryDns" data-bind="value: dnsPrimary"
|
||||
maxlength="15" type="text" class="required rangeInput form-control"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-buttons">
|
||||
<input type="submit" data-trans="apply" class="btn btn-primary"/>
|
||||
</div>
|
||||
<div class="form-note">
|
||||
<div class="notes-title"> </div>
|
||||
<ul class="notes-content">
|
||||
<li data-trans="lan_note_dns"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
60
webs/mf761/web/subpg/adm_management.html
Normal file
60
webs/mf761/web/subpg/adm_management.html
Normal file
@@ -0,0 +1,60 @@
|
||||
<div id="innerContainer">
|
||||
<div class="row header-row">
|
||||
<div class="col-xs-1">
|
||||
<a href="#main">
|
||||
<img alt="" src="pic/direct-back.png">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xs-11">
|
||||
<div class="form-title">
|
||||
<h1 data-trans='password_management'></h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-1 margin-top-15">
|
||||
</div>
|
||||
<div class="col-xs-11">
|
||||
|
||||
|
||||
<form id="frmPassword" role="form">
|
||||
<div class="form-body">
|
||||
<div class="content">
|
||||
<div class="row form-group">
|
||||
<label data-trans="current_password" for="txtCurrent" class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-4">
|
||||
<input id="txtCurrent" name="txtCurrent" data-bind="value: currentValue" maxlength="32" minlength="4" type="password" class="required form-control"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label data-trans="new_password" for="txtNew" class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-4">
|
||||
<input id="txtNew" name="txtNew" data-bind="value: newValue" maxlength="32" minlength="4" type="password" class="required form-control"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label class="col-xs-4 side-right" data-trans="confirm_password" for="txtConfirm"></label>
|
||||
<div class="col-xs-4">
|
||||
<input id="txtConfirm" name="txtConfirm" data-bind="value: confirmValue" maxlength="32" minlength="4" type="password" class="required form-control"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-buttons">
|
||||
<input id="btnPwdApply" type="submit" formmethod="post" class="btn btn-primary" data-trans="apply"/>
|
||||
</div>
|
||||
<div class="form-information">
|
||||
<p class="bg-info" data-trans="pwd_note"></p>
|
||||
</div>
|
||||
<div class="form-note">
|
||||
<div class="notes-title"> </div>
|
||||
<ul class="notes-content">
|
||||
<li data-trans="password_note_info"></li>
|
||||
<li data-trans="password_note_valid"></li>
|
||||
<li data-trans="password_note_input"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
352
webs/mf761/web/subpg/adm_others.html
Normal file
352
webs/mf761/web/subpg/adm_others.html
Normal file
@@ -0,0 +1,352 @@
|
||||
<div id="innerContainer">
|
||||
<div class="row header-row">
|
||||
<div class="col-xs-1">
|
||||
<a href="#main">
|
||||
<img alt="" src="pic/direct-back.png">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xs-11">
|
||||
<div class="form-title">
|
||||
<h1 data-trans='advanced_settings'></h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-2">
|
||||
<div class="nav_right">
|
||||
<ul>
|
||||
<li><a href="#wlan_sleep" data-trans="sleep_mode"></a></li>
|
||||
<li><a href="#route_set" data-trans="router_setting"></a></li>
|
||||
<li><a href="#filter_main" data-trans="firewall"></a></li>
|
||||
<li><a href="#fota" data-trans="update_settings"></a></li>
|
||||
<li><a href="#sdcard" data-bind="visible: isSupportSD" data-trans="sd" class="c2175FF"></a></li>
|
||||
<li><a href="#dynamic_dns" data-trans="DDNS"></a></li>
|
||||
<li><a data-trans="network_band_selection" href="#band_selection"></a></li>
|
||||
<li><a data-trans="tr069" href="#tr069"></a></li>
|
||||
<li><a data-trans="vpn" href="#vpn"></a></li>
|
||||
<li class="active"><a href="#more" data-trans="others"></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-10">
|
||||
<!--shenghao add begin for web AT function-->
|
||||
<form id="lock">
|
||||
<div class="form-body">
|
||||
<h3 class="form-title">锁定小区</h3>
|
||||
<div class="content">
|
||||
<div class="row form-group">
|
||||
<label class="col-xs-3">锁频频点<i class="colorRed" style="visibility: hidden;"> *</i></label>
|
||||
<input type="text" name="input_pci" id="user_input_arfrcn" style="width:300px;height:23px">
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label class="col-xs-3">需要锁定小区ID<i class="colorRed" style="visibility: hidden;"> *</i></label>
|
||||
<input type="text" name="input_pci" id="user_input_pci" style="width:300px;height:23px">
|
||||
</div>
|
||||
|
||||
<div class="row form-group">
|
||||
<label class="col-xs-3 side-right">锁小区使能<i class="colorRed" style="visibility: hidden;"> *</i></label>
|
||||
<div class="col-xs-3">
|
||||
<input type="radio" name="lock_switch" id="lock_enable" value="1">
|
||||
<label for="lock_enable">锁定</label>
|
||||
</div>
|
||||
<div class="col-xs-3">
|
||||
<input type="radio" name="lock_switch" id="lock_disable" value="0">
|
||||
<label for="lock_disable">解锁</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="form-buttons">
|
||||
<input type="button" class="btn btn-primary" data-bind="click: lock" value="应用">
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<!--shenghao add end for web AT function-->
|
||||
<!--shenghao add begin for web AT function-->
|
||||
<form id="frmAtCmd">
|
||||
<div class="form-body">
|
||||
<h3 data-trans="others_at_cmd" class="form-title"></h3>
|
||||
<input id="txtAtCmd" name="txtAtCmd" style="height:30px;width:300px;maxlength:100px;border:1px solid #cccccc;border-radius:4px;outline: none" type="text"/>
|
||||
<input data-trans="at_cmd_button" data-bind="click: executeAtCmd" type="button" class="btn btn-primary margin-right-20"/>
|
||||
<br><br>
|
||||
<textarea id="txtCmdRsp" name="txtCmdRsp" rows="6" cols="48" style="border:1px solid #cccccc;border-radius:4px;vertical-align:top"/>
|
||||
<br><br>
|
||||
<div class="col-xs-15">
|
||||
<input id="atCleanBtn" data-bind="click: cleanCon" data-trans="clean_button" type="button" class="btn btn-primary margin-right-20"/>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<!--shenghao add end for web AT function-->
|
||||
<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-4">
|
||||
<input id="fastDisable" name="fastboot" data-bind="checked: fastbootSetting, enable: fastbootEnableFlag" type="radio" value="0"/>
|
||||
<label data-trans="disable" for="fastDisable"></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<div class="col-xs-12" data-trans="fastboot_note"></div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<div class="col-xs-12 align-right">
|
||||
<input data-bind="click: saveFastBoot, enable: fastbootEnableFlag" data-trans="apply" type="button" class="btn btn-primary margin-right-20"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
|
||||
<form id="sntpForm" data-bind="visible: SNTPSupport">
|
||||
<div class="form-body">
|
||||
<h3 class="form-title">SNTP</h3>
|
||||
<div class="content">
|
||||
<div class="row form-group">
|
||||
<label class="col-xs-4 side-right" data-trans='local_current_time'></label>
|
||||
<div class="col-xs-8">
|
||||
<span class="span3" data-bind="text: localTime"></span>
|
||||
<span> </span>
|
||||
<span id="weekday" data-bind="text: day"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label class="col-xs-4 side-right" data-trans='time_set_mode' for="sntpSetTimeMode"></label>
|
||||
<div class="col-xs-4">
|
||||
<select id="sntpSetTimeMode" class="form-control" data-transid="time_set_time" data-bind="options: timeSetModes, value: currentMode, optionsText: transOption('time_set_time'), optionsValue: 'value', event:{change: changeSetTimeMode}"></select>
|
||||
</div>
|
||||
</div>
|
||||
<div id="manualSetTime" data-bind="visible: isManualSetTime">
|
||||
<div class="row form-group">
|
||||
<label class="col-xs-4 side-right" data-trans='time_set_time_manual'></label>
|
||||
|
||||
<div class="col-xs-8">
|
||||
<select id="manualYear" data-bind="options: years, value: currentYear, optionsText: 'text', optionsValue: 'value', event:{change: initDateList}" style="display:inline-block; width:auto; padding-right:5px; padding-left:5px" class="form-control"></select>
|
||||
<label data-trans="year" for="manualYear" style="display:inline-block; width:auto; padding-right:0"></label>
|
||||
|
||||
<select id="manualMonth" data-bind="options: months, value: currentMonth, optionsText: 'text', optionsValue: 'value', event: {change: initDateList}" style="display:inline-block; width:auto; padding-right:5px; padding-left:5px" class="form-control"></select>
|
||||
<label data-trans="month" for="manualMonth" style="display:inline-block; width:auto; padding-right:0"></label>
|
||||
|
||||
<select id="manualDate" data-bind="options: dates, value: currentDate, optionsText: 'text', optionsValue: 'value'" style="display:inline-block; width:auto; padding-right:5px; padding-left:5px" class="form-control"></select>
|
||||
<label data-trans="date" for="manualDate" style="display:inline-block; width:auto; padding-right:0"></label>
|
||||
|
||||
<select id="manualHour" data-bind="options: hours, value: currentHour, optionsText: 'text', optionsValue: 'value'" style="display:inline-block; width:auto; padding-right:5px; padding-left:5px" class="form-control"></select>
|
||||
<label data-trans="hour" for="manualHour" style="display:inline-block; width:auto; padding-right:0"></label>
|
||||
|
||||
<select id="manualMinute" data-bind="options: minutes, value: currentMinute, optionsText: 'text', optionsValue: 'value'" style="display:inline-block; width:auto; padding-right:5px; padding-left:5px" class="form-control"></select>
|
||||
<label data-trans="minute" for="manualMinute" style="display:inline-block; width:auto; padding-right:0"></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="autoSntpTime" data-bind="visible: isAutoSntpTime">
|
||||
<div id="sntp_server0" class="row form-group">
|
||||
<label data-trans='stnp_server1' for="sntp_server1_select" class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-4">
|
||||
<select id="sntp_server1_select" data-bind="options: serverList, value: currentServer0, optionsText: 'text', optionsValue: 'value', event: {change: changeServerSelect}" class="form-control"></select>
|
||||
</div>
|
||||
<div class="col-xs-4">
|
||||
<input id="sntp_other_server0" name="sntp_other_server0" data-bind="value:customServer0, visible:isOther0" type="text" class="required form-control"/>
|
||||
</div>
|
||||
</div>
|
||||
<div id="sntp_server1" class="row form-group">
|
||||
<label class="col-xs-4 side-right" data-trans='stnp_server2' for="stnp_server2_select"></label>
|
||||
<div class="col-xs-4">
|
||||
<select id="stnp_server2_select" data-bind="options: serverList, value: currentServer1, optionsText: 'text', optionsValue: 'value', event: {change: changeServerSelect}" class="form-control"></select>
|
||||
</div>
|
||||
<div class="col-xs-4">
|
||||
<input id="sntp_other_server1" name="sntp_other_server1" data-bind="value:customServer1, visible:isOther1" type="text" class="required form-control"/>
|
||||
</div>
|
||||
</div>
|
||||
<div id="sntp_server2" class="row form-group">
|
||||
<label data-trans='stnp_server3' for="stnp_server3_select" class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-4">
|
||||
<select id="stnp_server3_select" class="form-control" data-bind="options: serverList, value: currentServer2, optionsText: 'text', optionsValue: 'value', event: {change: changeServerSelect}"></select>
|
||||
</div>
|
||||
<div class="col-xs-4">
|
||||
<input id="sntp_other_server2" name="sntp_other_server2" data-bind="value:customServer2, visible:isOther2" type="text" class="required form-control"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label data-trans='time_zone' for="time_zone_select" class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-4">
|
||||
<select id="time_zone_select" data-bind="options: timeZones, value: currentTimeZone, optionsText: transOption('time_zone'), optionsValue: 'value'" data-transid="time_zone" class="form-control"></select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label class="col-xs-4 side-right" data-trans='daylight_saving_time' for="daylight_saving_time_select"></label>
|
||||
<div class="col-xs-4">
|
||||
<select id="daylight_saving_time_select" class="form-control" data-transid="daylightsave" data-bind="options: daylightSaves, value: currentDaylightSave, optionsText: transOption('daylightsave'), optionsValue: 'value'"></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="setImei"><!--corem1120-->
|
||||
<div class="form-body">
|
||||
<h3 class="form-title" data-trans="set_imei"></h3>
|
||||
<div class="row form-group">
|
||||
<label class="col-xs-4 side-right" for="id_imei_set" data-trans="imei"></label>
|
||||
<div class="col-xs-4">
|
||||
<input type="text" name="imei_set_input" data-bind="value: imei_num" id="id_imei_set" class="required form-control" maxlength="15"/>
|
||||
</div>
|
||||
<div class="form-buttons">
|
||||
<input type="submit" data-bind="click: set_imei" class="btn btn-primary" style="margin-right:35px" data-trans="apply"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</form>
|
||||
<form data-bind="visible: hasOtherSIM">
|
||||
<div class="form-body">
|
||||
<h3 class="form-title" data-trans="SIMCardChoose"></h3>
|
||||
<div class="row form-group">
|
||||
<label class="col-xs-4 side-right" data-trans='currentSIM' ></label>
|
||||
<div class="col-xs-4">
|
||||
<span data-trans="currentSIMextrapolation" data-bind="visible:currentSIM0"></span>
|
||||
<span data-trans="currentSIMinternally1" data-bind="visible:currentSIM1"></span>
|
||||
<span data-trans="currentSIMinternally2" data-bind="visible:currentSIM2"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label class="col-xs-4 side-right" data-trans='SIM_mode'></label>
|
||||
<div class="col-xs-4">
|
||||
<select id="swithMode" class="form-control">
|
||||
<option value="0" data-trans="SIMCardManual"></option>
|
||||
<option value="1" data-trans="SIMCardAuto"></option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<!-- <label class="col-xs-4 side-right" data-bind="visible:isman" data-trans="switch_cards"></label> -->
|
||||
<!-- <label class="col-xs-4 side-right" data-bind="visible:isauto" data-trans="boot_card"></label> -->
|
||||
<label class="col-xs-4 side-right" data-trans="boot_card"></label>
|
||||
<div class="col-xs-4">
|
||||
<select id="swithCard" class="form-control">
|
||||
<option value="0" data-trans="SIMextrapolation"></option>
|
||||
<option value="1" data-trans="SIMinternally1"></option>
|
||||
<option value="2" data-trans="SIMinternally2"></option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-xs-4" data-trans="SIMislock" data-bind="visible:SIMislock" ></div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label class="col-xs-4 side-right" data-trans="switch_running_detect"></label>
|
||||
<div class="col-xs-8">
|
||||
<div class="row">
|
||||
<div class="col-xs-4">
|
||||
<input id="runningEnable" name="switch_running" data-bind="checked:switchRunningDetect" type="radio" value="1"/>
|
||||
<label data-trans="enable" for="runningEnable"></label>
|
||||
</div>
|
||||
<div class="col-xs-4">
|
||||
<input id="runningDisable" name="switch_running" data-bind="checked:switchRunningDetect" type="radio" value="0"/>
|
||||
<label data-trans="disable" for="runningDisable"></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-4" data-trans="SIMislock" data-bind="visible:SIMislock" ></div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<div class="col-xs-12 align-right">
|
||||
<input data-bind='click: saveSIMSwitch,enable: enableFlag' data-trans="apply" type="button" class="btn btn-primary margin-right-20"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-note">
|
||||
<div class="notes-title"> </div>
|
||||
<ul class="notes-content">
|
||||
<li><span data-trans="SIM_mode"></span>:<span data-trans="SIM_mode_divided"></span></li>
|
||||
<li class="no-style">
|
||||
<ul>
|
||||
<li data-trans="SIMCardManualNote"></li>
|
||||
<li data-trans="SIMCardNote"></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><span data-trans="boot_card"></span>:<span data-trans="boot_card_note"></span> </li>
|
||||
<li><span data-trans="switch_running_detect"></span>:<span data-trans="switch_running_detect_note"></span> </li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<form id="LockSim"><!--corem1120-->
|
||||
<div class="form-body">
|
||||
<h3 class="form-title" data-trans="unlock_sim"></h3>
|
||||
<div class="row form-group">
|
||||
<label class="col-xs-4 side-right" for="id_sim_unlock" data-trans="unlock_code"></label>
|
||||
<div class="col-xs-4">
|
||||
<div>
|
||||
<input type="text" name="sim_unlock_input" data-bind="visible: simLockStatus() && simTimes()>0, value: unlock_sim_code" id="id_sim_unlock" class="required form-control" maxlength="16"/>
|
||||
<label data-bind="visible: !simLockStatus()" style="color: #2a62bc" data-trans="unlocked_status"> </label>
|
||||
</div>
|
||||
<div data-bind="visible: simLockStatus()">
|
||||
<p data-bind="visible: simTimes()>0" style="color: #2a62bc">
|
||||
<span data-trans="unlock_num"></span>
|
||||
<span data-bind="text: simTimes"></span>
|
||||
</p>
|
||||
<label data-bind="visible: simTimes()==0" style="color: red" data-trans="network_locked_zero_times"> </label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-buttons">
|
||||
<input type="submit" data-bind="visible: simLockStatus() && simTimes()>0, click: sim_unlock" class="btn btn-primary" style="margin-right:35px" data-trans="apply"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<div class="form-body">
|
||||
<div class="content margin-top-20 line-height-30">
|
||||
<div class="row">
|
||||
<a href="#pin_mode">
|
||||
<div data-trans="pin_management" class="col-xs-3 arrow-right">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
</a>
|
||||
<a style="margin-right:25px" class="btn btn-primary" href="goform/goform_set_cmd_process?goformId=SET_DEVICE_MODE&debug_enable=1">开启ADB（需重启生效）</a>
|
||||
<a style="margin-right:25px" class="btn btn-primary" href="goform/goform_set_cmd_process?goformId=SET_DEVICE_MODE&debug_enable=0">关闭ADB（需重启生效）</a>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
130
webs/mf761/web/subpg/adm_pin.html
Normal file
130
webs/mf761/web/subpg/adm_pin.html
Normal file
@@ -0,0 +1,130 @@
|
||||
<div id="innerContainer">
|
||||
<div class="row header-row">
|
||||
<div class="col-xs-1">
|
||||
<a data-bind="attr: {href: isDataCard? '#main' : '#more'}">
|
||||
<img alt="" src="pic/direct-back.png">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xs-11">
|
||||
<div class="form-title">
|
||||
<h1 data-bind="attr: {'data-trans': isDataCard? 'advanced_settings' : 'pin_management'}"></h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-1 margin-top-15">
|
||||
</div>
|
||||
<div class="col-xs-11">
|
||||
|
||||
<ul class="nav nav-tabs nav-justified" role="tablist" data-bind="visible: isDataCard">
|
||||
<li><a href="#demilitarized_zone" data-trans="dmz_setting"></a></li>
|
||||
<li class="active"><a href="#pin_mode" data-trans="pin_management"></a></li>
|
||||
<li><a href="#fota" data-trans="update_settings"></a></li>
|
||||
</ul>
|
||||
|
||||
<form id="frmPin" data-bind="css: {'margin-top-20': isDataCard}">
|
||||
<div class="form-body">
|
||||
<div data-bind="visible:pageState()!=4">
|
||||
<div class="content">
|
||||
<div id="showPinWhenPinStaueNEQ3" data-bind="visible:pageState()!=3">
|
||||
<div class="row form-group">
|
||||
<label data-trans="pin_status" class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-8">
|
||||
<div class="row">
|
||||
<div class="col-xs-4">
|
||||
<input id="pinEnable" name="pinStatus"
|
||||
data-bind="checked: pinStatus,disable:pageState()==2" type="radio" value="1"/>
|
||||
<label data-trans="enable" for="pinEnable" class="marginright10"></label>
|
||||
</div>
|
||||
<div class="col-xs-8">
|
||||
<input id="btnModifyPin" type="button" data-trans="modify_pin" data-bind="visible:pageState()<=1, enable:originPinStatus()==1,click: displayModifyPinPage,css:{disabled:originPinStatus()==0}" class="btn btn-primary"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label class="col-xs-4 side-right" ></label>
|
||||
<div class="col-xs-8">
|
||||
<input id="pinDisable" name="pinStatus" data-bind="checked: pinStatus,disable:pageState()==2" type="radio" value="0"/>
|
||||
<label data-trans="disable" for="pinDisable"></label>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label data-trans="current_pin" for="txtPin" class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-3">
|
||||
<input id="txtPin" name="txtPin" data-bind="value: currentPin,disable:pageState()==0,valueUpdate: 'keypress',css:{disabled:pageState()==0}" maxlength="8" type="password" class="required form-control"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="showPukWhenPinStaueEQ3" data-bind="visible:pageState()==3">
|
||||
<div><p data-trans="enter_puk" class="prompt"></p></div>
|
||||
<div class="row form-group">
|
||||
<label data-trans="puk" for="txtPuk" class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-3">
|
||||
<input id="txtPuk" name="txtPuk" data-bind="value: puk, valueUpdate: 'keypress'" maxlength="8" type="password" class="required form-control"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind="visible:pageState()==2 || pageState()==3">
|
||||
<div class="row form-group">
|
||||
<label data-trans="new_pin" for="txtNewPin" class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-3">
|
||||
<input id="txtNewPin" name="txtNewPin" data-bind="value: newPin" maxlength="8" type="password" class="required form-control"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label data-trans="confirm_pin" for="txtConfirmPin" class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-3">
|
||||
<input id="txtConfirmPin" name="txtConfirmPin" data-bind="value: confirmPin" type="password" class="required form-control" maxlength="8"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind="visible:pageState()<3">
|
||||
<div id="pinLeftMsg" data-bind="visible:pinNumber()!=1" class="row form-group">
|
||||
<label class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-8">
|
||||
<p data-bind="visible:pinNumber()>1" class="important-prompt">
|
||||
<span data-trans="attempts_left"></span>
|
||||
<span data-bind='text:pinNumber'></span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="pinLastMsg" data-bind="visible:pinNumber()==1">
|
||||
<p class="important-prompt" data-trans="last_enter_pin"></p>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind="visible:pageState()==3">
|
||||
<div id="pukLeftMsg" data-bind="visible:pukNumber()!=1" class="row form-group">
|
||||
<label class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-8">
|
||||
<p class="important-prompt" data-bind="visible:pukNumber()>1">
|
||||
<span data-trans="attempts_left"></span>
|
||||
<span data-bind='text:pukNumber'></span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="pukLastMsg" data-bind="visible:pukNumber()==1">
|
||||
<p class="important-prompt" data-trans="last_enter_puk"></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-buttons">
|
||||
<input id="btnPinApply" data-bind="disable:pageState()==0,css:{disabled:pageState()==0}" data-trans="apply" type="submit" formmethod="post" class="btn btn-primary"/>
|
||||
<!--input type="button" data-bind="click: cancel,visible:pageState()==2" class="btn " data-trans="cancel"/-->
|
||||
</div>
|
||||
</div>
|
||||
<div id="puk_locked" data-bind="visible:pageState()==4" data-trans="puk_locked" class="important-prompt"></div>
|
||||
<div class="form-note">
|
||||
<div class="notes-title"> </div>
|
||||
<ul class="notes-content">
|
||||
<li data-trans="pin_note_info"></li>
|
||||
<li data-trans="pin_note_operator"></li>
|
||||
<li data-trans="pin_note_modify"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
309
webs/mf761/web/subpg/adm_quick_set.html
Normal file
309
webs/mf761/web/subpg/adm_quick_set.html
Normal file
@@ -0,0 +1,309 @@
|
||||
<div id="innerContainer">
|
||||
<div class="row header-row">
|
||||
<div class="col-xs-1">
|
||||
<a href="#main">
|
||||
<img alt="" src="pic/direct-back.png">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xs-11">
|
||||
<div class="form-title">
|
||||
<h1 data-trans='quick_setting'></h1>
|
||||
<p data-trans='step1_exp1'></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-1 margin-top-15">
|
||||
</div>
|
||||
<div class="col-xs-11">
|
||||
|
||||
<form id='quickSettingForm'>
|
||||
<div class="form-body">
|
||||
<div class="content">
|
||||
<div class="row form-group side-right form-buttons">
|
||||
<input id="btnBack" data-bind="visible:currentStep()>1,click:previous" data-trans="prev_step" type="button" class="btn btn-primary">
|
||||
<input id="btnNext" data-bind="visible:currentStep()<5,disable: adBand()=='b' && adMode() == '2' && (selectedSecurityMode() == 'SHARED' || (selectedSecurityMode() == 'OPEN' && encryptType() == 'WEP'))" data-trans="next_step" type="submit" formmethod="post" class="btn btn-primary">
|
||||
<input id="btnSave" data-bind="visible:currentStep()==5" data-trans="apply" type="submit" formmethod="post" class="btn btn-primary">
|
||||
</div>
|
||||
<div data-bind="visible:currentStep()==1" style="display: none" id="step1">
|
||||
<h3 data-trans="apn_settings" class="form-title"></h3>
|
||||
<div class="content">
|
||||
<div class="row form-group">
|
||||
<label data-trans="apn_settings" class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<div class="row">
|
||||
<div class="col-xs-4">
|
||||
<input id="radAuto" name="apnMode" data-bind="checked: apnMode,disable: apnModeDisabled()" type="radio" value="auto"/>
|
||||
<label data-trans="apn_auto_apn" for="radAuto"></label>
|
||||
</div>
|
||||
<div class="col-xs-4">
|
||||
<input id="radManual" name="apnMode" data-bind="checked: apnMode,disable: apnModeDisabled()" type="radio" value="manual"/>
|
||||
<label data-trans="apn_manual_apn" for="radManual"></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="apnSetting" data-bind="visible:apnMode()=='manual'">
|
||||
<div class="row form-group">
|
||||
<label data-trans="apn_profile_name" for="profile_name" class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<input id="profile_name" name="txtProfileName" data-bind="value:profileName" disabled="disabled" maxlength="30" type="text" class=" form-control"/>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind="visible:showIPv4" class="row form-group">
|
||||
<label for="txtAPN" data-bind="attr:{'data-trans':transAPN}" class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<input id="txtAPN" name="txtAPN" data-bind="value:apn,disable: apnDisabled()" maxlength="64" type="text" class="form-control required"/>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind="visible:showIPv6" class="row form-group">
|
||||
<label for="txtIPv6APN" data-bind="attr:{'data-trans':transAPNIPv6}" class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<input id="txtIPv6APN" name="txtIPv6APN" data-bind="value:ipv6_apn,disable: apnDisabled()" maxlength="64" type="text" class="form-control required"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-note">
|
||||
<div class="notes-title"> </div>
|
||||
<ul class="notes-content">
|
||||
<li data-trans="step2_auto_apn_explain"></li>
|
||||
<li data-trans="step2_profile_name_explain"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div id="step2" data-bind="visible:currentStep()==2" style="display: none">
|
||||
<h3 data-trans="ppp_authentication" class="form-title"></h3>
|
||||
<div class="content">
|
||||
<div data-bind="visible:showIPv4" class="row form-group">
|
||||
<label data-bind="attr:{'data-trans':transAuthMode}" for="selAuthMode" class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<select id="selAuthMode" name="selAuthMode"
|
||||
data-bind="options: authModes, disable: apnDisabled(), value: selectedAuthMode, optionsText: 'text', optionsValue: 'value'" class="form-control"></select>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind="visible:showIPv4" class="row form-group">
|
||||
<label data-bind="attr:{'data-trans':transUserName}" for="txtUserName" class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<input id="txtUserName" name="txtUserName"
|
||||
data-bind="value:username,disable: apnDisabled()" maxlength="64" type="text" class=" form-control"/>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind="visible:showIPv4" class="row form-group">
|
||||
<label data-bind="attr:{'data-trans':transPassword}" for="txtSecretCode" class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<input id="txtSecretCode" name="txtSecretCode"
|
||||
data-bind="value:password,disable: apnDisabled()" maxlength="64" type="password" class=" form-control"/>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind="visible:showIPv6" class="row form-group">
|
||||
<label data-bind="attr:{'data-trans':transAuthModeIPv6}" for="selIPv6AuthMode" class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<select id="selIPv6AuthMode" name="selIPv6AuthMode"
|
||||
data-bind="options: authModes, disable: apnDisabled(), value: ipv6_selectedAuthMode, optionsText: 'text', optionsValue: 'value'" class="form-control"></select>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind="visible:showIPv6" class="row form-group">
|
||||
<label class="col-xs-3 side-right" for="txtIPv6UserName" data-bind="attr:{'data-trans':transUserNameIPv6}"></label>
|
||||
<div class="col-xs-6">
|
||||
<input id="txtIPv6UserName" name="txtIPv6UserName"
|
||||
data-bind="value:ipv6_username,disable: apnDisabled()" maxlength="64" type="text" class=" form-control"/>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind="visible:showIPv6" class="row form-group">
|
||||
<label data-bind="attr:{'data-trans':transPasswordIPv6}" for="txtIPv6SecretCode" class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<input id="txtIPv6SecretCode" name="txtIPv6SecretCode" data-bind="value:ipv6_password,disable: apnDisabled()" maxlength="64"
|
||||
type="password" class="form-control"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-note">
|
||||
<div class="notes-title"> </div>
|
||||
<ul class="notes-content">
|
||||
<li data-trans="step3_authentication_apn_explain1"></li>
|
||||
<li data-trans="step3_authentication_apn_explain2"></li>
|
||||
<li data-trans="step3_authentication_apn_explain3"></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div id="step3" data-bind="visible:currentStep()==3" style="display: none">
|
||||
<h3 class="form-title" data-trans="ssid_title"></h3>
|
||||
<div class="content">
|
||||
<div class="row form-group">
|
||||
<label data-trans="ssid_name" for="txtSSID" class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<input id="txtSSID" name="txtSSID" data-bind="disable:wifiDisabled,value:ssid" maxlength="32" type="text" class="form-control required"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label class="col-xs-3 side-right" data-trans="ssid_broadcast"></label>
|
||||
<div class="col-xs-6">
|
||||
<input id="radBroadcastEnable" data-bind="disable:wifiDisabled,checked: broadcast" name="radBroadcast"
|
||||
type="radio" value="0"/>
|
||||
<label for="radBroadcastEnable" data-trans="enable"></label>
|
||||
<input id="radBroadcastDisable" name="radBroadcast"
|
||||
data-bind="disable:wifiDisabled,checked: broadcast" type="radio" value="1"/>
|
||||
<label data-trans="disable" for="radBroadcastDisable"></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-note">
|
||||
<div class="notes-title"> </div>
|
||||
<ul class="notes-content">
|
||||
<li data-trans="step4_ssid_explain"></li>
|
||||
<li data-trans="wifi_basic_note_network_name_input"></li>
|
||||
<li data-trans="step4_ssid_broadcast_explain1"></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div data-bind="visible:currentStep()==4" style="display: none" id="step4">
|
||||
<h3 class="form-title" data-trans="security_mode"></h3>
|
||||
<div class="content">
|
||||
<div class="row form-group">
|
||||
<label for="selSecurityMode" data-trans="security_mode" class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<select id="selSecurityMode" name="selSecurityMode" data-transid='security_mode'
|
||||
data-bind="disable:wifiDisabled,options: securityModes, value: selectedSecurityMode, optionsText: transOption('security_mode'), optionsValue: 'value'" class="form-control"></select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div data-bind='visible: selectedSecurityMode() == "OPEN" && hasWifiWep' class="row form-group">
|
||||
<label for='selEncryptType' data-trans='ap_station_encrypt_type' class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<select id="selEncryptType" data-bind="value: encryptType,optionsValue: 'value'" class="form-control">
|
||||
<option data-trans="ap_station_encrypt_type_none" value="NONE"></option>
|
||||
<option data-trans="ap_station_encrypt_type_wep" value="WEP"></option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind='visible: (selectedSecurityMode() == "OPEN" && encryptType() == "WEP" && hasWifiWep) || (selectedSecurityMode() == "SHARED" && hasWifiWep)' class="row form-group">
|
||||
<label data-trans='ap_station_wep_default_key' for='selWepKeyType' class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<select id="selWepKeyType" data-bind="value: keyID,optionsValue: 'value', event:{ change: profileChangeHandler}" class="form-control">
|
||||
<option data-trans="ap_station_wep_key_0" value="0"></option>
|
||||
<option data-trans="ap_station_wep_key_1" value="1"></option>
|
||||
<option data-trans="ap_station_wep_key_2" value="2"></option>
|
||||
<option data-trans="ap_station_wep_key_3" value="3"></option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind='visible: (selectedSecurityMode() == "OPEN" && encryptType() == "WEP" && hasWifiWep) || (selectedSecurityMode() == "SHARED" && hasWifiWep)' class="row form-group">
|
||||
<label data-trans='ap_station_wep_key' for='pwdWepKey' class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<input id='pwdWepKey' name="pwdWepKey" type="password"
|
||||
data-bind="value: wepPassword,visible:!showWifiPassword()" maxlength='26' class="required form-control"/>
|
||||
<input id='txtWepKey' name="txtWepKey" type="text"
|
||||
data-bind="value: wepPassword,visible:showWifiPassword()" maxlength='26' class="required form-control"/>
|
||||
<div class="margin-top-10">
|
||||
<p data-bind="css:{'checkbox_selected': showWifiPassword()}, click: showWifiPasswordHandler"
|
||||
manualControl="true" class="checkbox">
|
||||
<input id="showWepPassword" data-bind="checked:showWifiPassword" type="checkbox"/>
|
||||
</p>
|
||||
<label data-trans="display_password" for="showWepPassword" class="floatleft margintop5 lineheight25"/>
|
||||
</div>
|
||||
<div id="lblShowWepPassword" class="clear"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div data-bind="visible:selectedSecurityMode() == 'WPA2PSK' || selectedSecurityMode() == 'WPAPSKWPA2PSK' || selectedSecurityMode() == 'WPA3Personal' || selectedSecurityMode() == 'WPA2WPA3'" class="row form-group">
|
||||
<label data-trans="pass_phrase" for="txtWPAKey" class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<input id="codeWPAKey" name="codeWPAKey" data-bind="disable:wifiDisabled,value:WPAKey,visible:!showWifiPassword()" maxlength='63' minlength='8' type="password" class="form-control required"/>
|
||||
<input id="txtWPAKey" name="txtWPAKey" data-bind="disable:wifiDisabled,value:WPAKey,visible:showWifiPassword()" maxlength='63' minlength='8' type="text" class="form-control required"/>
|
||||
<div class="margin-top-10">
|
||||
<p data-bind="css:{'checkbox_selected': showWifiPassword()}, click: showWifiPasswordHandler" manualControl="true" class="checkbox floatleft margintop10 marginleft5 marginright5">
|
||||
<input id="showWifiPassword" data-bind="checked:showWifiPassword" type="checkbox"/>
|
||||
</p>
|
||||
<label data-trans="display_password" for="showWifiPassword" class="floatleft margintop5 lineheight25"/>
|
||||
</div>
|
||||
<div id="lblShowWifiPassword" class="clear"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-note">
|
||||
<div class="notes-title"> </div>
|
||||
<ul class="notes-content">
|
||||
<li data-trans="step5_encryption_mode_info"></li>
|
||||
<li class="no-style">
|
||||
<ul>
|
||||
<li data-trans="step5_encryption_mode_explain1"></li>
|
||||
<li data-bind='visible: hasWifiWep' data-trans="wifi_basic_note_shared"></li>
|
||||
<li data-trans="step5_encryption_mode_explain2"></li>
|
||||
<li data-trans="step5_encryption_mode_explain3"></li>
|
||||
<!--li data-bind='visible: hasWifiWpa3' data-trans="wifi_basic_note_wpa3"></li>
|
||||
<li data-bind='visible: hasWifiWpa23' data-trans="wifi_basic_note_wpa2_wpa3"></li-->
|
||||
</ul>
|
||||
</li>
|
||||
<li data-trans="step5_encryption_mode_explain4"></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div data-bind="visible:currentStep()==5" style="display: none" id="step5">
|
||||
<h3 class="form-title" data-trans="step_name_6"></h3>
|
||||
<div class="content">
|
||||
<div class="row form-group">
|
||||
<label data-trans="apn_settings" class="col-xs-3 side-right"></label>
|
||||
<label data-bind="text:apnMode_display,attr:{'data-trans':apnMode_trans}" class="col-xs-6"></label>
|
||||
</div>
|
||||
<div data-bind="visible:apnMode()=='manual'">
|
||||
<div class="row form-group">
|
||||
<label data-trans="apn_profile_name" class="col-xs-3 side-right"></label>
|
||||
<label data-bind="text:profileName" class="col-xs-6"></label>
|
||||
</div>
|
||||
<div class="row form-group" data-bind="visible:showIPv4">
|
||||
<label data-bind="attr:{'data-trans':transAPN}" class="col-xs-3 side-right"></label>
|
||||
<label data-bind="text: apn,attr:{title:apn}" class="col-xs-6 ellipsis"></label>
|
||||
</div>
|
||||
<div class="row form-group" data-bind="visible:showIPv4">
|
||||
<label data-bind="attr:{'data-trans':transAuthMode}" class="col-xs-3 side-right"></label>
|
||||
<label data-bind="text:selectedAuthMode_display" class="col-xs-6"></label>
|
||||
</div>
|
||||
<div class="row form-group" data-bind="visible:showIPv4">
|
||||
<label data-bind="attr:{'data-trans':transUserName}" class="col-xs-3 side-right"></label>
|
||||
<label data-bind="text:username,attr:{title:username}" class="col-xs-6 ellipsis"></label>
|
||||
</div>
|
||||
<div class="row form-group" data-bind="visible:showIPv6">
|
||||
<label data-bind="attr:{'data-trans':transAPNIPv6}" class="col-xs-3 side-right"></label>
|
||||
<label data-bind="text:ipv6_apn" class="col-xs-6"></label>
|
||||
</div>
|
||||
<div class="row form-group" data-bind="visible:showIPv6">
|
||||
<label data-bind="attr:{'data-trans':transAuthModeIPv6}" class="col-xs-3 side-right"></label>
|
||||
<label data-bind="text:ipv6_selectedAuthMode_display" class="col-xs-6"></label>
|
||||
</div>
|
||||
<div class="row form-group" data-bind="visible:showIPv6">
|
||||
<label data-bind="attr:{'data-trans':transUserNameIPv6}" class="col-xs-3 side-right"></label>
|
||||
<label data-bind="text:ipv6_username,attr:{title:ipv6_username}" class="col-xs-6 ellipsis"></label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label data-trans="ssid_name" class="col-xs-3 side-right"></label>
|
||||
<label data-bind="text:ssid" class="col-xs-6"></label>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label data-trans="ssid_broadcast" class="col-xs-3 side-right"></label>
|
||||
<label data-bind="text:broadcast_display,attr:{'data-trans':broadcast_trans}" class="col-xs-6"></label>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label data-trans="security_mode" class="col-xs-3 side-right"></label>
|
||||
<label data-bind="text:selectedSecurityMode_display,attr:{'data-trans':selectedSecurityMode_trans}" class="col-xs-6"></label>
|
||||
</div>
|
||||
<div class="form-note">
|
||||
<div class="notes-title"> </div>
|
||||
<ul class="notes-content">
|
||||
<li data-trans="step6_apply_explain"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
119
webs/mf761/web/subpg/band_selection.html
Normal file
119
webs/mf761/web/subpg/band_selection.html
Normal file
@@ -0,0 +1,119 @@
|
||||
|
||||
<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="#sdcard" data-bind="visible: isSupportSD" data-trans="sd" class="c2175FF"></a></li>
|
||||
<li><a href="#dynamic_dns" data-trans="DDNS"></a></li>
|
||||
<li><a data-trans="network_band_selection" href="#band_selection"></a></li>
|
||||
<li><a data-trans="tr069" href="#tr069"></a></li>
|
||||
<li><a data-trans="vpn" href="#vpn"></a></li>
|
||||
<li><a href="#more" data-trans="others"></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xs-10">
|
||||
|
||||
<form id="frmBandpdate" role="form" >
|
||||
<div class="form-body margin-top-20">
|
||||
<div class="box-1">
|
||||
<!--label>4G </label-->
|
||||
<div class="col-xs-1">4G</div>
|
||||
<div class="box-1-1">
|
||||
<div><input type="checkbox" onchange="allCheck(this)" />All</div>
|
||||
<div><input type="checkbox" name="4G" value="LTEB1" />LTE Band1</div>
|
||||
<div><input type="checkbox" name="4G" value="LTEB2" />LTE Band2</div>
|
||||
<div><input type="checkbox" name="4G" value="LTEB3" />LTE Band3</div>
|
||||
<div><input type="checkbox" name="4G" value="LTEB4" />LTE Band4</div>
|
||||
<div><input type="checkbox" name="4G" value="LTEB5" />LTE Band5</div>
|
||||
<div><input type="checkbox" name="4G" value="LTEB6" />LTE Band6</div>
|
||||
<div><input type="checkbox" name="4G" value="LTEB7" />LTE Band7</div>
|
||||
<div><input type="checkbox" name="4G" value="LTEB8" />LTE Band8</div>
|
||||
<div><input type="checkbox" name="4G" value="LTEB12" />LTE Band12</div>
|
||||
<div><input type="checkbox" name="4G" value="LTEB13" />LTE Band13</div>
|
||||
<div><input type="checkbox" name="4G" value="LTEB17" />LTE Band17</div>
|
||||
<div><input type="checkbox" name="4G" value="LTEB18" />LTE Band18</div>
|
||||
</div>
|
||||
<div class="box-1-2">
|
||||
<div> </div>
|
||||
<div><input type="checkbox" name="4G" value="LTEB19" />LTE Band19</div>
|
||||
<div><input type="checkbox" name="4G" value="LTEB20" />LTE Band20</div>
|
||||
<div><input type="checkbox" name="4G" value="LTEB25" />LTE Band25</div>
|
||||
<div><input type="checkbox" name="4G" value="LTEB26" />LTE Band26</div>
|
||||
<div><input type="checkbox" name="4G" value="LTEB27" />LTE Band27</div>
|
||||
<div><input type="checkbox" name="4G" value="LTEB28" />LTE Band28</div>
|
||||
<div><input type="checkbox" name="4G" value="LTEB29" />LTE Band29</div>
|
||||
<div><input type="checkbox" name="4G" value="LTEB34" />LTE Band34</div>
|
||||
<div><input type="checkbox" name="4G" value="LTEB38" />LTE Band38</div>
|
||||
<div><input type="checkbox" name="4G" value="LTEB39" />LTE Band39</div>
|
||||
<div><input type="checkbox" name="4G" value="LTEB40" />LTE Band40</div>
|
||||
<div><input type="checkbox" name="4G" value="LTEB41" />LTE Band41</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-1">
|
||||
<div class="col-xs-1">2/3G</div>
|
||||
<div class="box-1-1">
|
||||
<div><input type="checkbox" onchange="allCheck1(this)" />All</div>
|
||||
<div><input type="checkbox" name="3G" value="GSM850" />Gsm850</div>
|
||||
<div><input type="checkbox" name="3G" value="GSM900" />Gsm900</div>
|
||||
<div><input type="checkbox" name="3G" value="GSM1800" />Gsm1800</div>
|
||||
<div><input type="checkbox" name="3G" value="GSM1900" />Gsm1900</div>
|
||||
<div><input type="checkbox" name="3G" value="WB1" />WCDMA BAND1</div>
|
||||
<div><input type="checkbox" name="3G" value="WB2" />WCDMA BAND2</div>
|
||||
<div><input type="checkbox" name="3G" value="WB3" />WCDMA BAND3</div>
|
||||
<div><input type="checkbox" name="3G" value="WB4" />WCDMA BAND4</div>
|
||||
<div><input type="checkbox" name="3G" value="WB5" />WCDMA BAND5</div>
|
||||
<div><input type="checkbox" name="3G" value="WB8" />WCDMA BAND8</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-buttons">
|
||||
<input type="submit" data-trans="apply" class="btn btn-primary"/>
|
||||
</div>
|
||||
<div class="form-note">
|
||||
<div class="notes-title"> </div>
|
||||
<ul class="notes-content">
|
||||
<li data-trans="band_select_desc"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
function allCheck(checkbox) {
|
||||
document.getElementsByName("4G").forEach(function(item) {
|
||||
if(item.getAttribute("disabled")==null){
|
||||
item.checked=checkbox.checked;
|
||||
}
|
||||
|
||||
});
|
||||
}
|
||||
function allCheck1(checkbox) {
|
||||
document.getElementsByName("3G").forEach(function(item) {
|
||||
if(item.getAttribute("disabled")==null){
|
||||
item.checked=checkbox.checked;
|
||||
}
|
||||
});
|
||||
}
|
||||
</script>
|
||||
114
webs/mf761/web/subpg/ddns.html
Normal file
114
webs/mf761/web/subpg/ddns.html
Normal file
@@ -0,0 +1,114 @@
|
||||
<div id="innerContainer">
|
||||
<div class="row header-row">
|
||||
<div class="col-xs-1">
|
||||
<a href="#main">
|
||||
<img alt="" src="pic/direct-back.png">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xs-11">
|
||||
<div class="form-title">
|
||||
<h1 data-trans='advanced_settings'></h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-2">
|
||||
<div class="nav_right">
|
||||
<ul>
|
||||
<li><a data-trans="sleep_mode" href="#wlan_sleep"></a></li>
|
||||
<li><a data-trans="router_setting" href="#route_set"></a></li>
|
||||
<li><a data-trans="firewall" href="#filter_main"></a></li>
|
||||
<li><a data-trans="update_settings" href="#fota"></a></li>
|
||||
<li><a href="#sdcard" data-bind="visible: isSupportSD" data-trans="sd" class="c2175FF"></a></li>
|
||||
<li class="active"><a data-trans="DDNS" href="#dynamic_dns"></a></li>
|
||||
<li><a data-trans="network_band_selection" href="#band_selection"></a></li>
|
||||
<li><a data-trans="tr069" href="#tr069"></a></li>
|
||||
<li><a data-trans="vpn" href="#vpn"></a></li>
|
||||
<li><a data-trans="others" href="#more"></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-10">
|
||||
<form id="ddnsForm">
|
||||
<div class="form-body">
|
||||
<h3 data-trans="DDNS" class="form-title"></h3>
|
||||
<div class="content">
|
||||
<div class="row form-group">
|
||||
<label data-trans='ddns_set_mode' class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-4">
|
||||
<select id="ddnsSetMode" data-transid="mode_set_mode" data-bind="options: ddnsSetModes, value: currentMode, optionsText: transOption('mode_set_mode'), optionsValue: 'value', event:{change: changeSetDdnsMode}" class="form-control"></select>
|
||||
</div>
|
||||
</div>
|
||||
<div id="enableSntpTime" data-bind="visible: isEnableSet">
|
||||
<div class="row form-group">
|
||||
<label data-trans='ddns_mode' class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-4">
|
||||
<select data-transid="mode_select" data-bind="options: ddns_mode_select, value: currentModeselect, optionsText: transOption('mode_select'), optionsValue: 'value'" class="form-control"></select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label data-trans='ddns_ProviderList' class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-4">
|
||||
<select data-bind="options: ddnsProviderList, value: currentProviderList, optionsText: 'text', optionsValue: 'value', event:{change: changeDdnsProvider}" class="form-control"></select>
|
||||
<!--<input type="text" maxlength="30" id="ddns_other_Provider" name="ddns_other_Provider" data-bind="value:customProvider, visible:currentProviderList()=='other'" class="required"/>-->
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind="visible: isddnsaccount" class="row form-group">
|
||||
<label data-trans='ddns_account' class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-4">
|
||||
<input id="ddns_account_input" type="text" maxlength="30" name="ddns_account_input" data-bind="value:DDNSaccount" class="required form-control"/>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind="visible: isddnspasswd" class="row form-group">
|
||||
<label data-trans='ddns_passwd' class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-4">
|
||||
<input id="ddns_secretcode_input" type="password" maxlength="30" name="ddns_secretcode_input" data-bind="value:DDNSpasswd,visible:!showPassword_ddns()" class="required floatleft margintop5 form-control" />
|
||||
<input id="ddns_secretcode_inputshow" type="text" maxlength="30" name="ddns_secretcode_inputshow" data-bind="value:DDNSpasswd,visible:showPassword_ddns()" class="required floatleft margintop5 form-control"/>
|
||||
|
||||
<p data-bind="css:{'checkbox_selected': showPassword_ddns()}, click: showPasswordHandler_ddns"
|
||||
manualControl="true" class="checkbox floatleft margintop10 marginleft5 marginright5">
|
||||
<input id="showPassword_ddns" type="checkbox" data-bind="checked:showPassword_ddns" class="form-control"/>
|
||||
</p>
|
||||
<label data-trans="display_password" class="floatleft lineheight25 margintop5"></label>
|
||||
<div id="lblShowPassword" class="clear"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind="visible: isddnsdomainName" class="row form-group">
|
||||
<label data-trans='ddns_domainName' class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-4">
|
||||
<input id="DDNS" type="text" maxlength="32" name="DDNS" data-bind="value:DDNSname" class="required form-control"/>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind="visible: isHashValue" class="row form-group">
|
||||
<label data-trans='DDNSHashValue' class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-4">
|
||||
<input id="DDNS_Hash_Value" type="text" maxlength="100" name="DDNS_Hash_Value" data-bind="value:DDNS_HashValue" class="required form-control"/>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind="visible: isDDNSStatus" class="row form-group">
|
||||
<label data-trans='DDNS_Status' class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-4">
|
||||
<span data-bind="visible: onStates, text:isddnsStatusTrans" class="side-left"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-buttons">
|
||||
<input type="submit" formmethod="post" data-bind="" data-trans="apply" class="btn btn-primary margin-right-20"/>
|
||||
</div>
|
||||
<div class="form-note">
|
||||
<div class="notes-title"> </div>
|
||||
<ul class="notes-content">
|
||||
<li data-trans="ddns_note1"></li>
|
||||
<li data-trans="ddns_note2"></li>
|
||||
<li data-trans="ddns_note3"></li>
|
||||
<li data-trans="ddns_note4"></li>
|
||||
<li data-trans="ddns_note5"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
105
webs/mf761/web/subpg/entry.html
Normal file
105
webs/mf761/web/subpg/entry.html
Normal file
@@ -0,0 +1,105 @@
|
||||
<div id="loginForms">
|
||||
<div class="row margin-top-160 padding-bottom-50">
|
||||
<div class="col-xs-3"></div>
|
||||
<div class="col-xs-6" id="login-form-container">
|
||||
<div id="loginContainer" class="login_frame form-horizontal margin-top-50 margin-bottom-50" data-bind="visible:pageState()!=4">
|
||||
<form id="frmLogin" data-bind="visible:pageState()==0">
|
||||
<div data-bind="visible: loginSecuritySupport() && accountLocked()" class="row form-group colorRed">
|
||||
<div class="col-xs-12">
|
||||
<span data-trans="password_error_account_lock"></span> <span data-bind="text: leftUnlockTime"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div style="display: none;" class="row form-group">
|
||||
<div class="col-xs-12">
|
||||
<label data-trans="password" for="txtAdmin"></label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<div class="col-xs-8">
|
||||
<input id="txtAdmin" autocomplete="off" data-placeholder="password" data-bind="value:password, valueUpdate: 'keypress'" maxlength="32" name="txtAdmin" style="border:2px solid rgb(221, 221, 221);" type="password" class="required form-control"/>
|
||||
</div>
|
||||
<div class="col-xs-4">
|
||||
<input id="btnLogin" class="btn btn-primary btn-block" data-trans="login" type="submit" formmethod="post" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group" data-bind="visible: showEntrance">
|
||||
<div data-bind="visible: !sharePathInvalid()" class="col-xs-12">
|
||||
<span class="icon"><img src="pic/pic_red.png"></span>
|
||||
<span class="scan">
|
||||
<a data-trans="browse_sdcard" href="#httpshare_guest"></a>
|
||||
</span>
|
||||
</div>
|
||||
<div data-trans="sd_share_path_invalid" data-bind="visible: sharePathInvalid()" class="col-xs-12 colorRed"></div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</form>
|
||||
<form id="frmPIN" data-bind="visible:pageState()==1">
|
||||
<div class="row form-group">
|
||||
<div class="prompt col-xs-6">
|
||||
<p data-trans="enter_pin"></p>
|
||||
<p data-bind="visible:pinNumber()>1" class="important-prompt marginbottom15">
|
||||
<span data-trans="attempts_left"></span> <span data-bind='text:pinNumber'></span>
|
||||
</p>
|
||||
<p class="important-prompt" data-bind="visible:pinNumber()==1" data-trans="last_enter_pin"></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<div class="col-xs-6">
|
||||
<label data-trans='pin' for='txtPIN'></label>
|
||||
<input id='txtPIN' name="txtPIN" autocomplete="off" data-bind="value:PIN, valueUpdate: 'keypress'" maxlength='8' type="password" class="required form-control" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<div class="col-xs-6">
|
||||
<input id="btnPinApply" data-trans="next_step" type="submit" formmethod="post" class="btn btn-primary" />
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<form id="frmPUK" data-bind="visible:pageState()==2">
|
||||
<div class="row form-group">
|
||||
<div class="prompt col-xs-6">
|
||||
<p data-trans="enter_puk"></p>
|
||||
<p data-bind="visible:pukNumber()>1" class="important-prompt">
|
||||
<span data-trans="attempts_left"></span> <span data-bind='text:pukNumber'></span>
|
||||
</p>
|
||||
<p data-bind="visible:pukNumber()==1" data-trans="last_enter_puk" class="important-prompt"></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<div class="col-xs-6">
|
||||
<label data-trans='puk' for='txtPUK'></label>
|
||||
<input id='txtPUK' name="txtPUK" autocomplete="off" data-bind="value:PUK, valueUpdate: 'keypress'" maxlength='8' type="password" class="required form-control" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<div class="col-xs-6">
|
||||
<label data-trans='new_pin' for='txtNewPIN'></label>
|
||||
<input id='txtNewPIN' name="txtNewPIN" autocomplete="off" data-bind="value:newPIN, valueUpdate: 'keypress'" maxlength='8' type="password" class="required form-control" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<div class="col-xs-6">
|
||||
<label data-trans='confirm_pin' for='txtConfirmPIN'></label>
|
||||
<input id='txtConfirmPIN' name="txtConfirmPIN" autocomplete="off"
|
||||
data-bind="value:confirmPIN, valueUpdate: 'keypress'" maxlength='8' type="password" class="required form-control"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<div class="col-xs-6">
|
||||
<input id="btnPUKApply" data-trans="next_step" type="submit" formmethod="post" class="btn btn-primary" />
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<div data-bind="visible:pageState()==5" style="text-align: center;">
|
||||
<img id="loadingImg" src="pic/res_loading.gif"/>
|
||||
</div>
|
||||
<div id="puk_locked" data-trans="puk_locked" data-bind="visible:pageState()==3" class="important-prompt prompt"></div>
|
||||
<div class="login_bottom"></div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="col-xs-3"></div>
|
||||
</div>
|
||||
</div>
|
||||
77
webs/mf761/web/subpg/firewall.html
Normal file
77
webs/mf761/web/subpg/firewall.html
Normal file
@@ -0,0 +1,77 @@
|
||||
<div id="innerContainer">
|
||||
<div class="row header-row">
|
||||
<div class="col-xs-1">
|
||||
<a href="#main">
|
||||
<img alt="" src="pic/direct-back.png">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xs-11">
|
||||
<div class="form-title">
|
||||
<h1 data-trans='advanced_settings'></h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-2">
|
||||
<div class="nav_right">
|
||||
<ul>
|
||||
<li><a data-trans="sleep_mode" href="#wlan_sleep"></a></li>
|
||||
<li><a data-trans="router_setting" href="#route_set"></a></li>
|
||||
<li class="active"><a data-trans="firewall" href="#filter_main"></a></li>
|
||||
<li data-bind="visible:hasUpdateCheck"><a data-trans="update_settings" href="#fota"></a></li>
|
||||
<li><a href="#sdcard" data-bind="visible: isSupportSD" data-trans="sd" class="c2175FF"></a></li>
|
||||
<li data-bind="visible:hasDdns"><a data-trans="DDNS" href="#dynamic_dns"></a></li>
|
||||
<li data-bind="visible: hasBandSelect"><a data-trans="network_band_selection" href="#band_selection"></a></li>
|
||||
<li data-bind="visible: hasTr069"><a data-trans="tr069" href="#tr069"></a></li>
|
||||
<li data-bind="visible: hasVpn"><a data-trans="vpn" href="#vpn"></a></li>
|
||||
<li><a data-trans="others" href="#more"></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xs-10">
|
||||
<div class="form-body">
|
||||
<div class="content margin-top-20">
|
||||
<div class="col-xs-4">
|
||||
<div class="row">
|
||||
<a href="#filter_port">
|
||||
<div data-trans="port_filter" class="line-height-40 arrow-right cursorhand"></div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="row">
|
||||
<a href="#map_port">
|
||||
<div data-trans="port_map" class="line-height-40 arrow-right cursorhand"></div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="row">
|
||||
<a href="#foward_port">
|
||||
<div data-trans="port_forward" class="line-height-40 arrow-right cursorhand"></div>
|
||||
</a>
|
||||
</div>
|
||||
<div data-bind="visible: hasUrlFilter" class="row">
|
||||
<a href="#filter_url">
|
||||
<div data-trans="url_filter" class="line-height-40 arrow-right cursorhand"></div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="row">
|
||||
<a href="#universal_plug_and_play">
|
||||
<div data-trans="upnp" class="line-height-40 arrow-right cursorhand"></div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="row">
|
||||
<a href="#demilitarized_zone">
|
||||
<div data-trans="dmz" class="line-height-40 arrow-right cursorhand"></div>
|
||||
</a>
|
||||
</div>
|
||||
<!--div class="row">
|
||||
<a href="#limit_rate">
|
||||
<div data-trans="rate_limit" class="line-height-40 arrow-right cursorhand"></div>
|
||||
</a>
|
||||
</div-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
64
webs/mf761/web/subpg/firewall_dmz_set.html
Normal file
64
webs/mf761/web/subpg/firewall_dmz_set.html
Normal file
@@ -0,0 +1,64 @@
|
||||
<div id="innerContainer">
|
||||
<div class="row header-row">
|
||||
<div class="col-xs-1">
|
||||
<a data-bind="attr: {href: isDataCard? '#main' : '#filter_main'}">
|
||||
<img alt="" src="pic/direct-back.png">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xs-11">
|
||||
<div class="form-title">
|
||||
<h1 data-bind="attr: {'data-trans': isDataCard? 'advanced_settings' : 'dmz_setting'}"></h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-1 margin-top-15">
|
||||
</div>
|
||||
<div class="col-xs-11">
|
||||
|
||||
<ul role="tablist" data-bind="visible: isDataCard" class="nav nav-tabs nav-justified">
|
||||
<li class="active"><a data-trans="dmz_setting" href="#demilitarized_zone"></a></li>
|
||||
<li><a data-trans="pin_management" href="#pin_mode"></a></li>
|
||||
<li><a data-trans="update_settings" href="#fota"></a></li>
|
||||
</ul>
|
||||
|
||||
<form id="dmzSettingForm" data-bind="css: {'margin-top-20': isDataCard}">
|
||||
<div class="form-body">
|
||||
<div class="content">
|
||||
<div class="row form-group">
|
||||
<label data-trans="dmz_setting" class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<div class="row">
|
||||
<div class="col-xs-4">
|
||||
<input id="dmzEnable" type="radio" name="dmzGrp" data-bind="checked: dmzSetting" value="1"/>
|
||||
<label for="dmzEnable" data-trans="enable"></label>
|
||||
</div>
|
||||
<div class="col-xs-4">
|
||||
<input id="dmzDisable" type="radio" name="dmzGrp" data-bind="checked: dmzSetting" value="0"/>
|
||||
<label for="dmzDisable" data-trans="disable"></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind='visible: dmzSetting() == "1"' class="row form-group">
|
||||
<label for="txtIpAddress" data-trans="ip_address" class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<input id="txtIpAddress" name="txtIpAddress" type="text" data-bind="value: ipAddress, valueUpdate: 'keypress'" class="required form-control" maxlength="15"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-buttons">
|
||||
<input type="submit" formmethod="post" data-trans="apply" class="btn btn-primary"/>
|
||||
</div>
|
||||
<div class="form-note">
|
||||
<div class="notes-title"> </div>
|
||||
<ul class="notes-content">
|
||||
<li data-trans="dmz_note_info"></li>
|
||||
<li data-trans="dmz_note_function"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
268
webs/mf761/web/subpg/firewall_parental_control.html
Normal file
268
webs/mf761/web/subpg/firewall_parental_control.html
Normal file
@@ -0,0 +1,268 @@
|
||||
<div id="innerContainer">
|
||||
<div class="row header-row">
|
||||
<div class="col-xs-1">
|
||||
<a href="#main">
|
||||
<img alt="" src="pic/direct-back.png">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xs-11">
|
||||
<div class="form-title">
|
||||
<h1 data-trans='parental_control'></h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-xs-2">
|
||||
<div class="nav_right">
|
||||
<ul>
|
||||
<li data-bind="css:{ active : currentPage() == pages.MAIN}"><a data-bind="click: backToMainHandler" data-trans="pc_children_group" href="javascript: void(0)"></a></li>
|
||||
<li data-bind="css:{ active : currentPage() == pages.MANAGE}"><a data-bind="click: manageHandler" data-trans="pc_children_group_manage" href="javascript: void(0)"></a></li>
|
||||
<li data-bind="css:{ active : currentPage() == pages.RULE}"><a data-bind="click: openRulePage" data-trans="pc_internet_rule" href="javascript: void(0)"></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-10">
|
||||
|
||||
<form id="pc_main_form" data-bind="visible: currentPage() == pages.MAIN">
|
||||
<h3 data-trans='pc_children_group' class="form-title"></h3>
|
||||
<div class="form-body">
|
||||
<div class="content">
|
||||
<div data-trans="pc_no_children_device" data-bind="visible: childGroupList().length == 0" class="expend-desc"></div>
|
||||
<div data-bind="foreach: childGroupList">
|
||||
<div class="device-block">
|
||||
<span data-bind="text: hostname, attr: {title: hostname}" class="device-block-desc"></span>
|
||||
</div>
|
||||
</div>
|
||||
<p data-trans="pc_children_group_desc" class="text-info expend-desc"></p>
|
||||
</div>
|
||||
<div class="form-note">
|
||||
<div class="notes-title"> </div>
|
||||
<ul class="notes-content">
|
||||
<li data-trans="parent_control_note_kids"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<form id="pc_children_group_form" style="display: none;" data-bind="visible: currentPage() == pages.MANAGE">
|
||||
<div class="form-body">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<h2 data-trans="pc_children_group" style="margin-top: 6px;"></h2>
|
||||
</div>
|
||||
<!--div class="col-md-6 text-right">
|
||||
<a class="btn btn-default" data-trans="back" data-bind="click: backToMainHandler"></a>
|
||||
</div-->
|
||||
</div>
|
||||
<div class="content">
|
||||
<div>
|
||||
<table class="table table-striped table-hover">
|
||||
<thead>
|
||||
<tr>
|
||||
<th width="60" data-trans="station_number"></th>
|
||||
<th data-trans="host_name"></th>
|
||||
<th width="100"></th>
|
||||
<th width="200" data-trans="mac_address"></th>
|
||||
<th width="150" data-trans="pc_action"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-bind="foreach: childGroupList">
|
||||
<tr data-bind="css: {odd: $index() % 2 == 0, even: $index() % 2 != 0}">
|
||||
<td data-bind="text: $index()+1"></td>
|
||||
<td>
|
||||
<span data-bind="text: hostname, attr: {id: 'hostname_txt_'+$index()}"></span>
|
||||
<input type="text" data-bind="attr: {id: 'hostname_input_'+$index()}" maxlength="32" style="display: none;" class="form-control">
|
||||
</td>
|
||||
<td>
|
||||
<a data-bind="click: $root.editHostNameHandler, attr: {id: 'edit_btn_'+$index()}" class="cursorhand"><img src="./pic/res_edit.png" height="25"></a>
|
||||
<a data-bind="click: $root.saveHostNameHandler, attr: {id: 'save_btn_'+$index()}" style="display: none;" class="cursorhand"><img height="25" src="./pic/res_save.png"></a>
|
||||
<a data-bind="click: $root.cancelEditHostNameHandler, attr: {id: 'cancel_btn_'+$index()}" class="cursorhand" style="display: none;"><img height="25" src="./pic/res_cancel.png"></a>
|
||||
</td>
|
||||
<td data-bind="text: mac"></td>
|
||||
<td><a data-trans="pc_remove" data-bind="click: $root.removeChildGroupHandler" class="btn btn-primary btn-sm"></a></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div data-trans="pc_no_children_device" data-bind="visible: childGroupList().length == 0" class="expend-desc"></div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h2 data-trans="pc_current_attached_devices"></h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<table class="table table-striped table-hover">
|
||||
<thead>
|
||||
<tr>
|
||||
<th width="60" data-trans="station_number"></th>
|
||||
<th data-trans="host_name"></th>
|
||||
<th width="200" data-trans="mac_address"></th>
|
||||
<th width="150" data-trans="pc_action"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-bind="foreach: attachedDevices">
|
||||
<tr data-bind="css: {odd: $index() % 2 == 0, even: $index() % 2 != 0}">
|
||||
<td data-bind="text: $index()+1"></td>
|
||||
<td data-bind="text: hostName"></td>
|
||||
<td data-bind="text: macAddress"></td>
|
||||
<td>
|
||||
<div data-bind="visible: inChildGroup" data-trans="pc_in_child_group"></div>
|
||||
<div data-bind="visible: !inChildGroup"><a data-trans="pc_add" data-bind="click: $root.addChildGroupHandler" class="btn btn-primary btn-sm"></a></div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div trans="no_data" data-bind="visible: attachedDevices().length == 0" class="expend-desc"></div>
|
||||
</div>
|
||||
<div class="form-note">
|
||||
<div class="notes-title"> </div>
|
||||
<ul class="notes-content">
|
||||
<li data-trans="parent_control_note_manage"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<form id="pc_time_limited_form" style="display: none;" data-bind="visible: currentPage() == pages.RULE">
|
||||
<h3 data-trans='pc_time_limited' class="form-title"></h3>
|
||||
<div class="form-body">
|
||||
<div class="content">
|
||||
<table class="table header-center">
|
||||
<thead>
|
||||
<tr>
|
||||
<td> </td><td>7</td><td>8</td><td>9</td><td>10</td><td>11</td><td>12</td><td>13</td><td>14</td><td>15</td><td>16</td><td>17</td>
|
||||
<td>18</td><td>19</td><td>20</td><td>21</td><td>22</td><td>23</td><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="pc_time_limited_tbody">
|
||||
<tr>
|
||||
<td data-trans="sun" class="col-head"></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
|
||||
<td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td data-trans="mon" class="col-head"></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
|
||||
<td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td data-trans="tues" class="col-head"></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
|
||||
<td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td data-trans="wed" class="col-head"></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
|
||||
<td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td data-trans="thur" class="col-head"></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
|
||||
<td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td data-trans="fri" class="col-head"></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
|
||||
<td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td data-trans="sat" class="col-head"></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
|
||||
<td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="row-fluid expend-desc">
|
||||
<div style="line-height: 20px">
|
||||
<span class="pc_time_block forbid_time"> </span><span data-trans="pc_forbid_time" class="margin-left-10 margin-right-20"></span>
|
||||
<span class="pc_time_block margin-left-15"> </span><span data-trans="pc_allow_time" class="margin-left-10"></span>
|
||||
</div>
|
||||
<p data-trans="pc_setting_desc" class="text-info"></p>
|
||||
<p data-trans="pc_not_save" data-bind="visible: notSave" class="text-danger"></p>
|
||||
</div>
|
||||
<div class="form-buttons">
|
||||
<input type="button" data-trans="save" id="save_time_limited" data-bind="visible: currentUserInChildGroup() == false, click: saveTimeLimitedHandler" class="btn btn-primary">
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<form id="pc_site_white_list_form" style="display: none;" data-bind="visible: currentPage() == pages.RULE">
|
||||
<h3 data-trans='pc_site_white_list' class="form-title"></h3>
|
||||
<div class="form-body">
|
||||
<div class="content">
|
||||
<div data-bind="visible: currentUserInChildGroup() == false">
|
||||
<input id="openAddSiteBtn" type="button" data-trans="add" data-bind="disable: disableAdd, click: openAddSitePopoverHandler" class="btn btn-primary">
|
||||
<input id="deleteSelectedBtn" type="button" data-trans="pc_remove" data-bind="disable: selectedIds().length == 0, click: removeSelectedWhiteSite" class="btn btn-primary">
|
||||
<input type="button" data-trans="pc_remove_all" data-bind="disable: siteList().length == 0, click: removeAllWhiteSite" class="btn btn-primary">
|
||||
</div>
|
||||
<div class="">
|
||||
<table style="table-layout: fixed; word-wrap: break-word; word-break: break-all;" class="table table-striped table-hover">
|
||||
<thead>
|
||||
<tr>
|
||||
<th width="40" align="center" data-bind="visible: currentUserInChildGroup() == false">
|
||||
<p id="pc_white_list_check_all" target="pb_white_list" data-bind="click: checkboxClickHandler" class="checkbox checkboxToggle">
|
||||
<input type="checkbox" name="siteId" value="1" />
|
||||
</p>
|
||||
</th>
|
||||
<th width="170" data-trans="pc_name"></th>
|
||||
<th data-trans="pc_link"></th>
|
||||
<!--th width="150" data-trans="pc_action" data-bind="visible: currentUserInChildGroup() == false"></th-->
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="pb_white_list" data-bind="foreach: siteList">
|
||||
<tr data-bind="css: {odd: $index() % 2 == 0, even: $index() % 2 != 0}">
|
||||
<td data-bind="visible: $root.currentUserInChildGroup() == false">
|
||||
<p data-bind="click: $root.checkboxClickHandler" class="checkbox">
|
||||
<input type="checkbox" target="pc_white_list_check_all" name="siteId" data-bind="value: id, checked: $root.selectedIds"/>
|
||||
</p>
|
||||
</td>
|
||||
<td data-bind="text: name"></td>
|
||||
<td data-bind="text: site"></td>
|
||||
<!--td data-bind="visible: $root.currentUserInChildGroup() == false"><a class="btn btn-primary btn-sm" data-trans="pc_remove" data-bind="click: $root.removeWhiteSite"></a></td-->
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div data-trans="no_data" data-bind="visible: siteList().length == 0" class="expend-desc"></div>
|
||||
</div>
|
||||
<div class="form-note">
|
||||
<div class="notes-title"> </div>
|
||||
<ul class="notes-content">
|
||||
<li data-trans="parent_control_note_time"></li>
|
||||
<li data-trans="parent_control_note_whitelist"></li>
|
||||
<ul>
|
||||
<li data-trans="parent_control_note_siteName"></li>
|
||||
<li data-trans="parent_control_note_siteLink"></li>
|
||||
</ul>
|
||||
<li data-trans="firewal_note"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<script id="addNewSiteTmpl" type="text/x-jquery-tmpl">
|
||||
<div>
|
||||
<div class="popover_title" data-trans="pc_add_white_site"></div>
|
||||
<div class="popover_content content">
|
||||
<form id="whiteSiteAddForm" role="form" class="form-horizontal">
|
||||
<div class="popover_row form-group">
|
||||
<label data-trans="pc_name" for="siteName" class="col-xs-4 control-label"></label>
|
||||
<div class="col-xs-8">
|
||||
<input id="siteName" type="text" maxlength="20" class="form-control" name="siteName">
|
||||
</div>
|
||||
</div>
|
||||
<div class="popover_row form-group">
|
||||
<label data-trans="pc_link" for="siteLink" class="col-xs-4 control-label"></label>
|
||||
<div class="col-xs-8">
|
||||
<input id="siteLink" type="text" name="siteLink" maxlength="100" class="form-control required">
|
||||
</div>
|
||||
</div>
|
||||
<div class="popover_row text-right">
|
||||
<input type="submit" formmethod="post" data-trans="save" class="btn btn-primary"/>
|
||||
<a data-trans="pc_leave" class="btn btn-primary popover-close"></a>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</script>
|
||||
253
webs/mf761/web/subpg/firewall_port_filter.html
Normal file
253
webs/mf761/web/subpg/firewall_port_filter.html
Normal file
@@ -0,0 +1,253 @@
|
||||
<div id="innerContainer">
|
||||
<div class="row header-row">
|
||||
<div class="col-xs-1">
|
||||
<a href="#filter_main">
|
||||
<img alt="" src="pic/direct-back.png">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xs-11">
|
||||
<div class="form-title">
|
||||
<h1 data-trans='port_filter'></h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-1 margin-top-15">
|
||||
</div>
|
||||
<div class="col-xs-11">
|
||||
|
||||
|
||||
<div class="form-body">
|
||||
<form id="filterBasicForm">
|
||||
<div class="content">
|
||||
<div class="row form-group">
|
||||
<label data-trans="port_filter_enabled" class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<div class="row">
|
||||
<div class="col-xs-4">
|
||||
<input id="filterEnable" type="radio" name="filterGrp" data-bind="checked: portFilterEnable" value="1"/>
|
||||
<label for="filterEnable" data-trans="enable"></label>
|
||||
</div>
|
||||
<div class="col-xs-4">
|
||||
<input id="filterDisable" type="radio" name="filterGrp" data-bind="checked: portFilterEnable" value="0"/>
|
||||
<label for="filterDisable" data-trans="disable"></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind="visible: portFilterEnable() == '1' " class="row form-group">
|
||||
<label data-trans="default_policy" class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<div class="row">
|
||||
<div class="col-xs-4">
|
||||
<input id="defaultPolicyAccept" type="radio" name="defaultPolicyGrp" data-bind="checked: defaultPolicy, event: {click: policyChangeHandler}" value="0"/>
|
||||
<label for="defaultPolicyAccept" data-trans="accepted"></label>
|
||||
</div>
|
||||
<div class="col-xs-4">
|
||||
<input id="defaultPolicyDrop" type="radio" name="defaultPolicyGrp" data-bind="checked: defaultPolicy, event: {click: policyChangeHandler}" value="1"/>
|
||||
<label for="defaultPolicyDrop" data-trans="dropped"></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-buttons">
|
||||
<input type="submit" formmethod="post" data-trans="apply" class="btn btn-primary"/>
|
||||
</div>
|
||||
<div class="form-note">
|
||||
<div class="notes-title"> </div>
|
||||
<ul class="notes-content">
|
||||
<li data-trans="default_policy_note"></li>
|
||||
<li data-trans="default_policy_note_filter"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</form>
|
||||
<div data-bind="visible: oriPortFilterEnable() == '1' && portFilterEnable() == '1' ">
|
||||
<form id="portFilterForm">
|
||||
<div class="form-title">
|
||||
<h2 data-trans="port_filter_setting"></h2>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div data-bind="visible: ipv6Support" class="row form-group">
|
||||
<label data-trans="filter_ip_setting" class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<div class="row">
|
||||
<div class="col-xs-4">
|
||||
<input id="filterIpv4" type="radio" name="ipTypeGrp" data-bind="checked: ipType, event: {click: ipTypeChangeHandler}" value="ipv4"/>
|
||||
<label for="filterIpv4" data-trans="filter_ipv4"></label>
|
||||
</div>
|
||||
<div class="col-xs-4">
|
||||
<input id="filterIpv6" type="radio" name="ipTypeGrp" data-bind="checked: ipType, event: {click: ipTypeChangeHandler}" value="ipv6"/>
|
||||
<label for="filterIpv6" data-trans="filter_ipv6"></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label for="txtMacAddress" data-trans="mac_address" class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-9">
|
||||
<div class="row">
|
||||
<div class="col-xs-8">
|
||||
<input id="txtMacAddress" type="text" name="txtMacAddress" data-bind="value: macAddress" maxlength="17" class="form-control"/>
|
||||
</div>
|
||||
<label id="macExamLabel" data-trans="macExam" class="col-xs-4"></label>
|
||||
</div>
|
||||
</div>
|
||||
<div id="macErrorDiv" class="col-xs-9 col-md-offset-3"></div>
|
||||
</div>
|
||||
<div data-bind="visible: ipType() =='ipv4'">
|
||||
<div class="row form-group">
|
||||
<label for="txtSourceIpAddress" data-trans="source_ip_address" class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<input id="txtSourceIpAddress" type="text" name="txtSourceIpAddress" data-bind="value: sourceIpAddress" maxlength="15" class="form-control"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label for="txtDestIpAddress" data-trans="dest_ip_address" class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<input id="txtDestIpAddress" type="text" name="txtDestIpAddress" data-bind="value: destIpAddress" maxlength="15" class="form-control"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind="visible: ipType() =='ipv6'">
|
||||
<div class="row form-group">
|
||||
<label for="txtSourceIpv6Address" data-trans="source_ipv6_address" class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<input id="txtSourceIpv6Address" type="text" name="txtSourceIpv6Address" data-bind="value: sourceIpv6Address" class="form-control"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label class="col-xs-3 side-right" for="txtDestIpv6Address" data-trans="dest_ipv6_address"></label>
|
||||
<div class="col-xs-6">
|
||||
<input id="txtDestIpv6Address" type="text" name="txtDestIpv6Address" data-bind="value: destIpv6Address" class="form-control"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label class="col-xs-3 side-right" for="protocol" data-trans="protocol"></label>
|
||||
<div class="col-xs-6">
|
||||
<select id="protocol" data-transid="protocol" data-bind="options: modes, value: selectedMode, optionsText: transOption('protocol'), optionsValue: 'value', event:{ change: protocolChangeHandler}" class="form-control"></select>
|
||||
</div>
|
||||
</div>
|
||||
<!--根据protocol显示或隐藏-->
|
||||
<div id="portRangeArea" data-bind="visible: selectedMode() != 'ICMP' && selectedMode() != 'None' ">
|
||||
<div class="row form-group">
|
||||
<label for="txtSourcePortStart" data-trans='source_port_range' class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-9">
|
||||
<div class="row">
|
||||
<div class="col-xs-3">
|
||||
<input id='txtSourcePortStart' name="txtSourcePortStart" type="text" data-bind="value: sourcePortStart"
|
||||
maxlength="5" class="required rangeInput form-control"/>
|
||||
</div>
|
||||
<div class="col-xs-2 text-center">
|
||||
-
|
||||
</div>
|
||||
<div class="col-xs-3">
|
||||
<input id='txtSourcePortEnd' name="txtSourcePortEnd" type="text" data-bind="value: sourcePortEnd"
|
||||
maxlength="5" class="required rangeInput form-control"/>
|
||||
</div>
|
||||
<label id='sourceRangeLabel' class="col-xs-4">(1~65535)</label>
|
||||
</div>
|
||||
</div>
|
||||
<div id="sourcePortErrorDiv" class="col-xs-9 col-md-offset-3"></div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label for="txtDestPortStart" data-trans='dest_port_range' class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-9">
|
||||
<div class="row">
|
||||
<div class="col-xs-3">
|
||||
<input id='txtDestPortStart' name="txtDestPortStart" type="text" data-bind="value: destPortStart" maxlength="5" class="required rangeInput form-control"/>
|
||||
</div>
|
||||
<div class="col-xs-2 text-center">
|
||||
-
|
||||
</div>
|
||||
<div class="col-xs-3">
|
||||
<input id='txtDestPortEnd' name="txtDestPortEnd" type="text" data-bind="value: destPortEnd"
|
||||
maxlength="5" class="required rangeInput form-control"/>
|
||||
|
||||
</div>
|
||||
<label id='destRangeLabel' class="col-xs-4">(1~65535)</label>
|
||||
</div>
|
||||
</div>
|
||||
<div id="destPortErrorDiv" class="col-xs-9 col-md-offset-3"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row form-group">
|
||||
<label data-trans="port_filter_action" class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<div class="row">
|
||||
<div class="col-xs-4">
|
||||
<input id="portFilterAccept" type="radio" name="portFilterActionGrp" data-bind="checked: portFilterAction" value="Accept"/>
|
||||
<label for="portFilterAccept" data-trans="filter_accept"></label>
|
||||
</div>
|
||||
<div class="col-xs-4">
|
||||
<input id="portFilterDrop" type="radio" name="portFilterActionGrp" data-bind="checked: portFilterAction" value="Drop"/>
|
||||
<label for="portFilterDrop" data-trans="filter_drop"></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label for="txtComment" data-trans="comment" class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<input id="txtComment" type="text" name="txtComment" data-bind="value: comment" maxlength="32" class="required form-control"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-buttons">
|
||||
<input type="submit" formmethod="post" data-trans="apply" class="btn btn-primary"/>
|
||||
</div>
|
||||
<div class="form-note">
|
||||
<div class="notes-title"> </div>
|
||||
<ul class="notes-content">
|
||||
<li data-trans="port_filter_note_mac_address"></li>
|
||||
<li data-trans="port_filter_note_source_ip_address"></li>
|
||||
<li data-trans="port_filter_note_dest_ip_address"></li>
|
||||
<li data-trans="port_filter_note_protocol"></li>
|
||||
<li data-trans="port_filter_note_source_port_range"></li>
|
||||
<li data-trans="port_filter_note_dest_port_range"></li>
|
||||
<li data-trans="port_filter_note_action"></li>
|
||||
<li data-trans="port_filter_note_comment"></li>
|
||||
<li data-trans="port_filter_note_info"></li>
|
||||
<li data-trans="rule_max_note_v4v6" data-bind="visible: ipv6Support"></li>
|
||||
<li data-trans="rule_max_note" data-bind="visible: !ipv6Support()"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</form>
|
||||
<form id="portFilterListForm">
|
||||
<div class="form-title">
|
||||
<h2 data-trans="port_filter_list"></h2>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div>
|
||||
<div id="portFilters" data-bind="simpleGrid: gridTemplate" class="fixTableScroll"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-buttons">
|
||||
<input type="submit" formmethod="post" data-trans="delete" data-bind="enable: gridTemplate.checkedCount() > 0" class="btn btn-primary"/>
|
||||
</div>
|
||||
|
||||
<!-- ko if: oriDefaultPolicy() == '0' -->
|
||||
<div class="form-note">
|
||||
<div class="notes-title"> </div>
|
||||
<ul class="notes-content">
|
||||
<li data-trans="filter_accept_note"></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- /ko -->
|
||||
<!-- ko if: oriDefaultPolicy() == '1' -->
|
||||
<div class="form-note">
|
||||
<div class="notes-title"> </div>
|
||||
<ul class="notes-content">
|
||||
<li data-trans="filter_drop_note"></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- /ko -->
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
130
webs/mf761/web/subpg/firewall_port_forward.html
Normal file
130
webs/mf761/web/subpg/firewall_port_forward.html
Normal file
@@ -0,0 +1,130 @@
|
||||
<div id="innerContainer">
|
||||
<div class="row header-row">
|
||||
<div class="col-xs-1">
|
||||
<a href="#filter_main">
|
||||
<img alt="" src="pic/direct-back.png">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xs-11">
|
||||
<div class="form-title">
|
||||
<h1 data-trans='port_forward'></h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-1 margin-top-15">
|
||||
|
||||
</div>
|
||||
<div class="col-xs-11">
|
||||
|
||||
<div class="form-body">
|
||||
<form id="virtualServerForm">
|
||||
|
||||
<div class="content">
|
||||
<div class="row form-group">
|
||||
<label class="col-xs-3 side-right" data-trans="virtual_server_setting"></label>
|
||||
<div class="col-xs-6">
|
||||
<div class="row">
|
||||
<div class="col-xs-4">
|
||||
<input id="serverEnable" type="radio" name="serverGrp" data-bind="checked: portForwardEnable" value="1"/>
|
||||
<label for="serverEnable" data-trans="enable"></label>
|
||||
</div>
|
||||
<div class="col-xs-4">
|
||||
<input id="serverDisable" type="radio" name="serverGrp" data-bind="checked: portForwardEnable" value="0"/>
|
||||
<label for="serverDisable" data-trans="disable"></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-buttons">
|
||||
<input type="submit" formmethod="post" data-trans="apply" class="btn btn-primary"/>
|
||||
</div>
|
||||
<div class="form-note">
|
||||
<div class="notes-title"> </div>
|
||||
<ul class="notes-content">
|
||||
<li data-trans="port_forward_note_info"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</form>
|
||||
<div data-bind="visible: oriPortForwardEnable() == '1' && portForwardEnable() == '1' ">
|
||||
<form id="portForwardForm">
|
||||
<div class="form-title">
|
||||
<h2 data-trans="port_forward_setting"></h2>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="row form-group">
|
||||
<label for="txtIpAddress" data-trans="ip_address" class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-9">
|
||||
<div class="row">
|
||||
<div class="col-xs-8">
|
||||
<input id="txtIpAddress" type="text" name="txtIpAddress" data-bind="value: ipAddress" maxlength="15" class="required form-control"/>
|
||||
</div>
|
||||
<label id="ipExamLabel" data-trans="ipExam" class="col-xs-4"></label>
|
||||
</div>
|
||||
</div>
|
||||
<div id="ipErrorDiv" class="col-xs-9 col-md-offset-3"></div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label for="txtPortStart" data-trans='port_range' class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-9">
|
||||
<div class="row">
|
||||
<div class="col-xs-3">
|
||||
<input id='txtPortStart' name="txtPortStart" type="text" data-bind="value: portStart"
|
||||
maxlength="5" class="required rangeInput form-control"/>
|
||||
</div>
|
||||
<div class="col-xs-2 text-center">
|
||||
-
|
||||
</div>
|
||||
<div class="col-xs-3">
|
||||
<input id='txtPortEnd' name="txtPortEnd" type="text" data-bind="value: portEnd"
|
||||
maxlength="5" class="required rangeInput form-control"/>
|
||||
</div>
|
||||
<label id='rangeLabel' class="col-xs-4">(1~65535)</label>
|
||||
</div>
|
||||
</div>
|
||||
<div id="portRangeErrorDiv" class="col-xs-9 col-md-offset-3"></div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label class="col-xs-3 side-right" for="protocol" data-trans="protocol"></label>
|
||||
<div class="col-xs-6">
|
||||
<select id="protocol" data-transid="protocol" data-bind="options: modes, value: selectedMode, optionsText: transOption('protocol'), optionsValue: 'value'" class="form-control"></select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label for="txtComment" data-trans="comment" class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<input id="txtComment" type="text" name="txtComment" data-bind="value: comment" maxlength="32" class="required form-control"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-buttons">
|
||||
<input type="submit" formmethod="post" data-trans="apply" class="btn btn-primary"/>
|
||||
</div>
|
||||
<div class="form-note">
|
||||
<div class="notes-title"> </div>
|
||||
<ul class="notes-content">
|
||||
<li data-trans="port_forward_note_ip_address"></li>
|
||||
<li data-trans="port_forward_note_port"></li>
|
||||
<li data-trans="port_forward_note_protocol"></li>
|
||||
<li data-trans="port_forward_note_comment"></li>
|
||||
<li data-trans="rule_max_note"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</form>
|
||||
<form id="portForwardListForm">
|
||||
<div class="form-title">
|
||||
<h2 data-trans="port_forward_list"></h2>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div id="portForwards" data-bind="simpleGrid: gridTemplate" class="fixTableScroll"></div>
|
||||
</div>
|
||||
<div class="form-buttons">
|
||||
<input type="submit" formmethod="post" data-trans="delete" data-bind="enable: gridTemplate.checkedCount() > 0" class="btn btn-primary"/>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
120
webs/mf761/web/subpg/firewall_port_map.html
Normal file
120
webs/mf761/web/subpg/firewall_port_map.html
Normal file
@@ -0,0 +1,120 @@
|
||||
<div id="innerContainer">
|
||||
<div class="row header-row">
|
||||
<div class="col-xs-1">
|
||||
<a href="#filter_main">
|
||||
<img alt="" src="pic/direct-back.png">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xs-11">
|
||||
<div class="form-title">
|
||||
<h1 data-trans='port_map'></h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-1 margin-top-15">
|
||||
</div>
|
||||
<div class="col-xs-11">
|
||||
|
||||
<div class="form-body">
|
||||
<form id="mapBasicForm">
|
||||
<div class="content">
|
||||
<div class="row form-group">
|
||||
<label data-trans="port_map_setting" class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<div class="row">
|
||||
<div class="col-xs-4">
|
||||
<input id="mapEnable" type="radio" name="mapGrp" data-bind="checked: portMapEnable" value="1"/>
|
||||
<label for="mapEnable" data-trans="enable"></label>
|
||||
</div>
|
||||
<div class="col-xs-4">
|
||||
<input id="mapDisable" type="radio" name="mapGrp" data-bind="checked: portMapEnable" value="0"/>
|
||||
<label for="mapDisable" data-trans="disable"></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-buttons">
|
||||
<input class="btn btn-primary" type="submit" formmethod="post" data-trans="apply"/>
|
||||
</div>
|
||||
<div class="form-note">
|
||||
<div class="notes-title"> </div>
|
||||
<ul class="notes-content">
|
||||
<li data-trans="port_map_note_info"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</form>
|
||||
<div data-bind="visible: oriPortMapEnable() == '1' && portMapEnable() == '1' ">
|
||||
<form id="portMapForm">
|
||||
<div class="form-title">
|
||||
<h2 data-trans="port_map_setting"></h2>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="row form-group">
|
||||
<label for="txtSourcePort" data-trans="source_port" class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<input id="txtSourcePort" type="text" name="txtSourcePort" data-bind="value: sourcePort" maxlength="5" class="required form-control"/>
|
||||
</div>
|
||||
<label id="sourcePortExamLabel" class="col-xs-3">(1~65000)</label>
|
||||
<div id="txtSourcePortErrorDiv" class="col-xs-9 col-md-offset-3"></div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label for="txtDestIpAddress" data-trans="dest_ip_address" class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<input id="txtDestIpAddress" type="text" name="txtDestIpAddress" data-bind="value: destIpAddress" maxlength="15" class="required form-control"/>
|
||||
</div>
|
||||
<label id="ipExamLabel" data-trans="ipExam" class="col-xs-3"></label>
|
||||
<div id="txtDestIpAddressErrorDiv" class="col-xs-9 col-md-offset-3"></div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label for="txtDestPort" data-trans="dest_port" class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<input id="txtDestPort" type="text" name="txtDestPort" data-bind="value: destPort" maxlength="5" class="required form-control"/>
|
||||
</div>
|
||||
<label id="destPortExamLabel" class="col-xs-3">(1~65000)</label>
|
||||
<div id="txtDestPortErrorDiv" class="col-xs-9 col-md-offset-3"></div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label for="protocol" data-trans="protocol" class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<select id="protocol" data-transid="protocol" data-bind="options: modes, value: selectedMode, optionsText: transOption('protocol'), optionsValue: 'value'" class="form-control"></select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label for="txtComment" data-trans="comment" class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<input id="txtComment" type="text" name="txtComment" data-bind="value: comment" maxlength="32" class="required form-control"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-buttons">
|
||||
<input class="btn btn-primary" type="submit" formmethod="post" data-trans="apply"/>
|
||||
</div>
|
||||
<div class="form-note">
|
||||
<div class="notes-title"> </div>
|
||||
<ul class="notes-content">
|
||||
<li data-trans="port_map_note_port"></li>
|
||||
<li data-trans="port_map_note_dest_ip_address"></li>
|
||||
<li data-trans="port_map_note_protocol"></li>
|
||||
<li data-trans="port_map_note_comment"></li>
|
||||
<li data-trans="rule_max_note"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</form>
|
||||
<form id="portMapListForm">
|
||||
<div class="form-title">
|
||||
<h2 data-trans="port_map_list"></h2>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div id="portMaps" data-bind="simpleGrid: gridTemplate" class="fixTableScroll"></div>
|
||||
</div>
|
||||
<div class="form-buttons">
|
||||
<input type="submit" formmethod="post" data-trans="delete" data-bind="enable: gridTemplate.checkedCount() > 0" class="btn btn-primary"/>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
143
webs/mf761/web/subpg/firewall_rate_limit.html
Normal file
143
webs/mf761/web/subpg/firewall_rate_limit.html
Normal file
@@ -0,0 +1,143 @@
|
||||
<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='rate_limit'></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="rateLimitEnableForm">
|
||||
<div class="content">
|
||||
<div class="row form-group">
|
||||
<label data-trans="rate_limit_setting" class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<div class="row">
|
||||
<div class="col-xs-4">
|
||||
<input id="rateLimitEnable" type="radio" name="mapGrp"
|
||||
data-bind="checked: RateLimitEnable" value="1" />
|
||||
<label for="rateLimitEnable" data-trans="enable"></label>
|
||||
</div>
|
||||
<div class="col-xs-4">
|
||||
<input id="rateLimitDisable" type="radio" name="mapGrp"
|
||||
data-bind="checked: RateLimitEnable" value="0" />
|
||||
<label for="rateLimitDisable" data-trans="disable"></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-buttons">
|
||||
<input class="btn btn-primary" type="submit" data-trans="apply" />
|
||||
</div>
|
||||
<div class="form-note">
|
||||
<div class="notes-title"> </div>
|
||||
<ul class="notes-content">
|
||||
<li data-trans="rate_limit_note_info"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</form>
|
||||
<div data-bind="visible: oriRateLimitEnable() == '1' && RateLimitEnable() == '1' ">
|
||||
<form id="rateLimitForm">
|
||||
<div class="form-title">
|
||||
<h2 data-trans="rate_limit_setting"></h2>
|
||||
</div>
|
||||
<div class="content">
|
||||
|
||||
<div class="row form-group">
|
||||
<label class="col-xs-3 side-right" for="txtIpAddress" data-trans="ip_address"></label>
|
||||
<div class="col-xs-9">
|
||||
<div class="row">
|
||||
<div class="col-xs-8">
|
||||
<input type="text" name="txtIpAddress" id="txtIpAddress"
|
||||
data-bind="value: ip_address" class="required form-control"
|
||||
maxlength="15">
|
||||
</div>
|
||||
<label class="col-xs-4" data-trans="ipExam"
|
||||
id="ipExamLabel">(例如：192.168.0.101)</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-9 col-md-offset-3" id="ipErrorDiv"></div>
|
||||
</div>
|
||||
|
||||
<div class="row form-group">
|
||||
<label class="col-xs-3 side-right" for="txtDownloadSpeed" data-trans="download_speed"></label>
|
||||
<div class="col-xs-9">
|
||||
<div class="row">
|
||||
<div class="col-xs-8">
|
||||
<input id="txtDownloadSpeed" name="txtDownloadSpeed" type="text"
|
||||
data-bind="value: download_speed"
|
||||
class="required rangeInput form-control" maxlength="7">
|
||||
</div>
|
||||
<label class="col-xs-4" id="downloadRangeLabel">KB (1 ~ 1000, 000)</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-9 col-md-offset-3" id="downloadSpeedRangeErrorDiv"></div>
|
||||
</div>
|
||||
|
||||
<div class="row form-group">
|
||||
<label class="col-xs-3 side-right" for="txtUploadSpeed" data-trans="upload_speed"></label>
|
||||
<div class="col-xs-9">
|
||||
<div class="row">
|
||||
<div class="col-xs-8">
|
||||
<input id="txtUploadSpeed" name="txtUploadSpeed" type="text"
|
||||
data-bind="value: upload_speed" class="required rangeInput form-control"
|
||||
maxlength="7">
|
||||
</div>
|
||||
<label class="col-xs-4" id="UploadRangeLabel">KB (1 ~ 1000, 000)</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-9 col-md-offset-3" id="uploadSpeedRangeErrorDiv"></div>
|
||||
</div>
|
||||
|
||||
<div class="row form-group">
|
||||
<label class="col-xs-3 side-right" for="txtComment" data-trans="comment"></label>
|
||||
<div class="col-xs-9">
|
||||
<div class="row">
|
||||
<div class="col-xs-8">
|
||||
<input type="text" name="txtComment" id="txtComment"
|
||||
data-bind="value: comment" class="required form-control" maxlength="32">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-buttons">
|
||||
<input class="btn btn-primary" type="submit" data-trans="apply" />
|
||||
</div>
|
||||
<div class="form-note">
|
||||
<div class="notes-title"> </div>
|
||||
<ul class="notes-content">
|
||||
<li data-trans="rate_limit_note_ip_address"></li>
|
||||
<li data-trans="rate_limit_note_speed"></li>
|
||||
<li data-trans="rate_limit_note_comment"></li>
|
||||
<li data-trans="rule_max_note"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</form>
|
||||
<form id="rateLimitListForm">
|
||||
<div class="form-title">
|
||||
<h2 data-trans="rate_limit_list"></h2>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div id="rateLimits" data-bind="simpleGrid: gridTemplate" class="fixTableScroll"></div>
|
||||
</div>
|
||||
<div class="form-buttons">
|
||||
<input type="submit" data-trans="delete" data-bind="enable: gridTemplate.checkedCount() > 0"
|
||||
class="btn btn-primary" />
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
52
webs/mf761/web/subpg/firewall_upnp_set.html
Normal file
52
webs/mf761/web/subpg/firewall_upnp_set.html
Normal file
@@ -0,0 +1,52 @@
|
||||
<div id="innerContainer">
|
||||
<div class="row header-row">
|
||||
<div class="col-xs-1">
|
||||
<a href="#filter_main">
|
||||
<img alt="" src="pic/direct-back.png">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xs-11">
|
||||
<div class="form-title">
|
||||
<h1 data-trans='upnp_setting'></h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-1 margin-top-15">
|
||||
</div>
|
||||
<div class="col-xs-11">
|
||||
|
||||
<form id="upnpSettingForm">
|
||||
<div class="form-body">
|
||||
<div class="content">
|
||||
<div class="row form-group">
|
||||
<label data-trans="upnp_setting" class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<div class="row">
|
||||
<div class="col-xs-4">
|
||||
<input id="upnpEnable" type="radio" name="upnpGrp" data-bind="checked: upnpSetting" value="1"/>
|
||||
<label for="upnpEnable" data-trans="enable"></label>
|
||||
</div>
|
||||
<div class="col-xs-4">
|
||||
<input id="upnpDisable" type="radio" name="upnpGrp" data-bind="checked: upnpSetting" value="0"/>
|
||||
<label for="upnpDisable" data-trans="disable"></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-buttons">
|
||||
<input type="submit" formmethod="post" data-trans="apply" class="btn btn-primary"/>
|
||||
</div>
|
||||
<div class="form-note">
|
||||
<div class="notes-title"> </div>
|
||||
<ul class="notes-content">
|
||||
<li data-trans="upnp_note_info"></li>
|
||||
<!--<li data-trans="lan_note"></li>-->
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
1
webs/mf761/web/subpg/firewall_url_filter.html
Normal file
1
webs/mf761/web/subpg/firewall_url_filter.html
Normal file
@@ -0,0 +1 @@
|
||||
<div id="innerContainer">
|
||||
261
webs/mf761/web/subpg/main.html
Normal file
261
webs/mf761/web/subpg/main.html
Normal file
@@ -0,0 +1,261 @@
|
||||
|
||||
<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="#pb_main" data-trans="phonebook" class="c00AEFF"></a></li>
|
||||
<li><a href="#usat" data-trans="USSD"></a></li>
|
||||
<li><a href="#limit_rate" data-trans="rate_limit"></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: showTraffic()">
|
||||
<h4 data-trans="traffic_data_plan" style="font-size:14px;text-align:right;padding-right:15px"></h4>
|
||||
<div style="display:inline-block">
|
||||
<div id="traffic_graphic" style="width: 200px; height: 165px; visibility: visible;"></div>
|
||||
</div>
|
||||
<div style="text-align: left;padding-left:20px;font-size:18px">
|
||||
<span style="background-color: #8CC916;" class="color_block"></span>
|
||||
<span data-trans="traffic_used" class="color_block_desc"></span>
|
||||
<span class="color_block_desc">:</span>
|
||||
<span data-bind="text: trafficUsed" class="color_block_desc"></span>
|
||||
</div>
|
||||
<div class="statistics_list">
|
||||
<ul>
|
||||
<li><a href="#flow_ctl">
|
||||
<div data-bind="visible: trafficAlertEnable">
|
||||
<span data-bind="text: trafficLimited" class="line-height-20"></span>
|
||||
<span data-trans="traffic_limit_data" class="line-height-20"></span>
|
||||
</div>
|
||||
<div data-bind="visible: trafficAlertEnable() == false">
|
||||
<div data-trans="traffic_not_set_limited" class="line-height-20"></div>
|
||||
</div>
|
||||
</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div data-bind="css:{'device_info_container_hastraffic':showTraffic(),'device_info_container_notraffic':!showTraffic()}" class="device_info_container">
|
||||
<h4 data-trans="device_info" style="font-size:14px;text-align:left;padding-left:15px;color:#fff"></h4>
|
||||
<div style="color:#fff;position: relative;height: 210px;font-size: 18px;line-height: 1.5em;padding:20px 0px 0px 15px;">
|
||||
<div class="row">
|
||||
<label class="col-xs-7" data-trans="sim_serial_number"></label>
|
||||
<label class="col-xs-5" data-bind="text: simSerialNumber"></label>
|
||||
</div>
|
||||
<div class="row">
|
||||
<label class="col-xs-7" data-trans="imei"></label>
|
||||
<label class="col-xs-5" data-bind="text: imei"></label>
|
||||
</div>
|
||||
<div class="row">
|
||||
<label class="col-xs-7" data-trans="rsrq"></label>
|
||||
<label class="col-xs-5" data-bind="text: rsrq" id="fresh_rsrq_strength"></label>
|
||||
</div>
|
||||
<div class="row">
|
||||
<label class="col-xs-7" data-trans="sinr"></label>
|
||||
<label class="col-xs-5" data-bind="text: sinr" id="fresh_sinr_strength"></label>
|
||||
</div>
|
||||
<div class="row">
|
||||
<label class="col-xs-7" data-trans="pci"></label>
|
||||
<label class="col-xs-5" data-bind="text: pci" id="fresh_pci_strength"></label>
|
||||
</div>
|
||||
<div class="row">
|
||||
<label class="col-xs-7" data-trans="imsi"></label>
|
||||
<label class="col-xs-5" data-bind="text: imsi"></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 class="col-xs-7" data-trans="signal_strength_label"></label>
|
||||
<label class="col-xs-5" id="fresh_signal_strength"></label>
|
||||
</div>
|
||||
<div class="row" data-bind="visible: hasWifi && showMultiSsid()">
|
||||
<label class="col-xs-7" data-trans="network_name_ssid1"></label>
|
||||
<label class="col-xs-5 col-xs-overflow" data-bind="text: ssid"></label>
|
||||
</div>
|
||||
<div class="row" data-bind="visible: hasWifi && !showMultiSsid()">
|
||||
<label class="col-xs-7" data-trans="network_name"></label>
|
||||
<label class="col-xs-5 col-xs-overflow" data-bind="text: ssid"></label>
|
||||
</div>
|
||||
</div>
|
||||
<div style="text-align:right;">
|
||||
<a href="javascript: void(0)" data-trans="detail_info" id="showDetailInfo" tabindex="0"></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="h_qrcode" data-bind="visible: showQRCode" style="float:right" class="text-center">
|
||||
<img id="qrcode_img" data-bind="attr: {src: qrcodeSrc}" src="./pic/res_blacktrans.png" width="111"/>
|
||||
</div>
|
||||
|
||||
<script type="text/x-jquery-tmpl" id="detailInfoTmpl">
|
||||
<div class="row">
|
||||
<label class="col-xs-6" data-trans="sim_serial_number" class="col-xs-6"></label>
|
||||
<label class="col-xs-6"><%= simSerialNumber %></label>
|
||||
</div>
|
||||
<div class="row">
|
||||
<label class="col-xs-6" 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>
|
||||
<% 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>
|
||||
<div class="row">
|
||||
<label class="col-xs-6" data-trans="rsrp"></label>
|
||||
<label class="col-xs-6"><%= rsrp %></label>
|
||||
</div>
|
||||
<div class="row">
|
||||
<label class="col-xs-6" data-trans="rsrq"></label>
|
||||
<label class="col-xs-6"><%= rsrq %></label>
|
||||
</div>
|
||||
<div class="row">
|
||||
<label class="col-xs-6" data-trans="rssi"></label>
|
||||
<label class="col-xs-6"><%= rssi %></label>
|
||||
</div>
|
||||
<div class="row">
|
||||
<label class="col-xs-6" data-trans="sinr"></label>
|
||||
<label class="col-xs-6"><%= sinr %></label>
|
||||
</div>
|
||||
<div class="row">
|
||||
<label class="col-xs-6" data-trans="cellid"></label>
|
||||
<label class="col-xs-6"><%= cellid %></label>
|
||||
</div>
|
||||
<div class="row">
|
||||
<label class="col-xs-6" data-trans="pci"></label>
|
||||
<label class="col-xs-6"><%= pci %></label>
|
||||
</div>
|
||||
<div class="row">
|
||||
<label class="col-xs-6" data-trans="reside_band"></label>
|
||||
<label class="col-xs-6"><%= reside_band %></label>
|
||||
</div>
|
||||
</script>
|
||||
220
webs/mf761/web/subpg/network_apn_set.html
Normal file
220
webs/mf761/web/subpg/network_apn_set.html
Normal file
@@ -0,0 +1,220 @@
|
||||
<div id="innerContainer">
|
||||
<div class="row header-row">
|
||||
<div class="col-xs-1">
|
||||
<a href="#main">
|
||||
<img alt="" src="pic/direct-back.png">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xs-11">
|
||||
<div class="form-title">
|
||||
<h1 data-trans='net_setting'></h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-2">
|
||||
<div class="nav_right">
|
||||
<ul>
|
||||
<li><a data-trans="dial_mode" href="#conn_set"></a></li>
|
||||
<li><a data-trans="net_select" href="#network_choose"></a></li>
|
||||
<li class="active"><a data-trans="apn_setting" href="#cgdcont_set"></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xs-10">
|
||||
|
||||
<form id="apn_setting_form">
|
||||
<div class="form-body">
|
||||
<h3 data-trans="apn_setting" class="form-title"></h3>
|
||||
<div class="content">
|
||||
<!-- 当前APN -->
|
||||
<div class="row form-group">
|
||||
<label data-trans="apn_currentApn" class="col-xs-3 side-right"></label>
|
||||
<label data-bind="text: defApn" class="col-xs-6"></label>
|
||||
</div>
|
||||
<!-- 模式 手动、自动 -->
|
||||
<div class="row form-group">
|
||||
<label data-trans="apn_mode" class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<div class="row">
|
||||
<div class="col-xs-4">
|
||||
<input id="apnMode_auto" type="radio" name="apnMode" data-bind="checked: apnMode, event: {click: apnModeChangeHandler}, disable: autoApnChecked() == false && disableProfile() == true" value="auto"/>
|
||||
<label for="apnMode_auto" data-trans="apn_auto_apn"></label>
|
||||
</div>
|
||||
<div class="col-xs-4">
|
||||
<input id="apnMode_manual" type="radio" name="apnMode" data-bind="checked: apnMode, event: {click: apnModeChangeHandler}, disable: autoApnChecked() == false && disableProfile() == true" value="manual"/>
|
||||
<label for="apnMode_manual" data-trans="apn_manual_apn"></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="apn_form_container" data-bind="visible: showAutoApnDetail()">
|
||||
<div class="row form-group">
|
||||
<label class="col-xs-3 side-right" for="profile" data-trans="apn_profile"></label>
|
||||
<div class="col-xs-4">
|
||||
<select id="autoProfile" name="autoProfile" data-bind="options: autoProfiles, value: selectedAutoProfile, optionsText: 'text', optionsValue: 'value', disable: disableProfile, event:{ change: autoProfileChangeHandler}, visible: apnMode() == 'auto'" class="form-control"></select>
|
||||
<select id="profile" name="profile" data-bind="options: profiles, value: selectedProfile, optionsText: 'text', optionsValue: 'value', disable: disableProfile, event:{ change: profileChangeHandler}, visible: apnMode() == 'manual'" class="form-control"></select>
|
||||
</div>
|
||||
|
||||
<div class="col-xs-2">
|
||||
<input type="button" data-bind="click: addAct, visible: autoApnChecked() == false && disableProfile() == false && hasCapacity() == true" data-trans="add_new" class="btn btn-primary"/>
|
||||
<input type="button" data-bind="click: cancelAddAct, visible: autoApnChecked() == false && disableProfile() == true && hasCapacity() == true" data-trans="cancel" class="btn btn-primary"/>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind="visible: supportIPv6()" class="row form-group">
|
||||
<label for="apn_pdp_type" data-trans="apn_pdp_type" class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<select id="apn_pdp_type" name="apn_pdp_type" data-bind="options: pdpTypes, value: selectedPdpType, optionsText: 'text', optionsValue: 'value', disable: checkInputDisable, event:{ change: pdpTypeChangeAlert}" class="form-control"></select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label for="profile_name" data-trans="apn_profile_name" class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<input id="profile_name" type="text" name="profile_name" data-bind="value: profileName, disable: checkInputDisable" maxlength="15" class="required form-control"/>
|
||||
</div>
|
||||
</div>
|
||||
<div id="ipv4_section" data-bind="visible: selectedPdpType() != 'IPv6'">
|
||||
<div class="row form-group">
|
||||
<label for="apn_ipv4_apn" data-bind="attr:{'data-trans': transApn}" class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<input id="apn_ipv4_apn" type="text" name="apn_ipv4_apn" data-bind="value: apn, disable: checkInputDisable" maxlength="64" class="required form-control"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group" data-bind="visible: showApnDns()">
|
||||
<label data-bind="attr:{'data-trans': transDnsMode}" class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<input id="apn_auto_dns_ipv4" type="radio" name="apn_auto_dns_ipv4" data-bind="checked: dnsMode, disable: checkInputDisable" value="auto"/>
|
||||
<label for="apn_auto_dns_ipv4" data-trans="apn_auto_dns"></label>
|
||||
<input id="apn_manual_dns_ipv4" type="radio" name="apn_manual_dns_ipv4" data-bind="checked: dnsMode, disable: checkInputDisable" value="manual"/>
|
||||
<label for="apn_manual_dns_ipv4" data-trans="apn_manual_dns"></label>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind="visible: showDns() && showApnDns()" class="row form-group">
|
||||
<label for="apn_dns1_ipv4" data-bind="attr:{'data-trans': transDns1}" class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<input id="apn_dns1_ipv4" type="text" name="apn_dns1_ipv4" data-bind="value: dns1, disable: checkInputDisable" maxlength="15" class="required ipv4 form-control"/>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind="visible: showDns() && showApnDns()" class="row form-group">
|
||||
<label for="apn_dns2_ipv4" data-bind="attr:{'data-trans': transDns2}" class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<input id="apn_dns2_ipv4" type="text" name="apn_dns2_ipv4" data-bind="value: dns2, disable: checkInputDisable" maxlength="15" class="ipv4 form-control"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label for="apn_authentication_ipv4" data-bind="attr:{'data-trans': transAuth}" class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<select id="apn_authentication_ipv4" name="apn_authentication_ipv4" data-bind="options: authModes, disable: checkInputDisable, value: selectedAuthentication, optionsText: 'text', optionsValue: 'value'" class="form-control"></select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label for="apn_user_name_ipv4" data-bind="attr:{'data-trans': transUserName}" class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<input id="apn_user_name_ipv4" type="text" name="apn_user_name_ipv4" data-bind="value: username, disable: checkInputDisable" maxlength="64" class="form-control"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label class="col-xs-3 side-right" for="apn_secretcode_ipv4" data-bind="attr:{'data-trans': transPassword}"></label>
|
||||
<div class="col-xs-6">
|
||||
<input id="apn_secretcode_ipv4" type="password" name="apn_secretcode_ipv4" data-bind="value: password,visible:!showPassword(), disable: checkInputDisable" maxlength="64" class="form-control"/>
|
||||
<input id="apn_secretcode_ipv4_show" type="text" name="apn_secretcode_ipv4" data-bind="value: password,visible:showPassword(), disable: checkInputDisable" maxlength="64" class="form-control"/>
|
||||
<div class="margin-top-10">
|
||||
<p data-bind="css:{'checkbox_selected': showPassword()}, click: showPasswordHandler" manualControl="true" class="checkbox">
|
||||
<input id="showPassword" data-bind="checked:showPassword" type="checkbox"/>
|
||||
</p>
|
||||
<label data-trans="display_password" class="floatleft lineheight25 margintop5"></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 以下是ipv6 -->
|
||||
|
||||
<div data-bind="visible: (selectedPdpType() == 'IPv4v6' && supportIpv4AndIpv6()) || selectedPdpType() == 'IPv6'">
|
||||
<div class="row form-group">
|
||||
<label for="apn_ipv6_apn" data-bind="attr:{'data-trans': transApnV6}" class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<input id="apn_ipv6_apn" type="text" name="apn_ipv6_apn" data-bind="value: apnV6, disable: checkInputDisable" maxlength="64" class="required form-control"/>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind="visible: showApnDns()" class="row form-group">
|
||||
<label data-bind="attr:{'data-trans': transDnsModeV6}" class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<input id="apn_auto_dns_ipv6" type="radio" name="dns_ipv6" data-bind="checked: dnsModeV6, disable: checkInputDisable" value="auto"/>
|
||||
<label for="apn_auto_dns_ipv6" data-trans="apn_auto_dns"></label>
|
||||
<input id="apn_manual_dns_ipv6" type="radio" name="dns_ipv6" data-bind="checked: dnsModeV6, disable: checkInputDisable" value="manual"/>
|
||||
<label for="apn_manual_dns_ipv6" data-trans="apn_manual_dns"></label>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind="visible: showDnsV6() && showApnDns()" class="row form-group">
|
||||
<label for="apn_dns1_ipv6" data-bind="attr:{'data-trans': transDns1V6}" class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<input id="apn_dns1_ipv6" type="text" name="apn_dns1_ipv6" data-bind="value: dns1V6, disable: checkInputDisable" class="required ipv6 form-control"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group" data-bind="visible: showDnsV6() && showApnDns()">
|
||||
<label class="col-xs-3 side-right" for="apn_dns2_ipv6" data-bind="attr:{'data-trans': transDns2V6}"></label>
|
||||
<div class="col-xs-6">
|
||||
<input id="apn_dns2_ipv6" type="text" name="apn_dns2_ipv6" data-bind="value: dns2V6, disable: checkInputDisable" class="ipv6 form-control"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row form-group">
|
||||
<label for="authentication_ipv6" data-bind="attr:{'data-trans': transAuthV6}" class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<select id="authentication_ipv6" name="authentication_ipv6" data-bind="options: authModes, disable: checkInputDisable, value: selectedAuthenticationV6, optionsText: 'text', optionsValue: 'value'" class="form-control"></select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label for="apn_user_name_ipv6" data-bind="attr:{'data-trans': transUserNameV6}" class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<input id="apn_user_name_ipv6" type="text" name="apn_user_name_ipv6" data-bind="value: usernameV6, disable: checkInputDisable" maxlength="64" class="form-control"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label for="apn_secretcode_ipv6" data-bind="attr:{'data-trans': transPasswordV6}" class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<input id="apn_secretcode_ipv6" type="password" name="apn_secretcode_ipv6" data-bind="value: passwordV6,visible:!showPassword(), disable: checkInputDisable" maxlength="64" class="form-control"/>
|
||||
<input id="apn_secretcode_ipv6_show" type="text" name="apn_secretcode_ipv6" data-bind="value: passwordV6,visible:showPassword(), disable: checkInputDisable" maxlength="64" class="form-control"/>
|
||||
<div class="margin-top-10">
|
||||
<p data-bind="css:{'checkbox_selected': showPassword()}, click: showPasswordHandler" manualControl="true" class="checkbox">
|
||||
<input id="showV6Password" data-bind="checked:showPassword" type="checkbox"/>
|
||||
</p>
|
||||
<label data-trans="display_password" class="floatleft lineheight25 margintop5"></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label for="apn_secretcode_ipv6" data-trans="dial_num" class="col-xs-3 side-right"></label>
|
||||
<label class="col-xs-6" data-bind="text: wanDial"></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-buttons">
|
||||
<input type="button" data-bind="click: setDefaultAct, visible: disableProfile() == false && setDefaultVisible() && !defaultCfg()" data-trans="set_default" class="btn btn-primary"/>
|
||||
<input type="submit" formmethod="post" data-bind="visible: (!autoApnChecked() && !predeterminedCfg()) || disableProfile() == true" data-trans="apply" class="btn btn-primary"/>
|
||||
<input type="button" data-bind="click: deleteAct, visible: !autoApnChecked() && !defaultCfg() && !predeterminedCfg() && !disableProfile()" data-trans="delete" class="btn btn-primary"/>
|
||||
</div>
|
||||
<div class="form-note">
|
||||
<div class="notes-title"> </div>
|
||||
<ul class="notes-content">
|
||||
<li data-trans="apn_note_whole_page"></li>
|
||||
<li data-trans="apn_note_mode"></li>
|
||||
<li data-trans="apn_note_profile"></li>
|
||||
<li data-trans="apn_note_pdp_type" data-bind="visible: supportIPv6()"></li>
|
||||
<li data-trans="apn_note_profile_name"></li>
|
||||
<li data-trans="apn_note_apn"></li>
|
||||
<li data-trans="apn_note_dns_mode" data-bind="visible: showApnDns()"></li>
|
||||
<li data-trans="apn_note_authentication"></li>
|
||||
<li data-trans="apn_note_username"></li>
|
||||
<li data-trans="apn_note_password"></li>
|
||||
<li data-trans="apn_note_set_default"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
68
webs/mf761/web/subpg/network_dial_set.html
Normal file
68
webs/mf761/web/subpg/network_dial_set.html
Normal file
@@ -0,0 +1,68 @@
|
||||
<div id="innerContainer">
|
||||
<div class="row header-row">
|
||||
<div class="col-xs-1">
|
||||
<a href="#main">
|
||||
<img alt="" src="pic/direct-back.png">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xs-11">
|
||||
<div class="form-title">
|
||||
<h1 data-trans='net_setting'></h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-2">
|
||||
<div class="nav_right">
|
||||
<ul>
|
||||
<li class="active"><a data-trans="dial_mode" href="#conn_set"></a></li>
|
||||
<li><a data-trans="net_select" href="#network_choose"></a></li>
|
||||
<li><a data-trans="apn_setting" href="#cgdcont_set"></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xs-10">
|
||||
|
||||
<form>
|
||||
<div class="form-body">
|
||||
<h3 data-trans="dial_mode" class="form-title"></h3>
|
||||
<div class="content">
|
||||
<div class="row form-group">
|
||||
<label data-trans='dial_mode' class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-2">
|
||||
<input id='auto_mode' type="radio" name="modeGroup" value="auto_dial" data-bind="checked: selectMode, enable: enableFlag" />
|
||||
<label for='auto_mode' data-trans='auto_select'></label>
|
||||
</div>
|
||||
<div class="col-xs-2">
|
||||
<input id='manual_mode' type="radio" name="modeGroup" value="manual_dial" data-bind="checked: selectMode, enable: enableFlag" />
|
||||
<label for='manual_mode' data-trans='manual_select'></label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div data-bind="visible: selectMode() == 'auto_dial'" class="row form-group">
|
||||
<div class="col-xs-3"></div>
|
||||
<div class="col-xs-8 label-absolute">
|
||||
<p id="roamBtn" data-bind="css:{'checkbox_selected': isAllowedRoaming()=='on'}, click: setAllowedRoaming" manualControl="true"class="checkbox floatleft margintop5 checkboxToggle">
|
||||
<input type="checkbox" id="isAllowedRoaming" value="on" data-bind="checked:isAllowedRoaming()=='on'" />
|
||||
</p>
|
||||
<label for="isAllowedRoaming" data-trans="dial_roaming_remind" class="update_inline floatleft lineheight25"></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-buttons">
|
||||
<input type="button" data-bind='click: save, enable: enableFlag' data-trans="apply" class="btn btn-primary"/>
|
||||
</div>
|
||||
<div class="form-note">
|
||||
<div class="notes-title"> </div>
|
||||
<ul class="notes-content">
|
||||
<li data-trans="diconneted_operate_note"></li>
|
||||
<li data-trans="dial_setting_note_automatic"></li>
|
||||
<li data-trans="dial_setting_note_manual"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
171
webs/mf761/web/subpg/network_dial_set_cpe.html
Normal file
171
webs/mf761/web/subpg/network_dial_set_cpe.html
Normal file
@@ -0,0 +1,171 @@
|
||||
<div id="innerContainer">
|
||||
<div class="row header-row">
|
||||
<div class="col-xs-1">
|
||||
<a href="#main">
|
||||
<img alt="" src="pic/direct-back.png">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xs-11">
|
||||
<div class="form-title">
|
||||
<h1 data-trans='wan'></h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-1 margin-top-15">
|
||||
</div>
|
||||
<div class="col-xs-11">
|
||||
|
||||
<form id="pppoeForm">
|
||||
<input type="hidden" data-bind="value: action" />
|
||||
<div class="form-body">
|
||||
<div class="content">
|
||||
<div class="row form-group">
|
||||
<label data-trans='dial_mode' class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<select id='pppoe_mode' data-transid="pppoe_mode_type" name="pppoe_mode" data-bind="options: modes, value: currentMode, optionsText: transOption('pppoe_mode_type'), optionsValue: 'value', event: {change: changeModeDiv}" class="form-control">
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div id="pppoeMode" data-bind="visible: isPppoeMode">
|
||||
<!--div class="form-title">PPPoE</div-->
|
||||
<div class="row form-group">
|
||||
<label data-trans='apn_user_name' class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<input type="text" data-bind="value: user" maxlength="30" class="required form-control">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label data-trans='apn_password' class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<input type="password" data-bind="value: password,visible:!showPassword()" maxlength="30" class="required form-control"/>
|
||||
<input type="text" data-bind="value: password,visible:showPassword()" maxlength="30" class="required form-control"/>
|
||||
<div class="margin-top-10">
|
||||
<p data-bind="css:{'checkbox_selected': showPassword()}, click: showPasswordHandler" manualControl="true" class="checkbox">
|
||||
<input id="showPassword" data-bind="checked:showPassword" type="checkbox"/>
|
||||
</p>
|
||||
<label data-trans="display_password" class="floatleft lineheight25 margintop5"></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group" data-bind="visible:pppoeNoticeShow">
|
||||
<label data-trans="net_status" class="col-xs-3 side-right"></label>
|
||||
<label data-bind="text:pppoeNoticeText,attr:{'data-trans':pppoeNotice}" class="col-xs-6 side-left"></label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="staticMode" data-bind="visible: isStaticMode">
|
||||
<!--div class="form-title">Static</div-->
|
||||
<div class="row form-group">
|
||||
<label for="txtIpAddress" data-trans="ip_address" class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<input id="txtIpAddress" name="txtIpAddress" type="text" data-bind="value: ipAddress" maxlength="15" class="required form-control"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label for="txtSubnetMask" data-trans="subnet_mask" class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<input id="txtSubnetMask" name="txtSubnetMask" type="text" data-bind="value: subnetMask" maxlength="15" class="required form-control"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label for="txtDefaultGateway" data-trans="default_Gateway" class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<input id="txtDefaultGateway" name="txtDefaultGateway" type="text" data-bind="value: defaultGateway" maxlength="15" class="required form-control"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label for="txtPrimaryDNS" data-trans="primary_dns" class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<input id="txtPrimaryDNS" name="txtPrimaryDNS" type="text" data-bind="value: primaryDNS" maxlength="15" class="required form-control"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label for="txtSecondaryDNS" data-trans="secondary_dns" class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<input id="txtSecondaryDNS" name="txtSecondaryDNS" type="text" data-bind="value: secondaryDNS" maxlength="15" class="required form-control"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group" data-bind="visible:staticNoticeShow">
|
||||
<label data-trans="net_status" class="col-xs-3 side-right"></label>
|
||||
<label data-bind="text:staticNoticeText,attr:{'data-trans':staticNotice}" class="col-xs-6 side-left"></label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="autoMode" data-bind="visible: isAutoMode()">
|
||||
<div class="row form-group">
|
||||
<label data-trans='apn_user_name' class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<input type="text" data-bind="value: autoUser" maxlength="30" class="required form-control">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label data-trans='apn_password' class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<input type="password" data-bind="value: autoPassword,visible:!showPassword()" maxlength="30" class="required form-control"/>
|
||||
<input type="text" data-bind="value: autoPassword,visible:showPassword()" maxlength="30" class="required form-control"/>
|
||||
<div class="margin-top-10">
|
||||
<p data-bind="css:{'checkbox_selected': showPassword()}, click: showPasswordHandler" manualControl="true" class="checkbox">
|
||||
<input data-bind="checked:showPassword" type="checkbox"/>
|
||||
</p>
|
||||
<label data-trans="display_password" class="floatleft lineheight25 margintop5"></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind="visible:autoNoticeShow" class="row form-group">
|
||||
<label data-trans="net_status" class="col-xs-3 side-right"></label>
|
||||
<label data-bind="text:autoNoticeText,attr:{'data-trans':autoNotice}" class="col-xs-6 side-left"></label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row form-group">
|
||||
<label data-trans='dial_mode_cpe' class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-3">
|
||||
<input id="autoDial" type="radio" name="pppMode" data-bind="checked: pppMode, enable: enableFlag" value="auto_dial" class=""/>
|
||||
<label for="autoDial" data-trans="auto_select"></label>
|
||||
</div>
|
||||
<div class="col-xs-3">
|
||||
<input id="manualMode" type="radio" name="pppMode" data-bind="checked: pppMode" value="manual_dial" class=""/>
|
||||
<label for="manualMode" data-trans="manual_select"></label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row form-group" data-bind="visible:dhcpNoticeShow">
|
||||
<label data-trans="net_status" class="col-xs-3 side-right"></label>
|
||||
<label data-bind="attr:{'data-trans':dhcpNotice},text:dhcpNoticeText" class="col-xs-6 side-left"></label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-buttons">
|
||||
<input id="pppoeApply" type="submit" formmethod="post" data-bind='attr: {"data-trans": btnTrans}' class="btn btn-primary"/>
|
||||
<input id="cancelConnect" type="button" data-trans="cancelconnect" data-bind='click: cancelConnect, visible: isShowCancelbtn' class="btn btn-primary"/>
|
||||
<input id="disconnectConnect" type="button" data-trans="disconnect" data-bind='click: cancelConnect, visible: isShowDisbtn' class="btn btn-primary"/>
|
||||
</div>
|
||||
|
||||
<div class="form-note">
|
||||
<div class="notes-title"> </div>
|
||||
<ul class="notes-content">
|
||||
<li data-trans="wan_note_connection_mode"></li>
|
||||
<li class="no-style">
|
||||
<ul>
|
||||
<li data-trans="wan_note_connection_mode_pppoe"></li>
|
||||
<li data-trans="wan_note_connection_mode_dhcp"></li>
|
||||
<li data-trans="wan_note_connection_mode_static"></li>
|
||||
<li data-trans="wan_note_connection_mode_auto"></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li data-bind="visible: isPppoeMode || isAutoMode()" data-trans="wan_note_user_name"></li>
|
||||
<li data-bind="visible: isPppoeMode || isAutoMode()" data-trans="wan_note_password"></li>
|
||||
<li data-bind="visible: isPppoeMode" data-trans="wan_note_dial"></li>
|
||||
<li data-bind="visible: isPppoeMode" class="no-style">
|
||||
<ul>
|
||||
<li data-trans="dial_setting_note_automatic"></li>
|
||||
<li data-trans="dial_setting_note_manual"></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
106
webs/mf761/web/subpg/network_net_select.html
Normal file
106
webs/mf761/web/subpg/network_net_select.html
Normal file
@@ -0,0 +1,106 @@
|
||||
<div id="innerContainer">
|
||||
<div class="row header-row">
|
||||
<div class="col-xs-1">
|
||||
<a href="#main">
|
||||
<img alt="" src="pic/direct-back.png">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xs-11">
|
||||
<div class="form-title">
|
||||
<h1 data-trans='net_setting'></h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-2">
|
||||
<div class="nav_right">
|
||||
<ul>
|
||||
<li><a data-trans="dial_mode" href="#conn_set"></a></li>
|
||||
<li class="active"><a data-trans="net_select" href="#network_choose"></a></li>
|
||||
<li><a data-trans="apn_setting" href="#cgdcont_set"></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xs-10">
|
||||
|
||||
<form role="form">
|
||||
<div class="form-body">
|
||||
<h3 data-trans="net_select" class="form-title"></h3>
|
||||
<div class="content">
|
||||
<div class="row form-group">
|
||||
<label data-trans='net_select' class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-8">
|
||||
<div class="row">
|
||||
<div class="col-xs-4">
|
||||
<input id='auto_select' type="radio" name="selectGroup" value="auto_select" data-bind="checked: selectMode, enable: enableFlag" />
|
||||
<label for='auto_select' data-trans='auto_select'></label>
|
||||
</div>
|
||||
<div class="col-xs-6">
|
||||
<select id="type" data-transid='auto_select_type' data-bind="options: types, value: selectedType, optionsText: transOption('auto_select_type'), optionsValue: 'value', enable: enableFlag() && selectMode() == 'auto_select'" class="form-control"></select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-8">
|
||||
<input id='manual_select' type="radio" name="selectGroup" value="manual_select" data-bind="checked: selectMode, enable: enableFlag" />
|
||||
<label for='manual_select' data-trans='manual_select'></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-buttons">
|
||||
<input type="button" data-bind='click: save, visible: selectMode() == "auto_select", enable: enableFlag, css: {disabled: !enableFlag()}' data-trans='apply' class="btn btn-primary"/>
|
||||
<input type="button" data-bind='click: search, visible: selectMode() != "auto_select", enable: enableFlag, css: {disabled: !enableFlag()}' data-trans='search' class="btn btn-primary"/>
|
||||
</div>
|
||||
|
||||
<div data-bind='visible: networkList().length > 0 && selectMode() == "manual_select"' class="content">
|
||||
<div class="form-title">
|
||||
<h2 data-trans='network_list'></h2>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="ko-grid-container marginnone">
|
||||
<table cellspacing="0" cellpadding="0" class="table table-striped table-hover">
|
||||
<thead>
|
||||
<tr>
|
||||
<th width="12%" data-trans="option"></th>
|
||||
<th width="16%" data-trans="net_status"></th>
|
||||
<th width="21%" data-trans="network_provider"></th>
|
||||
<th width="18%" data-trans="mccmnc"></th>
|
||||
<th width="18%" data-trans="networktype"></th>
|
||||
<th width="15%" data-trans="subnet"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-bind='foreach: networkList'>
|
||||
<tr data-bind="css:{odd:$index()%2==1, even:$index()%2==0}">
|
||||
<td><input type="radio" name="networkGroup"
|
||||
data-bind='value: $root.networkValue($data), checked: $root.selectNetwork, attr: {id: $root.networkValue($data)}, enable: $root.enableFlag'/>
|
||||
</td>
|
||||
<td data-bind='attr: {"data-trans": $root.networkStatusId($data)}, text: $root.networkStatus($data)'></td>
|
||||
<td data-bind='text: $root.operatorName($data)'></td>
|
||||
<td data-bind='text: $root.networkText($data)'></td>
|
||||
<td data-bind='attr: {"data-trans": $root.networkTypeId($data)}, text: $root.networkType($data)'></td>
|
||||
<td data-bind='attr: {"data-trans": $root.subnetTypeId($data)}, text: $root.subnetworkType($data)'></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-buttons">
|
||||
<input type="button" data-bind='click: register, enable: selectNetwork() != "" && enableFlag, css: {disabled: selectNetwork() == "" || !enableFlag()}' data-trans='register' class="btn btn-primary"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-note">
|
||||
<div class="notes-title"> </div>
|
||||
<ul class="notes-content">
|
||||
<li data-trans="diconneted_operate_note"></li>
|
||||
<li data-trans="net_select_note_automatic"></li>
|
||||
<li data-trans="net_select_note_manual"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
41
webs/mf761/web/subpg/opmode_popup.html
Normal file
41
webs/mf761/web/subpg/opmode_popup.html
Normal file
@@ -0,0 +1,41 @@
|
||||
<form id="opmode_form">
|
||||
<div class="form-body">
|
||||
<div data-trans="opmode" class="form-title"></div>
|
||||
<div class="content">
|
||||
<!--<div class="row form-group">-->
|
||||
<!--<div class="col-xs-1"></div>-->
|
||||
<!--<div class="col-xs-10">-->
|
||||
<!--<input id="opMode_bridge" name="opMode" data-bind="checked: selectedMode" type="radio" value="BRIDGE">-->
|
||||
<!--<label data-trans="opmode_bridge" for="opMode_bridge"></label>-->
|
||||
<!--</div>-->
|
||||
<!--</div>-->
|
||||
<div class="row form-group">
|
||||
<div class="col-xs-1"></div>
|
||||
<div class="col-xs-10">
|
||||
<input id="opMode_cable" name="opMode" data-bind="checked: selectedMode" type="radio" value="PPPOE" />
|
||||
<label data-trans="opmode_cable" for="opMode_cable"></label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<div class="col-xs-1"></div>
|
||||
<div class="col-xs-10">
|
||||
<input id="opMode_gateway" name="opMode" data-bind="checked: selectedMode" type="radio" value="PPP" />
|
||||
<label data-trans="opmode_gateway" for="opMode_gateway"></label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<div class="col-xs-1"></div>
|
||||
<div class="col-xs-10">
|
||||
<input id="opMode_auto" name="opMode" data-bind="checked: selectedMode" type="radio" value="AUTO" />
|
||||
<label data-trans="auto_select" for="opMode_auto"></label>
|
||||
</div>
|
||||
</div>
|
||||
<!--div>
|
||||
<span data-trans="opmode_msg1" class="op_msg help-block" />
|
||||
</div-->
|
||||
<div style="margin-right: 0;" class="form-buttons">
|
||||
<input data-trans="apply" type="submit" formmethod="post" class="btn btn-default"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
151
webs/mf761/web/subpg/ota_update.html
Normal file
151
webs/mf761/web/subpg/ota_update.html
Normal file
@@ -0,0 +1,151 @@
|
||||
<div id="innerContainer">
|
||||
<div class="row header-row">
|
||||
<div class="col-xs-1">
|
||||
<a href="#main">
|
||||
<img alt="" src="pic/direct-back.png">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xs-11">
|
||||
<div class="form-title">
|
||||
<h1 data-trans='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="#sdcard" data-bind="visible: isSupportSD" data-trans="sd" class="c2175FF"></a></li>
|
||||
<li><a href="#dynamic_dns" data-trans="DDNS"></a></li>
|
||||
<li><a data-trans="network_band_selection" href="#band_selection"></a></li>
|
||||
<li><a data-trans="tr069" href="#tr069"></a></li>
|
||||
<li><a data-trans="vpn" href="#vpn"></a></li>
|
||||
<li><a href="#more" data-trans="others"></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xs-10">
|
||||
<form id="frmOTAUpdate" role="form" data-bind="visible: updateType() == 'mifi_fota'">
|
||||
<h3 data-trans="ota_update_manual" class="form-title"></h3>
|
||||
<div class="form-body margin-top-20">
|
||||
<div class="content">
|
||||
<div class="row">
|
||||
<div class="col-xs-6">
|
||||
<!--span data-trans="ota_last_update_check"></span>
|
||||
<span data-bind="text: lastCheckTime"></span-->
|
||||
</div>
|
||||
<div class="col-xs-6 align-right">
|
||||
<input id="btnCheckNewVersion" data-bind="click:checkNewVersion" data-trans="ota_check_new_version" type="button" class="btn btn-primary margin-right-20"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-note">
|
||||
<div class="notes-title"> </div>
|
||||
<ul class="notes-content">
|
||||
<li data-trans="ota_check_new_version_desc"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--div class="form-title" data-trans='ota_update_manual'></div>
|
||||
<div class="content">
|
||||
<span class="paddingleft25" data-trans="ota_check_new_version_desc"></span>
|
||||
</div>
|
||||
<div class="form-buttons">
|
||||
<input id="btnCheckNewVersion" type="button" class="btn btn-primary" data-trans="ota_check_new_version"
|
||||
data-bind="click:checkNewVersion"/>
|
||||
</div>
|
||||
<div class="form-title" data-trans='ota_update_setting'></div-->
|
||||
<div class="content">
|
||||
<h3 data-trans="ota_update_setting" class="form-title"></h3>
|
||||
<div class="row">
|
||||
<label data-trans="ota_auto_update_switch" class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-8">
|
||||
<div class="row form-group">
|
||||
<div class="col-xs-3">
|
||||
<input id="auto_update_enable" name="updateMode" data-bind="checked: updateMode" type="radio" value="1"/>
|
||||
<label data-trans="enable" for="auto_update_enable"></label>
|
||||
</div>
|
||||
<div class="col-xs-4">
|
||||
<input id="auto_update_disable" name="updateMode" data-bind="checked: updateMode" type="radio" value="0"/>
|
||||
<label data-trans="disable" for="auto_update_disable"></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group" data-bind="visible: false">
|
||||
<label data-trans="ota_update_interval_day" for="selInterValDay" class="col-xs-4 side-right"></label>
|
||||
|
||||
<div class="col-xs-3">
|
||||
<select id="selInterValDay" name="selInterValDay" data-bind="value: updateIntervalDay" class="form-control">
|
||||
<option data-trans="ota_update_every_day" value="1"></option>
|
||||
<option data-trans="ota_update_15_day" value="15"></option>
|
||||
<option data-trans="ota_update_30_day" value="30"></option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group" data-bind="visible: updateMode()=='1'">
|
||||
<div class="col-xs-12 padding-top-10">
|
||||
<p class="checkbox" data-bind="css:{'checkbox_selected': allowRoamingUpdate()=='1'}, click: clickAllowRoamingUpdate"
|
||||
manualControl="true">
|
||||
<input id="chkUpdateRoamPermission" name="chkUpdateRoamPermission" data-bind="checked:allowRoamingUpdate()=='1'" type="checkbox" value="1"/>
|
||||
</p>
|
||||
<label data-trans="ota_update_roaming_remind" class="update_inline floatleft"></label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-buttons">
|
||||
<input id="btnApply" data-trans="apply" type="submit" formmethod="post" class="btn btn-primary"/>
|
||||
</div>
|
||||
<div class="form-note">
|
||||
<div class="notes-title"> </div>
|
||||
<ul class="notes-content">
|
||||
<li data-trans="fota_note1"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</form>
|
||||
<!--form id="frmNativeUpdate" data-bind="visible: updateType() == 'mifi_local'" method="post" name="UploadFile" id="UploadFile" action="../../cgi-bin/upload.cgi" enctype="multipart/form-data" target="ifr">
|
||||
<div class="form-body">
|
||||
<h3 class="form-title" data-trans="software_upload"></h3>
|
||||
<table style="width:100%">
|
||||
<input type="text" id="upfile" size="20" style="height:35px; width:200px; display:inline-block;" readonly />
|
||||
<input type="button" class="btn btn-primary" data-trans='browse_btn' style="height:34px; width:81px;" />
|
||||
<input id="fileName" class="form-control" type="file" name="fileName" style="margin-left: 15px;background-color:#E3E3E3;opacity:0;filter:alpha(opacity=0);position:absolute;left:0px; width:280px; display:inline-block;" />
|
||||
<input class="btn btn-primary" id="fileuploadsubmit" type="submit" formmethod="post" data-trans="ota_title" style="float:right; margin-top:8px; margin-right: 20px;" />
|
||||
</table>
|
||||
<iframe name="ifr" id="ifr" style="display:none;"></iframe>
|
||||
</div>
|
||||
</form-->
|
||||
<div id="uploadSection" data-bind="visible: updateType() == 'mifi_local'">
|
||||
<h3 class="form-title" data-trans="software_upload"></h3>
|
||||
<iframe id="fileUploadIframe" name="fileUploadIframe" frameborder="0" height="0" scrolling="no" style="height:0px;width:0px;" width="0"></iframe>
|
||||
<form id="fileUploadForm" name="fileUploadForm" action="../../cgi-bin/upload/upload.cgi" enctype="multipart/form-data" method="post" target="fileUploadIframe">
|
||||
<input id="fileField" name="filename" dir="ltr" maxlength="200" type="file"/>
|
||||
<div class="fileUploadDiv">
|
||||
<input id="fileUploadApplyBtn" name="fileUploadApplyBtn" data-trans="ota_title" type="button" onclick="fileUploadSubmitClickHandler();" class="btn btn-primary margin-left-5 margin-top-2"/>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</form>
|
||||
</div>
|
||||
<form data-bind="visible: updateType() == 'mifi_local'">
|
||||
<div class="form-body">
|
||||
<div class="form-note">
|
||||
<div class="notes-title"> </div>
|
||||
<ul class="notes-content">
|
||||
<li data-trans="local_note"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
217
webs/mf761/web/subpg/phonebook.html
Normal file
217
webs/mf761/web/subpg/phonebook.html
Normal file
@@ -0,0 +1,217 @@
|
||||
<div id="innerContainer">
|
||||
<div class="row header-row">
|
||||
<div class="col-xs-1">
|
||||
<a href="#main">
|
||||
<img alt="" src="pic/direct-back.png"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xs-11">
|
||||
<div class="form-title">
|
||||
<!--div data-bind="visible: pageState()==1 || pageState()==2 || pageState()==3,attr:{ bookid : index}">
|
||||
<h1 data-bind='attr:{"data-trans":transEditAreaTitle}'></h1>
|
||||
</div-->
|
||||
<div>
|
||||
<h1>
|
||||
<span data-trans="phonebook"></span>
|
||||
<span data-bind='text: phoneBookCapacity'></span>
|
||||
<span id="simUsed" data-bind="visible:false,text:capacity().simUsed"></span>
|
||||
<span id="deviceUsed" data-bind="visible:false,text:capacity().deviceUsed"></span>
|
||||
<span id="simCapacity" data-bind="visible:false,text:capacity().simCapacity"></span>
|
||||
<span id="deviceCapacity" data-bind="visible:false,text:capacity().deviceCapacity"></span>
|
||||
</h1>
|
||||
</div>
|
||||
<div data-bind="visible: pageState()==4">
|
||||
<h1 data-trans="new_message"></h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
|
||||
<div class="col-xs-2">
|
||||
<div class="nav_right">
|
||||
<ul>
|
||||
<li data-bind="css:{ active : pageState()==0 || pageState()==2 || pageState()==3}"><a id="listBtn" data-bind="click: btnClear" data-trans="list" href="javascript: void(0)"></a></li>
|
||||
<li data-bind="enable:!initFail(), css:{ active : pageState()==1}"><a id="newBtn" data-bind="click: openNewPage" data-trans="new" href="javascript: void(0)"></a></li>
|
||||
<!--li data-bind="visible:pageState()==3 || pageState()==2, css:{ active : pageState()==2}"><a id="editBtn" href="javascript: void(0)" data-bind="click: openEditPage" data-trans="edit"></a></li>
|
||||
<li data-bind="visible:pageState()==3, css:{ active : pageState()==3,}"><a id="viewBtn" href="javascript: void(0)" data-trans="view"></a></li-->
|
||||
<li data-bind="visible:hasSms(),css:{active : pageState()==4}"><a id="sendBtn" data-bind="click: openSendMessagePage" data-trans="send" href="javascript: void(0)"></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-10">
|
||||
|
||||
<form id="frmPhoneBook">
|
||||
<div id="editArea" data-bind="visible: pageState()==1 || pageState()==2 || pageState()==3,attr:{ bookid : index}">
|
||||
<!--h1 class="form-title header-bottom" data-bind='attr:{"data-trans":transEditAreaTitle}'></h1-->
|
||||
<h3 class="form-title" data-bind='attr:{"data-trans":transEditAreaTitle}'></h3>
|
||||
<div class="content">
|
||||
<div class="row form-group">
|
||||
<label data-trans='save_location' class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<select id="selLocation" data-transid='save_location'
|
||||
data-bind="visible:pageState()<=2,options: locations, value: selectedLocation, optionsText: transOption('save_location'), optionsValue: 'value'" class="form-control"></select>
|
||||
<label data-bind="visible:pageState()==3,text:locationTransText,attr:{'data-trans':locationTrans}" class="label-content"></label>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind="visible:pageState()<=2" class="row form-group">
|
||||
<label data-trans="name" for="txtName" class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<input id="txtName" maxlength="22" data-bind="value: name, valueUpdate: 'afterkeydown',attr:{maxlength:nameMaxLength}"
|
||||
type="text" name="txtName" class="required form-control"/>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind="visible:pageState()==3" class="row form-group">
|
||||
<label data-trans="name" class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<label data-bind="text:name" class="label-content"></label>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind="visible:pageState()<=2" class="row form-group">
|
||||
<label data-trans="mobile_phone_number" for="txtMobile" class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<input id="txtMobile" name="txtMobile"
|
||||
data-bind="value: mobile_phone_number,valueUpdate: 'afterkeydown',attr:{maxlength:mobileMaxLength}" type="text" class="required form-control"/>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind="visible:pageState()==3" class="row form-group">
|
||||
<label data-trans="mobile_phone_number" for="txtMobile" class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<label data-bind="text:mobile_phone_number" class="label-content"></label>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind='visible: selectedLocation() != "0"' class="row form-group">
|
||||
<label data-trans="home_phone_number" for="txtHomeNumber" class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<input id="txtHomeNumber"
|
||||
data-bind="visible:pageState()<=2,value: home_phone_number" maxlength="40" name="txtHomeNumber" type="text" class="form-control"/>
|
||||
<label data-bind="visible:pageState()==3,text:home_phone_number" class="label-content"></label>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind='visible: selectedLocation() != "0"' class="row form-group">
|
||||
<label data-trans="office_phone_number" for="txtOfficeNumber" class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<input id="txtOfficeNumber"
|
||||
data-bind="visible:pageState()<=2,value: office_phone_number" maxlength="40" name="txtOfficeNumber" type="text" class="form-control"/>
|
||||
<label data-bind="visible:pageState()==3,text:office_phone_number" class="label-content"></label>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind='visible: selectedLocation() != "0"' class="row form-group">
|
||||
<label data-trans="mail" for="txtMail" class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<input id="txtMail" name="txtMail" data-bind="visible:pageState()<=2,value: mail" type="text" class="form-control"
|
||||
maxlength="30"/>
|
||||
<label data-bind="visible:pageState()==3,text:mail" class="label-content"></label>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind='visible: selectedLocation() != "0"' class="row form-group">
|
||||
<label data-trans='group' class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<select id="group" data-transid='group'
|
||||
data-bind="visible:pageState()<=2,options: groups, value: selectedGroup, optionsText: transOption('group'), optionsValue: 'value'" class="form-control"></select>
|
||||
<label data-bind="visible:pageState()==3,text:groupTransText,attr:{'data-trans':groupTrans}"
|
||||
class="label-content"></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-buttons">
|
||||
<input data-trans='edit' data-bind="visible:pageState()==3,click:openEditPage" type="button" class="btn btn-primary"/>
|
||||
<input data-trans='delete' data-bind="visible:pageState()==3,click:deleteBook" type="button" class="btn btn-primary"/>
|
||||
<input data-trans='save' data-bind="visible:pageState()<=2" type="submit" formmethod="post" class="btn btn-primary"/>
|
||||
<!--input type="button" class="btn btn-primary" data-trans='send_sms'
|
||||
data-bind="visible:pageState()==3 && hasSms(),click:openSendMessagePage, enable:checkHasSIMCard(false)"/-->
|
||||
<input data-bind='click: btnClear,visible: pageState()>=2 || pageState()==3' data-trans='back' type="button" class="btn btn-primary"/>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind="visible: pageState()==0">
|
||||
<!--h1 class="form-title header-bottom">
|
||||
<span data-trans="phonebook"></span>
|
||||
<span data-bind='text: phoneBookCapacity'></span>
|
||||
<span id="simUsed" data-bind="visible:false,text:capacity().simUsed"></span>
|
||||
<span id="deviceUsed" data-bind="visible:false,text:capacity().deviceUsed"></span>
|
||||
<span id="simCapacity" data-bind="visible:false,text:capacity().simCapacity"></span>
|
||||
<span id="deviceCapacity" data-bind="visible:false,text:capacity().deviceCapacity"></span>
|
||||
</h1-->
|
||||
<div class="row form-group paddingright10 paddingtop10">
|
||||
<div class="col-xs-6">
|
||||
<!--input type="button" data-trans="new" class="btn btn-primary" data-bind="click: openNewPage,enable:!initFail()"/-->
|
||||
<!--input type="button" data-trans="send_sms" class="btn btn-primary"
|
||||
data-bind="visible: hasSms(), click: openSendMessagePage,enable:canSend(),css:{'disabled':!canSend()}"/-->
|
||||
<!--<input type="button" data-trans="edit" class="btn"-->
|
||||
<!--data-bind="click: openEditPage ,enable:hasData(),css:{'disabled':!hasData()"/>-->
|
||||
<input data-trans="delete"
|
||||
data-bind="click: deleteBooks ,enable:hasChecked(),css:{'disabled':!hasChecked()}" type="button" class="btn btn-primary"/>
|
||||
<!--input type="button" data-trans="delete_all" class="btn btn-primary"
|
||||
data-bind="click: deleteAllBooks ,enable:hasData(),css:{'disabled':!hasData()}"/-->
|
||||
<!--<input type="button" data-trans="view" class="btn"-->
|
||||
<!--data-bind="click: openViewPage,,enable:hasData(),css:{'disabled':!hasData()"/>-->
|
||||
</div>
|
||||
<div class='col-xs-6 text-right positionrelative'>
|
||||
<div class="row">
|
||||
<div class='col-xs-6'>
|
||||
<div class='ko-grid-search'>
|
||||
<img src='./pic/res_search.png'>
|
||||
<input id='ko_grid_search_txt' type='text' class='ko-grid-search-txt-default width102 noDefaultFocus form-control'
|
||||
data-bind="value:gridTemplate.searchKey,valueUpdate: 'keyup',click:searchTextClick,event:{blur:searchTextBlur}"
|
||||
autocomplete='off' data-trans='search' maxlength="40"/>
|
||||
<img id="clearSearchKey" class='cursor-pointer' src='./pic/res_delete.png' data-bind='click:clearSearchKey'/>
|
||||
</div>
|
||||
</div>
|
||||
<div class='col-xs-6'>
|
||||
<select id="selectedFilterGroup" data-bind="value: selectedFilterGroup, event: {change: selectedFilterGroupChangeHandler}" name="selectedFilterGroup" class="form-control">
|
||||
<option data-trans="group_all" value="all"></option>
|
||||
<option data-trans="group_common" value="common"></option>
|
||||
<option data-trans="group_family" value="family"></option>
|
||||
<option data-trans="group_friend" value="friend"></option>
|
||||
<option data-trans="group_colleague" value="colleague"></option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='clear'></div>
|
||||
</div>
|
||||
<div id="books" data-bind="simpleGrid: gridTemplate"></div>
|
||||
</div>
|
||||
</form>
|
||||
<form id="frmSendMsg">
|
||||
<div id="sendMessage" data-bind="visible: pageState()==4">
|
||||
<!--h1 class="form-title header-bottom" data-trans="new_message"></h1-->
|
||||
<div class="content">
|
||||
<div class="row form-group">
|
||||
<label data-trans='send_numbers' class="col-xs-2 side-right"></label>
|
||||
<div class="col-xs-10">
|
||||
<input type="text" value="test" class="required hide"/>
|
||||
<div id="chosenUserList">
|
||||
<select id="chosenUserSelect" multiple class="chosen-select-deselect width540" data-bind="event:{change: draftListenerEvent}"></select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label data-trans='contents' class="col-xs-2 side-right"></label>
|
||||
<div class="col-xs-10">
|
||||
<textarea id="txtSmsContent"
|
||||
data-bind="value:messageContent,valueUpdate: 'afterkeydown'" style="width: 545px; height: 150px;" name="txtSmsContent" class="form-control"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label class="col-xs-2 side-right"></label>
|
||||
<div class="col-xs-10">
|
||||
<div class="row form-group">
|
||||
<div class="col-xs-9">
|
||||
<span id="msgCount" data-bind="text:messageCount" class="paddingleft10"></span>
|
||||
<span data-bind="visible:showErrorInfo" data-trans="sms_contact_required" class="error-msg"></span>
|
||||
</div>
|
||||
<div class="col-xs-3 side-right">
|
||||
<input data-trans="send" data-bind="click:sendMessage" type="button" class="btn btn-primary"/>
|
||||
<!--span class="paddingright10"><input type="button" data-trans="back" class="btn btn-default" data-bind="click:btnClear"/></span-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
151
webs/mf761/web/subpg/sd.html
Normal file
151
webs/mf761/web/subpg/sd.html
Normal file
@@ -0,0 +1,151 @@
|
||||
<div id="innerContainer">
|
||||
<div class="row header-row">
|
||||
<div class="col-xs-1">
|
||||
<a href="#fota">
|
||||
<img alt="" src="pic/direct-back.png">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xs-11">
|
||||
<div class="form-title">
|
||||
<h1 data-trans='sd'></h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-2">
|
||||
<div class="nav_right">
|
||||
<ul>
|
||||
<li class="active "><a href="#sdcard" data-trans="sd"></a></li>
|
||||
<li><a href="#httpshare" data-trans="httpshare"></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-10">
|
||||
|
||||
<div class="form-body margin-top-20">
|
||||
|
||||
<form id="sdmode_form">
|
||||
<div class="content">
|
||||
<div id="sd_status_group" class="row form-group">
|
||||
<label class="col-xs-4" data-trans="sd_card_status"></label>
|
||||
<div class="col-xs-6">
|
||||
<label id="sd_card_status_info" data-bind="attr: {'data-trans': sdStatusInfo}" class="colorLightBlue show label-content"></label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" data-bind="visible: sdStatus() == 2">
|
||||
<label class="col-xs-3"></label>
|
||||
<div style="margin-top: 0;" class="form-note col-xs-8 sd_invalid_notes">
|
||||
<span data-trans="sd_card_status_info_2_reason"></span>
|
||||
<ul class="notes-content">
|
||||
<li data-trans="sd_card_status_info_2_reason_1"></li>
|
||||
<li data-trans="sd_card_status_info_2_reason_2"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group" data-bind="visible: sdStatus() != 0">
|
||||
<label class="col-xs-4" data-trans="sd_card_mode"></label>
|
||||
<div class="col-xs-8">
|
||||
<div class="row">
|
||||
<div class="col-xs-4">
|
||||
<input id="mode_set_usb" name="mode_set" data-bind="checked: selectedMode" type="radio" value="1"/>
|
||||
<label data-trans="sd_card_share_usb_mode" for="mode_set_usb"></label>
|
||||
</div>
|
||||
<div class="col-xs-4">
|
||||
<input id="mode_set_http" name="mode_set" data-bind="checked: selectedMode" type="radio" value="0"/>
|
||||
<label data-trans="sd_card_share_http_share_mode" for="mode_set_http"></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-buttons" data-bind="visible: sdStatus() != 0">
|
||||
<input data-trans="apply" data-bind="disable: disableApplyBtn()" type="submit" formmethod="post" class="btn btn-primary"/>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<div data-bind="visible: orignalMode() == 0 && selectedMode() == 0 ">
|
||||
<form id="httpshare_form">
|
||||
<h3 class="form-title" data-trans="http_title"></h3>
|
||||
<div class="content">
|
||||
<div data-bind="visible: selectedMode() == 0 && sdStatus() != 0">
|
||||
<div class="row form-group">
|
||||
<label data-trans="sd_card_share_setting" class="col-xs-4"></label>
|
||||
<div class="col-xs-8">
|
||||
<div class="row">
|
||||
<div class="col-xs-4">
|
||||
<input id="share_enable_Enable" name="share_enable" data-bind="checked: selectedShareEnable" type="radio" value="1"/>
|
||||
<label data-trans="enable" for="share_enable_Enable"></label>
|
||||
</div>
|
||||
<div class="col-xs-4">
|
||||
<input id="share_enable_Disable" name="share_enable" data-bind="checked: selectedShareEnable" type="radio" value="0"/>
|
||||
<label data-trans="disable" for="share_enable_Disable"></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind="visible: selectedShareEnable() == 1">
|
||||
<div class="row form-group">
|
||||
<label class="col-xs-4" data-trans="sd_card_file_to_share"></label>
|
||||
<div class="col-xs-8">
|
||||
<div class="row">
|
||||
<div class="col-xs-4">
|
||||
<input id="sd_card_entire_sd_card" name="file_to_share" data-bind="checked: selectedFileToShare, click: fileToShareClickHandle" type="radio" value="1"/>
|
||||
<label data-trans="sd_card_entire_sd_card" for="sd_card_entire_sd_card"></label>
|
||||
</div>
|
||||
<div class="col-xs-4">
|
||||
<input id="sd_card_custom_setting" name="file_to_share" data-bind="checked: selectedFileToShare, click: fileToShareClickHandle" type="radio" value="0"/>
|
||||
<label for="sd_card_custom_setting" data-trans="sd_card_custom_setting"></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label data-trans="sd_card_access_type" class="col-xs-4"></label>
|
||||
<div class="col-xs-8">
|
||||
<div class="row">
|
||||
<div class="col-xs-4">
|
||||
<input id="sd_card_read_write" name="access_type" data-bind="checked: selectedAccessType" type="radio" value="1"/>
|
||||
<label for="sd_card_read_write" data-trans="sd_card_read_write"></label>
|
||||
</div>
|
||||
<div class="col-xs-4">
|
||||
<input id="sd_card_readonly" name="access_type" data-bind="checked: selectedAccessType" type="radio" value="0"/>
|
||||
<label data-trans="sd_card_readonly" for="sd_card_readonly"></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label data-trans="sd_card_path_to_share" for="path_to_share" class="col-xs-4"></label>
|
||||
<div class="col-xs-5">
|
||||
<input id="path_to_share" name="path_to_share" data-bind="value: pathToShare, disable: selectedShareEnable() == 0 || selectedFileToShare() == 1" maxlength="200" type="text" class="form-control required"/>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind="visible: isInvalidPath" class="row">
|
||||
<span class="col-xs-4"></span>
|
||||
<div class="col-xs-5">
|
||||
<span data-trans="sd_share_path_is_invalid" class="colorRed"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind="visible: sdStatus() != 0" class="form-buttons">
|
||||
<input data-trans="apply" data-bind="disable: disableApplyBtn()" type="submit" formmethod="post" class="btn btn-primary"/>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="form-note">
|
||||
<div class="notes-title"> </div>
|
||||
<ul class="notes-content">
|
||||
<li data-trans="note_not_support_fs_ntfs"></li>
|
||||
<li data-trans="note_web_share_mode"></li>
|
||||
<li data-trans="note_usb_access"></li>
|
||||
<li data-bind="visible: orignalMode() == 0 && selectedMode() == 0 " data-trans="note_path_to_share_example"></li>
|
||||
<li data-bind="visible: orignalMode() == 0 && selectedMode() == 0 " data-trans="note_invalid_file_path"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
158
webs/mf761/web/subpg/sd_httpshare.html
Normal file
158
webs/mf761/web/subpg/sd_httpshare.html
Normal file
@@ -0,0 +1,158 @@
|
||||
<div id="innerContainer">
|
||||
<div class="row header-row">
|
||||
<div class="col-xs-1">
|
||||
<a href="#main">
|
||||
<img alt="" src="pic/direct-back.png">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xs-11">
|
||||
<div class="form-title">
|
||||
<h1 data-trans='httpshare'></h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-2">
|
||||
<div class="nav_right">
|
||||
<ul>
|
||||
<li><a data-trans="sd" href="#sdcard"></a></li>
|
||||
<li class="active"><a data-trans="httpshare" href="#httpshare"></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-10">
|
||||
<div id="httpshare_form">
|
||||
<div class="form-body">
|
||||
<div class="content">
|
||||
<div class="row margin-top-20">
|
||||
<div class="col-xs-9">
|
||||
<label data-trans="sd_path" class="col-xs-2 margin-top-5"></label>
|
||||
<div class="col-xs-5">
|
||||
<input id="sd_path" disabled="disabled" noAction="true" type="text" value="" class="form-control"/>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col-xs-3 margin-top-5 push-right">
|
||||
<span id="sd_volumn">
|
||||
<span id="sd_volumn_used"></span>/<span id="sd_volumn_total"></span></span>
|
||||
</div>
|
||||
</div>
|
||||
<div id="fileControlSection" class="margin-top-10 row">
|
||||
<ul class="row">
|
||||
<li id="rootBtnLi" onclick="enterFolder('');" class="cursor-pointer marginleft5">
|
||||
<img src="./pic/returnhome.jpg" class="sdcard_back_img"/>
|
||||
<span data-trans="root"></span>
|
||||
</li>
|
||||
<li id="backBtnLi" onclick="backFolder();" class="cursor-pointer marginleft5">
|
||||
<img src="./pic/return.jpg" class="sdcard_back_img"/>
|
||||
<span data-trans="back"></span>
|
||||
</li>
|
||||
<li id="newFolderBtnLi" onclick="openCreateNewFolderClickHandler();" class="cursor-pointer marginleft5">
|
||||
<img src="./pic/new_folder.jpg" class="hand_cursor_img"/>
|
||||
<span data-trans="new"></span>
|
||||
</li>
|
||||
<li id="createNewFolderLi" style="display: none;">
|
||||
<form id="createNewFolderForm">
|
||||
<div class="col-xs-4 row margin-right-10">
|
||||
<input id="newFolderName" name="newFolderName" maxlength="25" type="text" class="required form-control"/>
|
||||
</div>
|
||||
<input id="createNewFolderBtn" data-trans="create" type="submit" formmethod="post" class="btn btn-primary"/>
|
||||
<input id="cancelCreateNewFolderBtn" data-trans="cancel" onclick="cancelCreateNewFolderClickHandler();" type="button" class="btn btn-primary"/>
|
||||
<div id="createNewFolderErrorLabel" class="colorRed"></div>
|
||||
</form>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="fileListSection">
|
||||
<table style="word-wrap: break-word; word-break: break-all;" class="table table-striped table-hover">
|
||||
<thead>
|
||||
<tr>
|
||||
<th width="40" class="sd_guest_hide_th">
|
||||
<p id="fileList-checkAll" target="fileList_container" class="checkbox checkboxToggle">
|
||||
<input id="checkbox-all" type="checkbox"/>
|
||||
</p>
|
||||
</th>
|
||||
<th width="28"></th>
|
||||
<th data-trans="sd_name" width="170"></th>
|
||||
<th data-trans="sd_rename" class="sd_guest_hide_th"></th>
|
||||
<th data-trans="download"></th>
|
||||
<th data-trans="sd_file_size" ></th>
|
||||
<th data-trans="sd_update_time" width="150"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="fileList_container"></tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div id="fileListButtonSection">
|
||||
<div class="pager ko-grid-pageLinks"></div>
|
||||
<div class="form-buttons">
|
||||
<input id="delete_file_button" data-trans="delete" onclick="deleteBtnClickHandler();" type="button" class="btn btn-primary "/>
|
||||
<input id="go_to_login_button" data-trans="back_to_login" onclick="gotoLogin();" type="button" class="btn btn-primary hide"/>
|
||||
</div>
|
||||
</div>
|
||||
<div id="uploadSection">
|
||||
<iframe id="fileUploadIframe" name="fileUploadIframe" frameborder="0" height="0" scrolling="no" width="0" style="height:0px;width:0px;"></iframe>
|
||||
<form id="fileUploadForm" name="fileUploadForm" action="" enctype="multipart/form-data" method="post" target="fileUploadIframe">
|
||||
<input id="path_SD_CARD_time" name="path_SD_CARD_time" type="hidden" value=""/>
|
||||
<input id="path_SD_CARD_time_unix" name="path_SD_CARD_time_unix" type="hidden" value=""/>
|
||||
<input id="fileField" name="filename" dir="ltr" maxlength="200" type="file"/>
|
||||
<div class="fileUploadDiv">
|
||||
<input id="fileUploadApplyBtn" name="fileUploadApplyBtn" data-trans="upload" onclick="fileUploadSubmitClickHandler();" type="button" class="btn btn-primary margin-left-5 margin-top-2"/>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-note">
|
||||
<div class="notes-title"> </div>
|
||||
<ul class="notes-content">
|
||||
<li data-trans="note_upload_not_refresh"></li>
|
||||
<li data-trans="note_upload_single_file_2g"></li>
|
||||
<li data-trans="note_upload_filelenth_25"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/x-jquery-tmpl" id="sdFileItemTmpl">
|
||||
{{each(i, item) data }}
|
||||
<tr class="${trClass}">
|
||||
{{if readwrite}}<td align="center"><p class="checkbox"><input type="checkbox" target="fileList-checkAll" value="${fileName}"/></p></td>{{/if}}
|
||||
<td {{if fileType=='folder'}}class="cursor-pointer folderTd" filename='${fileName}'{{/if}}><span class="mini-icon ${fileType==''?'':'icon-'+fileType}"></span></td>
|
||||
<td style="width:170px;" {{if fileType=='folder'}}class="cursor-pointer folderTd" filename='${fileName}'{{/if}}>${fileName}</td>
|
||||
{{if readwrite}}<td align='center'><a href="javascript: void(0)" filename='${fileName}' class="fileRename" data-trans='sd_rename'></a></td>{{/if}}
|
||||
<td align='center'>{{if fileType!='folder'}}<a href="${URLEncode(filePath)}" filelocal="${filePath}" target="_blank" class="mini-icon icon-download"></a>{{/if}}</td>
|
||||
<td align='center'>${fileSize}</td>
|
||||
<td align='center'>${lastUpdateTime}</td>
|
||||
</tr>
|
||||
{{/each}}
|
||||
</script>
|
||||
<script type="text/x-jquery-tmpl" id="pagerTmpl">
|
||||
{{each(i, item) data.pagers }}
|
||||
{{if isPrev}}
|
||||
{{if pageNum==0}}
|
||||
<a href="javascript:void(0)" class="ko-grid-pager-disabled" data-trans="prev_page" onclick="javascript:void(0)"></a>
|
||||
{{else}}
|
||||
<a href="javascript:void(0)" data-trans="prev_page" onclick="pagerItemClickHandler('${pageNum}')"></a>
|
||||
{{/if}}
|
||||
{{else isDot}}
|
||||
<span>...</span>
|
||||
{{else isNext}}
|
||||
{{if pageNum - 1==data.total}}
|
||||
<a href="javascript:void(0)" data-trans="next_page" onclick="javascript:void(0)" class="ko-grid-pager-disabled"></a>
|
||||
{{else}}
|
||||
<a href="javascript:void(0)" data-trans="next_page" onclick="pagerItemClickHandler('${pageNum}')"></a>
|
||||
{{/if}}
|
||||
{{else}}
|
||||
<a href="javascript:void(0)" onclick="pagerItemClickHandler('${pageNum}')" class="${isActive?'ko-grid-pager-selected':''}">${pageNum}</a>
|
||||
{{/if}}
|
||||
{{/each}}
|
||||
<div style="width: 170px;" class="input-group margin-left-10">
|
||||
<label data-trans="page" class="input-group-addon"></label>
|
||||
<input id="ko-grid-input-page" type="text" class="form-control">
|
||||
<label data-trans="go" onclick="(function() {var num = $('#ko-grid-input-page').val(); if(/^[0-9]+$/.test(num)&&(parseInt(num)-1) <= ${data.total}&&(parseInt(num)-1) >= 0){pagerItemClickHandler(parseInt(num));}})()" class="input-group-addon cursorhand">
|
||||
</label>
|
||||
</div>
|
||||
</script>
|
||||
123
webs/mf761/web/subpg/sim_abnormal.html
Normal file
123
webs/mf761/web/subpg/sim_abnormal.html
Normal file
@@ -0,0 +1,123 @@
|
||||
<div id="innerContainer">
|
||||
<div class="row header-row">
|
||||
<div class="col-xs-1">
|
||||
<a data-bind="visible: !isHomePage()" href="#main">
|
||||
<img alt="" src="pic/direct-back.png">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xs-11">
|
||||
<div class="form-title">
|
||||
<h1 data-trans='no_sim_card_title'></h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-top:-15px;margin-bottom:30px;color:#428bca;" class="row">
|
||||
<div style="position: relative;" class="col-xs-7"></div>
|
||||
<div id="currentOpMode" data-bind="visible: hasRj45" class="col-xs-5 text-right">
|
||||
<label data-trans="current_mode"></label>
|
||||
<span id="opmode"></span>
|
||||
<input id="change" data-trans="change" data-bind="click: showOpModeWindow, visible: isLoggedIn, enable: enableFlag" style="display:none" type="button" class="btn btn-primary" />
|
||||
</div>
|
||||
</div>
|
||||
<div id="div-nosimcard" class="row form-group">
|
||||
<div class="col-xs-1 margin-top-15">
|
||||
</div>
|
||||
|
||||
<!--div data-bind="visible: !isHomePage()" class="col-xs-1 margin-top-15">
|
||||
<a href="#main">
|
||||
<img alt="" src="pic/direct-back.png">
|
||||
</a>
|
||||
</div-->
|
||||
<div class="col-xs-11">
|
||||
<div data-bind="visible:page()==pageState.NO_SIM" class="content">
|
||||
<div data-trans="no_sim_card_message" class="colorRed font18"></div>
|
||||
</div>
|
||||
<form id="frmPIN" data-bind="visible:page()==pageState.WAIT_PIN">
|
||||
<div class="form-body">
|
||||
<div class="content">
|
||||
<div class="prompt">
|
||||
<p data-trans="enter_pin"></p>
|
||||
|
||||
<p data-bind="visible:pinNumber()>1" class="important-prompt">
|
||||
<span data-trans="attempts_left"></span> <span data-bind='text:pinNumber'></span>
|
||||
</p>
|
||||
|
||||
<p data-bind="visible:pinNumber()==1" data-trans="last_enter_pin" class="important-prompt"></p>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label for='txtPIN' data-trans='pin' class="col-xs-3 side-right"></label>
|
||||
|
||||
<div class="col-xs-6">
|
||||
<input id='txtPIN' name="txtPIN" autocomplete="off" data-bind="value:PIN, valueUpdate: 'keypress'" maxlength='8' type="password" class="required form-control"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-buttons">
|
||||
<input id="btnPinApply" data-trans="apply" type="submit" formmethod="post" class="btn btn-primary "/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<form id="frmPUK" data-bind="visible:page()==pageState.WAIT_PUK">
|
||||
<div class="form-body">
|
||||
<div class="content">
|
||||
<div class="prompt">
|
||||
<p data-trans="enter_puk"></p>
|
||||
|
||||
<p class="important-prompt" data-bind="visible:pukNumber()>1">
|
||||
<span data-trans="attempts_left"></span> <span data-bind='text:pukNumber'></span>
|
||||
</p>
|
||||
|
||||
<p data-bind="visible:pukNumber()==1" data-trans="last_enter_puk" class="important-prompt"></p>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label data-trans='puk' for='txtPUK' class="col-xs-3 side-right"></label>
|
||||
|
||||
<div class="col-xs-6">
|
||||
<input id='txtPUK' name="txtPUK" autocomplete="off" data-bind="value:PUK, valueUpdate: 'keypress'" maxlength='8' type="password" class="required form-control"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label data-trans='new_pin' for='txtNewPIN' class="col-xs-3 side-right"></label>
|
||||
|
||||
<div class="col-xs-6">
|
||||
<input id='txtNewPIN' name="txtNewPIN" autocomplete="off" data-bind="value:newPIN, valueUpdate: 'keypress'" maxlength='8' type="password" class="required form-control"/>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label data-trans='confirm_pin' for='txtConfirmPIN' class="col-xs-3 side-right"></label>
|
||||
|
||||
<div class="col-xs-6">
|
||||
<input id='txtConfirmPIN' name="txtConfirmPIN" autocomplete="off" data-bind="value:confirmPIN, valueUpdate: 'keypress'" maxlength='8' type="password" class="required form-control"/>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<div class="form-buttons">
|
||||
<input id="btnPUKApply" data-trans="apply" type="submit" formmethod="post" class="btn btn-primary"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<div class="content" data-bind="visible:page()==pageState.PUK_LOCKED">
|
||||
<div data-trans="no_sim_card_message" class="colorRed font18"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind="visible: isHomePage" class="row margin-top-50">
|
||||
<div class="type_items" style="margin:0px 0px 0px 35px">
|
||||
<ul>
|
||||
<li><a data-trans="station_info" href="#conn_device"></a></li>
|
||||
<li><a data-trans="wifi_wireless_settings" href="#wlan_main"></a></li>
|
||||
<li><a data-bind="visible: hasParentalControl()" data-trans="parental_control" href="#child_ctl"></a></li>
|
||||
<li><a data-bind="visible: hasSms" data-trans="sms" href="#msg_main"></a></li>
|
||||
<li><a data-bind="visible: hasPhonebook" data-trans="phonebook" href="#pb_main"></a></li>
|
||||
<li><a data-bind="visible: isSupportSD" data-trans="sd" href="#sdcard"></a></li>
|
||||
<li><a data-trans="advanced_settings" href="#wlan_sleep"></a></li>
|
||||
<!--li data-bind="visible: showNetSettings"><a href="#network_set" data-trans="settings_internet"></a></li-->
|
||||
</ul>
|
||||
</div>
|
||||
<div id="h_qrcode" data-bind="visible: showQRCode" style="float:right" class="text-center margin-top-15">
|
||||
<img id="qrcode_img" data-bind="attr: {src: qrcodeSrc}" src="./pic/res_blacktrans.png" width="111"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
348
webs/mf761/web/subpg/sms_list.html
Normal file
348
webs/mf761/web/subpg/sms_list.html
Normal file
@@ -0,0 +1,348 @@
|
||||
<div id="innerContainer">
|
||||
<div class="row header-row">
|
||||
<div class="col-xs-1">
|
||||
<a id="sms_nav_home" href="#main">
|
||||
<img alt="" src="pic/direct-back.png">
|
||||
</a>
|
||||
<!--a href="javascript: void(0)" onclick="chatCancelClickHandler();" style="display: none;" id="sms_nav_back">
|
||||
<img alt="" src="pic/direct-back.png">
|
||||
</a-->
|
||||
</div>
|
||||
<div class="col-xs-11">
|
||||
<div class="form-title">
|
||||
<h1><span data-trans="smslist"></span> <span id="smsCapability"></span></h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-2">
|
||||
<div class="nav_right">
|
||||
<ul>
|
||||
<li class="active"><a data-trans="device" href="#msg_main"></a></li>
|
||||
<li><a data-trans="sim" href="javascript: void(0)" onclick="toOtherClickHandler('#msg_sim');"></a></li>
|
||||
<li><a data-trans="setting" href="javascript: void(0)" onclick="toOtherClickHandler('#msg_set');"></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-10">
|
||||
|
||||
<script type="text/x-jquery-tmpl" id="smsMeTmpl">
|
||||
<div id="talk-item-${id}" class="talk-item talk-b">
|
||||
<div class="layout grid-talk">
|
||||
<div class="col-main">
|
||||
<div class="info-talk">
|
||||
{{if tag == 3}}
|
||||
<div class="msg_container msg_fail">
|
||||
<s class="arrow"></s>
|
||||
<div class="J_content"><pre>{{html dealContent(content, id)}}</pre></div>
|
||||
</div>
|
||||
{{else}}
|
||||
<div class="msg_container msg">
|
||||
<s class="arrow"></s>
|
||||
<div class="J_content"><pre>{{html dealContent(content, id)}}</pre></div>
|
||||
</div>
|
||||
{{/if}}
|
||||
<div class="time padding-top-10">
|
||||
<div class="smslist-item-time pull-right paddingTop4 padding-right-10">${time}</div>
|
||||
<div class="hiddenButton">
|
||||
<div onclick="forwardClickHandler('${id}')" class="smslist-item-repeat cursorhand pull-right marginRight6 padding-right-10">
|
||||
<span class="sms-forward-icon padding-right-10"></span>
|
||||
</div>
|
||||
<div onclick="deleteSingleItemClickHandler('${id}')" target="${number}" class="smslist-item-delete padding-right-10 pull-right cursorhand marginRight6">
|
||||
<span class="trash-icon cursorhand padding-right-10"></span>
|
||||
</div>
|
||||
</div>
|
||||
{{if tag == 3}}
|
||||
<div onclick="resendClickHandler('${id}')" target="${target}" class="smslist-item-resend cursorhand pull-right marginRight6">
|
||||
<span class="sms-resend-icon cursorhand padding-right-10 marginbottom5"></span>
|
||||
</div>
|
||||
{{/if}}
|
||||
<div class="pull-right marginRight6 paddingTop4 error padding-right-10">${errorText}</div>
|
||||
{{if targetName}}
|
||||
<div class="pull-right marginRight6 paddingTop4 padding-right-10"><span data-trans="sms_to"></span> ${targetName}</div>
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</script>
|
||||
<script type="text/x-jquery-tmpl" id="smsOtherTmpl">
|
||||
<div id="talk-item-${id}" class="talk-item talk-a">
|
||||
<div class="layout grid-talkf">
|
||||
<div class="col-main">
|
||||
<div class="info-talk">
|
||||
<div class="msg_container msg">
|
||||
<s class="arrow"></s>
|
||||
<div class="J_content"><pre>{{html dealContent(content)}}</pre></div>
|
||||
</div>
|
||||
<div class="time padding-top-10">
|
||||
<div class="smslist-item-time pull-left paddingleft10 marginRight6 paddingTop4">${time}</div>
|
||||
<div class="hiddenButton">
|
||||
<div onclick="forwardClickHandler('${id}')" class="smslist-item-repeat paddingleft10 cursorhand pull-left">
|
||||
<span class="sms-forward-icon pull-left paddingleft10"></span>
|
||||
</div>
|
||||
<div onclick="deleteSingleItemClickHandler('${id}')" target="${number}" class="smslist-item-delete cursorhand pull-left marginRight6">
|
||||
<span class="trash-icon smslist-item-delete cursorhand"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-left paddingTop4 error">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</script>
|
||||
<script type="text/x-jquery-tmpl" id="addPhonebookTmpl">
|
||||
<div class="tagPopup">
|
||||
<div id="innerTagPopup" class="popup tag-popup">
|
||||
<div class="popup-wrapper">
|
||||
<p class="tag-popup-close">
|
||||
<a href="javascript:hidePopup();"></a>
|
||||
</p>
|
||||
<form id="quickSaveContactForm">
|
||||
<p><span data-trans="name"></span><i class='text-danger'> *</i></p><p><input id="name" name="name" type="text" value="" class="required"/></p>
|
||||
<p><span data-trans="send_numbers"></span><i class='text-danger'> *</i></p><p><input id="number" name="number" type="text" value="${number}" maxlength="40" class="required"/></p>
|
||||
<p class="text-right"><input data-trans="save" type="submit" formmethod="post" class="btn btn-primary"/></p>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</script>
|
||||
<div id="smsChatRoom">
|
||||
<div id="chosenUser">
|
||||
<div id="chosenUserList">
|
||||
<select id="chosenUserSelect" multiple class="chosen-select-deselect"></select>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<h2 id="chosenUser1" class="hide"></h2>
|
||||
<div id="chatpanel">
|
||||
<div class="clear-container">
|
||||
<div id="chatlist">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="inputpanel">
|
||||
<div class="chatform">
|
||||
<div class="chattextinput">
|
||||
<textarea id="chat-input" data-trans="chat_input_placehoder" class="form-control"></textarea>
|
||||
</div>
|
||||
<div class="chatfun row">
|
||||
<div id="toolbar" class="ext col-xs-8">
|
||||
<span><em id="inputcount">(0/765)</em> <em id="inputItemCount">(1/5)</em></span>
|
||||
<span id="sendSmsErrorLi" data-action="sendimage" class="error"></span>
|
||||
</div>
|
||||
<div class="col-xs-4 text-right">
|
||||
<span><input id="btn-send" data-trans="send" onclick="sendSmsClickHandler()" type="button" class="btn btn-primary"/></span>
|
||||
<span><input id="btn-back" data-trans="back" onclick="chatCancelClickHandler()" type="button" class="btn btn-primary"/></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/x-jquery-tmpl" id="smsTableTmpl">
|
||||
{{each(i, sms) data }}
|
||||
<tr class="smslist-item ${!hasDraft && newCount > 0 ? 'font-weight-bold':''}" {{if hasDraft && groupId != ''}}id="smslist-item-${groupId}"{{else}}id="smslist-item-${itemId}"{{/if}}>
|
||||
<td>
|
||||
<div class="smslist-item-checkbox">
|
||||
<p class="checkbox" id="${id}">
|
||||
<input type="checkbox" target="smslist-checkAll" name="smsid" id="checkbox${id}" value="${id}" groupid="${groupId}" number="${number}"/>
|
||||
</p>
|
||||
</div>
|
||||
</td>
|
||||
<td {{if hasDraft && groupId != ''}} 1onclick="draftSmsItemClickHandler('${groupId}')" {{else}} 1onclick="smsItemClickHandler('${number}')" class="${hasDraft && newCount > 0 ? 'font-weight-bold':''}"{{/if}} style="padding:8px 0px;">
|
||||
{{if hasDraft && groupId != ''}}
|
||||
<div class="smslist-item-name" title="${draftShowNameTitle}">
|
||||
<div class="smslist-item-name-draftShowName">${draftShowName}</div>
|
||||
<span class="smslist-item-total-count">(${totalCount})</span>
|
||||
</div>
|
||||
{{else}}
|
||||
{{if name.length == 0}}
|
||||
{{if number.length > 13}}
|
||||
<span class="smslist-item-name2">${number.substring(0,13)+"..."}</span>
|
||||
<span id="listNumber${itemId}" onclick="openPhoneBook(null, '${number}')" class="sms-add-contact-icon cursorhand"></span>
|
||||
{{else}}
|
||||
<span class="smslist-item-name2">${number}</span>
|
||||
<span id="listNumber${itemId}" onclick="openPhoneBook(null, '${number}')" class="sms-add-contact-icon cursorhand"></span>
|
||||
{{/if}}
|
||||
{{else}}
|
||||
{{if name.length > 11}}
|
||||
<span class="smslist-item-name2">${name.substring(0,11)+"..."}</span>
|
||||
{{else}}
|
||||
<span class="smslist-item-name2">${name}</span>
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
<span class="smslist-item-total-count">(${totalCount})</span>
|
||||
{{/if}}
|
||||
</td>
|
||||
<td class="cursorhand" {{if hasDraft && groupId != ''}}onclick="draftSmsItemClickHandler('${groupId}')" title='${content}'{{else}}onclick="smsItemClickHandler('${number}')" title='${latestSms}'{{/if}}>
|
||||
{{if hasDraft && groupId != ''}}
|
||||
<div class="sms-table-content smslist-item-msg"><span data-trans="draft" class="smslist-item-draft-flag colorRed"></span>: ${content}</div>
|
||||
{{else}}
|
||||
<div class="sms-table-content smslist-item-msg">{{if hasDraft}}<span data-trans="draft" class="smslist-item-draft-flag colorRed"></span>: {{/if}}${latestSms}</div>
|
||||
{{/if}}
|
||||
</td>
|
||||
<td><span class="clock-time" style="white-space: nowrap;">${latestTime}</span></td>
|
||||
</tr>
|
||||
{{/each}}
|
||||
</script>
|
||||
<script type="text/x-jquery-tmpl" id="smsListTmpl">
|
||||
{{each(i, sms) data }}
|
||||
{{if hasDraft && groupId != ''}}
|
||||
<div class="height115 width100p smslist-item" id="smslist-item-${groupId}">
|
||||
<table class="width100p height100p">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="vMiddle width20">
|
||||
<div class="smslist-item-checkbox">
|
||||
<p class="checkbox" id="${id}">
|
||||
<input type="checkbox" target="smslist-checkAll" name="smsid" id="checkbox${id}" value="${id}" groupid="${groupId}" />
|
||||
</p>
|
||||
</div>
|
||||
</td>
|
||||
<td style="width:823px;">
|
||||
<table width="100%">
|
||||
<tr>
|
||||
<td style="width:740px;">
|
||||
<div onclick="draftSmsItemClickHandler('${groupId}')" title="${draftShowNameTitle}" class="smslist-item-name side-left txtBold cursorhand">
|
||||
<div class="smslist-item-name-draftShowName"><span>${draftShowName}</span></div>
|
||||
<div class="smslist-item-total-count smslist-item-total-count-style">(${totalCount})</div>
|
||||
</div>
|
||||
</td>
|
||||
<td><div data-trans="draft" class="smslist-item-draft-flag pull-right padding-right-10 text-right text-danger"></div></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="margin-top-10">
|
||||
<td class="vMiddle width20"> </td>
|
||||
<td onclick="draftSmsItemClickHandler('${groupId}')" class="font10px lh20px">
|
||||
<div class="smslist-item-msg cursorhand">
|
||||
<pre class="lh20px">${content}</pre>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="margin-top-10">
|
||||
<td class="vMiddle width20"> </td>
|
||||
<td class="height30 clock-time">
|
||||
<div class="margin-top-10 height30 pull-left margin-right-5">
|
||||
<span class="clock-icon pull-left margin-right-5"></span>
|
||||
<span class="clock-time">${latestTime}</span>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
{{else}}
|
||||
<div id="smslist-item-${itemId}" class="height115 width100p smslist-item">
|
||||
<table class="width100p height100p">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="vMiddle width20">
|
||||
<div class="smslist-item-checkbox">
|
||||
<p id="${id}" class="checkbox">
|
||||
<input id="checkbox${id}" name="smsid" type="checkbox" target="smslist-checkAll" value="${id}" number="${number}" ${checked ? "checked=checked" : ""} />
|
||||
</p>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
{{if name.length == 0}}
|
||||
<div onclick="smsItemClickHandler('${number}')" class="smslist-item-name pull-left txtBold cursorhand"><span>${number}</span></div>
|
||||
<div style="float:left;" onclick="smsItemClickHandler('${number}')" class="smslist-item-total-count pull-left txtBold">(${totalCount})</div>
|
||||
<div id="listNumber${itemId}" style="line-height: 35px; width:30px;" class="pull-left cursorhand padding-top-10"><span onclick="openPhoneBook(null, '${number}')" class="sms-add-contact-icon"></span></div>
|
||||
<div class="smslist-item-new-count cursorhand pull-right ${newCount > 0?'':'hide'}" onclick="smsItemClickHandler('${number}')"><span>${newCount}</span></div>
|
||||
{{else}}
|
||||
<div class="smslist-item-name pull-left txtBold cursorhand" onclick="smsItemClickHandler('${number}')"><span>${name}/${number}</span></div><div onclick="smsItemClickHandler('${number}')" class="smslist-item-total-count pull-left txtBold">(${totalCount})</div><div class="smslist-item-new-count cursorhand pull-right ${newCount > 0?'':'hide'}" onclick="smsItemClickHandler('${number}')"><span>${newCount}</span></div>
|
||||
{{/if}}
|
||||
<div class="smslist-item-draft-flag padding-right-10 pull-right text-danger ${hasDraft?'':'hide'}"><span data-trans="draft"></span></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="margin-top-10">
|
||||
<td class="vMiddle width20"> </td>
|
||||
<td onclick="smsItemClickHandler('${number}')" class="font10px lh20px">
|
||||
<div class="smslist-item-msg cursorhand">
|
||||
<pre class="lh20px ${newCount > 0?'txtBold':''}">${latestSms}</pre>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="margin-top-10">
|
||||
<td class="vMiddle width20"> </td>
|
||||
<td class="height30 clock-time">
|
||||
<div style="display:none;" class="smslist-item-repeat margin-top-10 cursorhand pull-left marginright30">
|
||||
<span onclick="forwardClickHandler(${latestId})" class="sms-forward-icon pull-left"></span>
|
||||
</div>
|
||||
<div style="display:none;" class="smslist-item-delete margin-top-10 height30 cursorhand pull-left marginright30">
|
||||
<span onclick="deletePhoneMessageClickHandler('${number}')" class="trash-icon pull-left"></span>
|
||||
</div>
|
||||
<div class="margin-top-10 height30 pull-left margin-right-5">
|
||||
<span class="clock-icon pull-left margin-right-5"></span>
|
||||
<span class="clock-time">${latestTime}</span>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
{{/if}}
|
||||
{{/each}}
|
||||
</script>
|
||||
<div id="smslist-main">
|
||||
<!--div class="form-title">
|
||||
<h1><span data-trans="smslist"></span> <span id="smsCapability"></span></h1>
|
||||
</div-->
|
||||
<form id="smsListForm">
|
||||
<div class="smslist-btns">
|
||||
<div class="row">
|
||||
<div class="col-xs-6">
|
||||
<!--div class="pull-left padding-right-15 margin-top-10">
|
||||
<p id="smslist-checkAll" target="smslist_container" class="checkbox checkboxToggle pull-left margin-top-10">
|
||||
<input id="checkbox-all" type="checkbox" />
|
||||
</p>
|
||||
</div-->
|
||||
<div class="margin-left-10">
|
||||
<input id="smslist-new-sms" onclick="newMessageClickHandler()" type="button" data-trans="new" class="btn btn-primary"/>
|
||||
<input id="smslist-delete" disabled="disabled" data-trans="delete" onclick="deleteSelectClickHandler()" type="button" class="btn btn-primary disabled"/>
|
||||
<input id="smslist-delete-all" disabled="disabled" data-trans="delete_all" onclick="deleteAllClickHandler()" style="display: none;" type="button" class="btn disabled marginright10"/>
|
||||
<input id="smslist-refresh" data-trans="refresh" onclick="refreshClickHandler()" type="button" class="btn btn-primary"/>
|
||||
<!--a href="#msg_set" id="smslist-setting" class="btn btn-primary" data-trans="setting"></a-->
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-6 text-right" style="display:none">
|
||||
<div class="row">
|
||||
<div class='ko-grid-search'>
|
||||
<img src='./pic/res_search.png'>
|
||||
<input id='searchInput' autocomplete='off' data-trans='search' maxlength="20" onclick="searchTextClick()" type='text' class='ko-grid-search-txt-default width102 noDefaultFocus form-control'/>
|
||||
<img id="clearSearchKey" onclick="clearSearchKey()" src='./pic/res_delete.png' class='cursor-pointer'/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="addPhonebookContainer" style="position: relative;" class="width100p overflow-only-y">
|
||||
<div id="smslist_container" class="jspContainer width100p height100p"></div>
|
||||
<table class="table table-striped table-hover ko-grid table-fixed">
|
||||
<thead>
|
||||
<tr>
|
||||
<th width="20" class="text-center">
|
||||
<p id="smslist-checkAll" target="smslist-table" class="checkbox checkboxToggle">
|
||||
<input id="checkbox-all" type="checkbox"/>
|
||||
</p>
|
||||
</th>
|
||||
<th data-trans="phone_number" class="text-center"></th>
|
||||
<th width="450" data-trans="content" class="text-center"></th>
|
||||
<th width="150" data-trans="time" class="text-center"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="smslist-table">
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
75
webs/mf761/web/subpg/sms_set.html
Normal file
75
webs/mf761/web/subpg/sms_set.html
Normal file
@@ -0,0 +1,75 @@
|
||||
<div id="innerContainer">
|
||||
<div class="row header-row">
|
||||
<div class="col-xs-1">
|
||||
<a href="#main">
|
||||
<img alt="" src="pic/direct-back.png">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xs-11">
|
||||
<div class="form-title">
|
||||
<h1 data-trans='sms_setting'></h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-2">
|
||||
<div class="nav_right">
|
||||
<ul>
|
||||
<li><a data-trans="device" href="#msg_main"></a></li>
|
||||
<li><a data-trans="sim" href="#msg_sim"></a></li>
|
||||
<li class="active"><a data-trans="setting" href="#msg_set"></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-10">
|
||||
|
||||
|
||||
<form id='smsSettingForm'>
|
||||
<div class="form-body">
|
||||
<div class="content">
|
||||
<h3 data-trans="sms_setting" class="form-title"></h3>
|
||||
<div class="row form-group">
|
||||
<label data-trans='sms_validity' for='txtValidity' class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-5">
|
||||
<select id="txtValidity" data-transid='sms_validity' data-bind="options: modes, value: selectedMode, optionsText: transOption('sms_validity'), optionsValue: 'value'" class="form-control"></select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label data-trans='center_number' for='txtCenterNumber' class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-5">
|
||||
<input id='txtCenterNumber' data-bind="value: centerNumber" maxlength='40' name="txtCenterNumber" type="text" class="required form-control"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label data-trans='delivery_report' class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-5">
|
||||
<div class="row">
|
||||
<div class="col-xs-4">
|
||||
<input id="reportOn" data-bind="checked: deliveryReport" name="deliveryReport" type="radio" value="1"/>
|
||||
<label data-trans="enable" for="reportOn"></label>
|
||||
</div>
|
||||
<div class="col-xs-5">
|
||||
<input id="reportOff" data-bind="checked: deliveryReport" name="deliveryReport" type="radio" value="0"/>
|
||||
<label data-trans="disable" for="reportOff"></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-buttons">
|
||||
<input data-trans='apply' type="submit" formmethod="post" class="btn btn-primary"/>
|
||||
<!--input type="button" class="btn" data-bind='click: clear' data-trans='cancel'/-->
|
||||
</div>
|
||||
<div class="form-note">
|
||||
<div class="notes-title"> </div>
|
||||
<ul class="notes-content">
|
||||
<li data-trans="sms_setting_note_validity"></li>
|
||||
<li data-trans="sms_setting_note_center_number"></li>
|
||||
<li data-trans="sms_setting_note_delivery_report"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
99
webs/mf761/web/subpg/sms_sim_messages.html
Normal file
99
webs/mf761/web/subpg/sms_sim_messages.html
Normal file
@@ -0,0 +1,99 @@
|
||||
<div id="innerContainer">
|
||||
<div class="row header-row">
|
||||
<div class="col-xs-1">
|
||||
<a href="#main">
|
||||
<img alt="" src="pic/direct-back.png">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xs-11">
|
||||
<div class="form-title">
|
||||
<h1><span data-trans="sim_messages"></span> <span id="simSmsCapability"></span></h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-2">
|
||||
<div class="nav_right">
|
||||
<ul>
|
||||
<li><a data-trans="device" href="#msg_main"></a></li>
|
||||
<li class="active"><a data-trans="sim" href="#msg_sim"></a></li>
|
||||
<li><a data-trans="setting" href="#msg_set"></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-10">
|
||||
|
||||
|
||||
<div id="simMsglist-main">
|
||||
<form id="simMsgListForm">
|
||||
<div class="simMsgList-btns smslist-btns">
|
||||
<div class="row">
|
||||
<div class="col-xs-6">
|
||||
<input id="simMsgList-delete" disabled="disabled" data-trans="delete" onclick="deleteSelectedSimMsgClickHandler()" type="button" class="btn btn-primary disabled"/>
|
||||
</div>
|
||||
<div style="display:none" class="col-xs-6 text-right">
|
||||
<div class="row">
|
||||
<div class='ko-grid-search'>
|
||||
<img src='./pic/res_search.png'>
|
||||
<input id='searchInput' autocomplete='off' data-trans='search' maxlength="20" onclick="searchTextClick()" type='text' class='ko-grid-search-txt-default width102 noDefaultFocus form-control'/>
|
||||
<img id="clearSearchKey" onclick="clearSearchKey()" src='./pic/res_delete.png' class='cursor-pointer'/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="simMsgTableContainer" class="width100p overflow-only-y">
|
||||
<table class="table table-striped table-hover ko-grid table-fixed">
|
||||
<thead>
|
||||
<tr>
|
||||
<th width="20" class="text-center">
|
||||
<p id="simMsgList-checkAll" target="simMsgList_container" class="checkbox checkboxToggle">
|
||||
<input id="checkbox-all" type="checkbox"/>
|
||||
</p>
|
||||
</th>
|
||||
<th data-trans="phone_number" class="text-center"></th>
|
||||
<th data-trans="content" width="450" class="text-center"></th>
|
||||
<th data-trans="time" width="150" class="text-center"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="simMsgList_container">
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script id="simMsgListTmpl" type="text/x-jquery-tmpl">
|
||||
{{each(i, sms) data }}
|
||||
<tr class="smslist-item simMsgList-item-class-${id} ${tag == "1" ? 'font-weight-bold':''}" id="simMsgList-item-${itemId}">
|
||||
<td>
|
||||
<div class="smslist-item-checkbox">
|
||||
<p class="checkbox" id="${id}">
|
||||
<input type="checkbox" target="simMsgList-checkAll" name="msgId" id="checkbox${id}" value="${id}" number="${number}" number="${number}" />
|
||||
</p>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
{{if name.length == 0}}
|
||||
{{if number.length > 13}}
|
||||
<div class="smslist-item-name pull-left">${number.substring(0,13)+"..."}</div>
|
||||
{{else}}
|
||||
<div class="smslist-item-name pull-left">${number}</div>
|
||||
{{/if}}
|
||||
{{else}}
|
||||
{{if name.length > 11}}
|
||||
<div class="smslist-item-name pull-left">${name.substring(0,11)+"..."}</div>
|
||||
{{else}}
|
||||
<div class="smslist-item-name pull-left">${name}</div>
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
</td>
|
||||
<td class="cursorhand" title="${content}" onclick="simsmsItemClickHandler('${tag}','${id}','${itemId}')">
|
||||
<div class="sms-table-content smslist-item-msg">${content}</div>
|
||||
</td>
|
||||
<td style="padding:8px 0px;"><span class="clock-time ${tag==2||tag==3?'hide':''}" style="white-space: nowrap;">${time}</span></td>
|
||||
</tr>
|
||||
{{/each}}
|
||||
</script>
|
||||
3
webs/mf761/web/subpg/status.html
Normal file
3
webs/mf761/web/subpg/status.html
Normal file
@@ -0,0 +1,3 @@
|
||||
<p>
|
||||
status
|
||||
</p>
|
||||
236
webs/mf761/web/subpg/status_traffic_alert.html
Normal file
236
webs/mf761/web/subpg/status_traffic_alert.html
Normal file
@@ -0,0 +1,236 @@
|
||||
<div id="innerContainer">
|
||||
<div class="row header-row">
|
||||
<div class="col-xs-1">
|
||||
<a href="#main">
|
||||
<img alt="" src="pic/direct-back.png">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xs-11">
|
||||
<div class="form-title form-title-multi">
|
||||
<h1 data-trans='traffic_alert'></h1>
|
||||
<p data-trans="traffic_sub_title"></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-1 margin-top-15">
|
||||
</div>
|
||||
<div class="col-xs-11">
|
||||
|
||||
<form id="trafficAlertForm">
|
||||
<div id="traffic_alert" class="form-body">
|
||||
<div class="content">
|
||||
<div class="row form-group">
|
||||
<label data-trans="traffic_apply_volume_limit" class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<div class="row">
|
||||
<div class="col-xs-4">
|
||||
<input id="dataLimitEnable" name="dataLimitEnable" data-bind="checked: dataLimitChecked" type="radio" value="1"/>
|
||||
<label data-trans="enable" for="dataLimitEnable"></label>
|
||||
</div>
|
||||
<div class="col-xs-4">
|
||||
<input id="dataLimitDisable" name="dataLimitEnable" data-bind="checked: dataLimitChecked" type="radio" value="0"/>
|
||||
<label data-trans="disable" for="dataLimitDisable"></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind='visible: dataLimitChecked() == "1"' class="row form-group">
|
||||
<label data-trans="traffic_data_limit_type" class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<div class="row">
|
||||
<div class="col-xs-4">
|
||||
<input id="dataLimitTypeData" name="dataLimitType" data-bind="checked: dataLimitTypeChecked" type="radio" value="1"/>
|
||||
<label data-trans="traffic_data" for="dataLimitTypeData"></label>
|
||||
</div>
|
||||
<div class="col-xs-4">
|
||||
<input id="dataLimitTypeTime" name="dataLimitType" data-bind="checked: dataLimitTypeChecked" type="radio" value="0"/>
|
||||
<label data-trans="traffic_time" for="dataLimitTypeTime"></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group" data-bind='visible: dataLimitChecked() == "1"'>
|
||||
<div class="col-xs-4">
|
||||
<div id="traffic_graphic" style="width: 200px; height: 200px; visibility: visible;"></div>
|
||||
</div>
|
||||
<div class="col-xs-8 line-height-40 form-inline form-group-sm">
|
||||
<div data-bind="visible: dataLimitTypeChecked() == 1">
|
||||
<div>
|
||||
<div data-bind="visible: viewEditUsedData() == false">
|
||||
<span style="background-color: #8CC916;" class="color_block"></span>
|
||||
<span data-trans="traffic_used_text" data-bind="html: usedDataTextDesc, attr:{'data-trans-data': usedDataTextDescData}"></span>
|
||||
<a id="editUsedData" data-bind="click: editUsedDataHandler" class="margin-left-3em cursorhand"><img src="./pic/res_edit.png"></a>
|
||||
</div>
|
||||
<div data-bind="visible: viewEditUsedData" id="viewEditUsedData">
|
||||
<span class="color_block" style="background-color: #8CC916;"></span>
|
||||
<input id='dataUsed' name="dataUsed" data-bind="value: dataUsed" maxlength='7' minlength='1' style="width: 100px;" type="text" class="required form-control border-color-transition"/>
|
||||
<select name="selectedDataUsedUnit" id="selectedDataUsedUnit" data-bind="value: selectedDataUsedUnit" class="width60 form-control" style="width: 80px;">
|
||||
<option value="1">MB</option>
|
||||
<option value="1024">GB</option>
|
||||
<option value="1048576">TB</option>
|
||||
</select>
|
||||
<a id="editUsedDataSave" data-bind="click: editUsedDataSaveHandler" class="cursorhand"><img height="25" src="./pic/res_save.png"></a>
|
||||
<a id="editUsedDataCancel" data-bind="click: editUsedDataCancelHandler" class="cursorhand"><img height="25" src="./pic/res_cancel.png"></a>
|
||||
<div id="editUsedDataDiv"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<span style="background-color: #ccc;" class="color_block"></span>
|
||||
<span data-trans="traffic_data_left_text" data-bind="text: leftDataDesc, attr:{'data-trans-data': leftDataDescData}"></span>
|
||||
</div>
|
||||
<div>
|
||||
<div data-bind="visible: viewEditAlertData() == false">
|
||||
<span data-trans="traffic_alert_reach_text" data-bind="text: alertDataReachDesc, attr:{'data-trans-data': alertDataReachDescData}"></span>
|
||||
<a id="editAlertData" data-bind="click: editAlertDataHandler" class="margin-left-3em cursorhand"><img src="./pic/res_edit.png"></a>
|
||||
</div>
|
||||
<div id="viewEditAlertData" data-bind="visible: viewEditAlertData">
|
||||
<span data-trans="traffic_when"></span>
|
||||
<input id='alertDataReach' name="alertDataReach" data-bind="value: alertDataReach" max="100" maxlength='3' min="1" minlength='1' style="width: 60px;" type="text" class="required form-control border-color-transition"/>
|
||||
<span data-trans="traffic_remind_me"></span>
|
||||
<a id="save_btn_2" data-bind="click: editAlertDataSaveHandler" class="cursorhand"><img height="25" src="./pic/res_save.png"></a>
|
||||
<a id="editAlertDataCancel" data-bind="click: editAlertDataCancelHandler" class="cursorhand"><img height="25" src="./pic/res_cancel.png"></a>
|
||||
<div id="editAlertDataDiv"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div data-bind="visible: viewEditTotalData() == false">
|
||||
<span data-trans="traffic_limit_data_text" data-bind="html: limitDataMonthDesc, attr:{'data-trans-data': limitDataMonthDescData}"></span>
|
||||
<a class="margin-left-3em cursorhand" id="editTotalData" data-bind="click: editTotalDataHandler"><img src="./pic/res_edit.png"></a>
|
||||
</div>
|
||||
<div data-bind="visible: viewEditTotalData" id="viewEditTotalData">
|
||||
<input id='limitDataMonth' name="limitDataMonth" data-bind="value: limitDataMonth" maxlength='7' minlength='1' style="width: 100px;" type="text" class="required form-control border-color-transition"/>
|
||||
<select id="selectedDataUnit" name="dataUnit" data-bind="value: selectedDataUnit" style="width: 80px;" class="width60 form-control">
|
||||
<option value="1">MB</option>
|
||||
<option value="1024">GB</option>
|
||||
<option value="1048576">TB</option>
|
||||
</select>
|
||||
<a id="save_btn_1" data-bind="click: editTotalDataSaveHandler" class="cursorhand"><img height="25" src="./pic/res_save.png"></a>
|
||||
<a id="editTotalDataCancel" data-bind="click: editTotalDataCancelHandler" class="cursorhand"><img height="25" src="./pic/res_cancel.png"></a>
|
||||
<div id="editTotalDataDiv"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind="visible: dataLimitTypeChecked() == 0">
|
||||
<div>
|
||||
<div data-bind="visible: viewEditUsedTime() == false">
|
||||
<span style="background-color: #8CC916;" class="color_block"></span>
|
||||
<span data-trans="traffic_used_text" data-bind="html: usedTimeTextDesc, attr:{'data-trans-data': usedTimeTextDescData}"></span>
|
||||
<a id="editUsedTime" data-bind="click: editUsedTimeHandler" class="margin-left-3em cursorhand"><img src="./pic/res_edit.png"></a>
|
||||
</div>
|
||||
<div data-bind="visible: viewEditUsedTime">
|
||||
<span class="color_block" style="background-color: #8CC916;"></span>
|
||||
<!--div class="input-group"-->
|
||||
<input id='usedTime' name="usedTime" data-bind="value: usedTime" maxlength='7' minlength='1' style="width: 100px;" type="text" class="required form-control border-color-transition"/>
|
||||
<!--div class="input-group-addon" data-trans="hours"></div-->
|
||||
<select id="selectedTimeUsedUnit" name="selectedTimeUsedUnit" data-bind="value: selectedTimeUsedUnit" style="width: 100px;" class="width60 form-control">
|
||||
<option data-trans="minutes" value="60"></option>
|
||||
<option data-trans="hours" value="3600"></option>
|
||||
</select>
|
||||
<!--/div-->
|
||||
<a data-bind="click: editUsedTimeSaveHandler" class="cursorhand"><img height="25" src="./pic/res_save.png"></a>
|
||||
<a id="editUsedTimeCancel" data-bind="click: editUsedTimeCancelHandler" class="cursorhand"><img height="25" src="./pic/res_cancel.png"></a>
|
||||
<div id="editUsedTimeDiv"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<span style="background-color: #ccc;" class="color_block"></span>
|
||||
<span data-trans="traffic_data_left_text" data-bind="text: leftTimeDesc, attr:{'data-trans-data': leftTimeDescData}"></span>
|
||||
</div>
|
||||
<div>
|
||||
<div data-bind="visible: viewEditAlertTime() == false">
|
||||
<span data-trans="traffic_alert_reach_text" data-bind="text: alertTimeReachDesc, attr:{'data-trans-data': alertTimeReachDescData}"></span>
|
||||
<a id="editAlertTime" data-bind="click: editAlertTimeHandler" class="margin-left-3em cursorhand"><img src="./pic/res_edit.png"></a>
|
||||
</div>
|
||||
<div data-bind="visible: viewEditAlertTime">
|
||||
<span data-trans="traffic_when"></span>
|
||||
<div class="input-group">
|
||||
<input id='alertTimeReach' name="alertTimeReach" type="text" data-bind="value: alertTimeReach" max="100" maxlength='3' min="1" minlength='1' style="width: 60px;" class="required form-control border-color-transition"/>
|
||||
<div data-trans="traffic_percent" class="input-group-addon"></div>
|
||||
</div>
|
||||
<span data-trans="traffic_remind_me_time"></span>
|
||||
<a data-bind="click: editAlertTimeSaveHandler" class="cursorhand"><img height="25" src="./pic/res_save.png"></a>
|
||||
<a id="editAlertTimeCancel" data-bind="click: editAlertTimeCancelHandler" class="cursorhand"><img height="25" src="./pic/res_cancel.png"></a>
|
||||
<div id="editAlertTimeDiv"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div data-bind="visible: viewEditTotalTime() == false">
|
||||
<span data-bind="text: limitTimeMonthDesc, attr:{'data-trans':limitTimeMonthDescText,'data-trans-data': limitTimeMonthDescData}"></span>
|
||||
<a id="editTotalTime" data-bind="click: editTotalTimeHandler" class="margin-left-3em cursorhand"><img src="./pic/res_edit.png"></a>
|
||||
</div>
|
||||
<div data-bind="visible: viewEditTotalTime">
|
||||
<!--div class="input-group"-->
|
||||
<input id='limitTimeMonth' name="limitTimeMonth" data-bind="value: limitTimeMonth" maxlength='7' minlength='1' style="width: 100px;" type="text" class="required form-control border-color-transition"/>
|
||||
<!--div class="input-group-addon" data-trans="hours"></div-->
|
||||
<select id="selectedTimeUnit" name="timeUnit" data-bind="value: selectedTimeUnit" style="width: 100px;" class="width60 form-control">
|
||||
<option data-trans="minutes" value="60"></option>
|
||||
<option data-trans="hours" value="3600"></option>
|
||||
</select>
|
||||
<!--/div-->
|
||||
<a data-bind="click: editTotalTimeSaveHandler" class="cursorhand"><img height="25" src="./pic/res_save.png"></a>
|
||||
<a id="editTotalTimeCancel" data-bind="click: editTotalTimeCancelHandler" class="cursorhand"><img height="25" src="./pic/res_cancel.png"></a>
|
||||
<div id="editTotalTimeDiv"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--div style="display: none;" class="col-xs-8">
|
||||
<div data-bind='visible: dataLimitChecked() == "1" && dataLimitTypeChecked() != "0"' class="row">
|
||||
<label for='limitDataMonth' data-trans='traffic_limit_data_month' class="span4 side-right"></label>
|
||||
<div class="span8">
|
||||
<input id='limitDataMonth' name="limitDataMonth" data-bind="value: limitDataMonth" maxlength='4' minlength='1' type="text" class="required"/>
|
||||
<select id="dataUnit" name="dataUnit" data-bind="value: selectedDataUnit" class="width60">
|
||||
<option value="1">MB</option>
|
||||
<option value="1024">GB</option>
|
||||
<option value="1048576">TB</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" data-bind='visible: dataLimitChecked() == "1" && dataLimitTypeChecked() != "0"'>
|
||||
<label data-trans='traffic_alert_when_data_reach' for='alertDataReach' class="span4 side-right"></label>
|
||||
<div class="span8">
|
||||
<input id='alertDataReach' name="alertDataReach" data-bind="value: alertDataReach" maxlength='3' minlength='1' type="text" class="required"/>
|
||||
<label id="traffic_data_percent" data-trans="traffic_percent"></label>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind='visible: dataLimitChecked() == "1" && dataLimitTypeChecked() != "1"' class="row">
|
||||
<label data-trans='traffic_limit_time_month' for='limitTimeMonth' class="span4 side-right"></label>
|
||||
<div class="span8">
|
||||
<input id='limitTimeMonth' name="limitTimeMonth" data-bind="value: limitTimeMonth" maxlength='4' minlength='1' type="text" class="required"/>
|
||||
<label id="hours" data-trans="hours"></label>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind='visible: dataLimitChecked() == "1" && dataLimitTypeChecked() != "1"' class="row">
|
||||
<label for='alertTimeReach' data-trans='traffic_alert_when_time_reach' class="span4 side-right"></label>
|
||||
<div class="span8">
|
||||
<input id='alertTimeReach' name="alertTimeReach" data-bind="value: alertTimeReach" maxlength='3' minlength='1' type="text" class="required"/>
|
||||
<label id="traffic_time_percent" data-trans="traffic_percent"></label>
|
||||
</div>
|
||||
</div>
|
||||
</div-->
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<!--span id="noteinfo" data-trans="traffic_data_approximated"></span-->
|
||||
<label id="noteinfo" data-trans="traffic_data_approximated" class="col-xs-12"></label>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<div class="col-xs-6"></div>
|
||||
<div class="col-xs-6 align-right">
|
||||
<input data-trans='apply' type="submit" formmethod="post" class="btn btn-primary margin-right-20"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-note">
|
||||
<div class="notes-title"> </div>
|
||||
<ul class="notes-content">
|
||||
<li data-trans="traffic_calibrate_note"></li>
|
||||
<li data-trans="traffic_note"></li>
|
||||
<li data-trans="traffic_over_note"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
157
webs/mf761/web/subpg/tr069.html
Normal file
157
webs/mf761/web/subpg/tr069.html
Normal file
@@ -0,0 +1,157 @@
|
||||
<div id="innerContainer">
|
||||
<div class="row header-row">
|
||||
<div class="col-xs-1">
|
||||
<a href="#main">
|
||||
<img alt="" src="pic/direct-back.png">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xs-11">
|
||||
<div class="form-title">
|
||||
<h1 data-trans='advanced_settings'></h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-2">
|
||||
<div class="nav_right">
|
||||
<ul>
|
||||
<li><a href="#wlan_sleep" data-trans="sleep_mode"></a></li>
|
||||
<li><a href="#route_set" data-trans="router_setting"></a></li>
|
||||
<li><a href="#filter_main" data-trans="firewall"></a></li>
|
||||
<li><a href="#fota" data-trans="update_settings"></a></li>
|
||||
<li><a href="#sdcard" data-bind="visible: isSupportSD" data-trans="sd" class="c2175FF"></a></li>
|
||||
<li><a href="#dynamic_dns" data-trans="DDNS"></a></li>
|
||||
<li><a data-trans="network_band_selection"
|
||||
href="#band_selection"></a></li>
|
||||
<li class="active"><a data-trans="tr069" href="#tr069"></a></li>
|
||||
<li><a data-trans="vpn" href="#vpn"></a></li>
|
||||
<li><a href="#more" data-trans="others"></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xs-10">
|
||||
<form id="frmTr069" role="form">
|
||||
<h3 class="form-title" data-trans="tr069_setting"></h3>
|
||||
<div class="form-body margin-top-20">
|
||||
<div class="content">
|
||||
<div class="row form-group">
|
||||
<label data-trans="tr069" for="txttr069" class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-8">
|
||||
<div class="row">
|
||||
<div class="col-xs-3">
|
||||
<input id="tr069Enable" name="tr069Server" data-bind="checked: tr069Server"
|
||||
type="radio" value="1" />
|
||||
<label data-trans="enable" for="tr069Enable"></label>
|
||||
</div>
|
||||
<div class="col-xs-4">
|
||||
<input id="tr069Disable" name="tr069Server" data-bind="checked: tr069Server"
|
||||
type="radio" value="0" />
|
||||
<label data-trans="disable" for="tr069Enable"></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label data-trans="acsname" for="AcsName" class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-4">
|
||||
<input id="AcsName" name="AcsName" data-bind="value: AcsName" maxlength="255"
|
||||
type="text" class="form-control" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label data-trans="acspassword" for="txtAcsPassword" class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-4">
|
||||
<input id="pwdAcsPassword" name="pwdAcsPassword" data-bind="value: AcsPassword,visible:!showAcsPassword()"
|
||||
maxlength="255" type="password" class="form-control" />
|
||||
<input id="txtAcsPassword" name="txtAcsPassword" data-bind="value: AcsPassword,visible:showAcsPassword()"
|
||||
maxlength="255" type="text" class="form-control" />
|
||||
<div class="margin-top-10">
|
||||
<p data-bind="css:{'checkbox_selected': showAcsPassword()}, click: showAcsPasswordHandler"
|
||||
manualControl="true" class="checkbox">
|
||||
<input id="showAcsPassword" data-bind="checked:showAcsPassword" type="checkbox"/>
|
||||
</p>
|
||||
<label data-trans="display_password" for="showAcsPassword" class="floatleft margintop5 lineheight25"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label data-trans="acsaddress" for="AcsAddress" class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-4">
|
||||
<input id="AcsAddress" name="AcsAddress" data-bind="value: AcsAddress" maxlength="255"
|
||||
type="text" class="required form-control" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label data-trans="inform" for="inform" class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-8">
|
||||
<div class="row">
|
||||
<div class="col-xs-3">
|
||||
<input id="informEnable" name="InformEnable" data-bind="checked: InformEnable"
|
||||
type="radio" value="1" />
|
||||
<label data-trans="enable" for="InformEnable"></label>
|
||||
</div>
|
||||
<div class="col-xs-4">
|
||||
<input id="informDisable" name="InformEnable" data-bind="checked: InformEnable"
|
||||
type="radio" value="0" />
|
||||
<label data-trans="disable" for="InformEnable"></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label data-trans="reportcycle" for="ReportCycle" class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-4">
|
||||
<input id="ReportCycle" name="ReportCycle" data-bind="value: ReportCycle" maxlength="10"
|
||||
type="text" class="required form-control" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label data-trans="cpeauthenable" for="cpeauth" class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-8">
|
||||
<div class="row">
|
||||
<div class="col-xs-3">
|
||||
<input id="AuthEnable" name="cpeAuthEnable" data-bind="checked: AuthEnable"
|
||||
type="radio" value="1" />
|
||||
<label data-trans="enable" for="AuthEnable"></label>
|
||||
</div>
|
||||
<div class="col-xs-4">
|
||||
<input id="cpeAuthDisable" name="AuthEnable" data-bind="checked: AuthEnable"
|
||||
type="radio" value="0" />
|
||||
<label data-trans="disable" for="cpeAuthDisable"></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label data-trans="cpename" for="CpeName" class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-4">
|
||||
<input id="CpeName" name="CpeName" data-bind="value: CpeName" maxlength="255"
|
||||
type="text" class="form-control"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label data-trans="cpepassword" for="txtCpePassword" class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-4">
|
||||
<input id="pwdCpePassword" name="pwdCpePassword" data-bind="value: CpePassword,visible:!showCpePassword()"
|
||||
maxlength="255" type="password" class="form-control"/>
|
||||
<input id="txtCpePassword" name="txtCpePassword" data-bind="value: CpePassword,visible:showCpePassword()"
|
||||
maxlength="255" type="text" class="form-control"/>
|
||||
<div class="margin-top-10">
|
||||
<p data-bind="css:{'checkbox_selected': showCpePassword()}, click: showCpePasswordHandler"
|
||||
manualControl="true" class="checkbox">
|
||||
<input id="showCpePassword" data-bind="checked:showCpePassword" type="checkbox"/>
|
||||
</p>
|
||||
<label data-trans="display_password" for="showCpePassword" class="floatleft margintop5 lineheight25"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-buttons">
|
||||
<input type="submit" data-trans="apply" class="btn btn-primary" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
83
webs/mf761/web/subpg/ussd.html
Normal file
83
webs/mf761/web/subpg/ussd.html
Normal file
@@ -0,0 +1,83 @@
|
||||
<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='USSD'></h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<!-- <div class="col-xs-2">
|
||||
<div class="nav_right">
|
||||
<ul>
|
||||
<li><a data-trans="sleep_mode" href="#wlan_sleep"></a></li>
|
||||
<li><a data-trans="router_setting" href="#route_set"></a></li>
|
||||
<li><a data-trans="firewall" href="#filter_main"></a></li>
|
||||
<li data-bind="visible:hasUpdateCheck"><a data-trans="update_settings" href="#fota"></a></li>
|
||||
<li class="active"><a data-trans="USSD" href="#usat"></a></li>
|
||||
<li data-bind="visible:hasDdns"><a data-trans="DDNS" href="#dynamic_dns"></a></li>
|
||||
<li><a data-trans="others" href="#more"></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>-->
|
||||
<div class="col-xs-1 margin-top-15"></div>
|
||||
<div class="col-xs-11">
|
||||
|
||||
<form id="frmUSSD">
|
||||
<div class="form-body">
|
||||
<h3 data-trans="USSD" class="form-title"></h3>
|
||||
<div id="USSD_send_div" data-bind="visible: USSDLocation()==0" class="form-body margin-top-20">
|
||||
<div class="content">
|
||||
<div class="row form-group">
|
||||
<label data-trans="ussd_send_to" class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-3">
|
||||
<input id="USSD_send" type="text" size="20" data-bind="value:USSDSend,valueUpdate:'afterkeydown'" class="required form-control">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-buttons">
|
||||
<input id="sendToNet" type="button" data-trans='ussd_send' data-bind="disable:USSDSend().length<=0,css:{disabled:USSDSend().length<=0},click:sendToNet" class="btn btn-primary marginright10" />
|
||||
<!--input type="reset" data-trans='ussd_cancel' data-bind="disable:USSDSend().length<=0,css:{disabled:USSDSend().length<=0},click:resetUSSD" id="cancelToNet" class="btn btn-primary"/-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="USSD_reply_div" data-bind="visible: USSDLocation()==1" class="form-body margin-top-20">
|
||||
<!--<div class="form-title" data-trans='ussd_contents'></div>!-->
|
||||
<div class="content">
|
||||
<div class="row form-group">
|
||||
<label data-trans="ussd_contents" class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-3">
|
||||
<textarea id="USSD_Content" rows="8" cols="50" readonly="readonly" name="USSD_Content"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-buttons">
|
||||
<input type="button" data-trans='ussd_cancel' data-bind="click:noReplyCancel" class="btn btn-primary marginright10"/>
|
||||
</div>
|
||||
<div id="ussd_action" data-bind="visible: ussd_action()!=0">
|
||||
<div class="row form-group">
|
||||
<label class="col-xs-4 side-right" data-trans="ussd_reply_to"></label>
|
||||
<div class="col-xs-3">
|
||||
<input id="USSD_reply" type="text" name="USSD_reply" size="20" data-bind="value:USSDReply" class="required form-control">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-buttons">
|
||||
<input type="button" data-trans='ussd_reply' data-bind="click:replyToNet" class="btn btn-primary marginright10"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-note">
|
||||
<div class="notes-title"> </div>
|
||||
<ul class="notes-content">
|
||||
<li data-trans="ussd_note1"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
100
webs/mf761/web/subpg/vpn.html
Normal file
100
webs/mf761/web/subpg/vpn.html
Normal file
@@ -0,0 +1,100 @@
|
||||
<div id="innerContainer">
|
||||
<div class="row header-row">
|
||||
<div class="col-xs-1">
|
||||
<a href="#main">
|
||||
<img alt="" src="pic/direct-back.png">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xs-11">
|
||||
<div class="form-title">
|
||||
<h1 data-trans='advanced_settings'></h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-2">
|
||||
<div class="nav_right">
|
||||
<ul>
|
||||
<li><a href="#wlan_sleep" data-trans="sleep_mode"></a></li>
|
||||
<li><a href="#route_set" data-trans="router_setting"></a></li>
|
||||
<li><a href="#filter_main" data-trans="firewall"></a></li>
|
||||
<li><a href="#fota" data-trans="update_settings"></a></li>
|
||||
<li><a href="#sdcard" data-bind="visible: isSupportSD" data-trans="sd" class="c2175FF"></a></li>
|
||||
<li><a href="#dynamic_dns" data-trans="DDNS"></a></li>
|
||||
<li><a data-trans="network_band_selection"
|
||||
href="#band_selection"></a></li>
|
||||
<li><a data-trans="tr069" href="#tr069"></a></li>
|
||||
<li class="active"><a data-trans="vpn" href="#vpn"></a></li>
|
||||
<li><a href="#more" data-trans="others"></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xs-10">
|
||||
<form id="frmVpn" role="form">
|
||||
<h3 class="form-title" data-trans="vpn_setting"></h3>
|
||||
<div class="form-body margin-top-20">
|
||||
<div class="content">
|
||||
<div class="row form-group">
|
||||
<label data-trans="vpnswitch" for="vpn_switch_btn" class="col-xs-4 side-right" style="top:40px"></label>
|
||||
<div class="col-xs-4" style="margin:0 auto;text-align: center;">
|
||||
<div id="vpn_switch_btn" href="javascript: void(0)" data-bind="attr:{'class': vpnSwitchCssClass}, click: submitAction"></div>
|
||||
<div>
|
||||
<label id="vpn_switch_txt" class="vpn_switch_txt"></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row form-group">
|
||||
<label data-trans="vpnname" for="vpn_name" class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-4">
|
||||
<input id="vpn_name" name="vpn_name" data-bind="value: vpn_name" maxlength="255"
|
||||
type="text" class="form-control" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label data-trans="vpnpassword" for="txtVpnPassword" class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-4">
|
||||
<input id="pwdVpnPassword" name="pwdVpnPassword" data-bind="value: vpn_password,visible:!showVpnPassword()"
|
||||
maxlength="255" type="password" class="form-control" />
|
||||
<input id="txtVpnPassword" name="txtVpnPassword" data-bind="value: vpn_password,visible:showVpnPassword()"
|
||||
maxlength="255" type="text" class="form-control" />
|
||||
<div class="margin-top-10">
|
||||
<p data-bind="css:{'checkbox_selected': showVpnPassword()}, click: showVpnPasswordHandler"
|
||||
manualControl="true" class="checkbox">
|
||||
<input id="showVpnPassword" data-bind="checked:showVpnPassword" type="checkbox"/>
|
||||
</p>
|
||||
<label data-trans="display_password" for="showVpnPassword" class="floatleft margintop5 lineheight25"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label data-trans="vpnserverip" for="vpn_server_ip" class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-4">
|
||||
<input id="vpn_server_ip" name="vpn_server_ip" data-bind="value: vpn_server_ip" maxlength="255"
|
||||
type="text" class="form-control" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label data-trans='vpn_type' class="col-xs-4 side-right" for='vpnType'></label>
|
||||
<div class="col-xs-4">
|
||||
<select id="vpnType" data-bind="options: modes, value: vpn_type, optionsText: transOption('vpn_types'),optionsValue: 'value'"
|
||||
data-transid='vpn_types' class="required form-control"></select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--div class="form-buttons">
|
||||
<input type="submit" data-trans="apply" class="btn btn-primary" />
|
||||
</div-->
|
||||
<div class="form-note">
|
||||
<div class="notes-title"> </div>
|
||||
<ul class="notes-content">
|
||||
<li data-trans="vpn_tip_1"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
170
webs/mf761/web/subpg/wifi_advance.html
Normal file
170
webs/mf761/web/subpg/wifi_advance.html
Normal file
@@ -0,0 +1,170 @@
|
||||
<link type="text/css" href="./css/jqui.css" rel="stylesheet" />
|
||||
<div id="innerContainer">
|
||||
<div class="row header-row">
|
||||
<div class="col-xs-1">
|
||||
<a href="#main">
|
||||
<img alt="" src="pic/direct-back.png">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xs-11">
|
||||
<div class="form-title form-title-multi">
|
||||
<h1 data-trans='wifi_wireless_settings'></h1>
|
||||
<p data-trans="wifi_main_sub_title"></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-2">
|
||||
<div class="nav_right">
|
||||
<ul data-bind="visible: isShowSSIDInfoDiv">
|
||||
<li><a data-trans="multi_ssid_1" data-bind="attr:{'data-trans': hasMultiSSID ? 'multi_ssid_1':'ssid_title'}" href="#wlan_main"></a></li>
|
||||
<li><a data-trans="multi_ssid_2" href="#wlan_guset"></a></li>
|
||||
<li><a data-trans="wps" href="#wlan_wps"></a></li>
|
||||
<li><a data-trans="ap_station" href="#wlan_station"></a></li>
|
||||
<li class="active"><a data-trans="wifi_advance" href="#wlan_adv"></a></li>
|
||||
<li><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-5">
|
||||
<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-5">
|
||||
<input id="multi_ssid_switch_disable"
|
||||
data-bind="checked: multi_ssid_enable" name="multi_ssid_switch" type="radio" value="0"/>
|
||||
<label data-trans="disable" for="multi_ssid_switch_disable"></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind="visible: hasWifiSwitch || (wifi_enable() == '1' && hasMultiSSID)" class="form-buttons">
|
||||
<input id="wifi_switch_apply" data-trans='apply' type="submit" formmethod="post" class="btn btn-primary"/>
|
||||
<!--input id="wifi_switch_cancel" type="button" class="btn-1 " data-bind='click: function(){clear("switch");}' data-trans='cancel'/-->
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
|
||||
|
||||
<form id="wifi_advance_form" data-bind="visible: isShowSSIDInfoDiv">
|
||||
<h3 data-bind="attr:{'data-trans': 'wifi_advance'}" class="form-title"></h3>
|
||||
<div class="content">
|
||||
<!--<div data-bind="visible: hasMultiSSID && origin_multi_ssid_enable == '1'">-->
|
||||
<!--<div class="row margin-bottom-20">-->
|
||||
<!--<div class="col-xs-12">-->
|
||||
<!--<span data-trans="max_station_number"></span>(<span data-bind="text: maxStationNumber"></span>)-->
|
||||
<!--</div>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="row">-->
|
||||
<!--<div class="col-xs-2">-->
|
||||
<!--</div>-->
|
||||
<!--<div class="col-xs-8">-->
|
||||
<!--<div id="slider-range"></div>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="col-xs-2">-->
|
||||
<!--</div>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="row margin-top-20 margin-bottom-20">-->
|
||||
<!--<div class="col-xs-2">-->
|
||||
<!--</div>-->
|
||||
<!--<div class="col-xs-8">-->
|
||||
<!--<span class="color_block"></span>-->
|
||||
<!--<span class="color_block_desc margin-right-20" id="main_ssid_num"></span>-->
|
||||
<!--<span class="color_block" style="background-color: #4D9DF0"></span>-->
|
||||
<!--<span class="color_block_desc margin-right-20" id="guest_ssid_num"></span>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="col-xs-2">-->
|
||||
<!--</div>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="row margin-top-20 margin-bottom-20">-->
|
||||
<!--<div class="col-xs-12" data-trans="wifi_slider_desc">-->
|
||||
<!--</div>-->
|
||||
<!--</div>-->
|
||||
<!--</div>-->
|
||||
<div data-bind="visible: hasWifiBand()" class="row form-group">
|
||||
<label data-trans="network_band_selection" for="band_select" class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<label data-bind="visible: bands().length == 1, attr:{'data-trans': oneBandTrans}"></label>
|
||||
<select id="band_select" data-bind="options: bands, value: selectedBand, optionsText: 'text', optionsValue: 'value', visible: bands().length > 1,event:{ change: bandChangeHandler}" name="band_select" required="true" class="form-control"></select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label id="modeLabel" data-trans="network_mode" for="mode" class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<select id="mode" data-transid="network_mode_select" data-bind="options: modes, value: selectedMode, optionsText: transOption('network_mode_select'), optionsValue: 'value', event:{ change: modeChangeHandler}" name="mode" required="true" style="display:none" class="form-control"></select>
|
||||
<label data-bind="visible: modes().length == 1, attr:{'data-trans': oneModeTrans}"></label>
|
||||
<select id="modeFor5HZ" data-transid="network_modes_band_select" data-bind="options: modes, value: selectedMode, optionsText: transOption('network_modes_band_select'), optionsValue: 'value', event:{ change: modeChangeHandler}" name="mode" required="true" style="display:none" class="form-control"></select>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind="visible: hasBandwidth()" class="row form-group">
|
||||
<label data-trans="wifi_channel_bandwidth" for="wifi_channel_bandwidth" class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<select id="wifi_channel_bandwidth" data-bind="options: channelBandwidths, value: selectedChannelBandwidth, optionsText: 'text', optionsValue: 'value'" name="channelBandwidth" required="true" class="form-control"></select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label data-trans="country_region_code" for="country" class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<select id="country" data-bind="options: countries, value: selectedCountry, optionsText: 'text', optionsValue: 'value', event:{ change: countryChangeHandler}" name="country" class="form-control"></select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label data-trans="frequency_channel" class="col-xs-4 side-right" for="channel"></label>
|
||||
<div class="col-xs-6">
|
||||
<select id="channel" data-transid="frequency_channel" data-bind="options: channels, value: selectedChannel, optionsText: transOption('frequency_channel', true), optionsValue: 'value', visible: selectedBand() == 'b' || !hasWifiBand()" name="channel" class="form-control"></select>
|
||||
<label data-trans='auto' data-bind="visible: selectedBand() == 'a' && hasWifiBand()"></label>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind="visible: hasWifiBand() == false" class="row form-group">
|
||||
<label data-trans="rate" for="rate" class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<select id="rate" data-transid="rate" data-bind="options: rates, value: selectedRate, optionsText: transOption('rate'), optionsValue: 'value'" name="rate" class="form-control"></select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-buttons">
|
||||
<input data-trans="apply" data-bind="disable:isF() == 1 && selectedMode() == '2'" type="submit" formmethod="post" class="btn btn-primary"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-note">
|
||||
<div class="notes-title"> </div>
|
||||
<ul class="notes-content">
|
||||
<li data-trans="wifi_advanced_note_band_selection"></li>
|
||||
<li data-trans="wifi_advanced_note_network_mode"></li>
|
||||
<li data-trans="wifi_advanced_note_country_code"></li>
|
||||
<li data-trans="wifi_advanced_note_frequency"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
237
webs/mf761/web/subpg/wifi_ap_station.html
Normal file
237
webs/mf761/web/subpg/wifi_ap_station.html
Normal file
@@ -0,0 +1,237 @@
|
||||
<div id="innerContainer">
|
||||
<div class="row header-row">
|
||||
<div class="col-xs-1">
|
||||
<a href="#main">
|
||||
<img alt="" src="pic/direct-back.png">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xs-11">
|
||||
<div class="form-title form-title-multi">
|
||||
<h1 data-trans='wifi_wireless_settings'></h1>
|
||||
<p data-trans="wifi_main_sub_title"></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-2">
|
||||
<div class="nav_right">
|
||||
<ul data-bind="visible: isShowSSIDInfoDiv">
|
||||
<li><a data-trans="multi_ssid_1" data-bind="attr:{'data-trans': hasMultiSSID ? 'multi_ssid_1':'ssid_title'}" href="#wlan_main"></a></li>
|
||||
<li><a data-trans="multi_ssid_2" href="#wlan_guset"></a></li>
|
||||
<li><a data-trans="wps" href="#wlan_wps"></a></li>
|
||||
<li class="active"><a data-trans="ap_station" href="#wlan_station"></a></li>
|
||||
<li><a data-trans="wifi_advance" href="#wlan_adv"></a></li>
|
||||
<li><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-5">
|
||||
<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-5">
|
||||
<input id="multi_ssid_switch_disable" data-bind="checked: multi_ssid_enable" name="multi_ssid_switch" type="radio"
|
||||
value="0"/>
|
||||
<label data-trans="disable" for="multi_ssid_switch_disable"></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind="visible: hasWifiSwitch || (wifi_enable() == '1' && hasMultiSSID)" class="form-buttons">
|
||||
<input id="wifi_switch_apply" data-trans='apply' type="submit" formmethod="post" class="btn btn-primary"/>
|
||||
<!--input id="wifi_switch_cancel" type="button" class="btn btn-primary" data-bind='click: function(){clear("switch");}' data-trans='cancel'/-->
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div data-bind="visible: isShowSSIDInfoDiv" class="content">
|
||||
<form id='frmAPStation' role="form">
|
||||
<div data-bind="visible:pageState() == page.list">
|
||||
<h3 data-trans="ap_station" class="form-title"></h3>
|
||||
<div class="content">
|
||||
<div class="row form-group">
|
||||
<label data-trans='ap_station_switch' class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<div class="row">
|
||||
<div class="col-xs-4">
|
||||
<input id="ap_station_switch_enable" data-bind="checked: ap_station_enable" name="ap_station_switch" type="radio"
|
||||
value="1"/>
|
||||
<label data-trans="enable" for="ap_station_switch_enable"></label>
|
||||
</div>
|
||||
<div class="col-xs-5">
|
||||
<input id="ap_station_switch_disable" data-bind="checked: ap_station_enable" name="ap_station_switch" type="radio"
|
||||
value="0"/>
|
||||
<label data-trans="disable" for="ap_station_switch_disable"></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind="visible:ap_station_enable()=='1'" class="row form-group">
|
||||
<label data-trans='ap_station_current_status' class="col-xs-4 side-right"></label>
|
||||
|
||||
<div class="col-xs-6">
|
||||
<span data-bind="text:current_status_text,attr:{'data-trans':current_status_trans}"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-buttons">
|
||||
<input id="btnApply" data-trans="apply" data-bind="click:apply, disable:isCableMode() == true && ap_station_enable()=='1'" type="button" class="btn btn-primary"/>
|
||||
</div>
|
||||
<div data-bind="visible:ap_station_enable()=='1' && origin_ap_station_enable =='1'">
|
||||
<h3 data-trans="ap_station_hotspot_list" class="form-title"></h3>
|
||||
<div>
|
||||
<input id="btnDisconnect" data-trans="ap_station_disconnect"
|
||||
data-bind="click:disconnectHotspot,visible:connectButtonStatus()=='hide'" type="button" class="btn btn-primary"/>
|
||||
<input id="btnConnect" data-trans="ap_station_connect"
|
||||
data-bind="click:connectHotspot,disable:connectButtonStatus()=='disable' || isCableMode() == true,visible:connectButtonStatus()=='show'||connectButtonStatus()=='disable'" type="button" class="btn btn-primary"/>
|
||||
<input id="btnDelete" data-trans="delete"
|
||||
data-bind="click:deleteHotspot,disable:hasSelectFromUser() == false || isCableMode() == true" type="button" class="btn btn-primary"/>
|
||||
<input id="btnEdit" data-trans="edit"
|
||||
data-bind="click:openEditPage,disable:hasSelectFromUser() == false || isCableMode() == true" type="button" class="btn btn-primary"/>
|
||||
<input id="btnOpenAddPage" data-trans="add"
|
||||
data-bind="click:openAddPage,disable:isCableMode() == true" type="button" class="btn btn-primary"/>
|
||||
</div>
|
||||
<div id="apList" data-bind="simpleGrid: apGrid"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind="visible:pageState() == page.add || pageState() == page.edit">
|
||||
<h3 data-trans="ap_station_add_hotspot" data-bind="visible:pageState() == page.add" class="form-title"></h3>
|
||||
<h3 data-trans="ap_station_edit_hotspot" data-bind="visible:pageState() == page.edit" class="form-title"></h3>
|
||||
<div class="content">
|
||||
<div class="row form-group">
|
||||
<label data-trans='ssid_name' for="txtSSID" class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<input id="txtSSID" data-bind="value:ssid" maxlength="32" name="txtSSID" type="text" class="required form-control"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label data-trans='security_mode' for='mode' class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<select id="mode" data-transid='ap_station_security_mode'
|
||||
data-bind="options: modes, value: authMode, optionsText: transOption('ap_station_security_mode'), optionsValue: 'value'" class="form-control"></select>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind='visible: authMode() == "OPEN"' class="row form-group">
|
||||
<label data-trans='ap_station_encrypt_type' for='selEncryptType' class="col-xs-4 side-right"></label>
|
||||
|
||||
<div class="col-xs-6">
|
||||
<select id="selEncryptType" data-bind="value: encryptType,optionsValue: 'value'" class="form-control">
|
||||
<option data-trans="ap_station_encrypt_type_none" value="NONE"></option>
|
||||
<option data-trans="ap_station_encrypt_type_wep" value="WEP"></option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind='visible: (authMode() == "OPEN" && encryptType() == "WEP") || authMode() == "SHARED"' class="row form-group">
|
||||
<label data-trans='ap_station_wep_default_key' for='selWepKeyType' class="col-xs-4 side-right"></label>
|
||||
|
||||
<div class="col-xs-6">
|
||||
<select id="selWepKeyType" data-bind="value: keyID,optionsValue: 'value'" class="form-control">
|
||||
<option data-trans="ap_station_wep_key_0" value="0"></option>
|
||||
<option data-trans="ap_station_wep_key_1" value="1"></option>
|
||||
<option data-trans="ap_station_wep_key_2" value="2"></option>
|
||||
<option data-trans="ap_station_wep_key_3" value="3"></option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind='visible: (authMode() == "OPEN" && encryptType() == "WEP") || authMode() == "SHARED"' class="row form-group">
|
||||
<label data-trans='ap_station_wep_key' for='txtWepKey' class="col-xs-4 side-right"></label>
|
||||
|
||||
<div class="col-xs-6">
|
||||
<input id='pwdWepKey'
|
||||
data-bind="value: password,visible:!showPassword()" maxlength='26' name="pwdWepKey" type="password" class="required form-control"/>
|
||||
<input id='txtWepKey'
|
||||
data-bind="value: password,visible:showPassword()" maxlength='26' name="txtWepKey" type="text" class="required form-control"/>
|
||||
<div class="margin-top-10">
|
||||
<p data-bind="css:{'checkbox_selected': showPassword()}, click: showPasswordHandler"
|
||||
manualControl="true" class="checkbox">
|
||||
<input id="showPassword" data-bind="checked:showPassword" type="checkbox"/>
|
||||
</p>
|
||||
<label data-trans="display_password" for="showPassword" class="floatleft margintop5 lineheight25"/>
|
||||
</div>
|
||||
<div id="lblShowPassword" class="clear"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind='visible: authMode() == "WPAPSK" || authMode() == "WPA2PSK" || authMode() == "WPAPSKWPA2PSK" ' class="row form-group">
|
||||
<label class="col-xs-4 side-right" for='cipher_TKIP' data-trans='ap_station_cipher'></label>
|
||||
|
||||
<div id="cipherGroup" class="col-xs-6">
|
||||
<input id="cipher_TKIP"
|
||||
data-bind="checked: encryptType_WPA" name="cipher" value="TKIP" type="radio">
|
||||
<label data-trans="ap_station_cipher_TKIP" for="cipher_TKIP"></label>
|
||||
<input id="cipher_AES"
|
||||
data-bind="checked: encryptType_WPA" name="cipher" value="CCMP" type="radio">
|
||||
<label data-trans="ap_station_cipher_AES" for="cipher_AES"></label>
|
||||
<input id="cipher_AUTO"
|
||||
data-bind="checked: encryptType_WPA" name="cipher" value="TKIPCCMP" type="radio">
|
||||
<label data-trans="ap_station_cipher_AUTO" for="cipher_AUTO"></label>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind='visible: authMode() == "WPAPSK" || authMode() == "WPA2PSK" || authMode() == "WPAPSKWPA2PSK" || authMode() == "WPA3Personal" || authMode() == "WPA2WPA3"' class="row form-group">
|
||||
<label data-trans='pass_phrase' for='txtWPAKey' class="col-xs-4 side-right"></label>
|
||||
|
||||
<div class="col-xs-6">
|
||||
<input id='codeWPAKey'
|
||||
data-bind="value: password,visible:!showPassword()" minlength='8' maxlength='63' name="codeWPAKey" type="password" class="required form-control"/>
|
||||
<input id='txtWPAKey'
|
||||
data-bind="value: password,visible:showPassword()" minlength='8' maxlength='63' name="txtWPAKey" type="text" class="required form-control"/>
|
||||
<div class="margin-top-10">
|
||||
<p data-bind="css:{'checkbox_selected': showPassword()}, click: showPasswordHandler"
|
||||
manualControl="true" class="checkbox">
|
||||
<input id="showWPAPassword" data-bind="checked:showPassword" type="checkbox"/>
|
||||
</p>
|
||||
<label data-trans="display_password" for="showWPAPassword" class="floatleft margintop5 lineheight25"/>
|
||||
</div>
|
||||
<div id="lblshowWPAPassword" class="clear"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-buttons" >
|
||||
<input id="btnRefreshSearch" data-trans="refresh"
|
||||
data-bind="click:searchHotspot,visible:pageState() == page.add" type="button" class="btn btn-primary"/>
|
||||
<!--<input id="btnReset" type="button" class="btn btn-primary" data-trans="clear"-->
|
||||
<!--data-bind="click:clear"/>-->
|
||||
<input id="btnAdd" data-trans="apply" type="submit" formmethod="post" class="btn btn-primary"/>
|
||||
<input id="btnBack" data-trans="back"
|
||||
data-bind="click:openListPage" type="button" class="btn btn-primary"/>
|
||||
</div>
|
||||
<div id="apSearchList" data-bind="simpleGrid: apSearchGrid,visible:pageState() == page.add"></div>
|
||||
</div>
|
||||
<div data-bind="visible:pageState() == page.list" class="form-note">
|
||||
<div class="notes-title"> </div>
|
||||
<ul class="notes-content">
|
||||
<li data-trans="ap_station_note_info"></li>
|
||||
<li data-bind="visible: hasMultiSSID" data-trans="ap_station_note_disable_info"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
245
webs/mf761/web/subpg/wifi_guest.html
Normal file
245
webs/mf761/web/subpg/wifi_guest.html
Normal file
@@ -0,0 +1,245 @@
|
||||
<div id="innerContainer">
|
||||
<div class="row header-row">
|
||||
<div class="col-xs-1">
|
||||
<a href="#main">
|
||||
<img alt="" src="pic/direct-back.png">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xs-11">
|
||||
<div class="form-title form-title-multi">
|
||||
<h1 data-trans='wifi_wireless_settings'></h1>
|
||||
<p data-trans="wifi_main_sub_title"></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-2">
|
||||
<div class="nav_right">
|
||||
<ul data-bind="visible: isShowSSIDInfoDiv">
|
||||
<li><a data-trans="multi_ssid_1" href="#wlan_main"></a></li>
|
||||
<li class="active"><a data-trans="multi_ssid_2" href="#wlan_guset"></a></li>
|
||||
<li><a data-trans="wps" href="#wlan_wps"></a></li>
|
||||
<li><a data-trans="ap_station" href="#wlan_station"></a></li>
|
||||
<li><a data-trans="wifi_advance" href="#wlan_adv"></a></li>
|
||||
<li><a data-trans="mac_filter" href="#filter_mac"></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-10">
|
||||
|
||||
<div class="form-body">
|
||||
<h2 class="text-center">副SSID并不是每台设备都支持，乱设置会导致WIFI无法使用！</h2>
|
||||
<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-5">
|
||||
<input id="wifi_switch_disable"
|
||||
data-bind="checked: wifi_enable" name="wifi_switch" type="radio" value="0"/>
|
||||
<label data-trans="disable" for="wifi_switch_disable"></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind="visible: wifi_enable() == '1'" class="row form-group">
|
||||
<label data-trans="multi_ssid_enable" class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<div class="row">
|
||||
<div class="col-xs-4">
|
||||
<input id="multi_ssid_switch_enable"
|
||||
data-bind="checked: multi_ssid_enable" name="multi_ssid_switch" type="radio" value="1"/>
|
||||
<label data-trans="enable" for="multi_ssid_switch_enable"></label>
|
||||
</div>
|
||||
<div class="col-xs-5">
|
||||
<input id="multi_ssid_switch_disable"
|
||||
data-bind="checked: multi_ssid_enable" name="multi_ssid_switch" type="radio" value="0"/>
|
||||
<label data-trans="disable" for="multi_ssid_switch_disable"></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind="visible: hasWifiSwitch || (wifi_enable() == '1' && hasMultiSSID)" class="form-buttons">
|
||||
<input id="wifi_switch_apply" data-trans='apply' type="submit" formmethod="post" class="btn btn-primary"/>
|
||||
<!--input id="wifi_switch_cancel" type="button" class="btn-1 " data-bind='click: function(){clear("switch");}' data-trans='cancel'/-->
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
|
||||
<!--
|
||||
<form id="frmMultiSSID" data-bind="visible:hasMultiSSID && !hasWifiSwitch">
|
||||
<div class="form-title" data-trans="multi_ssid_enable"></div>
|
||||
<div class="content">
|
||||
<div class="row form-group">
|
||||
<label class="col-xs-4 side-right" data-trans="multi_ssid_enable"></label>
|
||||
<div class="col-xs-6">
|
||||
<input type="radio" name="multi_ssid_switch" id="multi_ssid_switch_enable"
|
||||
data-bind="checked: multi_ssid_enable" value="1"/>
|
||||
<label for="multi_ssid_switch_enable" data-trans="enable"></label>
|
||||
<input type="radio" name="multi_ssid_switch" id="multi_ssid_switch_disable"
|
||||
data-bind="checked: multi_ssid_enable" value="0"/>
|
||||
<label for="multi_ssid_switch_disable" data-trans="disable"></label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-buttons">
|
||||
<input id="mutissid_apply" type="submit" formmethod="post" class="btn-1 " data-trans='apply'/>
|
||||
<input id="multissid_cancel" type="button" class="btn-1 " data-bind='click: function(){clear("switch");}' data-trans='cancel'/>
|
||||
</div>
|
||||
</div>
|
||||
</form>-->
|
||||
<div data-bind="visible: isShowSSIDInfoDiv">
|
||||
<div data-bind="visible:origin_multi_ssid_enable!='1'|| !hasMultiSSID" data-trans="wif_guest_disabled">
|
||||
</div>
|
||||
<form id="frmSSID2" data-bind="visible:origin_multi_ssid_enable=='1'&& hasMultiSSID">
|
||||
<h3 data-bind="attr:{'data-trans': 'multi_ssid_2'}" class="form-title"></h3>
|
||||
<div class="content">
|
||||
<div class="row form-group">
|
||||
<label for="m_ssid" data-trans="network_name" class="col-xs-4 side-right"></label>
|
||||
|
||||
<div class="col-xs-6">
|
||||
<input id="m_ssid" data-bind="value: m_ssid" maxlength="32" name="m_ssid" type="text" class="required form-control"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-8 label-absolute">
|
||||
<p data-bind="css:{'checkbox_selected': m_broadcast() == '0'}" class="checkbox">
|
||||
<input id="mBroadcastCheckbox" data-bind="checked: m_broadcast() == '0'" name="mBroadcastCheckbox" type="checkbox" value="1"/>
|
||||
</p>
|
||||
<label data-trans="wifi_broadcast_desc"></label>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind="visible: showIsolated" class="row form-group">
|
||||
<label class="col-xs-4"></label>
|
||||
<div class="col-xs-8">
|
||||
<p data-bind="css:{'checkbox_selected': m_apIsolation() == 1}" class="checkbox">
|
||||
<input id="mApIsolatedCheckbox" data-bind="checked: m_apIsolation() == 1" name="mApIsolatedCheckbox" type="checkbox" value="1"/>
|
||||
</p>
|
||||
<label data-trans="wifi_isolated_desc"></label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label data-trans='security_mode' class="col-xs-4 side-right" for='m_mode'></label>
|
||||
<div class="col-xs-6">
|
||||
<select id="m_mode" data-transid='security_mode'
|
||||
data-bind="options: m_modes, value: m_selectedMode, optionsText: transOption('security_mode'), optionsValue: 'value'" class="form-control"></select>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind='visible: m_selectedMode() == "OPEN" && hasWifiWep' class="row form-group">
|
||||
<label data-trans='ap_station_encrypt_type' for='m_selEncryptType' class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<select id="m_selEncryptType" data-bind="value: m_encryptType,optionsValue: 'value'" class="form-control">
|
||||
<option data-trans="ap_station_encrypt_type_none" value="NONE"></option>
|
||||
<option data-trans="ap_station_encrypt_type_wep" value="WEP"></option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind='visible: (m_selectedMode() == "OPEN" && m_encryptType() == "WEP" && hasWifiWep) || (m_selectedMode() == "SHARED" && hasWifiWep)' class="row form-group">
|
||||
<label data-trans='ap_station_wep_default_key' for='m_selWepKeyType' class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<select id="m_selWepKeyType" data-bind="value: m_keyID,optionsValue: 'value', event:{ change: profileChangeHandler}" class="form-control">
|
||||
<option data-trans="ap_station_wep_key_0" value="0"></option>
|
||||
<option data-trans="ap_station_wep_key_1" value="1"></option>
|
||||
<option data-trans="ap_station_wep_key_2" value="2"></option>
|
||||
<option data-trans="ap_station_wep_key_3" value="3"></option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind='visible: (m_selectedMode() == "OPEN" && m_encryptType() == "WEP" && hasWifiWep) || (m_selectedMode() == "SHARED" && hasWifiWep)' class="row form-group">
|
||||
<label data-trans='ap_station_wep_key' for='m_pwdWepKey' class="col-xs-4 side-right"></label>
|
||||
|
||||
<div class="col-xs-6">
|
||||
<input id='m_pwdWepKey'
|
||||
data-bind="value: m_wepPassword,visible:!m_showPassword()" maxlength='26' name="m_pwdWepKey" type="password" class="required form-control"/>
|
||||
<input id='m_txtWepKey'
|
||||
data-bind="value: m_wepPassword,visible:m_showPassword()" maxlength='26' name="m_txtWepKey" type="text" class="required form-control"/>
|
||||
<div class="margin-top-10">
|
||||
<p data-bind="css:{'checkbox_selected': m_showPassword()}, click: m_showPasswordHandler"
|
||||
manualControl="true" class="checkbox">
|
||||
<input id="m_showWepPassword" data-bind="checked:m_showPassword" type="checkbox"/>
|
||||
</p>
|
||||
<label data-trans="display_password" for="m_showWepPassword" class="floatleft margintop5 lineheight25"/>
|
||||
</div>
|
||||
<div id="m_lblShowWepPassword" class="clear"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="passwordContainer" data-bind='visible: m_selectedMode() == "WPA2PSK" || m_selectedMode() == "WPAPSKWPA2PSK" || m_selectedMode() == "WPA3Personal" || m_selectedMode() == "WPA2WPA3"' class="row form-group">
|
||||
<label data-trans='pass_phrase' for='m_pass' class="col-xs-4 side-right"></label>
|
||||
|
||||
<div class="col-xs-6">
|
||||
<input id='m_pass' data-bind="value: m_passPhrase,visible:!m_showPassword()"
|
||||
minlength='8' maxlength='63' name="m_pass" type="password" class="required form-control floatleft margintop5"/>
|
||||
<input id='m_passShow' data-bind="value: m_passPhrase,visible:m_showPassword()"
|
||||
minlength='8' maxlength='63' name="m_passShow" type="text" class="required form-control floatleft margintop5"/>
|
||||
<div class="margin-top-10">
|
||||
<p data-bind="css:{'checkbox_selected': m_showPassword()}, click: m_showPasswordHandler" manualControl="true" class="checkbox floatleft margintop10 marginleft5 marginright5">
|
||||
<input id="m_showPassword" data-bind="checked:m_showPassword" type="checkbox"/>
|
||||
</p>
|
||||
<label data-trans="display_password" class="floatleft margintop5 lineheight25"></label>
|
||||
</div>
|
||||
<div id="m_lblShowPassword" class="clear"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label class="col-xs-4 side-right" ></label>
|
||||
<div class="col-xs-6">
|
||||
<div data-bind="visible: showQRSwitch" class="margin-top-10">
|
||||
<p data-bind="css:{'checkbox_selected': showQR()}, click: showQRHandler" manualControl="true" class="checkbox">
|
||||
<input id="showQR" data-bind="checked:showQR" type="checkbox"/>
|
||||
</p>
|
||||
<label data-trans="display_QR" class="floatleft lineheight25 margintop5"></label>
|
||||
</div>
|
||||
<div id="h_qrcode" data-bind="visible: showQRCode">
|
||||
<img id="qrcode_img" data-bind="attr: {src: qrcodeSrc}" src="./pic/res_blacktrans.png" width="111"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label data-trans="max_station_number" for="m_maxStation" class="col-xs-4 side-right"></label>
|
||||
|
||||
<div class="col-xs-6">
|
||||
<select id="m_maxStation"
|
||||
data-bind="options: m_maxStations, value: m_selectedStation, optionsText: 'text', optionsValue: 'value'" name="m_maxStation" class="form-control"></select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="form-buttons">
|
||||
<input id="ssid2_apply" data-trans='apply' data-bind="disable: (adBand()=='b' && adMode() == '2' && m_selectedMode() == 'SHARED') || (adBand()=='b' && adMode() == '2' && m_selectedMode() == 'OPEN' && m_encryptType() == 'WEP')" type="submit" formmethod="post" class="btn btn-primary"/>
|
||||
<!--input id="ssid2_cancel" type="button" class="btn-1 " data-bind='click: function(){clear("ssid2");}' data-trans='cancel'/-->
|
||||
</div>
|
||||
</form>
|
||||
<div class="form-note">
|
||||
<div class="notes-title"> </div>
|
||||
<ul class="notes-content">
|
||||
<li data-trans="wifi_basic_note_multi_ssid_switch"></li>
|
||||
<li data-trans="wifi_basic_note_network_name"></li>
|
||||
<!--<li data-trans="wifi_basic_note_network_name_input"></li>-->
|
||||
<li data-trans="wifi_basic_note_broadcast"></li>
|
||||
<li data-trans="wifi_basic_note_security_mode"></li>
|
||||
<li class="no-style">
|
||||
<ul>
|
||||
<li data-trans="wifi_basic_note_no_encryption"></li>
|
||||
<li data-bind='visible: hasWifiWep' data-trans="wifi_basic_note_shared"></li>
|
||||
<li data-trans="wifi_basic_note_wpa_psk_aes"></li>
|
||||
<li data-trans="wifi_basic_note_wpa_psk"></li>
|
||||
<!--li data-bind='visible: hasWifiWpa3' data-trans="wifi_basic_note_wpa3"></li>
|
||||
<li data-bind='visible: hasWifiWpa23' data-trans="wifi_basic_note_wpa2_wpa3"></li-->
|
||||
</ul>
|
||||
</li>
|
||||
<li data-trans="wifi_basic_note_pass_phrase"></li>
|
||||
<li data-trans="wifi_basic_note_max_station_number"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
170
webs/mf761/web/subpg/wifi_mac_filter.html
Normal file
170
webs/mf761/web/subpg/wifi_mac_filter.html
Normal file
@@ -0,0 +1,170 @@
|
||||
<div id="innerContainer">
|
||||
<div class="row header-row">
|
||||
<div class="col-xs-1">
|
||||
<a href="#main">
|
||||
<img alt="" src="pic/direct-back.png">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xs-11">
|
||||
<div class="form-title form-title-multi">
|
||||
<h1 data-trans='wifi_wireless_settings'></h1>
|
||||
<p data-trans="wifi_main_sub_title"></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-2">
|
||||
<div class="nav_right">
|
||||
<ul data-bind="visible: isShowSSIDInfoDiv">
|
||||
<li><a data-trans="multi_ssid_1" data-bind="attr:{'data-trans': hasMultiSSID ? 'multi_ssid_1':'ssid_title'}" href="#wlan_main"></a></li>
|
||||
<li><a data-trans="multi_ssid_2" href="#wlan_guset"></a></li>
|
||||
<li><a data-trans="wps" href="#wlan_wps"></a></li>
|
||||
<li><a data-trans="ap_station" href="#wlan_station"></a></li>
|
||||
<li><a data-trans="wifi_advance" href="#wlan_adv"></a></li>
|
||||
<li class="active"><a data-trans="mac_filter" href="#filter_mac"></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-10">
|
||||
|
||||
<div class="form-body">
|
||||
|
||||
<form id="frmWifiSwitch" role="form">
|
||||
<div class="content margin-top-20">
|
||||
<div data-bind="visible: hasWifiSwitch" class="row form-group">
|
||||
<label data-trans="wifi_switch" class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<div class="row">
|
||||
<div class="col-xs-4">
|
||||
<input id="wifi_switch_enable" data-bind="checked: wifi_enable" name="wifi_switch" type="radio"
|
||||
value="1"/>
|
||||
<label data-trans="enable" for="wifi_switch_enable"></label>
|
||||
</div>
|
||||
<div class="col-xs-5">
|
||||
<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-5">
|
||||
<input id="multi_ssid_switch_disable" data-bind="checked: multi_ssid_enable" name="multi_ssid_switch" type="radio"
|
||||
value="0"/>
|
||||
<label data-trans="disable" for="multi_ssid_switch_disable"></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind="visible: hasWifiSwitch || (wifi_enable() == '1' && hasMultiSSID)" class="form-buttons">
|
||||
<input id="wifi_switch_apply" data-trans='apply' type="submit" formmethod="post" class="btn btn-primary"/>
|
||||
<!--input id="wifi_switch_cancel" type="button" class="btn-1 " data-bind='click: function(){clear("switch");}' data-trans='cancel'/-->
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div data-bind="visible: isShowSSIDInfoDiv">
|
||||
<form id="mac_filter_form" role="form">
|
||||
<h3 data-trans="mac_filter" class="form-title"></h3>
|
||||
<div class="content margin-top-20">
|
||||
|
||||
<div class="content">
|
||||
<div class="row form-group">
|
||||
<label data-trans="mac_filter_lable" for="country" class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-4">
|
||||
<select id="country" data-bind="value: selectedAction, event:{ change: ChangeHandler}" name="country" class="form-control">
|
||||
<option data-trans="wlan_mac_filter_0" value="0"></option>
|
||||
<option data-trans="wlan_mac_filter_1" value="1"></option>
|
||||
<option data-trans="wlan_mac_filter_2" value="2"></option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-3">
|
||||
<input id="mac_1" maxlength="32" data-bind="value: mac1,disable:selectedAction() == 0,css:{disabled:selectedAction() == 0}" name="mac_1" type="text" class="form-control"/>
|
||||
</div>
|
||||
<div class="col-xs-3">
|
||||
<input id="mac_2" maxlength="32" data-bind="value: mac2,disable:selectedAction() == 0,css:{disabled:selectedAction() == 0}" name="mac_2" type="text" class="form-control"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-3">
|
||||
<input id="mac_3" data-bind="value: mac3,disable:selectedAction() == 0,css:{disabled:selectedAction() == 0}" maxlength="32" name="mac_3" type="text" class="form-control"/>
|
||||
</div>
|
||||
<div class="col-xs-3">
|
||||
<input id="mac_4" data-bind="value: mac4,disable:selectedAction() == 0,css:{disabled:selectedAction() == 0}" maxlength="32" name="mac_4" type="text" class="form-control"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-3">
|
||||
<input id="mac_5" data-bind="value: mac5,disable:selectedAction() == 0,css:{disabled:selectedAction() == 0}" maxlength="32" name="mac_5" type="text" class="form-control"/>
|
||||
</div>
|
||||
<div class="col-xs-3">
|
||||
<input id="mac_6" data-bind="value: mac6,disable:selectedAction() == 0,css:{disabled:selectedAction() == 0}" maxlength="32" name="mac_6" type="text" class="form-control"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-3">
|
||||
<input id="mac_7" data-bind="value: mac7,disable:selectedAction() == 0,css:{disabled:selectedAction() == 0}" maxlength="32" name="mac_7" type="text" class="form-control"/>
|
||||
</div>
|
||||
<div class="col-xs-3">
|
||||
<input id="mac_8" data-bind="value: mac8,disable:selectedAction() == 0,css:{disabled:selectedAction() == 0}" maxlength="32" name="mac_8" type="text" class="form-control"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-3">
|
||||
<input id="mac_9" data-bind="value: mac9,disable:selectedAction() == 0,css:{disabled:selectedAction() == 0}" maxlength="32" name="mac_9" type="text" class="form-control"/>
|
||||
</div>
|
||||
<div class="col-xs-3">
|
||||
<input id="mac_10" data-bind="value: mac10,disable:selectedAction() == 0,css:{disabled:selectedAction() == 0}" maxlength="32" name="mac_10" type="text" class="form-control"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-buttons">
|
||||
<input data-trans='apply' type="submit" formmethod="post" class="btn btn-primary"/>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<div class="form-note">
|
||||
<div class="notes-title"> </div>
|
||||
<ul class="notes-content">
|
||||
<li data-trans="wif_filter_note1"></li>
|
||||
<li data-trans="wif_filter_note2"></li>
|
||||
<li data-trans="wif_filter_note3"></li>
|
||||
<li data-trans="wif_filter_note4"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
258
webs/mf761/web/subpg/wifi_main.html
Normal file
258
webs/mf761/web/subpg/wifi_main.html
Normal file
@@ -0,0 +1,258 @@
|
||||
<div id="innerContainer">
|
||||
<div class="row header-row">
|
||||
<div class="col-xs-1">
|
||||
<a href="#main">
|
||||
<img alt="" src="pic/direct-back.png">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xs-11">
|
||||
<div class="form-title form-title-multi">
|
||||
<h1 data-trans='wifi_wireless_settings'></h1>
|
||||
<p data-trans="wifi_main_sub_title"></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-2">
|
||||
<div class="nav_right">
|
||||
<ul data-bind="visible: isShowSSIDInfoDiv">
|
||||
<li class="active"><a data-trans="multi_ssid_1" data-bind="attr:{'data-trans': hasMultiSSID ? 'multi_ssid_1':'ssid_title'}" href="#wlan_main"></a></li>
|
||||
<li><a data-trans="multi_ssid_2" href="#wlan_guset"></a></li>
|
||||
<li><a data-trans="wps" href="#wlan_wps"></a></li>
|
||||
<li><a data-trans="ap_station" href="#wlan_station"></a></li>
|
||||
<li><a data-trans="wifi_advance" href="#wlan_adv"></a></li>
|
||||
<li><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-5">
|
||||
<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-5">
|
||||
<input id="multi_ssid_switch_disable"
|
||||
data-bind="checked: multi_ssid_enable" name="multi_ssid_switch" type="radio" value="0"/>
|
||||
<label data-trans="disable" for="multi_ssid_switch_disable"></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind="visible: hasWifiSwitch || (wifi_enable() == '1' && hasMultiSSID)" class="form-buttons">
|
||||
<input id="wifi_switch_apply" data-trans='apply' type="submit" formmethod="post" class="btn btn-primary"/>
|
||||
<!--input id="wifi_switch_cancel" type="button" class="btn-1 " data-bind='click: function(){clear("switch");}' data-trans='cancel'/-->
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
|
||||
<!--form id="frmMultiSSID" data-bind="visible:hasMultiSSID && !hasWifiSwitch">
|
||||
<div class="form-title" data-trans="multi_ssid_enable"></div>
|
||||
<div class="content">
|
||||
<div class="row form-group">
|
||||
<label class="col-xs-4 side-right" data-trans="multi_ssid_enable"></label>
|
||||
<div class="col-xs-6">
|
||||
<input type="radio" name="multi_ssid_switch" id="multi_ssid_switch_enable"
|
||||
data-bind="checked: multi_ssid_enable" value="1"/>
|
||||
<label for="multi_ssid_switch_enable" data-trans="enable"></label>
|
||||
<input type="radio" name="multi_ssid_switch" id="multi_ssid_switch_disable"
|
||||
data-bind="checked: multi_ssid_enable" value="0"/>
|
||||
<label for="multi_ssid_switch_disable" data-trans="disable"></label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-buttons">
|
||||
<input id="mutissid_apply" type="submit" formmethod="post" class="btn-1 " data-trans='apply'/>
|
||||
<input id="multissid_cancel" type="button" class="btn-1 " data-bind='click: function(){clear("switch");}' data-trans='cancel'/>
|
||||
</div>
|
||||
</div>
|
||||
</form-->
|
||||
<div data-bind="visible: isShowSSIDInfoDiv">
|
||||
<form id="frmSSID1">
|
||||
<h3 data-bind="attr:{'data-trans': hasMultiSSID ? 'multi_ssid_1':'ssid_title'}" class="form-title"></h3>
|
||||
<div class="content">
|
||||
<div class="row form-group">
|
||||
<label data-trans="network_name" for="ssid" class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<input id="ssid" data-bind="value: ssid" maxlength="32" name="ssid" type="text" class="required form-control"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label class="col-xs-4"></label>
|
||||
<div class="col-xs-8 label-absolute">
|
||||
<p data-bind="css:{'checkbox_selected': broadcast() == '0'}" class="checkbox">
|
||||
<input id="broadcastCheckbox" data-bind="checked: broadcast() == '0'" name="broadcastCheckbox" type="checkbox" value="1"/>
|
||||
</p>
|
||||
<label data-trans="wifi_broadcast_desc"></label>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind="visible: showIsolated" class="row form-group">
|
||||
<label class="col-xs-4"></label>
|
||||
<div class="col-xs-8">
|
||||
<p data-bind="css:{'checkbox_selected': apIsolation() == 1}" class="checkbox">
|
||||
<input id="apisolatedCheckbox" data-bind="checked: apIsolation() == 1" name="apisolatedCheckbox" type="checkbox" value="1"/>
|
||||
</p>
|
||||
<label data-trans="wifi_isolated_desc"></label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label data-trans='security_mode' for='mode' class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<select id="mode" data-transid='security_mode'
|
||||
data-bind="options: modes, value: selectedMode, optionsText: transOption('security_mode'), optionsValue: 'value'" class="form-control"></select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div data-bind='visible: selectedMode() == "OPEN" && hasWifiWep' class="row form-group">
|
||||
<label data-trans='ap_station_encrypt_type' class="col-xs-4 side-right" for='selEncryptType'></label>
|
||||
<div class="col-xs-6">
|
||||
<select id="selEncryptType" data-bind="value: encryptType,optionsValue: 'value'" class="form-control">
|
||||
<option data-trans="ap_station_encrypt_type_none" value="NONE"></option>
|
||||
<option data-trans="ap_station_encrypt_type_wep" value="WEP"></option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind='visible: (selectedMode() == "OPEN" && encryptType() == "WEP" && hasWifiWep) || (selectedMode() == "SHARED" && hasWifiWep)' class="row form-group">
|
||||
<label data-trans='ap_station_wep_default_key' for='selWepKeyType' class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<select id="selWepKeyType" data-bind="value: keyID,optionsValue: 'value', event:{ change: profileChangeHandler}" class="form-control">
|
||||
<option data-trans="ap_station_wep_key_0" value="0"></option>
|
||||
<option data-trans="ap_station_wep_key_1" value="1"></option>
|
||||
<option data-trans="ap_station_wep_key_2" value="2"></option>
|
||||
<option data-trans="ap_station_wep_key_3" value="3"></option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind='visible: (selectedMode() == "OPEN" && encryptType() == "WEP" && hasWifiWep) || (selectedMode() == "SHARED" && hasWifiWep)' class="row form-group">
|
||||
<label data-trans='ap_station_wep_key' for='pwdWepKey' class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<input id='pwdWepKey'
|
||||
data-bind="value: wepPassword,visible:!showPassword()" maxlength='26' name="pwdWepKey" type="password" class="required form-control"/>
|
||||
<input id='txtWepKey'
|
||||
data-bind="value: wepPassword,visible:showPassword()" maxlength='26' name="txtWepKey" type="text" class="required form-control"/>
|
||||
<div class="margin-top-10">
|
||||
<p data-bind="css:{'checkbox_selected': showPassword()}, click: showPasswordHandler"
|
||||
manualControl="true" class="checkbox">
|
||||
<input id="showWepPassword" data-bind="checked:showPassword" type="checkbox"/>
|
||||
</p>
|
||||
<label data-trans="display_password" for="showWepPassword" class="floatleft margintop5 lineheight25"/>
|
||||
</div>
|
||||
<div id="lblShowWepPassword" class="clear"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="passwordContainer"
|
||||
data-bind='visible: selectedMode() == "WPA2PSK" || selectedMode() == "WPAPSKWPA2PSK" || selectedMode() == "WPA3Personal" || selectedMode() == "WPA2WPA3"' class="row form-group">
|
||||
<label data-trans='pass_phrase' for='txtWPAKey' class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<input id='codeWPAKey' data-bind="value: passPhrase,visible:!showPassword()"
|
||||
minlength='8' maxlength='63' name="codeWPAKey" type="password" class="required form-control"/>
|
||||
<input id='txtWPAKey' data-bind="value: passPhrase,visible:showPassword()"
|
||||
minlength='8' maxlength='63' name="txtWPAKey" type="text" class="required form-control"/>
|
||||
<div class="margin-top-10">
|
||||
<p data-bind="css:{'checkbox_selected': showPassword()}, click: showPasswordHandler" manualControl="true" class="checkbox">
|
||||
<input id="showPassword" data-bind="checked:showPassword" type="checkbox"/>
|
||||
</p>
|
||||
<label data-trans="display_password" class="floatleft lineheight25 margintop5"></label>
|
||||
</div>
|
||||
<div id="lblshowWPAPassword" class="clear"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label class="col-xs-4 side-right" ></label>
|
||||
<div class="col-xs-6">
|
||||
<div data-bind="visible: showQRSwitch" class="margin-top-10">
|
||||
<p data-bind="css:{'checkbox_selected': showQR()}, click: showQRHandler" manualControl="true" class="checkbox">
|
||||
<input id="showQR" data-bind="checked:showQR" type="checkbox"/>
|
||||
</p>
|
||||
<label data-trans="display_QR" class="floatleft lineheight25 margintop5"></label>
|
||||
</div>
|
||||
<div id="h_qrcode" data-bind="visible: showQRCode">
|
||||
<img id="qrcode_img" data-bind="attr: {src: qrcodeSrc}" src="./pic/res_blacktrans.png" width="111"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label class="col-xs-4 side-right" data-trans="show_ssid_on_lcd"></label>
|
||||
<div class="col-xs-6">
|
||||
<div class="row">
|
||||
<div class="col-xs-4">
|
||||
<input type="radio" name="show_on_lcd" id="show_on_lcd_yes"
|
||||
data-bind="checked: show_ssid_on_lcd" value="1"/>
|
||||
<label for="show_on_lcd_yes" data-trans="show_on"></label>
|
||||
</div>
|
||||
<div class="col-xs-4">
|
||||
<input type="radio" name="show_on_lcd" id="show_on_lcd_no"
|
||||
data-bind="checked: show_ssid_on_lcd" value="0"/>
|
||||
<label for="show_on_lcd_no" data-trans="hide_on"></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label data-trans="max_station_number" class="col-xs-4 side-right" for="maxStation"></label>
|
||||
|
||||
<div class="col-xs-6">
|
||||
<select id="maxStation"
|
||||
data-bind="options: maxStations, value: selectedStation, optionsText: 'text', optionsValue: 'value'" name="maxStation" class="form-control"></select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="form-buttons">
|
||||
<input id="ssid1_apply" data-trans='apply' data-bind="disable: (adBand()=='b' && adMode() == '2' && selectedMode() == 'SHARED') || (adBand()=='b' && adMode() == '2' && selectedMode() == 'OPEN' && encryptType() == 'WEP')" type="submit" formmethod="post" class="btn btn-primary"/>
|
||||
<!--input id="ssid1_cancel" type="button" class="btn-1 " data-bind='click: function(){clear("ssid1");}' data-trans='cancel'/-->
|
||||
</div>
|
||||
</form>
|
||||
<div class="form-note">
|
||||
<div class="notes-title"> </div>
|
||||
<ul class="notes-content">
|
||||
<li data-bind="visible: hasMultiSSID" data-trans="wifi_basic_note_multi_ssid_switch"></li>
|
||||
<li data-trans="wifi_basic_note_network_name"></li>
|
||||
<!--<li data-trans="wifi_basic_note_network_name_input"></li>-->
|
||||
<li data-trans="wifi_basic_note_broadcast"></li>
|
||||
<li data-trans="wifi_basic_note_security_mode"></li>
|
||||
<li class="no-style">
|
||||
<ul>
|
||||
<li data-trans="wifi_basic_note_no_encryption"></li>
|
||||
<li data-bind='visible: hasWifiWep' data-trans="wifi_basic_note_shared"></li>
|
||||
<li data-trans="wifi_basic_note_wpa_psk_aes"></li>
|
||||
<li data-trans="wifi_basic_note_wpa_psk"></li>
|
||||
<!--li data-bind='visible: hasWifiWpa3' data-trans="wifi_basic_note_wpa3"></li>
|
||||
<li data-bind='visible: hasWifiWpa23' data-trans="wifi_basic_note_wpa2_wpa3"></li-->
|
||||
</ul>
|
||||
</li>
|
||||
<li data-trans="wifi_basic_note_pass_phrase"></li>
|
||||
<li data-trans="wifi_basic_note_max_station_number"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
163
webs/mf761/web/subpg/wifi_sleep_mode.html
Normal file
163
webs/mf761/web/subpg/wifi_sleep_mode.html
Normal file
@@ -0,0 +1,163 @@
|
||||
<div id="innerContainer">
|
||||
<div class="row header-row">
|
||||
<div class="col-xs-1">
|
||||
<a href="#main">
|
||||
<img alt="" src="pic/direct-back.png">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xs-11">
|
||||
<div class="form-title">
|
||||
<h1 data-trans='advanced_settings'></h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-2">
|
||||
<div class="nav_right">
|
||||
<ul>
|
||||
<li class="active"><a data-trans="sleep_mode" href="#wlan_sleep"></a></li>
|
||||
<li><a data-trans="router_setting" href="#route_set"></a></li>
|
||||
<li><a data-trans="firewall" href="#filter_main"></a></li>
|
||||
<li><a data-trans="update_settings" href="#fota"></a></li>
|
||||
<li><a href="#sdcard" data-bind="visible: isSupportSD" data-trans="sd" class="c2175FF"></a></li>
|
||||
<li><a data-trans="DDNS" href="#dynamic_dns"></a></li>
|
||||
<li><a data-trans="network_band_selection" href="#band_selection"></a></li>
|
||||
<li><a data-trans="tr069" href="#tr069"></a></li>
|
||||
<li><a data-trans="USSD" href="#usat"></a></li>
|
||||
<li><a data-trans="vpn" href="#vpn"></a></li>
|
||||
<li><a data-trans="others" href="#more"></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-10">
|
||||
|
||||
|
||||
<div class="form-body margin-top-20">
|
||||
<!--hide wifi range settings until sw implements it-->
|
||||
<form id='wifiRangeForm'>
|
||||
<h3 data-trans="wifi_range_settings" class="form-title"></h3>
|
||||
<div class="content">
|
||||
<div class="row">
|
||||
<label data-trans='wifi_range' class="col-xs-3"></label>
|
||||
<div class="col-xs-8">
|
||||
<input id='short_mode' data-bind="checked: wifiRangeMode" name="rangeGroup" type="radio" value="short_mode"/>
|
||||
<label data-bind="visible: !isCPE" data-trans='wifi_short_mode' for='short_mode'></label>
|
||||
<label data-bind="visible: isCPE" data-trans='wifi_des_short_mode' for='short_mode'></label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<label class="col-xs-3"></label>
|
||||
<div class="col-xs-8">
|
||||
<input id='medium_mode' data-bind="checked: wifiRangeMode" name="rangeGroup" type="radio" value="medium_mode"/>
|
||||
<label data-trans='wifi_medium_mode' for='medium_mode'></label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<label class="col-xs-3"></label>
|
||||
<div class="col-xs-8">
|
||||
<input id='long_mode' data-bind="checked: wifiRangeMode" name="rangeGroup" type="radio" value="long_mode"/>
|
||||
<label data-trans='wifi_long_mode' for='long_mode'></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-buttons">
|
||||
<input data-trans='apply' type="submit" formmethod="post" class="btn btn-primary"/>
|
||||
</div>
|
||||
<div class="form-note">
|
||||
<div class="notes-title"> </div>
|
||||
<ul class="notes-content">
|
||||
<li data-trans="wifi_range_note_range"></li>
|
||||
<li class="no-style">
|
||||
<ul data-bind="visible: !isCPE">
|
||||
<li data-trans="wifi_range_note_short"></li>
|
||||
<li data-trans="wifi_range_note_medium"></li>
|
||||
<li data-trans="wifi_range_note_long"></li>
|
||||
</ul>
|
||||
<ul data-bind="visible: isCPE">
|
||||
<li data-trans="wifi_range_note_short_cpe"></li>
|
||||
<li data-trans="wifi_range_note_medium_cpe"></li>
|
||||
<li data-trans="wifi_range_note_long_cpe"></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</form>
|
||||
<form id="frmTsw" data-bind="visible: showTSWDiv">
|
||||
<div class="form-body">
|
||||
<h3 data-trans="time_sleep_wake_up" class="form-title"></h3>
|
||||
<div class="content">
|
||||
<div class="row form-group">
|
||||
<label data-trans="tsw_settings" class="col-xs-3 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<div class="row">
|
||||
<div class="col-xs-4">
|
||||
<input id="tswEnable" data-bind="checked: openEnable" name="tswGrp" type="radio" value="1"/>
|
||||
<label data-trans="enable" for="tswEnable"></label>
|
||||
</div>
|
||||
<div class="col-xs-4">
|
||||
<input id="tswDisable" data-bind="checked: openEnable" name="tswGrp" type="radio" value="0"/>
|
||||
<label for="tswDisable" data-trans="disable"></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind="visible: openEnable() == '1'" class="row form-group">
|
||||
<div class="col-xs-3">
|
||||
<span data-trans="tsw_timer_on"></span>
|
||||
</div>
|
||||
<div class="col-xs-9">
|
||||
<div>
|
||||
<input id="openH" data-bind="value: openH" min="0" max="23" maxlength="2" name="openH" style="width: 27px;display:inline-block;padding: 5px 4px;" type="text" class="required form-control"> :
|
||||
<input id="openM" data-bind="value: openM" min="0" max="59" maxlength="2" name="openM" style="width: 27px;display:inline-block;padding: 5px 4px;" type="text" class="required form-control">
|
||||
</div>
|
||||
</div>
|
||||
<div id="openErrorDiv" class="col-xs-9 col-md-offset-3"></div>
|
||||
</div>
|
||||
<div data-bind="visible: openEnable() == '1'" class="row form-group">
|
||||
<div class="col-xs-3">
|
||||
<span data-trans="tsw_timer_off"></span>
|
||||
</div>
|
||||
<div class="col-xs-9">
|
||||
<input id="closeH" data-bind="value: closeH" min="0" max="23" maxlength="2" name="closeH" style="width: 27px;display:inline-block;padding: 5px 4px;" type="text" class="required form-control"> :
|
||||
<input id="closeM" data-bind="value: closeM" min="0" max="59" maxlength="2" name="closeM" style="width: 27px;display:inline-block;padding: 5px 4px;" type="text" class="required form-control">
|
||||
</div>
|
||||
<div id="closeErrorDiv" class="col-xs-9 col-md-offset-3"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-buttons">
|
||||
<input data-trans="apply" type="submit" formmethod="post" class="btn btn-primary"/>
|
||||
</div>
|
||||
<div class="form-note">
|
||||
<div class="notes-title"> </div>
|
||||
<ul class="notes-content">
|
||||
<li data-trans="tsw_note"></li>
|
||||
<li data-trans="tsw_note_on"></li>
|
||||
<li data-trans="tsw_note_off"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<form id='sleepModeForm' data-bind="visible: showSleepDiv">
|
||||
<h3 data-trans='wifi_sleep' class="form-title"></h3>
|
||||
<div class="content">
|
||||
<div class="row">
|
||||
<label data-trans='sleep_time' class="col-xs-3" for='mode'></label>
|
||||
<div class="col-xs-4">
|
||||
<select id="mode" data-bind="options: modes, value: selectedMode, optionsText: transOption('sleep_mode'), optionsValue: 'value'" data-transid='sleep_mode' class="form-control"></select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-buttons">
|
||||
<input data-trans='apply' type="submit" formmethod="post" class="btn btn-primary"/>
|
||||
</div>
|
||||
<div class="form-note">
|
||||
<div class="notes-title"> </div>
|
||||
<ul class="notes-content">
|
||||
<li data-trans="wifi_sleep_note_info"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
139
webs/mf761/web/subpg/wifi_station_info.html
Normal file
139
webs/mf761/web/subpg/wifi_station_info.html
Normal file
@@ -0,0 +1,139 @@
|
||||
<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 width="50" data-trans="station_number"></th>
|
||||
<th width="180" data-trans="timestamp"></th>
|
||||
<th width="130" data-trans="host_name"></th>
|
||||
<th width="40"></th>
|
||||
<th width="100" data-trans="ipAddress"></th>
|
||||
<th width="120" data-trans="mac_address"></th>
|
||||
<th width="60" data-trans="duration"></th>
|
||||
<th width="100" data-trans="rx"></th>
|
||||
<th width="100" data-trans="tx"></th>
|
||||
<th width="0" data-trans="pc_action" data-bind="visible: supportBlock"></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>
|
||||
<!-- Kevin Song add begin -->
|
||||
<!-- Merge origin code -->
|
||||
<td data-bind="text: timestamp"></td>
|
||||
<!-- Kevin Song add end -->
|
||||
<td>
|
||||
<span data-bind="text: hostName, attr: {id: 'hostname_txt_'+idx}"></span>
|
||||
<input type="text" data-bind="attr: {id: 'hostname_input_'+idx}" maxlength="20" class="form-control" style="display: none;">
|
||||
</td>
|
||||
<td>
|
||||
<!--<a data-bind="click: $root.editHostNameHandler, attr: {id: 'edit_btn_'+idx}" class="cursorhand"><img src="./pic/edit.png" height="25"></a>
|
||||
<a data-bind="click: $root.saveHostNameHandler, attr: {id: 'save_btn_'+idx}" class="cursorhand" style="display: none;"><img src="./pic/save.png" height="25"></a>
|
||||
<a data-bind="click: $root.cancelEditHostNameHandler, attr: {id: 'cancel_btn_'+idx}" class="cursorhand" style="display: none;"><img src="./pic/cancel.png" height="25"></a>-->
|
||||
</td>
|
||||
<!-- Kevin Song modify begin -->
|
||||
<!-- Merge origin code -->
|
||||
<td data-bind="text: ipAddress"></td>
|
||||
<td data-bind="text: macAddress"></td>
|
||||
<td data-bind="text: duration"></td>
|
||||
<td data-bind="text: rx"></td>
|
||||
<td data-bind="text: tx"></td>
|
||||
<!-- Kevin Song modify end -->
|
||||
<td data-bind="visible: $root.supportBlock"><a class="btn btn-primary btn-sm" data-trans="block" data-bind="visible: !inBlackGroup, css: {'not-allowed': disableFlag}, click: $root.wirelessBlockHandler"></a></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
|
||||
</table>
|
||||
<p data-bind="visible: deviceInfo().length == 0" data-trans="no_data"></p>
|
||||
</div>
|
||||
|
||||
<div id="cable_div" data-bind="visible: showCableDiv">
|
||||
<h2 data-trans="cable_access_device"></h2>
|
||||
<table class="table table-striped table-hover">
|
||||
<thead>
|
||||
<tr>
|
||||
<th data-trans="station_number" width="60"></th>
|
||||
<th data-trans="host_name"></th>
|
||||
<!--th width="100"></th-->
|
||||
<th data-trans="mac_address" width="350"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-bind="foreach:cableDeviceInfo">
|
||||
<tr data-bind="css: {odd: $index() % 2 == 0, even: $index() % 2 != 0}">
|
||||
<td data-bind="text: $index()+1"></td>
|
||||
<td>
|
||||
<span data-bind="text: hostName, attr: {id: 'hostname_txt_'+idx}"></span>
|
||||
<input data-bind="attr: {id: 'hostname_input_'+idx}" maxlength="20" type="text" style="display: none;" class="form-control">
|
||||
</td>
|
||||
<!--<<td>
|
||||
<a data-bind="click: $root.editHostNameHandler, attr: {id: 'edit_btn_'+idx}" class="cursorhand" ><img height="25" src="./pic/res_edit.png"></a>
|
||||
<a data-bind="click: $root.saveHostNameHandler, attr: {id: 'save_btn_'+idx}" style="display: none;" class="cursorhand"><img height="25" src="./pic/res_save.png"></a>
|
||||
<a data-bind="click: $root.cancelEditHostNameHandler, attr: {id: 'cancel_btn_'+idx}" style="display: none;" class="cursorhand"><img height="25" src="./pic/res_cancel.png"></a>
|
||||
</td>-->
|
||||
<td data-bind="text: macAddress"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p data-bind="visible: cableDeviceInfo().length == 0" data-trans="no_data"></p>
|
||||
</div>
|
||||
|
||||
<div id="black_div" data-bind="visible: showBlackDiv">
|
||||
<h2 data-trans="black_list"></h2>
|
||||
<table class="table table-striped table-hover">
|
||||
<thead>
|
||||
<tr>
|
||||
<th data-trans="station_number" width="60"></th>
|
||||
<th data-trans="host_name" style="display:none"></th>
|
||||
<th style="display:none" width="100"></th>
|
||||
<th data-trans="mac_address"></th>
|
||||
<th data-trans="pc_action" width="150"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-bind="foreach:blackDevices">
|
||||
<tr data-bind="css: {odd: $index() % 2 == 0, even: $index() % 2 != 0}">
|
||||
<td data-bind="text: $index()+1"></td>
|
||||
<td style="display:none">
|
||||
<span data-bind="text: hostName, attr: {id: 'hostname_txt_'+idx}"></span>
|
||||
<input data-bind="attr: {id: 'hostname_input_'+idx}" maxlength="20" style="display: none;" type="text" class="form-control">
|
||||
</td>
|
||||
<td style="display:none">
|
||||
<a data-bind="click: $root.editHostNameHandler, attr: {id: 'edit_btn_'+idx}" class="cursorhand"><img height="25" src="./pic/res_edit.png"></a>
|
||||
<a data-bind="click: $root.saveHostNameHandler, attr: {id: 'save_btn_'+idx}" style="display: none;" class="cursorhand"><img height="25" src="./pic/res_save.png"></a>
|
||||
<a data-bind="click: $root.cancelEditHostNameHandler, attr: {id: 'cancel_btn_'+idx}" style="display: none;" class="cursorhand"><img height="25" src="./pic/res_cancel.png"></a>
|
||||
</td>
|
||||
<td data-bind="text: macAddress"></td>
|
||||
<td><a data-trans="pc_remove" data-bind="click: $root.blacklistRemoveHandler" class="btn btn-primary btn-sm"></a></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div data-bind="visible: showPCLink">
|
||||
<span data-trans="station_info_desc"></span> <a data-trans="parental_control" href="#child_ctl"></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
117
webs/mf761/web/subpg/wifi_station_info_active.html
Normal file
117
webs/mf761/web/subpg/wifi_station_info_active.html
Normal file
@@ -0,0 +1,117 @@
|
||||
<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 width="80" data-trans="station_number"></th>
|
||||
<th width="200" data-trans="host_name"></th>
|
||||
<th width="200" data-trans="ipAddress"></th>
|
||||
<th width="210" data-trans="mac_address"></th>
|
||||
<th width="0" data-trans="pc_action" data-bind="visible: supportBlock"></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 type="text" data-bind="attr: {id: 'hostname_input_'+idx}" maxlength="20" class="form-control" style="display: none;">
|
||||
</td>
|
||||
<td data-bind="text: ipAddress"></td>
|
||||
<td data-bind="text: macAddress"></td>
|
||||
|
||||
<!-- Kevin Song modify end -->
|
||||
<td data-bind="visible: $root.supportBlock"><a class="btn btn-primary btn-sm" data-trans="block" data-bind="visible: !inBlackGroup, css: {'not-allowed': disableFlag}, click: $root.wirelessBlockHandler"></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 data-bind="text: macAddress"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p data-bind="visible: cableDeviceInfo().length == 0" data-trans="no_data"></p>
|
||||
</div>
|
||||
|
||||
<div id="black_div" data-bind="visible: showBlackDiv">
|
||||
<h2 data-trans="black_list"></h2>
|
||||
<table class="table table-striped table-hover">
|
||||
<thead>
|
||||
<tr>
|
||||
<th data-trans="station_number" width="60"></th>
|
||||
<th data-trans="host_name" style="display:none"></th>
|
||||
<th style="display:none" width="100"></th>
|
||||
<th data-trans="mac_address"></th>
|
||||
<th data-trans="pc_action" width="150"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-bind="foreach:blackDevices">
|
||||
<tr data-bind="css: {odd: $index() % 2 == 0, even: $index() % 2 != 0}">
|
||||
<td data-bind="text: $index()+1"></td>
|
||||
<td style="display:none">
|
||||
<span data-bind="text: hostName, attr: {id: 'hostname_txt_'+idx}"></span>
|
||||
<input data-bind="attr: {id: 'hostname_input_'+idx}" maxlength="20" style="display: none;" type="text" class="form-control">
|
||||
</td>
|
||||
<td style="display:none">
|
||||
<a data-bind="click: $root.editHostNameHandler, attr: {id: 'edit_btn_'+idx}" class="cursorhand"><img height="25" src="./pic/res_edit.png"></a>
|
||||
<a data-bind="click: $root.saveHostNameHandler, attr: {id: 'save_btn_'+idx}" style="display: none;" class="cursorhand"><img height="25" src="./pic/res_save.png"></a>
|
||||
<a data-bind="click: $root.cancelEditHostNameHandler, attr: {id: 'cancel_btn_'+idx}" style="display: none;" class="cursorhand"><img height="25" src="./pic/res_cancel.png"></a>
|
||||
</td>
|
||||
<td data-bind="text: macAddress"></td>
|
||||
<td><a data-trans="pc_remove" data-bind="click: $root.blacklistRemoveHandler" class="btn btn-primary btn-sm"></a></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div data-bind="visible: showPCLink">
|
||||
<span data-trans="station_info_desc"></span> <a data-trans="parental_control" href="#child_ctl"></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
122
webs/mf761/web/subpg/wifi_wps.html
Normal file
122
webs/mf761/web/subpg/wifi_wps.html
Normal file
@@ -0,0 +1,122 @@
|
||||
<div id="innerContainer">
|
||||
<div class="row header-row">
|
||||
<div class="col-xs-1">
|
||||
<a href="#main">
|
||||
<img alt="" src="pic/direct-back.png">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xs-11">
|
||||
<div class="form-title form-title-multi">
|
||||
<h1 data-trans='wifi_wireless_settings'></h1>
|
||||
<p data-trans="wifi_main_sub_title"></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-2">
|
||||
<div class="nav_right">
|
||||
<ul data-bind="visible: isShowSSIDInfoDiv">
|
||||
<li><a data-trans="multi_ssid_1" data-bind="attr:{'data-trans': hasMultiSSID ? 'multi_ssid_1':'ssid_title'}" href="#wlan_main"></a></li>
|
||||
<li><a data-trans="multi_ssid_2" href="#wlan_guset"></a></li>
|
||||
<li class="active"><a data-trans="wps" href="#wlan_wps"></a></li>
|
||||
<li><a data-trans="ap_station" href="#wlan_station"></a></li>
|
||||
<li><a data-trans="wifi_advance" href="#wlan_adv"></a></li>
|
||||
<li><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-5">
|
||||
<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-5">
|
||||
<input id="multi_ssid_switch_disable"
|
||||
data-bind="checked: multi_ssid_enable" name="multi_ssid_switch" type="radio" value="0"/>
|
||||
<label data-trans="disable" for="multi_ssid_switch_disable"></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-bind="visible: hasWifiSwitch || (wifi_enable() == '1' && hasMultiSSID)" class="form-buttons">
|
||||
<input id="wifi_switch_apply" data-trans='apply' type="submit" formmethod="post" class="btn btn-primary"/>
|
||||
<!--input id="wifi_switch_cancel" type="button" class="btn-1 " data-bind='click: function(){clear("switch");}' data-trans='cancel'/-->
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div data-bind="visible: isShowSSIDInfoDiv" class="content">
|
||||
<form id='wpsForm' role="form">
|
||||
<h3 data-bind="attr:{'data-trans': 'wps'}" class="form-title"></h3>
|
||||
<div data-bind="visible: hasMultiSSID" class="row form-group">
|
||||
<label data-trans='ssid_title' for="multiSSID" class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-4">
|
||||
<select id="multiSSID" data-bind="options: mulOption, value: wpsSSID, optionsValue: 'value', optionsText: 'text'" class="valid form-control">
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label data-trans="wps" class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<div class="row">
|
||||
<div class="col-xs-4">
|
||||
<input id="pinMode" data-bind="checked: wpsType" name="wpsMode" type="radio" value="PIN"/>
|
||||
<label data-trans="wps_pin" for="pinMode"></label>
|
||||
</div>
|
||||
<div class="col-xs-6">
|
||||
<input id="txtPin" data-bind="value: wpsPin, enable: wpsType() == 'PIN', valueUpdate: 'keypress'" maxlength="9" name="txtPin" type="text" class="required margin-left-5 form-control"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<label class="col-xs-4 side-right"></label>
|
||||
<div class="col-xs-6">
|
||||
<input id="pbcMode" data-bind="checked: wpsType" name="wpsMode" type="radio" value="PBC"/>
|
||||
<label data-trans="wps_pbc" for="pbcMode"></label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-buttons">
|
||||
<input data-bind="enable: wpsType() != '', css:{disabled: wpsType() == ''}" class="btn btn-primary" data-trans='apply' type="submit" formmethod="post"/>
|
||||
</div>
|
||||
<div class="form-note">
|
||||
<div class="notes-title"> </div>
|
||||
<ul class="notes-content">
|
||||
<li data-trans="wps_note_all"></li>
|
||||
<li data-trans="wps_note_pin"></li>
|
||||
<li data-trans="wps_note_pbc"></li>
|
||||
<li data-trans="wps_note_wait"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user