Index: chrome/browser/resources/chromeos/login/gaia_input.html |
diff --git a/chrome/browser/resources/chromeos/login/gaia_input.html b/chrome/browser/resources/chromeos/login/gaia_input.html |
index 21b01158797535d2bdddeea252a729ea6b4127eb..21884cb58456fa32a2d97b1069e9ecdc7309de25 100644 |
--- a/chrome/browser/resources/chromeos/login/gaia_input.html |
+++ b/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> |