chrome/browser/resources/chromeos/sim_unlock.html

   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/widgets.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="password"
  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="password"
  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="password"
  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="password"
 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>