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

Side by Side Diff: chrome/browser/resources/options/autofill_edit_creditcard_overlay.js

Issue 2939273002: DO NOT SUBMIT: what chrome/browser/resources/ could eventually look like with clang-format (Closed)
Patch Set: Created 3 years, 6 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 // Copyright (c) 2012 The Chromium Authors. All rights reserved. 1 // Copyright (c) 2012 The Chromium Authors. All rights reserved.
2 // Use of this source code is governed by a BSD-style license that can be 2 // Use of this source code is governed by a BSD-style license that can be
3 // found in the LICENSE file. 3 // found in the LICENSE file.
4 4
5 cr.define('options', function() { 5 cr.define('options', function() {
6 /** @const */ var Page = cr.ui.pageManager.Page; 6 /** @const */ var Page = cr.ui.pageManager.Page;
7 /** @const */ var PageManager = cr.ui.pageManager.PageManager; 7 /** @const */ var PageManager = cr.ui.pageManager.PageManager;
8 8
9 /** 9 /**
10 * AutofillEditCreditCardOverlay class 10 * AutofillEditCreditCardOverlay class
11 * Encapsulated handling of the 'Add Page' overlay page. 11 * Encapsulated handling of the 'Add Page' overlay page.
12 * @class 12 * @class
13 */ 13 */
14 function AutofillEditCreditCardOverlay() { 14 function AutofillEditCreditCardOverlay() {
15 Page.call(this, 'autofillEditCreditCard', 15 Page.call(
16 loadTimeData.getString('autofillEditCreditCardTitle'), 16 this, 'autofillEditCreditCard',
17 'autofill-edit-credit-card-overlay'); 17 loadTimeData.getString('autofillEditCreditCardTitle'),
18 'autofill-edit-credit-card-overlay');
18 } 19 }
19 20
20 cr.addSingletonGetter(AutofillEditCreditCardOverlay); 21 cr.addSingletonGetter(AutofillEditCreditCardOverlay);
21 22
22 AutofillEditCreditCardOverlay.prototype = { 23 AutofillEditCreditCardOverlay.prototype = {
23 __proto__: Page.prototype, 24 __proto__: Page.prototype,
24 25
25 /** @override */ 26 /** @override */
26 initializePage: function() { 27 initializePage: function() {
27 Page.prototype.initializePage.call(this); 28 Page.prototype.initializePage.call(this);
28 29
29 var self = this; 30 var self = this;
30 $('autofill-edit-credit-card-cancel-button').onclick = function(event) { 31 $('autofill-edit-credit-card-cancel-button').onclick = function(event) {
31 self.dismissOverlay_(); 32 self.dismissOverlay_();
32 }; 33 };
33 $('autofill-edit-credit-card-apply-button').onclick = function(event) { 34 $('autofill-edit-credit-card-apply-button').onclick = function(event) {
34 self.saveCreditCard_(); 35 self.saveCreditCard_();
35 self.dismissOverlay_(); 36 self.dismissOverlay_();
36 }; 37 };
37 38
38 self.guid_ = ''; 39 self.guid_ = '';
39 self.clearInputFields_(); 40 self.clearInputFields_();
40 self.connectInputEvents_(); 41 self.connectInputEvents_();
41 self.setDefaultSelectOptions_(); 42 self.setDefaultSelectOptions_();
42 }, 43 },
43 44
44 /** 45 /**
45 * Specifically catch the situations in which the overlay is cancelled 46 * Specifically catch the situations in which the overlay is cancelled
46 * externally (e.g. by pressing <Esc>), so that the input fields and 47 * externally (e.g. by pressing <Esc>), so that the input fields and
47 * GUID can be properly cleared. 48 * GUID can be properly cleared.
48 * @override 49 * @override
49 */ 50 */
50 handleCancel: function() { 51 handleCancel: function() {
51 this.dismissOverlay_(); 52 this.dismissOverlay_();
52 }, 53 },
53 54
54 /** 55 /**
55 * Clears any uncommitted input, and dismisses the overlay. 56 * Clears any uncommitted input, and dismisses the overlay.
56 * @private 57 * @private
57 */ 58 */
58 dismissOverlay_: function() { 59 dismissOverlay_: function() {
59 this.clearInputFields_(); 60 this.clearInputFields_();
(...skipping 11 matching lines...) Expand all
71 creditCard[0] = this.guid_; 72 creditCard[0] = this.guid_;
72 creditCard[1] = $('name-on-card').value; 73 creditCard[1] = $('name-on-card').value;
73 creditCard[2] = $('credit-card-number').value; 74 creditCard[2] = $('credit-card-number').value;
74 creditCard[3] = $('expiration-month').value; 75 creditCard[3] = $('expiration-month').value;
75 creditCard[4] = $('expiration-year').value; 76 creditCard[4] = $('expiration-year').value;
76 chrome.send('setCreditCard', creditCard); 77 chrome.send('setCreditCard', creditCard);
77 78
78 // If the GUID is empty, this form is being used to add a new card, 79 // If the GUID is empty, this form is being used to add a new card,
79 // rather than edit an existing one. 80 // rather than edit an existing one.
80 if (!this.guid_.length) { 81 if (!this.guid_.length) {
81 chrome.send('coreOptionsUserMetricsAction', 82 chrome.send(
82 ['Options_AutofillCreditCardAdded']); 83 'coreOptionsUserMetricsAction',
84 ['Options_AutofillCreditCardAdded']);
83 } 85 }
84 }, 86 },
85 87
86 /** 88 /**
87 * Connects each input field to the inputFieldChanged_() method that enables 89 * Connects each input field to the inputFieldChanged_() method that enables
88 * or disables the 'Ok' button based on whether all the fields are empty or 90 * or disables the 'Ok' button based on whether all the fields are empty or
89 * not. 91 * not.
90 * @private 92 * @private
91 */ 93 */
92 connectInputEvents_: function() { 94 connectInputEvents_: function() {
93 var ccNumber = $('credit-card-number'); 95 var ccNumber = $('credit-card-number');
94 $('name-on-card').oninput = ccNumber.oninput = 96 $('name-on-card').oninput = ccNumber.oninput =
95 $('expiration-month').onchange = $('expiration-year').onchange = 97 $('expiration-month').onchange = $('expiration-year').onchange =
96 this.inputFieldChanged_.bind(this); 98 this.inputFieldChanged_.bind(this);
97 }, 99 },
98 100
99 /** 101 /**
100 * Checks the values of each of the input fields and disables the 'Ok' 102 * Checks the values of each of the input fields and disables the 'Ok'
101 * button if all of the fields are empty. 103 * button if all of the fields are empty.
102 * @param {Event} opt_event Optional data for the 'input' event. 104 * @param {Event} opt_event Optional data for the 'input' event.
103 * @private 105 * @private
104 */ 106 */
105 inputFieldChanged_: function(opt_event) { 107 inputFieldChanged_: function(opt_event) {
106 var disabled = !$('name-on-card').value.trim() && 108 var disabled = !$('name-on-card').value.trim() &&
107 !$('credit-card-number').value.trim(); 109 !$('credit-card-number').value.trim();
108 $('autofill-edit-credit-card-apply-button').disabled = disabled; 110 $('autofill-edit-credit-card-apply-button').disabled = disabled;
109 }, 111 },
110 112
111 /** 113 /**
112 * Sets the default values of the options in the 'Expiration date' select 114 * Sets the default values of the options in the 'Expiration date' select
113 * controls. 115 * controls.
114 * @private 116 * @private
115 */ 117 */
116 setDefaultSelectOptions_: function() { 118 setDefaultSelectOptions_: function() {
117 // Set the 'Expiration month' default options. 119 // Set the 'Expiration month' default options.
(...skipping 92 matching lines...) Expand 10 before | Expand all | Expand 10 after
210 212
211 AutofillEditCreditCardOverlay.loadCreditCard = function(creditCard) { 213 AutofillEditCreditCardOverlay.loadCreditCard = function(creditCard) {
212 AutofillEditCreditCardOverlay.getInstance().loadCreditCard_(creditCard); 214 AutofillEditCreditCardOverlay.getInstance().loadCreditCard_(creditCard);
213 }; 215 };
214 216
215 AutofillEditCreditCardOverlay.setTitle = function(title) { 217 AutofillEditCreditCardOverlay.setTitle = function(title) {
216 $('autofill-credit-card-title').textContent = title; 218 $('autofill-credit-card-title').textContent = title;
217 }; 219 };
218 220
219 // Export 221 // Export
220 return { 222 return {AutofillEditCreditCardOverlay: AutofillEditCreditCardOverlay};
221 AutofillEditCreditCardOverlay: AutofillEditCreditCardOverlay
222 };
223 }); 223 });
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698