chrome/browser/resources/chromeos/login/gaia_input.html - Issue 1129063003: <gaia-input> element extracted from <gaia-input-form>.

Side by Side Diff

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

Side by Side Diff: chrome/browser/resources/chromeos/login/gaia_input.html

Issue 1129063003: <gaia-input> element extracted from <gaia-input-form>. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: 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

« no previous file with comments | « chrome/browser/resources/chromeos/login/gaia_input.css ('k') | chrome/browser/resources/chromeos/login/gaia_input.js » ('j') | chrome/browser/resources/chromeos/login/offline_gaia.html » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
(Empty)
	1 <link rel="import" href="chrome://resources/polymer/core-input/core-input.html">

	2 <link rel="import" href="chrome://resources/polymer/paper-input/paper-input-deco rator.html">

	3 <link rel="import" href="chrome://resources/polymer/polymer/layout.html">

	4 <link rel="import" href="chrome://resources/polymer/polymer/polymer.html">

	5

	6 <!--

	7 Material desing input field, that supports different input types and email
	Nikita (slow) 2015/05/07 09:44:12 nit: Mention that this element matches GAIA input nit: Mention that this element matches GAIA input element style. dzhioev (left Google) 2015/05/07 22:21:27 Done. Show quoted text On 2015/05/07 09:44:12, Nikita wrote: > nit: Mention that this element matches GAIA input element style. Done.
	8 validation.

	9

	10 Examples:

	11 <gaia-input value="Simple text input" required></gaia-input>

	12 <gaia-input type="email" domain="example.com"></gaia-input>

	13

	14 Attributes:

	15 'label' - same as <paper-input>'s 'label'.

	16 'value' - same as <input>'s 'value'.

	17 'type' - same as <input>'s 'type'.

	18 'domain' - optional attribute for email input. The domain is displayed in

	19 the end of input field, if user is not provided any.

	20 'error' - error message displayed in case if 'isInvalid' is true.

	21 'isInvalid' - whether input data is invalid. Note: it is not changed

	22 automatically. Can be changed manually or with checkValidity()

	23 method.

	24 'requiered' - whether empty field is invalid.
	Nikita (slow) 2015/05/07 09:44:13 required required dzhioev (left Google) 2015/05/07 22:21:27 Done. Show quoted text On 2015/05/07 09:44:13, Nikita wrote: > required Done.
	25

	26 Methods:

	27 'focus' - focuses input field.

	28 'checkValidity' - returns current validity state of the input form. Updates

	29 'isInvalid' at the end.

	30 -->

	31 <polymer-element name="gaia-input"

	32 attributes="label value type domain required error isInvalid">
	Nikita (slow) 2015/05/07 09:44:12 nit: 4 spaces indent nit: 4 spaces indent dzhioev (left Google) 2015/05/07 22:21:26 Done. Show quoted text On 2015/05/07 09:44:12, Nikita wrote: > nit: 4 spaces indent Done.
	33 <template>

	34 <link rel="stylesheet" href="gaia_input.css">

	35 <paper-input-decorator id="decorator" error="{{error}}"

	36 label="{{label}}" on-tap="{{onTap}}"
	Nikita (slow) 2015/05/07 09:44:13 nit: 4 spaces indent nit: 4 spaces indent dzhioev (left Google) 2015/05/07 22:21:27 Done. Show quoted text On 2015/05/07 09:44:13, Nikita wrote: > nit: 4 spaces indent Done.
	37 isInvalid="{{isInvalid}}" floatingLabel autoValidate>

	38 <div id="container" horizontal layout>

	39 <input id="input" is="core-input" on-keydown="{{onKeyDown}}"

	40 value="{{value}}" required?="{{required}}" flex>

	41 <span id="domainLabel">{{domain}}</span>

	42 </div>

	43 </paper-input-decorator>

	44 </template>

	45 </polymer-element>

	46

OLD	NEW