| 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>
|
|
|
|
|