| OLD | NEW |
| 1 <link rel="import" href="chrome://resources/html/polymer.html"> | |
| 2 <link rel="import" href="chrome://resources/cr_elements/cr_dialog/cr_dialog.html
"> | 1 <link rel="import" href="chrome://resources/cr_elements/cr_dialog/cr_dialog.html
"> |
| 3 <link rel="import" href="chrome://resources/cr_elements/network/cr_onc_types.htm
l"> | 2 <link rel="import" href="chrome://resources/cr_elements/network/cr_onc_types.htm
l"> |
| 3 <link rel="import" href="chrome://resources/html/polymer.html"> |
| 4 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.htm
l"> | 4 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.htm
l"> |
| 5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt
on.html"> | 5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt
on.html"> |
| 6 <link rel="import" href="chrome://resources/polymer/v1_0/paper-checkbox/paper-ch
eckbox.html"> | 6 <link rel="import" href="chrome://resources/polymer/v1_0/paper-checkbox/paper-ch
eckbox.html"> |
| 7 <link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input
.html"> | 7 <link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input
.html"> |
| 8 <link rel="import" href="/icons.html"> | 8 <link rel="import" href="/icons.html"> |
| 9 <link rel="import" href="internet_shared_css.html"> | 9 <link rel="import" href="internet_shared_css.html"> |
| 10 <link rel="import" href="network_property_list.html"> | 10 <link rel="import" href="network_property_list.html"> |
| 11 | 11 |
| 12 <dom-module id="network-siminfo"> | 12 <dom-module id="network-siminfo"> |
| 13 <template> | 13 <template> |
| 14 <style include="internet-shared"> | 14 <style include="internet-shared"> |
| 15 iron-icon { | 15 iron-icon { |
| 16 -webkit-margin-end: 10px; | 16 -webkit-margin-end: 10px; |
| 17 } | 17 } |
| 18 .error { | 18 |
| 19 color: red; | |
| 20 font-weight: 500; | |
| 21 } | |
| 22 .dialog-error { | 19 .dialog-error { |
| 23 color: red; | 20 color: red; |
| 24 font-size: 125%; | 21 font-size: 125%; |
| 25 font-weight: 500; | 22 font-weight: 500; |
| 26 margin-top: 10px; | 23 margin-top: 10px; |
| 27 } | 24 } |
| 25 |
| 26 .error { |
| 27 color: red; |
| 28 font-weight: 500; |
| 29 } |
| 30 |
| 28 .pin { | 31 .pin { |
| 29 min-width: 100px; | 32 min-width: 100px; |
| 30 } | 33 } |
| 34 |
| 31 .puk { | 35 .puk { |
| 32 min-width: 200px; | 36 min-width: 200px; |
| 33 } | 37 } |
| 34 </style> | 38 </style> |
| 35 | 39 |
| 36 <!-- SIM missing UI --> | 40 <!-- SIM missing UI --> |
| 37 <div class="settings-box" | 41 <div class="settings-box" |
| 38 hidden$="[[networkProperties.Cellular.SIMPresent]]"> | 42 hidden$="[[networkProperties.Cellular.SIMPresent]]"> |
| 39 <div class="start layout horizontal center"> | 43 <div class="start layout horizontal center"> |
| 40 <iron-icon icon="settings:sim-card-alert"></iron-icon> | 44 <iron-icon icon="settings:sim-card-alert"></iron-icon> |
| 41 <div class="error">Missing SIM card</div> | 45 <div class="error">$i18n{networkSimCardMissing}</div> |
| 42 </div> | 46 </div> |
| 43 </div> | 47 </div> |
| 44 | 48 |
| 45 <!-- SIM locked --> | 49 <!-- SIM locked --> |
| 46 <div class="settings-box" hidden$="[[!showSimLocked_(networkProperties)]]"> | 50 <div class="settings-box" hidden$="[[!showSimLocked_(networkProperties)]]"> |
| 47 <div class="start layout horizontal center"> | 51 <div class="start layout horizontal center"> |
| 48 <iron-icon icon="settings:lock"></iron-icon> | 52 <iron-icon icon="settings:lock"></iron-icon> |
| 49 <div class="error">SIM card is locked.</div> | 53 <div class="error">$i18n{networkSimCardLocked}</div> |
| 50 </div> | 54 </div> |
| 51 <div class="secondary-action"> | 55 <div class="secondary-action"> |
| 52 <paper-button on-tap="onUnlockPinTap_">Unlock</paper-button> | 56 <paper-button on-tap="onUnlockPinTap_"> |
| 57 $i18n{networkSimUnlock} |
| 58 </paper-button> |
| 53 </div> | 59 </div> |
| 54 </div> | 60 </div> |
| 55 | 61 |
| 56 <!-- SIM unlocked --> | 62 <!-- SIM unlocked --> |
| 57 <div class="settings-box" | 63 <div class="settings-box" |
| 58 hidden$="[[!showSimUnlocked_(networkProperties)]]"> | 64 hidden$="[[!showSimUnlocked_(networkProperties)]]"> |
| 59 <paper-checkbox class="start" on-change="onSimLockEnabledChange_" | 65 <paper-checkbox class="start" on-change="onSimLockEnabledChange_" |
| 60 checked="[[networkProperties.Cellular.SIMLockStatus.LockEnabled]]"> | 66 checked="[[networkProperties.Cellular.SIMLockStatus.LockEnabled]]"> |
| 61 Enable SIM card locking (require PIN to use mobile data) | 67 $i18n{networkSimLockEnable} |
| 62 </paper-checkbox> | 68 </paper-checkbox> |
| 63 <paper-button on-tap="onChangePinTap_" | 69 <paper-button on-tap="onChangePinTap_" |
| 64 hidden$="[[!networkProperties.Cellular.SIMLockStatus.LockEnabled]]"> | 70 hidden$="[[!networkProperties.Cellular.SIMLockStatus.LockEnabled]]"> |
| 65 Change PIN | 71 $i18n{networkSimChangePin} |
| 66 </paper-button> | 72 </paper-button> |
| 67 </div> | 73 </div> |
| 68 | 74 |
| 69 <!-- Enter PIN dialog --> | 75 <!-- Enter PIN dialog --> |
| 70 <dialog is="cr-dialog" id="enterPinDialog"> | 76 <dialog is="cr-dialog" id="enterPinDialog"> |
| 71 <div class="title">Enter SIM PIN</div> | 77 <div class="title">$i18n{networkSimEnterPinTitle}</div> |
| 72 <div class="body"> | 78 <div class="body"> |
| 73 <paper-input id="enterPin" class="pin" no-label-float label="Enter PIN"> | 79 <paper-input id="enterPin" class="pin" no-label-float |
| 80 label="$i18n{networkSimEnterPin}"> |
| 74 </paper-input> | 81 </paper-input> |
| 75 <div class="dialog-error"> | 82 <div class="dialog-error"> |
| 76 [[getErrorMsg_(error, networkProperties)]] | 83 [[getErrorMsg_(error, networkProperties)]] |
| 77 </div> | 84 </div> |
| 78 </div> | 85 </div> |
| 79 <div class="button-container"> | 86 <div class="button-container"> |
| 80 <paper-button on-tap="sendEnterPin_">Enter</paper-button> | 87 <paper-button on-tap="sendEnterPin_"> |
| 88 $i18n{networkSimEnter} |
| 89 </paper-button> |
| 81 </div> | 90 </div> |
| 82 </dialog> | 91 </dialog> |
| 83 | 92 |
| 84 <!-- Change PIN dialog --> | 93 <!-- Change PIN dialog --> |
| 85 <dialog is="cr-dialog" id="changePinDialog"> | 94 <dialog is="cr-dialog" id="changePinDialog"> |
| 86 <div class="title">Change SIM PIN</div> | 95 <div class="title">$i18n{networkSimChangePinTitle}</div> |
| 87 <div class="body"> | 96 <div class="body"> |
| 88 <paper-input id="changePinOld" class="pin" no-label-float | 97 <paper-input id="changePinOld" class="pin" no-label-float |
| 89 label="Enter old PIN"> | 98 label="$i18n{networkSimEnterOldPin}"> |
| 90 </paper-input> | 99 </paper-input> |
| 91 <paper-input id="changePinNew1" class="pin" no-label-float | 100 <paper-input id="changePinNew1" class="pin" no-label-float |
| 92 label="Enter new PIN"> | 101 label="$i18n{networkSimEnterNewPin}"> |
| 93 </paper-input> | 102 </paper-input> |
| 94 <paper-input id="changePinNew2" class="pin" no-label-float | 103 <paper-input id="changePinNew2" class="pin" no-label-float |
| 95 label="Re-enter new PIN"> | 104 label="$i18n{networkSimReEnterNewPin}"> |
| 96 </paper-input> | 105 </paper-input> |
| 97 <div class="dialog-error"> | 106 <div class="dialog-error"> |
| 98 [[getErrorMsg_(error, networkProperties)]] | 107 [[getErrorMsg_(error, networkProperties)]] |
| 99 </div> | 108 </div> |
| 100 </div> | 109 </div> |
| 101 <div class="button-container"> | 110 <div class="button-container"> |
| 102 <paper-button on-tap="sendChangePin_">Change</paper-button> | 111 <paper-button on-tap="sendChangePin_"> |
| 112 $i18n{networkSimChange} |
| 113 </paper-button> |
| 103 </div> | 114 </div> |
| 104 </dialog> | 115 </dialog> |
| 105 | 116 |
| 106 <!-- Unlock PIN dialog --> | 117 <!-- Unlock PIN dialog --> |
| 107 <dialog is="cr-dialog" id="unlockPinDialog"> | 118 <dialog is="cr-dialog" id="unlockPinDialog"> |
| 108 <div class="title">SIM Card is locked</div> | 119 <div class="title">$i18n{networkSimLockedTitle}</div> |
| 109 <div class="body"> | 120 <div class="body"> |
| 110 <paper-input id="unlockPin" class="pin" no-label-float | 121 <paper-input id="unlockPin" class="pin" no-label-float |
| 111 label="Enter PIN"> | 122 label="$i18n{networkSimEnterPin}"> |
| 112 </paper-input> | 123 </paper-input> |
| 113 <div class="dialog-error"> | 124 <div class="dialog-error"> |
| 114 [[getErrorMsg_(error, networkProperties)]] | 125 [[getErrorMsg_(error, networkProperties)]] |
| 115 </div> | 126 </div> |
| 116 </div> | 127 </div> |
| 117 <div class="button-container"> | 128 <div class="button-container"> |
| 118 <paper-button on-tap="sendUnlockPin_">Unlock</paper-button> | 129 <paper-button on-tap="sendUnlockPin_"> |
| 130 $i18n{networkSimUnlock} |
| 131 </paper-button> |
| 119 </div> | 132 </div> |
| 120 </dialog> | 133 </dialog> |
| 121 | 134 |
| 122 <!-- Unlock PUK dialog --> | 135 <!-- Unlock PUK dialog --> |
| 123 <dialog is="cr-dialog" id="unlockPukDialog"> | 136 <dialog is="cr-dialog" id="unlockPukDialog"> |
| 124 <div class="title">SIM Card is locked</div> | 137 <div class="title">$i18n{networkSimLockedTitle}</div> |
| 125 <div class="body"> | 138 <div class="body"> |
| 126 <div> | 139 <div> |
| 127 Enter the 8-digit PIN Unblocking Key provided by your carrier | 140 Enter the 8-digit PIN Unblocking Key provided by your carrier |
| 128 </div> | 141 </div> |
| 129 <paper-input id="unlockPuk" class="puk" no-label-float | 142 <paper-input id="unlockPuk" class="puk" no-label-float |
| 130 label="Enter PIN Unblocking Key"> | 143 label="$i18n{networkSimEnterPuk}"> |
| 131 </paper-input> | 144 </paper-input> |
| 132 <paper-input id="unlockPin1" class="pin" no-label-float | 145 <paper-input id="unlockPin1" class="pin" no-label-float |
| 133 label="Enter PIN"> | 146 label="$i18n{networkSimEnterNewPin}"> |
| 134 </paper-input> | 147 </paper-input> |
| 135 <paper-input id="unlockPin2" class="pin" no-label-float | 148 <paper-input id="unlockPin2" class="pin" no-label-float |
| 136 label="Re-enter PIN"> | 149 label="$i18n{networkSimReEnterNewPin}"> |
| 137 </paper-input> | 150 </paper-input> |
| 138 <div class="dialog-error"> | 151 <div class="dialog-error"> |
| 139 Your SIM card will be permanently disabled if you cannot enter | 152 $i18n{networkSimLockedWarning} |
| 140 the correct PIN Unblocking key. | |
| 141 </div> | 153 </div> |
| 142 <div class="dialog-error"> | 154 <div class="dialog-error"> |
| 143 [[getErrorMsg_(error, networkProperties)]] | 155 [[getErrorMsg_(error, networkProperties)]] |
| 144 </div> | 156 </div> |
| 145 </div> | 157 </div> |
| 146 <div class="button-container"> | 158 <div class="button-container"> |
| 147 <paper-button on-tap="sendUnlockPuk_">Unlock</paper-button> | 159 <paper-button on-tap="sendUnlockPuk_"> |
| 160 $i18n{networkSimUnlock} |
| 161 </paper-button> |
| 148 </div> | 162 </div> |
| 149 </dialog> | 163 </dialog> |
| 150 </template> | 164 </template> |
| 151 <script src="network_siminfo.js"></script> | 165 <script src="network_siminfo.js"></script> |
| 152 </dom-module> | 166 </dom-module> |
| OLD | NEW |