Gitiles
Code Review Sign In
192.168.1.100 / R306 / 824eb0c6ade808c4501e62fbcf0025f4e694cd11 / . / ap / app / zte_webui / subpg / adm_quick_set.html
blob: dd5fbfbf6236a7da4767aea74be839efb976fa39 [file] [log] [blame]
<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">&nbsp;</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">&nbsp;</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">&nbsp;</div>
<ul class="notes-content">
<li data-trans="step4_ssid_explain"></li>
<li data-trans="wifi_basic_note_network_name_input"></li>
<li data-trans="step4_ssid_broadcast_explain1"></li>
</ul>
</div>
</div>
<div data-bind="visible:currentStep()==4" style="display: none" id="step4">
<h3 class="form-title" data-trans="security_mode"></h3>
<div class="content">
<div class="row form-group">
<label for="selSecurityMode" data-trans="security_mode" class="col-xs-3 side-right"></label>
<div class="col-xs-6">
<select id="selSecurityMode" name="selSecurityMode" data-transid='security_mode'
data-bind="disable:wifiDisabled,options: securityModes, value: selectedSecurityMode, optionsText: transOption('security_mode'), optionsValue: 'value'" class="form-control"></select>
</div>
</div>
<div data-bind='visible: selectedSecurityMode() == "OPEN" && hasWifiWep' class="row form-group">
<label for='selEncryptType' data-trans='ap_station_encrypt_type' class="col-xs-3 side-right"></label>
<div class="col-xs-6">
<select id="selEncryptType" data-bind="value: encryptType,optionsValue: 'value'" class="form-control">
<option data-trans="ap_station_encrypt_type_none" value="NONE"></option>
<option data-trans="ap_station_encrypt_type_wep" value="WEP"></option>
</select>
</div>
</div>
<div data-bind='visible: (selectedSecurityMode() == "OPEN" && encryptType() == "WEP" && hasWifiWep) || (selectedSecurityMode() == "SHARED" && hasWifiWep)' class="row form-group">
<label data-trans='ap_station_wep_default_key' for='selWepKeyType' class="col-xs-3 side-right"></label>
<div class="col-xs-6">
<select id="selWepKeyType" data-bind="value: keyID,optionsValue: 'value', event:{ change: profileChangeHandler}" class="form-control">
<option data-trans="ap_station_wep_key_0" value="0"></option>
<option data-trans="ap_station_wep_key_1" value="1"></option>
<option data-trans="ap_station_wep_key_2" value="2"></option>
<option data-trans="ap_station_wep_key_3" value="3"></option>
</select>
</div>
</div>
<div data-bind='visible: (selectedSecurityMode() == "OPEN" && encryptType() == "WEP" && hasWifiWep) || (selectedSecurityMode() == "SHARED" && hasWifiWep)' class="row form-group">
<label data-trans='ap_station_wep_key' for='pwdWepKey' class="col-xs-3 side-right"></label>
<div class="col-xs-6">
<input id='pwdWepKey' name="pwdWepKey" type="password"
data-bind="value: wepPassword,visible:!showWifiPassword()" maxlength='26' class="required form-control"/>
<input id='txtWepKey' name="txtWepKey" type="text"
data-bind="value: wepPassword,visible:showWifiPassword()" maxlength='26' class="required form-control"/>
<div class="margin-top-10">
<p data-bind="css:{'checkbox_selected': showWifiPassword()}, click: showWifiPasswordHandler"
manualControl="true" class="checkbox">
<input id="showWepPassword" data-bind="checked:showWifiPassword" type="checkbox"/>
</p>
<label data-trans="display_password" for="showWepPassword" class="floatleft margintop5 lineheight25"/>
</div>
<div id="lblShowWepPassword" class="clear"></div>
</div>
</div>
<div data-bind="visible:selectedSecurityMode() == 'WPA2PSK' || selectedSecurityMode() == 'WPAPSKWPA2PSK' || selectedSecurityMode() == 'WPA3Personal' || selectedSecurityMode() == 'WPA2WPA3'" class="row form-group">
<label data-trans="pass_phrase" for="txtWPAKey" class="col-xs-3 side-right"></label>
<div class="col-xs-6">
<input id="codeWPAKey" name="codeWPAKey" data-bind="disable:wifiDisabled,value:WPAKey,visible:!showWifiPassword()" maxlength='63' minlength='8' type="password" class="form-control required"/>
<input id="txtWPAKey" name="txtWPAKey" data-bind="disable:wifiDisabled,value:WPAKey,visible:showWifiPassword()" maxlength='63' minlength='8' type="text" class="form-control required"/>
<p data-bind="css:{'checkbox_selected': showWifiPassword()}, click: showWifiPasswordHandler" manualControl="true" class="checkbox floatleft margintop10 marginleft5 marginright5">
<input id="showWifiPassword" data-bind="checked:showWifiPassword" type="checkbox"/>
</p>
<label data-trans="display_password" for="showWifiPassword" class="floatleft margintop5 lineheight25"/>
<div id="lblShowWifiPassword" class="clear"></div>
</div>
</div>
</div>
<div class="form-note">
<div class="notes-title">&nbsp;</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">&nbsp;</div>
<ul class="notes-content">
<li data-trans="step6_apply_explain"></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>