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> 14 var SimUnlock = mobile.SimUnlock; 15 16 function load() { 17 SimUnlock.initialize(); 18 } 19 20 document.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
