Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(790)

Side by Side Diff: chrome/browser/resources/settings/passwords_and_forms_page/credit_card_edit_dialog.html

Issue 2795353002: WebUI: For cr-dialog, handle Enter keys in paper-inputs. (Closed)
Patch Set: update tests Created 3 years, 8 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
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
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
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>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698