blob: 090051f8c5491031e6057df571c5b65caedde391 [file] [log] [blame]
lh9ed821d2023-04-07 01:36:19 -07001<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">&nbsp;</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>