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

Side by Side Diff: chrome/browser/resources/chromeos/login/gaia_input_form.js

Issue 1129063003: <gaia-input> element extracted from <gaia-input-form>. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Corrected test. Created 5 years, 7 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 2015 The Chromium Authors. All rights reserved. 1 /* Copyright 2015 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 5
6 Polymer('gaia-input-form', (function() { 6 Polymer('gaia-input-form', (function() {
7 var INPUT_EMAIL_PATTERN = "^[a-zA-Z0-9.!#$%&'*+=?^_`{|}~-]+(@[^\\s@]+)?$";
8
9 return { 7 return {
10
11 inputValue: '',
12
13 onButtonClicked: function() { 8 onButtonClicked: function() {
14 this.fire('buttonClick'); 9 this.fire('submit');
15 }, 10 },
16 11
17 onKeyDown: function(e) { 12 onKeyDown: function(e) {
18 this.setValid(true);
19 this.setDomainVisibility();
20 if (e.keyCode == 13 && !this.$.button.disabled) 13 if (e.keyCode == 13 && !this.$.button.disabled)
21 this.$.button.fire('tap'); 14 this.onButtonClicked();
22 },
23
24 onKeyUp: function(e) {
25 this.setDomainVisibility();
26 },
27
28 setDomainVisibility: function() {
29 this.$.emailDomain.hidden = !(this.inputValue.indexOf('@') === -1);
30 },
31
32 ready: function() {
33 if (this.inputType == 'email') {
34 this.$.inputForm.type = 'text';
35 this.$.inputForm.pattern = INPUT_EMAIL_PATTERN;
36 this.$.inputForm.addEventListener('keyup', this.onKeyUp.bind(this));
37 } else {
38 this.$.inputForm.type = this.inputType;
39 }
40 },
41
42 onTap: function() {
43 this.setValid(true);
44 },
45
46 focus: function() {
47 this.$.inputForm.focus();
48 },
49
50 checkValidity: function() {
51 var input = this.$.inputForm;
52 var isValid = input.validity.valid;
53 this.setValid(isValid);
54 return isValid;
55 },
56
57 setValid: function(isValid) {
58 this.$.paperInputDecorator.isInvalid = !isValid;
59 } 15 }
60 }; 16 };
61 })()); 17 })());
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698