| OLD | NEW |
| 1 <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
"> |
| 2 <link rel="import" href="chrome://resources/html/polymer.html"> | 2 <link rel="import" href="chrome://resources/html/polymer.html"> |
| 3 <link rel="import" href="chrome://resources/html/i18n_behavior.html"> | 3 <link rel="import" href="chrome://resources/html/i18n_behavior.html"> |
| 4 <link rel="import" href="chrome://resources/html/md_select_css.html"> | 4 <link rel="import" href="chrome://resources/html/md_select_css.html"> |
| 5 <link rel="import" href="chrome://resources/polymer/v1_0/iron-a11y-keys/iron-a11
y-keys.html"> | |
| 6 <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"> |
| 7 <link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input
.html"> | 6 <link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input
.html"> |
| 8 <link rel="import" href="../settings_vars_css.html"> | 7 <link rel="import" href="../settings_vars_css.html"> |
| 9 <link rel="import" href="../settings_shared_css.html"> | 8 <link rel="import" href="../settings_shared_css.html"> |
| 10 | 9 |
| 11 <dom-module id="settings-credit-card-edit-dialog"> | 10 <dom-module id="settings-credit-card-edit-dialog"> |
| 12 <style include="settings-shared md-select"> | 11 <style include="settings-shared md-select"> |
| 13 paper-input { | 12 paper-input { |
| 14 width: var(--paper-input-max-width); | 13 width: var(--paper-input-max-width); |
| 15 } | 14 } |
| (...skipping 23 matching lines...) Expand all Loading... |
| 39 label { | 38 label { |
| 40 color: var(--light-theme-secondary-color); | 39 color: var(--light-theme-secondary-color); |
| 41 display: block; | 40 display: block; |
| 42 padding-top: 8px; | 41 padding-top: 8px; |
| 43 } | 42 } |
| 44 </style> | 43 </style> |
| 45 <template> | 44 <template> |
| 46 <dialog is="cr-dialog" id="dialog" close-text="$i18n{close}"> | 45 <dialog is="cr-dialog" id="dialog" close-text="$i18n{close}"> |
| 47 <div class="title">[[title_]]</div> | 46 <div class="title">[[title_]]</div> |
| 48 <div class="body"> | 47 <div class="body"> |
| 49 <div> | 48 <paper-input id="nameInput" label="$i18n{creditCardName}" |
| 50 <iron-a11y-keys keys="enter" on-keys-pressed="onSaveButtonTap_"> | 49 value="{{creditCard.name}}" always-float-label autofocus |
| 51 </iron-a11y-keys> | 50 on-input="onCreditCardNameOrNumberChanged_"> |
| 52 <paper-input id="nameInput" label="$i18n{creditCardName}" | 51 </paper-input> |
| 53 value="{{creditCard.name}}" always-float-label autofocus | 52 <paper-input id="numberInput" label="$i18n{creditCardNumber}" |
| 54 on-input="onCreditCardNameOrNumberChanged_"> | 53 value="{{creditCard.cardNumber}}" always-float-label |
| 55 </paper-input> | 54 on-input="onCreditCardNameOrNumberChanged_"> |
| 56 <paper-input id="numberInput" label="$i18n{creditCardNumber}" | 55 </paper-input> |
| 57 value="{{creditCard.cardNumber}}" always-float-label | |
| 58 on-input="onCreditCardNameOrNumberChanged_"> | |
| 59 </paper-input> | |
| 60 </div> | |
| 61 <label>$i18n{creditCardExpiration}</label> | 56 <label>$i18n{creditCardExpiration}</label> |
| 62 <span class="md-select-wrapper"> | 57 <span class="md-select-wrapper"> |
| 63 <select class="md-select" id="month" value="[[expirationMonth_]]" | 58 <select class="md-select" id="month" value="[[expirationMonth_]]" |
| 64 on-change="onMonthChange_"> | 59 on-change="onMonthChange_"> |
| 65 <template is="dom-repeat" items="[[monthList_]]"> | 60 <template is="dom-repeat" items="[[monthList_]]"> |
| 66 <option>[[item]]</option> | 61 <option>[[item]]</option> |
| 67 </template> | 62 </template> |
| 68 </select> | 63 </select> |
| 69 <span class="md-select-underline"></span> | 64 <span class="md-select-underline"></span> |
| 70 </span> | 65 </span> |
| (...skipping 13 matching lines...) Expand all Loading... |
| 84 <div class="button-container"> | 79 <div class="button-container"> |
| 85 <paper-button id="cancelButton" class="cancel-button" | 80 <paper-button id="cancelButton" class="cancel-button" |
| 86 on-tap="onCancelButtonTap_">$i18n{cancel}</paper-button> | 81 on-tap="onCancelButtonTap_">$i18n{cancel}</paper-button> |
| 87 <paper-button id="saveButton" class="action-button" | 82 <paper-button id="saveButton" class="action-button" |
| 88 on-tap="onSaveButtonTap_" disabled>$i18n{save}</paper-button> | 83 on-tap="onSaveButtonTap_" disabled>$i18n{save}</paper-button> |
| 89 </div> | 84 </div> |
| 90 </dialog> | 85 </dialog> |
| 91 </template> | 86 </template> |
| 92 <script src="credit_card_edit_dialog.js"></script> | 87 <script src="credit_card_edit_dialog.js"></script> |
| 93 </dom-module> | 88 </dom-module> |
| OLD | NEW |