chrome/browser/resources/settings/internet_page/network_siminfo.html

   1 <link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html">
   2 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/iron-icons.html">
   3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-checkbox/paper-checkbox.html">
   4 <link rel="import" href="chrome://resources/polymer/v1_0/paper-dialog/paper-dialog.html">
   5 <link rel="import" href="chrome://resources/cr_elements/v1_0/cr_button/cr_button.html">
   6 <link rel="import" href="chrome://resources/cr_elements/v1_0/cr_input/cr_input.html">
   7 <link rel="import" href="chrome://resources/cr_elements/v1_0/network/cr_onc_types.html">
   8 <link rel="import" href="network_property_list.html">
   9
  10 <dom-module id="network-siminfo">
  11   <link rel="import" type="css" href="network_siminfo.css">
  12   <template>
  13     <div id="outerDiv" class="layout vertical">
  14       <div class="layout horizontal center"
  15           hidden$="[[state.Cellular.SIMPresent]]">
  16         <!-- SIM missing UI -->
  17         <iron-icon icon="sim-card-alert"></iron-icon>
  18         <span>Missing SIM card</span>
  19       </div>
  20       <div class="layout vertical"
  21           hidden$="[[!state.Cellular.SIMPresent]]">
  22         <div id="lockedDiv" class="layout horizontal center"
  23             hidden$="[[!isSimLocked_(networkState)]]">
  24           <!-- SIM locked -->
  25           <iron-icon icon="lock"></iron-icon>
  26           <span>SIM card is locked.</span>
  27           <cr-button on-click="unlockPin_">Unlock</cr-button>
  28         </div>
  29         <div class="layout vertical"
  30             hidden$="[[isSimLocked_(networkState)]]">
  31           <!-- SIM unlocked -->
  32           <paper-checkbox
  33               checked="[[networkState.Cellular.SIMLockStatus.LockEnabled]]"
  34               on-change="onSimLockEnabledChange_">
  35             Enable SIM card locking (require PIN to use mobile data)
  36           </paper-checkbox>
  37           <div class="layout horizontal center"
  38                hidden$="[[!networkState.Cellular.SIMLockStatus.LockEnabled]]">
  39             <!-- SIM lock enabled -->
  40             <cr-button on-click="onChangePin_">Change PIN</cr-button>
  41           </div>
  42         </div>
  43       </div>
  44     </div>
  45
  46     <!-- Enter PIN dialog -->
  47     <paper-dialog modal id="enterPinDialog" class="layout vertical"
  48         on-iron-overlay-opened="onEnterPinDialogOpened_">
  49       <div class="layout vertical">
  50         <h2>Enter SIM PIN</h2>
  51         <div class="layout vertical">
  52           <div class="layout horizontal">
  53             <cr-input id="enterPin" class="pin" no-label-float
  54                 label="Enter PIN">
  55             </cr-input>
  56             <cr-button on-click="sendEnterPin_">Enter</cr-button>
  57           </div>
  58         </div>
  59         <div class="layout horizontal">
  60           <span class="error" hidden$="[[!showError_(error)]]"
  61               >[[getErrorMsg_(error)]]
  62           </span>
  63           <span>[[getRetriesLeftMsg_(networkState)]]</span>
  64         </div>
  65       </div>
  66     </paper-dialog>
  67
  68     <!-- Change PIN dialog -->
  69     <paper-dialog modal id="changePinDialog" class="layout vertical"
  70         on-iron-overlay-opened="onChangePinDialogOpened_">
  71       <div class="layout vertical">
  72         <h2>Change SIM PIN</h2>
  73         <div class="layout horizontal end">
  74           <div class="layout vertical">
  75             <cr-input id="changePinOld" class="pin" no-label-float
  76                 label="Enter old PIN">
  77             </cr-input>
  78             <cr-input id="changePinNew1" class="pin" no-label-float
  79                 label="Enter new PIN">
  80             </cr-input>
  81             <cr-input id="changePinNew2" class="pin" no-label-float
  82                 label="Re-enter new PIN">
  83             </cr-input>
  84           </div>
  85           <cr-button on-click="sendChangePin_">Change</cr-button>
  86         </div>
  87         <div class="layout horizontal">
  88           <span class="error" hidden$="[[!showError_(error)]]"
  89               >[[getErrorMsg_(error)]]
  90           </span>
  91           <span>[[getRetriesLeftMsg_(networkState)]]</span>
  92         </div>
  93       </div>
  94     </paper-dialog>
  95
  96     <!-- Unlock PIN dialog -->
  97     <paper-dialog modal id="unlockPinDialog" class="layout vertical"
  98         on-iron-overlay-opened="onUnlockPinDialogOpened_">
  99       <div class="layout vertical">
 100         <h2>SIM Card is locked.</h2>
 101         <div class="layout horizontal">
 102           <cr-input id="unlockPin" class="pin" no-label-float
 103               label="Enter PIN">
 104           </cr-input>
 105           <cr-button on-click="sendUnlockPin_">Unlock</cr-button>
 106         </div>
 107         <div class="layout horizontal">
 108           <span class="error" hidden$="[[!showError_(error)]]"
 109               >[[getErrorMsg_(error)]]
 110           </span>
 111           <span>[[getRetriesLeftMsg_(networkState)]]</span>
 112         </div>
 113       </div>
 114     </paper-dialog>
 115
 116     <!-- Unlock PUK dialog -->
 117     <paper-dialog modal id="unlockPukDialog" class="layout vertical"
 118         on-iron-overlay-opened="onUnlockPukDialogOpened_">
 119       <div class="layout vertical">
 120         <h2>SIM Card is locked.</h2>
 121         <span>
 122           Enter the 8-digit PIN Unblocking Key provided by your carrier
 123         </span>
 124         <div class="layout horizontal">
 125           <div class="layout vertical">
 126             <cr-input id="unlockPuk" class="puk" no-label-float
 127                 label="Enter PIN Unblocking Key">
 128             </cr-input>
 129             <div class="layout horizontal end">
 130               <div class="layout vertical">
 131                 <cr-input id="unlockPin1" class="pin" no-label-float
 132                     label="Enter PIN">
 133                 </cr-input>
 134                 <cr-input id="unlockPin2" class="pin" no-label-float
 135                     label="Re-enter PIN">
 136                 </cr-input>
 137               </div>
 138               <cr-button on-click="sendUnlockPuk_">Unlock</cr-button>
 139             </div>
 140           </div>
 141           <div class="flex"></div>.
 142         </div>
 143         <span class="error">
 144           Your SIM card will be permanently disabled if you cannot enter
 145           the correct PIN Unblocking key.
 146         </span>
 147         <div class="layout horizontal">
 148           <span class="error" hidden$="[[!showError_(error)]]"
 149               >[[getErrorMsg_(error)]]
 150           </span>
 151           <span>[[getRetriesLeftMsg_(networkState)]]</span>
 152         </div>
 153       </div>
 154     </paper-dialog>
 155
 156   </template>
 157   <script src="network_siminfo.js"></script>
 158 </dom-module>