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