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