sim_unlock.html revision ddb351dbec246cf1fab5ec20d2d5520909041de1 
1<!DOCTYPE HTML>
2<html i18n-values="dir:textdirection">
3<head>
4<title i18n-content="title"></title>
5<link rel="stylesheet" href="chrome://resources/css/button.css">
6<link rel="stylesheet" href="mobile_dialogs.css">
7<link rel="stylesheet" href="sim_unlock.css">
8<script src="chrome://resources/js/cr.js"></script>
9<script src="chrome://resources/js/cr/event_target.js"></script>
10<script src="chrome://resources/js/local_strings.js"></script>
11<script src="chrome://resources/js/util.js"></script>
12<script src="sim_unlock.js"></script>
13<script>
14var SimUnlock = mobile.SimUnlock;
15
16function load() {
17  SimUnlock.initialize();
18}
19
20document.addEventListener('DOMContentLoaded', load);
21</script>
22</head>
23<body i18n-values=".style.fontFamily:fontfamily;">
24  <div id="container" class="container">
25    <div id="locked-pin-overlay" class="dialog" hidden>
26      <h1 i18n-content="enterPinTitle"></h1>
27      <div id="pin-content-area" class="content-area">
28        <div id="pin-error-msg"></div>
29        <div id="pin-input-area" class="input-area">
30          <input id="pin-input" class="code-input" type="password"
31              maxlength="8" size="14">
32        </div>
33      </div>
34      <div class="action-area">
35        <div class="action-area-right">
36          <div class="button-strip">
37            <button id="enter-pin-confirm" i18n-content="ok"></button>
38            <button id="enter-pin-dismiss" i18n-content="cancel"></button>
39          </div>
40        </div>
41      </div>
42    </div>
43    <div id="locked-pin-no-tries-overlay" class="dialog" hidden>
44      <h1 i18n-content="incorrectPinTitle"></h1>
45      <div id="pin-no-tries-content-area" class="content-area">
46        <!-- TODO(nkostylev): Add warning icon. -->
47        <div id="pin-no-tries-error-msg" i18n-content="noPinTriesLeft"></div>
48      </div>
49      <div class="action-area">
50        <div class="action-area-right">
51          <div class="button-strip">
52            <button id="pin-no-tries-proceed" i18n-content="enterPukButton">
53            </button>
54            <button id="pin-no-tries-dismiss" i18n-content="cancel"></button>
55          </div>
56        </div>
57      </div>
58    </div>
59    <div id="locked-puk-overlay" class="dialog" hidden>
60      <h1 i18n-content="enterPukTitle"></h1>
61      <div id="puk-content-area" class="content-area">
62        <div id="puk-warning-msg" i18n-content="enterPukWarning" class="error">
63        </div>
64        <div id="puk-enter-msg" i18n-content="enterPukMessage"></div>
65        <div id="puk-input-area" class="input-area">
66          <input id="puk-input" class="code-input" type="text"
67              maxlength="8" size="14">
68        </div>
69      </div>
70      <div class="action-area">
71        <div class="action-area-right">
72          <div class="button-strip">
73            <button id="enter-puk-confirm" i18n-content="ok"></button>
74            <button id="enter-puk-dismiss" i18n-content="cancel"></button>
75          </div>
76        </div>
77      </div>
78    </div>
79    <div id="choose-pin-overlay" class="dialog" hidden>
80      <h1 id="choose-pin-title" i18n-content="choosePinTitle"></h1>
81      <div id="choose-pin-content-area" class="choose-pin-content-area">
82        <div id="choose-pin-msg" i18n-content="choosePinMessage"></div>
83        <div class="input-with-label">
84          <div id="old-pin-label" i18n-content="oldPin" class="label" hidden>
85          </div>
86          <div id="old-pin-input-area" class="choose-pin-input-area" hidden>
87            <input id="old-pin-input" class="code-input" type="text"
88                maxlength="8" size="14">
89          </div>
90        </div>
91        <div class="input-with-label">
92          <div id="new-pin-label" i18n-content="newPin" class="label"></div>
93          <div id="new-pin-input-area" class="choose-pin-input-area">
94            <input id="new-pin-input" class="code-input" type="text"
95                maxlength="8" size="14">
96          </div>
97        </div>
98        <div class="input-with-label">
99          <div id="retype-new-pin-label" i18n-content="retypeNewPin"
100              class="label"></div>
101          <div id="retype-new-pin-input-area" class="choose-pin-input-area">
102            <input id="retype-new-pin-input" class="code-input" type="text"
103                maxlength="8" size="14">
104          </div>
105        </div>
106        <div id="choose-pin-error" class="error"
107            i18n-content="pinsDontMatchMessage" hidden></div>
108      </div>
109      <div id="choose-pin-action-area" class="action-area">
110        <div class="action-area-right">
111          <div class="button-strip">
112            <button id="choose-pin-confirm" i18n-content="ok"></button>
113            <button id="choose-pin-dismiss" i18n-content="cancel"></button>
114          </div>
115        </div>
116      </div>
117    </div>
118    <div id="locked-puk-no-tries-overlay" class="dialog" hidden>
119      <h1 i18n-content="enterPukTitle"></h1>
120      <div id="puk-no-tries-content-area" class="content-area">
121        <div id="puk-no-tries-msg" i18n-content="noPukTriesLeft"></div>
122      </div>
123      <div id="locked-puk-action-area" class="action-area">
124        <div class="button-strip">
125          <button id="puk-no-tries-confirm" i18n-content="ok"></button>
126        </div>
127      </div>
128    </div>
129    <div id="sim-disabled-overlay" class="dialog" hidden>
130      <h1 i18n-content="simDisabledTitle"></h1>
131      <div id="sim-disabled-content-area" class="content-area">
132        <div id="sim-disabled-msg" i18n-content="simDisabledMessage"></div>
133      </div>
134      <div id="disabled-sim-action-area" class="action-area">
135        <div class="button-strip">
136          <button id="sim-disabled-confirm" i18n-content="ok"></button>
137        </div>
138      </div>
139    </div>
140  </div>
141</body>
142</html>
143