| <!DOCTYPE HTML> |
| <html i18n-values="dir:textdirection"> |
| <head> |
| <title i18n-content="title"></title> |
| <link rel="stylesheet" href="chrome://resources/css/button.css"> |
| <link rel="stylesheet" href="mobile_dialogs.css"> |
| <link rel="stylesheet" href="sim_unlock.css"> |
| <script src="chrome://resources/js/cr.js"></script> |
| <script src="chrome://resources/js/cr/event_target.js"></script> |
| <script src="chrome://resources/js/local_strings.js"></script> |
| <script src="chrome://resources/js/util.js"></script> |
| <script src="sim_unlock.js"></script> |
| <script> |
| var SimUnlock = mobile.SimUnlock; |
| |
| function load() { |
| SimUnlock.initialize(); |
| } |
| |
| document.addEventListener('DOMContentLoaded', load); |
| </script> |
| </head> |
| <body i18n-values=".style.fontFamily:fontfamily;"> |
| <div id="container" class="container"> |
| <div id="locked-pin-overlay" class="dialog" hidden> |
| <h1 i18n-content="enterPinTitle"></h1> |
| <div id="pin-content-area" class="content-area"> |
| <div id="pin-error-msg"></div> |
| <div id="pin-input-area" class="input-area"> |
| <input id="pin-input" class="code-input" type="password" |
| maxlength="8" size="14"> |
| </div> |
| </div> |
| <div class="action-area"> |
| <div class="action-area-right"> |
| <div class="button-strip"> |
| <button id="enter-pin-confirm" i18n-content="ok"></button> |
| <button id="enter-pin-dismiss" i18n-content="cancel"></button> |
| </div> |
| </div> |
| </div> |
| </div> |
| <div id="locked-pin-no-tries-overlay" class="dialog" hidden> |
| <h1 i18n-content="incorrectPinTitle"></h1> |
| <div id="pin-no-tries-content-area" class="content-area"> |
| <!-- TODO(nkostylev): Add warning icon. --> |
| <div id="pin-no-tries-error-msg" i18n-content="noPinTriesLeft"></div> |
| </div> |
| <div class="action-area"> |
| <div class="action-area-right"> |
| <div class="button-strip"> |
| <button id="pin-no-tries-proceed" i18n-content="enterPukButton"> |
| </button> |
| <button id="pin-no-tries-dismiss" i18n-content="cancel"></button> |
| </div> |
| </div> |
| </div> |
| </div> |
| <div id="locked-puk-overlay" class="dialog" hidden> |
| <h1 i18n-content="enterPukTitle"></h1> |
| <div id="puk-content-area" class="content-area"> |
| <div id="puk-warning-msg" i18n-content="enterPukWarning" class="error"> |
| </div> |
| <div id="puk-enter-msg" i18n-content="enterPukMessage"></div> |
| <div id="puk-input-area" class="input-area"> |
| <input id="puk-input" class="code-input" type="text" |
| maxlength="8" size="14"> |
| </div> |
| </div> |
| <div class="action-area"> |
| <div class="action-area-right"> |
| <div class="button-strip"> |
| <button id="enter-puk-confirm" i18n-content="ok"></button> |
| <button id="enter-puk-dismiss" i18n-content="cancel"></button> |
| </div> |
| </div> |
| </div> |
| </div> |
| <div id="choose-pin-overlay" class="dialog" hidden> |
| <h1 id="choose-pin-title" i18n-content="choosePinTitle"></h1> |
| <div id="choose-pin-content-area" class="choose-pin-content-area"> |
| <div id="choose-pin-msg" i18n-content="choosePinMessage"></div> |
| <div class="input-with-label"> |
| <div id="old-pin-label" i18n-content="oldPin" class="label" hidden> |
| </div> |
| <div id="old-pin-input-area" class="choose-pin-input-area" hidden> |
| <input id="old-pin-input" class="code-input" type="text" |
| maxlength="8" size="14"> |
| </div> |
| </div> |
| <div class="input-with-label"> |
| <div id="new-pin-label" i18n-content="newPin" class="label"></div> |
| <div id="new-pin-input-area" class="choose-pin-input-area"> |
| <input id="new-pin-input" class="code-input" type="text" |
| maxlength="8" size="14"> |
| </div> |
| </div> |
| <div class="input-with-label"> |
| <div id="retype-new-pin-label" i18n-content="retypeNewPin" |
| class="label"></div> |
| <div id="retype-new-pin-input-area" class="choose-pin-input-area"> |
| <input id="retype-new-pin-input" class="code-input" type="text" |
| maxlength="8" size="14"> |
| </div> |
| </div> |
| <div id="choose-pin-error" class="error" |
| i18n-content="pinsDontMatchMessage" hidden></div> |
| </div> |
| <div id="choose-pin-action-area" class="action-area"> |
| <div class="action-area-right"> |
| <div class="button-strip"> |
| <button id="choose-pin-confirm" i18n-content="ok"></button> |
| <button id="choose-pin-dismiss" i18n-content="cancel"></button> |
| </div> |
| </div> |
| </div> |
| </div> |
| <div id="locked-puk-no-tries-overlay" class="dialog" hidden> |
| <h1 i18n-content="enterPukTitle"></h1> |
| <div id="puk-no-tries-content-area" class="content-area"> |
| <div id="puk-no-tries-msg" i18n-content="noPukTriesLeft"></div> |
| </div> |
| <div id="locked-puk-action-area" class="action-area"> |
| <div class="button-strip"> |
| <button id="puk-no-tries-confirm" i18n-content="ok"></button> |
| </div> |
| </div> |
| </div> |
| <div id="sim-disabled-overlay" class="dialog" hidden> |
| <h1 i18n-content="simDisabledTitle"></h1> |
| <div id="sim-disabled-content-area" class="content-area"> |
| <div id="sim-disabled-msg" i18n-content="simDisabledMessage"></div> |
| </div> |
| <div id="disabled-sim-action-area" class="action-area"> |
| <div class="button-strip"> |
| <button id="sim-disabled-confirm" i18n-content="ok"></button> |
| </div> |
| </div> |
| </div> |
| </div> |
| </body> |
| </html> |
