chrome/browser/resources/chromeos/login/oobe_screen_host_pairing.html - Issue 599273004: Polished UI for the host side of pairing flow.

Side by Side Diff: chrome/browser/resources/chromeos/login/oobe_screen_host_pairing.html

Issue 599273004: Polished UI for the host side of pairing flow. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@merge_point

Patch Set: Fixed error in Oobe initialization. Created 6 years, 2 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

« no previous file with comments | « chrome/browser/resources/chromeos/login/oobe_screen_host_pairing.css ('k') | chrome/browser/resources/chromeos/login/oobe_screen_host_pairing.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <!-- TODO(dzhioev): replace all the strings with i18n-values. -->	1 <link rel="import" href="polymer/core-item/core-item.html">

2 <div class="step hidden no-logo" id="host-pairing" hidden>	2 <link rel="import" href="polymer/core-animated-pages/core-animated-pages.html">

3 <div alias="pageNameLabel_" class="page-name"></div>	3 <link rel="import" href="polymer/core-iconset-svg/core-iconset-svg.html">

4 <div>My name is <strong alias="deviceNameLabel_"></strong>.</div>	4 <link rel="import" href="polymer/polymer/polymer.html">

5 <div class="page page-welcome">	5

6 <div>Welcome!</div>	6 <core-iconset-svg id="host-pairing-icons" iconSize="48">

7 </div>	7 <svg>

8 <div class="page page-code-confirmation">	8 <defs>

9 <div>Pair with a controller</div>	9 <g id="cast">

10 <div alias="confirmationCodeLabel_"></div>	10 <include src="../../../../app/theme/cast_icon.svg">

11 </div>	11 </g>

12 <div class="page page-update">	12 </defs>

13 <div>Updating Chromebox...</div>	13 </svg>

14 <progress alias="updateProgressBar_"></progress>	14 </core-iconset-svg>

15 </div>	15

16 <div class="page page-enrollment-introduction">	16 <polymer-element name="host-pairing-page" noscript>

17 <div>Enroll your organization</div>	17 <template>

18 </div>	18 <link rel="stylesheet" href="oobe_screen_host_pairing_page.css">

19 <div class="page page-enrollment">	19

20 <div>	20 <div id="title">

21 Enrolling in <strong alias="domainNameLabel_">domain.com</strong>...	21 <content select=".title"></content>

22 </div>	22 </div>

23 </div>	23 <div id="content">

24 <div class="page page-enrollment-error">	24 <content></content>

25 <div>Enrollment failed =(</div>	25 </div>

26 </div>	26 </template>

27 <div class="page page-pairing-done">	27 </polymer-element>

28 <div>Great success!</div>	28

29 </div>	29 <polymer-element name="host-pairing-screen" extends="oobe-screen">

	30 <template>

	31 <link rel="stylesheet" href="oobe_screen_host_pairing.css">

	32

	33 <core-animated-pages transitions="cross-fade-all"

	34 selected="{{C.page}}">

	35 <host-pairing-page name="welcome">

	36 <div class="title">{{'welcomeTitle' \| i18n}}</div>

	37 <div>{{'welcomeText' \| i18n}}</div>

	38 </host-pairing-page>

	39 <host-pairing-page name="code-confirmation">

	40 <div class="title">{{'confirmationTitle' \| i18n}}</div>

	41 <div id="code">{{C.code}}</div>

	42 </host-pairing-page>

	43 <host-pairing-page name="update">

	44 <div class="title">{{'updatingTitle' \| i18n}}</div>

	45 <!-- Not yet implemented on backend side. -->

	46 <!--div>{{['updatingText', C.downloadedMb, C.totalMb] \| i18n}}</div-->

	47 </host-pairing-page>

	48 <host-pairing-page name="enrollment-introduction">

	49 <div class="title">{{'enrollTitle' \| i18n}}</div>

	50 </host-pairing-page>

	51 <host-pairing-page name="enrollment">

	52 <div class="title">

	53 <!-- 'enrollmentTitle' contains <strong> tag. We need to wrap it in

	54 'html-echo' to prevent HTML escaping. -->

	55 <html-echo

	56 content="{{['enrollingTitle', C.enrollmentDomain] \| i18n}}">

	57 </html-echo>

	58 </div>

	59 </host-pairing-page>

	60 <host-pairing-page name="enrollment-error">

	61 <div class="title">{{'enrollmentErrorTitle' \| i18n}}</div>

	62 <div>{{'errorNeedsRestart' \| i18n}}</div>

	63 </host-pairing-page>

	64 <host-pairing-page name="pairing-done">

	65 <div class="title">{{'doneTitle' \| i18n}}</div>

	66 <div>{{'doneText' \| i18n}}</div>

	67 </host-pairing-page>

	68 </core-animated-pages>

	69 <core-item id="device-indicator"class="font-scalable"

	70 icon="host-pairing-icons:cast">

	71 <div id="device-label">{{C.deviceName}}</div>

	72 </core-item>

	73 <div id="illustration"></div>

	74 </template>

	75 </polymer-element>

	76

	77 <div class="step hidden no-logo fullscreen" id="host-pairing" hidden>

	78 <host-pairing-screen name="HostPairingScreen"></host-pairing-screen>

30 </div>	79 </div>

	80

OLD	NEW