lh | 9ed821d | 2023-04-07 01:36:19 -0700 | [diff] [blame^] | 1 | <div id="innerContainer">
|
| 2 | <div class="row header-row">
|
| 3 | <div class="col-xs-1">
|
| 4 | <a data-bind="attr: {href: isDataCard? '#main' : '#more'}">
|
| 5 | <img alt="" src="pic/direct-back.png">
|
| 6 | </a>
|
| 7 | </div>
|
| 8 | <div class="col-xs-11">
|
| 9 | <div class="form-title">
|
| 10 | <h1 data-bind="attr: {'data-trans': isDataCard? 'advanced_settings' : 'pin_management'}"></h1>
|
| 11 | </div>
|
| 12 | </div>
|
| 13 | </div>
|
| 14 | <div class="row">
|
| 15 | <div class="col-xs-1 margin-top-15">
|
| 16 | </div>
|
| 17 | <div class="col-xs-11">
|
| 18 |
|
| 19 | <ul class="nav nav-tabs nav-justified" role="tablist" data-bind="visible: isDataCard">
|
| 20 | <li><a href="#demilitarized_zone" data-trans="dmz_setting"></a></li>
|
| 21 | <li class="active"><a href="#pin_mode" data-trans="pin_management"></a></li>
|
| 22 | <li><a href="#fota" data-trans="update_settings"></a></li>
|
| 23 | </ul>
|
| 24 |
|
| 25 | <form id="frmPin" data-bind="css: {'margin-top-20': isDataCard}">
|
| 26 | <div class="form-body">
|
| 27 | <div data-bind="visible:pageState()!=4">
|
| 28 | <div class="content">
|
| 29 | <div id="showPinWhenPinStaueNEQ3" data-bind="visible:pageState()!=3">
|
| 30 | <div class="row form-group">
|
| 31 | <label data-trans="pin_status" class="col-xs-4 side-right"></label>
|
| 32 | <div class="col-xs-8">
|
| 33 | <div class="row">
|
| 34 | <div class="col-xs-4">
|
| 35 | <input id="pinEnable" name="pinStatus"
|
| 36 | data-bind="checked: pinStatus,disable:pageState()==2" type="radio" value="1"/>
|
| 37 | <label data-trans="enable" for="pinEnable" class="marginright10"></label>
|
| 38 | </div>
|
| 39 | <div class="col-xs-8">
|
| 40 | <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"/>
|
| 41 | </div>
|
| 42 | </div>
|
| 43 | </div>
|
| 44 | </div>
|
| 45 | <div class="row form-group">
|
| 46 | <label class="col-xs-4 side-right" ></label>
|
| 47 | <div class="col-xs-8">
|
| 48 | <input id="pinDisable" name="pinStatus" data-bind="checked: pinStatus,disable:pageState()==2" type="radio" value="0"/>
|
| 49 | <label data-trans="disable" for="pinDisable"></label>
|
| 50 |
|
| 51 | </div>
|
| 52 | </div>
|
| 53 | <div class="row form-group">
|
| 54 | <label data-trans="current_pin" for="txtPin" class="col-xs-4 side-right"></label>
|
| 55 | <div class="col-xs-3">
|
| 56 | <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"/>
|
| 57 | </div>
|
| 58 | </div>
|
| 59 | </div>
|
| 60 | <div id="showPukWhenPinStaueEQ3" data-bind="visible:pageState()==3">
|
| 61 | <div><p data-trans="enter_puk" class="prompt"></p></div>
|
| 62 | <div class="row form-group">
|
| 63 | <label data-trans="puk" for="txtPuk" class="col-xs-4 side-right"></label>
|
| 64 | <div class="col-xs-3">
|
| 65 | <input id="txtPuk" name="txtPuk" data-bind="value: puk, valueUpdate: 'keypress'" maxlength="8" type="password" class="required form-control"/>
|
| 66 | </div>
|
| 67 | </div>
|
| 68 | </div>
|
| 69 | <div data-bind="visible:pageState()==2 || pageState()==3">
|
| 70 | <div class="row form-group">
|
| 71 | <label data-trans="new_pin" for="txtNewPin" class="col-xs-4 side-right"></label>
|
| 72 | <div class="col-xs-3">
|
| 73 | <input id="txtNewPin" name="txtNewPin" data-bind="value: newPin" maxlength="8" type="password" class="required form-control"/>
|
| 74 | </div>
|
| 75 | </div>
|
| 76 | <div class="row form-group">
|
| 77 | <label data-trans="confirm_pin" for="txtConfirmPin" class="col-xs-4 side-right"></label>
|
| 78 | <div class="col-xs-3">
|
| 79 | <input id="txtConfirmPin" name="txtConfirmPin" data-bind="value: confirmPin" type="password" class="required form-control" maxlength="8"/>
|
| 80 | </div>
|
| 81 | </div>
|
| 82 | </div>
|
| 83 | <div data-bind="visible:pageState()<3">
|
| 84 | <div id="pinLeftMsg" data-bind="visible:pinNumber()!=1" class="row form-group">
|
| 85 | <label class="col-xs-4 side-right"></label>
|
| 86 | <div class="col-xs-8">
|
| 87 | <p data-bind="visible:pinNumber()>1" class="important-prompt">
|
| 88 | <span data-trans="attempts_left"></span>
|
| 89 | <span data-bind='text:pinNumber'></span>
|
| 90 | </p>
|
| 91 | </div>
|
| 92 | </div>
|
| 93 | <div id="pinLastMsg" data-bind="visible:pinNumber()==1">
|
| 94 | <p class="important-prompt" data-trans="last_enter_pin"></p>
|
| 95 | </div>
|
| 96 | </div>
|
| 97 | <div data-bind="visible:pageState()==3">
|
| 98 | <div id="pukLeftMsg" data-bind="visible:pukNumber()!=1" class="row form-group">
|
| 99 | <label class="col-xs-4 side-right"></label>
|
| 100 | <div class="col-xs-8">
|
| 101 | <p class="important-prompt" data-bind="visible:pukNumber()>1">
|
| 102 | <span data-trans="attempts_left"></span>
|
| 103 | <span data-bind='text:pukNumber'></span>
|
| 104 | </p>
|
| 105 | </div>
|
| 106 | </div>
|
| 107 | <div id="pukLastMsg" data-bind="visible:pukNumber()==1">
|
| 108 | <p class="important-prompt" data-trans="last_enter_puk"></p>
|
| 109 | </div>
|
| 110 | </div>
|
| 111 | </div>
|
| 112 | <div class="form-buttons">
|
| 113 | <input id="btnPinApply" data-bind="disable:pageState()==0,css:{disabled:pageState()==0}" data-trans="apply" type="submit" formmethod="post" class="btn btn-primary"/>
|
| 114 | <!--input type="button" data-bind="click: cancel,visible:pageState()==2" class="btn " data-trans="cancel"/-->
|
| 115 | </div>
|
| 116 | </div>
|
| 117 | <div id="puk_locked" data-bind="visible:pageState()==4" data-trans="puk_locked" class="important-prompt"></div>
|
| 118 | <div class="form-note">
|
| 119 | <div class="notes-title"> </div>
|
| 120 | <ul class="notes-content">
|
| 121 | <li data-trans="pin_note_info"></li>
|
| 122 | <li data-trans="pin_note_operator"></li>
|
| 123 | <li data-trans="pin_note_modify"></li>
|
| 124 | </ul>
|
| 125 | </div>
|
| 126 | </div>
|
| 127 | </form>
|
| 128 | </div>
|
| 129 | </div>
|
| 130 | </div> |