OLD | NEW |
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 Loading... |
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 Loading... |
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> |
OLD | NEW |