src/chrome/browser/resources/chromeos/sim_unlock.html

   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>