src/chrome/browser/resources/chromeos/login/oobe_screen_host_pairing.html

   1 <link rel="import" href="chrome://oobe/custom_elements.html">
   2 <link rel="import" href="polymer/core-animated-pages/core-animated-pages.html">
   3 <link rel="import" href="polymer/core-iconset-svg/core-iconset-svg.html">
   4 <link rel="import" href="polymer/core-item/core-item.html">
   5 <link rel="import" href="polymer/polymer/polymer.html">
   6
   7 <core-iconset-svg id="host-pairing-icons" iconSize="48">
   8   <svg>
   9     <defs>
  10       <g id="cast">
  11         <include src="../../../../app/theme/cast_icon.svg">
  12       </g>
  13     </defs>
  14   </svg>
  15 </core-iconset-svg>
  16
  17 <polymer-element name="host-pairing-page" noscript>
  18   <template>
  19     <link rel="stylesheet" href="oobe_screen_host_pairing_page.css">
  20
  21     <div id="title">
  22       <content select=".title"></content>
  23     </div>
  24     <div id="content">
  25       <content></content>
  26     </div>
  27   </template>
  28 </polymer-element>
  29
  30 <polymer-element name="host-pairing-screen" extends="oobe-screen">
  31   <template>
  32     <link rel="stylesheet" href="oobe_screen_host_pairing.css">
  33
  34     <core-animated-pages transitions="cross-fade-all"
  35                          selected="{{C.page}}">
  36       <host-pairing-page name="welcome">
  37         <div class="title">{{'welcomeTitle' | i18n}}</div>
  38         <div>{{'welcomeText' | i18n}}</div>
  39       </host-pairing-page>
  40       <host-pairing-page name="code-confirmation">
  41         <div class="title">{{'confirmationTitle' | i18n}}</div>
  42         <div id="code">{{C.code}}</div>
  43       </host-pairing-page>
  44       <host-pairing-page name="update">
  45         <div class="title">{{'updatingTitle' | i18n}}</div>
  46         <!-- Not yet implemented on backend side. -->
  47         <!--div>{{['updatingText', C.downloadedMb, C.totalMb] | i18n}}</div-->
  48       </host-pairing-page>
  49       <host-pairing-page name="enrollment-introduction">
  50         <div class="title">{{'enrollTitle' | i18n}}</div>
  51       </host-pairing-page>
  52       <host-pairing-page name="enrollment">
  53         <div class="title">
  54           <!-- 'enrollmentTitle' contains <strong> tag. We need to wrap it in
  55                'html-echo' to prevent HTML escaping. -->
  56           <html-echo
  57               content="{{['enrollingTitle', C.enrollmentDomain] | i18n}}">
  58           </html-echo>
  59         </div>
  60       </host-pairing-page>
  61       <host-pairing-page name="enrollment-error">
  62         <div class="title">{{'enrollmentErrorTitle' | i18n}}</div>
  63         <div>{{'errorNeedsRestart' | i18n}}</div>
  64       </host-pairing-page>
  65       <host-pairing-page name="pairing-done">
  66         <div class="title">{{'doneTitle' | i18n}}</div>
  67         <div>{{'doneText' | i18n}}</div>
  68       </host-pairing-page>
  69     </core-animated-pages>
  70     <core-item id="device-indicator"class="font-scalable"
  71         icon="host-pairing-icons:cast">
  72       <div id="device-label">{{C.deviceName}}</div>
  73     </core-item>
  74     <div id="illustration"></div>
  75   </template>
  76 </polymer-element>
  77
  78 <div class="step hidden no-logo fullscreen" id="host-pairing" hidden>
  79   <host-pairing-screen name="HostPairingScreen"></host-pairing-screen>
  80 </div>
  81