diff options
Diffstat (limited to 'chromium/chrome/browser/resources/chromeos/login/gaia_input.html')
-rw-r--r-- | chromium/chrome/browser/resources/chromeos/login/gaia_input.html | 41 |
1 files changed, 26 insertions, 15 deletions
diff --git a/chromium/chrome/browser/resources/chromeos/login/gaia_input.html b/chromium/chrome/browser/resources/chromeos/login/gaia_input.html index 21b01158797..21884cb5845 100644 --- a/chromium/chrome/browser/resources/chromeos/login/gaia_input.html +++ b/chromium/chrome/browser/resources/chromeos/login/gaia_input.html @@ -1,7 +1,13 @@ -<link rel="import" href="chrome://resources/polymer/core-input/core-input.html"> -<link rel="import" href="chrome://resources/polymer/paper-input/paper-input-decorator.html"> -<link rel="import" href="chrome://resources/polymer/polymer/layout.html"> -<link rel="import" href="chrome://resources/polymer/polymer/polymer.html"> +<!-- Copyright 2015 The Chromium Authors. All rights reserved. + Use of this source code is governed by a BSD-style license that can be + found in the LICENSE file. --> + +<link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/classes/iron-flex-layout.html"> +<link rel="import" href="chrome://resources/polymer/v1_0/iron-input/iron-input.html"> +<link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input-container.html"> +<link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input-error.html"> +<link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html"> +<link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html"> <!-- Material desing input field, that supports different input types and email @@ -28,18 +34,23 @@ 'checkValidity' - returns current validity state of the input form. Updates 'isInvalid' at the end. --> -<polymer-element name="gaia-input" attributes="label value type domain required - error isInvalid"> +<dom-module name="gaia-input"> + <link rel="stylesheet" href="gaia_input.css"> + <template> - <link rel="stylesheet" href="gaia_input.css"> - <paper-input-decorator id="decorator" error="{{error}}" label="{{label}}" - on-tap="{{onTap}}" isInvalid="{{isInvalid}}" floatingLabel autoValidate> - <div id="container" horizontal layout> - <input id="input" is="core-input" on-keydown="{{onKeyDown}}" - value="{{value}}" required?="{{required}}" flex> - <span id="domainLabel">{{domain}}</span> + <paper-input-container id="decorator" on-tap="onTap" + invalid="[[isInvalid]]" disabled$="[[disabled]]"> + <label><span>[[label]]</span></label> + <div id="container" class="horizontal layout"> + <input id="input" is="iron-input" on-keydown="onKeyDown" + bind-value="{{value}}" invalid="[[isInvalid]]" + required$="[[required]]" disabled$="[[disabled]]" class="flex"> + <span id="domainLabel">[[domain]]</span> </div> - </paper-input-decorator> + <template is="dom-if" if="[[error]]"> + <paper-input-error>[[error]]</paper-input-error> + </template> + </paper-input-container> </template> -</polymer-element> +</dom-module> |