chrome/browser/resources/chromeos/login/host-pairing-screen.html

   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
   3      found in the LICENSE file. -->
   4
   5 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/classes/iron-flex-layout.html">
   6 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.html">
   7 <link rel="import" href="chrome://resources/polymer/v1_0/iron-iconset-svg/iron-iconset-svg.html">
   8 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/animations/fade-in-animation.html">
   9 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/animations/fade-out-animation.html">
  10 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-animatable-behavior.html">
  11 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-animated-pages.html">
  12 <link rel="import" href="chrome://resources/polymer/v1_0/paper-item/paper-icon-item.html">
  13 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html">
  14 <link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html">
  15
  16 <iron-iconset-svg name="host-pairing-icons" size="48">
  17   <svg>
  18     <defs>
  19       <g id="cast">
  20         <include src="../../../../app/theme/cast_icon.svg">
  21       </g>
  22     </defs>
  23   </svg>
  24 </iron-iconset-svg>
  25
  26 <dom-module name="host-pairing-page">
  27
  28   <link rel="stylesheet" href="oobe_screen_host_pairing_page.css">
  29
  30   <template>
  31     <div id="title">
  32       <content select=".title"></content>
  33     </div>
  34     <div id="content">
  35       <content></content>
  36     </div>
  37   </template>
  38 </dom-module>
  39
  40 <dom-module name="host-pairing-screen">
  41
  42   <link rel="stylesheet" href="oobe_screen_host_pairing.css">
  43
  44   <template>
  45     <neon-animated-pages attr-for-selected="name" selected="[[C.page]]"
  46         entry-animation="fade-in-animation" exit-animation="fade-out-animation">
  47       <host-pairing-page name="welcome">
  48         <div class="title" i18n-content="login_HostPairingScreen_welcomeTitle">
  49         </div>
  50         <div i18n-content="login_HostPairingScreen_welcomeText"></div>
  51       </host-pairing-page>
  52       <host-pairing-page name="code-confirmation">
  53         <div class="title"
  54             i18n-content="login_HostPairingScreen_confirmationTitle">
  55         </div>
  56         <div id="code">{{C.code}}</div>
  57       </host-pairing-page>
  58       <host-pairing-page name="update">
  59         <div class="title" i18n-content="login_HostPairingScreen_updatingTitle">
  60         </div>
  61       </host-pairing-page>
  62       <host-pairing-page name="enrollment-introduction">
  63         <div class="title" i18n-content="login_HostPairingScreen_enrollTitle">
  64         </div>
  65       </host-pairing-page>
  66       <host-pairing-page name="enrollment">
  67         <div class="title">
  68           <!-- 'enrollmentTitle' contains <strong> tag. We need to wrap it in
  69                'html-echo' to prevent HTML escaping. -->
  70           <html-echo content="[[getEnrollmentStepTitle_(C.enrollmentDomain)]]">
  71           </html-echo>
  72         </div>
  73       </host-pairing-page>
  74       <host-pairing-page name="enrollment-error">
  75         <div class="title"
  76             i18n-content="login_HostPairingScreen_enrollmentErrorTitle">
  77         </div>
  78         <div i18n-content="login_HostPairingScreen_errorNeedsRestart"></div>
  79       </host-pairing-page>
  80       <host-pairing-page name="pairing-done">
  81         <div class="title" i18n-content="login_HostPairingScreen_doneTitle">
  82         </div>
  83         <div i18n-content="login_HostPairingScreen_doneText"></div>
  84       </host-pairing-page>
  85     </neon-animated-pages>
  86     <paper-icon-item id="device-indicator">
  87       <iron-icon icon="host-pairing-icons:cast" item-icon></iron-icon>
  88       <div id="device-label">{{C.deviceName}}</div>
  89     </paper-icon-item>
  90     <div id="illustration"></div>
  91   </template>
  92 </dom-module>
  93