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