| 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_">$i18n{networkSimUnlockLabel} |
| 57 </paper-button> |
| 53 </div> | 58 </div> |
| 54 </div> | 59 </div> |
| 55 | 60 |
| 56 <!-- SIM unlocked --> | 61 <!-- SIM unlocked --> |
| 57 <div class="settings-box" | 62 <div class="settings-box" |
| 58 hidden$="[[!showSimUnlocked_(networkProperties)]]"> | 63 hidden$="[[!showSimUnlocked_(networkProperties)]]"> |
| 59 <paper-checkbox class="start" on-change="onSimLockEnabledChange_" | 64 <paper-checkbox class="start" on-change="onSimLockEnabledChange_" |
| 60 checked="[[networkProperties.Cellular.SIMLockStatus.LockEnabled]]"> | 65 checked="[[networkProperties.Cellular.SIMLockStatus.LockEnabled]]"> |
| 61 Enable SIM card locking (require PIN to use mobile data) | 66 $i18n{networkSimLockEnable} |
| 62 </paper-checkbox> | 67 </paper-checkbox> |
| 63 <paper-button on-tap="onChangePinTap_" | 68 <paper-button on-tap="onChangePinTap_" |
| 64 hidden$="[[!networkProperties.Cellular.SIMLockStatus.LockEnabled]]"> | 69 hidden$="[[!networkProperties.Cellular.SIMLockStatus.LockEnabled]]"> |
| 65 Change PIN | 70 $i18n{networkSimChangePin} |
| 66 </paper-button> | 71 </paper-button> |
| 67 </div> | 72 </div> |
| 68 | 73 |
| 69 <!-- Enter PIN dialog --> | 74 <!-- Enter PIN dialog --> |
| 70 <dialog is="cr-dialog" id="enterPinDialog"> | 75 <dialog is="cr-dialog" id="enterPinDialog"> |
| 71 <div class="title">Enter SIM PIN</div> | 76 <div class="title">$i18n{networkSimEnterPinTitle}</div> |
| 72 <div class="body"> | 77 <div class="body"> |
| 73 <paper-input id="enterPin" class="pin" no-label-float label="Enter PIN"> | 78 <paper-input id="enterPin" class="pin" no-label-float |
| 79 label="$i18n{networkSimEnterPin}"> |
| 74 </paper-input> | 80 </paper-input> |
| 75 <div class="dialog-error"> | 81 <div class="dialog-error"> |
| 76 [[getErrorMsg_(error, networkProperties)]] | 82 [[getErrorMsg_(error, networkProperties)]] |
| 77 </div> | 83 </div> |
| 78 </div> | 84 </div> |
| 79 <div class="button-container"> | 85 <div class="button-container"> |
| 80 <paper-button on-tap="sendEnterPin_">Enter</paper-button> | 86 <paper-button on-tap="sendEnterPin_">$i18n{networkSimEnterLabel} |
| 87 </paper-button> |
| 81 </div> | 88 </div> |
| 82 </dialog> | 89 </dialog> |
| 83 | 90 |
| 84 <!-- Change PIN dialog --> | 91 <!-- Change PIN dialog --> |
| 85 <dialog is="cr-dialog" id="changePinDialog"> | 92 <dialog is="cr-dialog" id="changePinDialog"> |
| 86 <div class="title">Change SIM PIN</div> | 93 <div class="title">$i18n{networkSimChangePinTitle}</div> |
| 87 <div class="body"> | 94 <div class="body"> |
| 88 <paper-input id="changePinOld" class="pin" no-label-float | 95 <paper-input id="changePinOld" class="pin" no-label-float |
| 89 label="Enter old PIN"> | 96 label="$i18n{networkSimEnterOldPin}"> |
| 90 </paper-input> | 97 </paper-input> |
| 91 <paper-input id="changePinNew1" class="pin" no-label-float | 98 <paper-input id="changePinNew1" class="pin" no-label-float |
| 92 label="Enter new PIN"> | 99 label="$i18n{networkSimEnterNewPin}"> |
| 93 </paper-input> | 100 </paper-input> |
| 94 <paper-input id="changePinNew2" class="pin" no-label-float | 101 <paper-input id="changePinNew2" class="pin" no-label-float |
| 95 label="Re-enter new PIN"> | 102 label="$i18n{networkSimReEnterNewPin}"> |
| 96 </paper-input> | 103 </paper-input> |
| 97 <div class="dialog-error"> | 104 <div class="dialog-error"> |
| 98 [[getErrorMsg_(error, networkProperties)]] | 105 [[getErrorMsg_(error, networkProperties)]] |
| 99 </div> | 106 </div> |
| 100 </div> | 107 </div> |
| 101 <div class="button-container"> | 108 <div class="button-container"> |
| 102 <paper-button on-tap="sendChangePin_">Change</paper-button> | 109 <paper-button on-tap="sendChangePin_">$i18n{networkSimChangeLabel} |
| 110 </paper-button> |
| 103 </div> | 111 </div> |
| 104 </dialog> | 112 </dialog> |
| 105 | 113 |
| 106 <!-- Unlock PIN dialog --> | 114 <!-- Unlock PIN dialog --> |
| 107 <dialog is="cr-dialog" id="unlockPinDialog"> | 115 <dialog is="cr-dialog" id="unlockPinDialog"> |
| 108 <div class="title">SIM Card is locked</div> | 116 <div class="title">$i18n{networkSimLockedTitle}</div> |
| 109 <div class="body"> | 117 <div class="body"> |
| 110 <paper-input id="unlockPin" class="pin" no-label-float | 118 <paper-input id="unlockPin" class="pin" no-label-float |
| 111 label="Enter PIN"> | 119 label="$i18n{networkSimEnterPin}"> |
| 112 </paper-input> | 120 </paper-input> |
| 113 <div class="dialog-error"> | 121 <div class="dialog-error"> |
| 114 [[getErrorMsg_(error, networkProperties)]] | 122 [[getErrorMsg_(error, networkProperties)]] |
| 115 </div> | 123 </div> |
| 116 </div> | 124 </div> |
| 117 <div class="button-container"> | 125 <div class="button-container"> |
| 118 <paper-button on-tap="sendUnlockPin_">Unlock</paper-button> | 126 <paper-button on-tap="sendUnlockPin_">$i18n{networkSimUnlockLabel} |
| 127 </paper-button> |
| 119 </div> | 128 </div> |
| 120 </dialog> | 129 </dialog> |
| 121 | 130 |
| 122 <!-- Unlock PUK dialog --> | 131 <!-- Unlock PUK dialog --> |
| 123 <dialog is="cr-dialog" id="unlockPukDialog"> | 132 <dialog is="cr-dialog" id="unlockPukDialog"> |
| 124 <div class="title">SIM Card is locked</div> | 133 <div class="title">$i18n{networkSimLockedTitle}</div> |
| 125 <div class="body"> | 134 <div class="body"> |
| 126 <div> | 135 <div> |
| 127 Enter the 8-digit PIN Unblocking Key provided by your carrier | 136 Enter the 8-digit PIN Unblocking Key provided by your carrier |
| 128 </div> | 137 </div> |
| 129 <paper-input id="unlockPuk" class="puk" no-label-float | 138 <paper-input id="unlockPuk" class="puk" no-label-float |
| 130 label="Enter PIN Unblocking Key"> | 139 label="$i18n{networkSimEnterPuk}"> |
| 131 </paper-input> | 140 </paper-input> |
| 132 <paper-input id="unlockPin1" class="pin" no-label-float | 141 <paper-input id="unlockPin1" class="pin" no-label-float |
| 133 label="Enter PIN"> | 142 label="$i18n{networkSimEnterNewPin}"> |
| 134 </paper-input> | 143 </paper-input> |
| 135 <paper-input id="unlockPin2" class="pin" no-label-float | 144 <paper-input id="unlockPin2" class="pin" no-label-float |
| 136 label="Re-enter PIN"> | 145 label="$i18n{networkSimReEnterNewPin}"> |
| 137 </paper-input> | 146 </paper-input> |
| 138 <div class="dialog-error"> | 147 <div class="dialog-error"> |
| 139 Your SIM card will be permanently disabled if you cannot enter | 148 $i18n{networkSimLockedWarning} |
| 140 the correct PIN Unblocking key. | |
| 141 </div> | 149 </div> |
| 142 <div class="dialog-error"> | 150 <div class="dialog-error"> |
| 143 [[getErrorMsg_(error, networkProperties)]] | 151 [[getErrorMsg_(error, networkProperties)]] |
| 144 </div> | 152 </div> |
| 145 </div> | 153 </div> |
| 146 <div class="button-container"> | 154 <div class="button-container"> |
| 147 <paper-button on-tap="sendUnlockPuk_">Unlock</paper-button> | 155 <paper-button on-tap="sendUnlockPuk_">$i18n{networkSimUnlockLabel} |
| 156 </paper-button> |
| 148 </div> | 157 </div> |
| 149 </dialog> | 158 </dialog> |
| 150 </template> | 159 </template> |
| 151 <script src="network_siminfo.js"></script> | 160 <script src="network_siminfo.js"></script> |
| 152 </dom-module> | 161 </dom-module> |
| OLD | NEW |