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

Side by Side Diff: chrome/browser/resources/chromeos/login/controller-pairing-screen.html

Issue 2723873003: MD WebUI: change all <dom-module> to use id="" instead of name="" (Closed)
Patch Set: Created 3 years, 9 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 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/classe s/iron-flex-layout.html"> 5 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/classe s/iron-flex-layout.html">
6 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.htm l"> 6 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.htm l">
7 <link rel="import" href="chrome://resources/polymer/v1_0/iron-iconset-svg/iron-i conset-svg.html"> 7 <link rel="import" href="chrome://resources/polymer/v1_0/iron-iconset-svg/iron-i conset-svg.html">
8 <link rel="import" href="chrome://resources/polymer/v1_0/iron-selector/iron-sele ctor.html"> 8 <link rel="import" href="chrome://resources/polymer/v1_0/iron-selector/iron-sele ctor.html">
9 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/animatio ns/fade-in-animation.html"> 9 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/animatio ns/fade-in-animation.html">
10 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/animatio ns/fade-out-animation.html"> 10 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/animatio ns/fade-out-animation.html">
11 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/animatio ns/hero-animation.html"> 11 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/animatio ns/hero-animation.html">
12 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-ani matable-behavior.html"> 12 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-ani matable-behavior.html">
13 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-ani mated-pages.html"> 13 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-ani mated-pages.html">
14 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt on.html"> 14 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt on.html">
15 <link rel="import" href="chrome://resources/polymer/v1_0/paper-item/paper-icon-i tem.html"> 15 <link rel="import" href="chrome://resources/polymer/v1_0/paper-item/paper-icon-i tem.html">
16 <link rel="import" href="chrome://resources/polymer/v1_0/paper-material/paper-ma terial.html"> 16 <link rel="import" href="chrome://resources/polymer/v1_0/paper-material/paper-ma terial.html">
17 <link rel="import" href="chrome://resources/polymer/v1_0/paper-progress/paper-pr ogress.html"> 17 <link rel="import" href="chrome://resources/polymer/v1_0/paper-progress/paper-pr ogress.html">
18 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html "> 18 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html ">
19 <link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html"> 19 <link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html">
20 20
21 <!-- 21 <!--
22 List of devices. 22 List of devices.
23 Published properties: 23 Published properties:
24 * devices - array of strings, the model of the list. 24 * devices - array of strings, the model of the list.
25 * selected - a name of the selected device ('null' if no devices are 25 * selected - a name of the selected device ('null' if no devices are
26 selected). 26 selected).
27 * connecting - a binary attribute. If set, the list does not respond to the 27 * connecting - a binary attribute. If set, the list does not respond to the
28 user actions and a spinner is shown near selected device. 28 user actions and a spinner is shown near selected device.
29 --> 29 -->
30 <dom-module name="pairing-device-list"> 30 <dom-module id="pairing-device-list">
31 <link rel="stylesheet" href="pairing_device_list.css"> 31 <link rel="stylesheet" href="pairing_device_list.css">
32 32
33 <iron-iconset-svg name="pairing-device-list-icons"> 33 <iron-iconset-svg name="pairing-device-list-icons">
34 <svg><defs><g id="circle"> 34 <svg><defs><g id="circle">
35 <circle cx="12" cy="12" r="12"></circle> 35 <circle cx="12" cy="12" r="12"></circle>
36 </g></defs></svg> 36 </g></defs></svg>
37 </iron-iconset-svg> 37 </iron-iconset-svg>
38 38
39 <template> 39 <template>
40 <iron-selector selected="{{selected}}" attr-for-selected="name"> 40 <iron-selector selected="{{selected}}" attr-for-selected="name">
(...skipping 27 matching lines...) Expand all
68 * big-font - if this class is set, slightly bigger font is used on page. 68 * big-font - if this class is set, slightly bigger font is used on page.
69 * progress - if this class is set and 'split' is not, progress bar is shown 69 * progress - if this class is set and 'split' is not, progress bar is shown
70 instead of top and bottom parts separator. 70 instead of top and bottom parts separator.
71 71
72 Also height of the top part can be specified in CSS as follows: 72 Also height of the top part can be specified in CSS as follows:
73 73
74 controller-pairing-page::shadow #top { 74 controller-pairing-page::shadow #top {
75 height: 100px; 75 height: 100px;
76 } 76 }
77 --> 77 -->
78 <dom-module name="controller-pairing-page"> 78 <dom-module id="controller-pairing-page">
79 <link rel="stylesheet" href="controller_pairing_page.css"> 79 <link rel="stylesheet" href="controller_pairing_page.css">
80 80
81 <template> 81 <template>
82 <div class="vertical layout fit"> 82 <div class="vertical layout fit">
83 <div id="top" class="relative vertical end-justified layout"> 83 <div id="top" class="relative vertical end-justified layout">
84 <div id="title"> 84 <div id="title">
85 <content select=".title"></content> 85 <content select=".title"></content>
86 </div> 86 </div>
87 <div id="separator"> 87 <div id="separator">
88 <paper-progress indeterminate></paper-progress> 88 <paper-progress indeterminate></paper-progress>
89 </div> 89 </div>
90 </div> 90 </div>
91 <div id="bottom" class="flex vertical layout"> 91 <div id="bottom" class="flex vertical layout">
92 <div class="flex vertical layout"> 92 <div class="flex vertical layout">
93 <content select=":not(paper-button)"></content> 93 <content select=":not(paper-button)"></content>
94 </div> 94 </div>
95 <div id="controls" class="horizontal layout center"> 95 <div id="controls" class="horizontal layout center">
96 <div class="flex"> 96 <div class="flex">
97 <content select="paper-button.help-button"></content> 97 <content select="paper-button.help-button"></content>
98 </div> 98 </div>
99 <content select="paper-button"></content> 99 <content select="paper-button"></content>
100 </div> 100 </div>
101 </div> 101 </div>
102 </div> 102 </div>
103 </template> 103 </template>
104 </dom-module> 104 </dom-module>
105 105
106 <dom-module name="controller-pairing-screen"> 106 <dom-module id="controller-pairing-screen">
107 <link rel="stylesheet" href="oobe_screen_controller_pairing.css"> 107 <link rel="stylesheet" href="oobe_screen_controller_pairing.css">
108 108
109 <template> 109 <template>
110 <paper-material class="fit"> 110 <paper-material class="fit">
111 <neon-animated-pages id="pages" selected="{{C.page}}" 111 <neon-animated-pages id="pages" selected="{{C.page}}"
112 attr-for-selected="name" class="fit"> 112 attr-for-selected="name" class="fit">
113 <controller-pairing-page name="devices-discovery" class="big-font"> 113 <controller-pairing-page name="devices-discovery" class="big-font">
114 <div class="title" 114 <div class="title"
115 i18n-content="loginControllerPairingScreenWelcomeTitle"> 115 i18n-content="loginControllerPairingScreenWelcomeTitle">
116 </div> 116 </div>
(...skipping 141 matching lines...) Expand 10 before | Expand all | Expand 10 after
258 <div><span>[[getSuccessMessage_(selectedDevice)]]</div> 258 <div><span>[[getSuccessMessage_(selectedDevice)]]</div>
259 <paper-button on-tap="userActed" action="startSession" 259 <paper-button on-tap="userActed" action="startSession"
260 disabled$="{{C.controlsDisabled}}" 260 disabled$="{{C.controlsDisabled}}"
261 i18n-content="loginControllerPairingScreenContinueToHangoutsBtn"> 261 i18n-content="loginControllerPairingScreenContinueToHangoutsBtn">
262 </paper-button> 262 </paper-button>
263 </controller-pairing-page> 263 </controller-pairing-page>
264 </neon-animated-pages> 264 </neon-animated-pages>
265 </paper-material> 265 </paper-material>
266 </template> 266 </template>
267 </dom-module> 267 </dom-module>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698