| lh | 9ed821d | 2023-04-07 01:36:19 -0700 | [diff] [blame^] | 1 | <div id="loginForms">
|
| 2 | <div class="row margin-top-160 padding-bottom-50">
|
| 3 | <div class="col-xs-3"></div>
|
| 4 | <div class="col-xs-6" id="login-form-container">
|
| 5 | <div id="loginContainer" class="login_frame form-horizontal margin-top-50 margin-bottom-50" data-bind="visible:pageState()!=4">
|
| 6 | <form id="frmLogin" data-bind="visible:pageState()==0">
|
| 7 | <div data-bind="visible: loginSecuritySupport() && accountLocked()" class="row form-group colorRed">
|
| 8 | <div class="col-xs-12">
|
| 9 | <span data-trans="password_error_account_lock"></span> <span data-bind="text: leftUnlockTime"></span>
|
| 10 | </div>
|
| 11 | </div>
|
| 12 | <div style="display: none;" class="row form-group">
|
| 13 | <div class="col-xs-12">
|
| 14 | <label data-trans="password" for="txtAdmin"></label>
|
| 15 | </div>
|
| 16 | </div>
|
| 17 | <div class="row form-group">
|
| 18 | <div class="col-xs-8">
|
| 19 | <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"/>
|
| 20 | </div>
|
| 21 | <div class="col-xs-4">
|
| 22 | <input id="btnLogin" class="btn btn-primary btn-block" data-trans="login" type="submit" formmethod="post" />
|
| 23 | </div>
|
| 24 | </div>
|
| 25 | <div class="row form-group" data-bind="visible: showEntrance">
|
| 26 | <div data-bind="visible: !sharePathInvalid()" class="col-xs-12">
|
| 27 | <span class="icon"><img src="pic/pic_red.png"></span>
|
| 28 | <span class="scan">
|
| 29 | <a data-trans="browse_sdcard" href="#httpshare_guest"></a>
|
| 30 | </span>
|
| 31 | </div>
|
| 32 | <div data-trans="sd_share_path_invalid" data-bind="visible: sharePathInvalid()" class="col-xs-12 colorRed"></div>
|
| 33 | <div class="clear"></div>
|
| 34 | </div>
|
| 35 | </form>
|
| 36 | <form id="frmPIN" data-bind="visible:pageState()==1">
|
| 37 | <div class="row form-group">
|
| 38 | <div class="prompt col-xs-6">
|
| 39 | <p data-trans="enter_pin"></p>
|
| 40 | <p data-bind="visible:pinNumber()>1" class="important-prompt marginbottom15">
|
| 41 | <span data-trans="attempts_left"></span> <span data-bind='text:pinNumber'></span>
|
| 42 | </p>
|
| 43 | <p class="important-prompt" data-bind="visible:pinNumber()==1" data-trans="last_enter_pin"></p>
|
| 44 | </div>
|
| 45 | </div>
|
| 46 | <div class="row form-group">
|
| 47 | <div class="col-xs-6">
|
| 48 | <label data-trans='pin' for='txtPIN'></label>
|
| 49 | <input id='txtPIN' name="txtPIN" autocomplete="off" data-bind="value:PIN, valueUpdate: 'keypress'" maxlength='8' type="password" class="required form-control" />
|
| 50 | </div>
|
| 51 | </div>
|
| 52 | <div class="row form-group">
|
| 53 | <div class="col-xs-6">
|
| 54 | <input id="btnPinApply" data-trans="next_step" type="submit" formmethod="post" class="btn btn-primary" />
|
| 55 | </div>
|
| 56 | </div>
|
| 57 | </form>
|
| 58 | <form id="frmPUK" data-bind="visible:pageState()==2">
|
| 59 | <div class="row form-group">
|
| 60 | <div class="prompt col-xs-6">
|
| 61 | <p data-trans="enter_puk"></p>
|
| 62 | <p data-bind="visible:pukNumber()>1" class="important-prompt">
|
| 63 | <span data-trans="attempts_left"></span> <span data-bind='text:pukNumber'></span>
|
| 64 | </p>
|
| 65 | <p data-bind="visible:pukNumber()==1" data-trans="last_enter_puk" class="important-prompt"></p>
|
| 66 | </div>
|
| 67 | </div>
|
| 68 | <div class="row form-group">
|
| 69 | <div class="col-xs-6">
|
| 70 | <label data-trans='puk' for='txtPUK'></label>
|
| 71 | <input id='txtPUK' name="txtPUK" autocomplete="off" data-bind="value:PUK, valueUpdate: 'keypress'" maxlength='8' type="password" class="required form-control" />
|
| 72 | </div>
|
| 73 | </div>
|
| 74 | <div class="row form-group">
|
| 75 | <div class="col-xs-6">
|
| 76 | <label data-trans='new_pin' for='txtNewPIN'></label>
|
| 77 | <input id='txtNewPIN' name="txtNewPIN" autocomplete="off" data-bind="value:newPIN, valueUpdate: 'keypress'" maxlength='8' type="password" class="required form-control" />
|
| 78 | </div>
|
| 79 | </div>
|
| 80 | <div class="row form-group">
|
| 81 | <div class="col-xs-6">
|
| 82 | <label data-trans='confirm_pin' for='txtConfirmPIN'></label>
|
| 83 | <input id='txtConfirmPIN' name="txtConfirmPIN" autocomplete="off"
|
| 84 | data-bind="value:confirmPIN, valueUpdate: 'keypress'" maxlength='8' type="password" class="required form-control"
|
| 85 | />
|
| 86 | </div>
|
| 87 | </div>
|
| 88 | <div class="row form-group">
|
| 89 | <div class="col-xs-6">
|
| 90 | <input id="btnPUKApply" data-trans="next_step" type="submit" formmethod="post" class="btn btn-primary" />
|
| 91 | </div>
|
| 92 | </div>
|
| 93 | </form>
|
| 94 | <div data-bind="visible:pageState()==5" style="text-align: center;">
|
| 95 | <img id="loadingImg" src="pic/res_loading.gif"/>
|
| 96 | </div>
|
| 97 | <div id="puk_locked" data-trans="puk_locked" data-bind="visible:pageState()==3" class="important-prompt prompt"></div>
|
| 98 | <div class="login_bottom"></div>
|
| 99 | </div>
|
| 100 |
|
| 101 |
|
| 102 | </div>
|
| 103 | <div class="col-xs-3"></div>
|
| 104 | </div>
|
| 105 | </div> |