Chromium Code Reviews Chromium Code Reviews
Issue 599273004:
Polished UI for the host side of pairing flow. (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@merge_point| OLD | NEW |
|---|---|
| 1 <!-- TODO(dzhioev): replace all the strings with i18n-values. --> | 1 <!-- TODO(dzhioev): replace all the strings with i18n-values. --> |
| 2 <div class="step hidden no-logo" id="host-pairing" hidden> | 2 <link rel="import" href="polymer/core-item/core-item.html"> |
| 3 <div alias="pageNameLabel_" class="page-name"></div> | 3 <link rel="import" href="polymer/core-animated-pages/core-animated-pages.html"> |
| 4 <div>My name is <strong alias="deviceNameLabel_"></strong>.</div> | 4 <link rel="import" href="polymer/core-iconset-svg/core-iconset-svg.html"> |
| 5 <div class="page page-welcome"> | 5 <link rel="import" href="polymer/polymer/polymer.html"> |
| 6 <div>Welcome!</div> | 6 |
| 7 </div> | 7 <core-iconset-svg id="host-pairing-icons" iconSize="48"> |
| 8 <div class="page page-code-confirmation"> | 8 <svg> |
| 9 <div>Pair with a controller</div> | 9 <defs> |
| 10 <div alias="confirmationCodeLabel_"></div> | 10 <g id="cast"> |
| 11 </div> | 11 <include src="../../../../app/theme/cast_icon.svg"> |
| 12 <div class="page page-update"> | 12 </g> |
| 13 <div>Updating Chromebox...</div> | 13 </defs> |
| 14 <progress alias="updateProgressBar_"></progress> | 14 </svg> |
| 15 </div> | 15 </core-iconset-svg> |
| 16 <div class="page page-enrollment-introduction"> | 16 |
| 17 <div>Enroll your organization</div> | 17 <polymer-element name="host-pairing-page" noscript> |
| 18 </div> | 18 <template> |
| 19 <div class="page page-enrollment"> | 19 <link rel="stylesheet" href="oobe_screen_host_pairing_page.css"> |
| 20 <div> | 20 |
| 21 Enrolling in <strong alias="domainNameLabel_">domain.com</strong>... | 21 <div id="title"> |
| 22 <content select=".title"></content> | |
| 22 </div> | 23 </div> |
| 23 </div> | 24 <div id="content"> |
| 24 <div class="page page-enrollment-error"> | 25 <content></content> |
| 25 <div>Enrollment failed =(</div> | 26 </div> |
| 26 </div> | 27 </template> |
| 27 <div class="page page-pairing-done"> | 28 </polymer-element> |
| 28 <div>Great success!</div> | 29 |
| 29 </div> | 30 <polymer-element name="host-pairing-screen" extends="oobe-screen"> |
| 31 <template> | |
| 32 <link rel="stylesheet" href="oobe_screen_host_pairing.css"> | |
| 33 | |
|
dzhioev (left Google)
2014/09/25 19:28:22
i18n and C are defined in 'oobe-screen.js'
| |
| 34 <core-animated-pages valueattr="page" | |
| 35 transitions="cross-fade-all" | |
| 36 selected="{{C.page}}"> | |
| 37 <host-pairing-page page="welcome"> | |
| 38 <div class="title">{{'welcomeTitle' | i18n}}</div> | |
| 39 <div>{{'welcomeText' | i18n}}</div> | |
| 40 </host-pairing-page> | |
| 41 <host-pairing-page page="code-confirmation"> | |
| 42 <div class="title">{{'confirmationTitle' | i18n}}</div> | |
| 43 <div id="code">{{C.code}}</div> | |
| 44 </host-pairing-page> | |
| 45 <host-pairing-page page="update"> | |
| 46 <div class="title">{{'updatingTitle' | i18n}}</div> | |
| 47 <!-- Not yet implemented on backend side. --> | |
| 48 <!--div>{{['updatingText', C.downloadedMb, C.totalMb] | i18n}}</div--> | |
| 49 </host-pairing-page> | |
| 50 <host-pairing-page page="enrollment-introduction"> | |
| 51 <div class="title">{{'enrollTitle' | i18n}}</div> | |
| 52 </host-pairing-page> | |
| 53 <host-pairing-page page="enrollment"> | |
| 54 <div class="title"> | |
| 55 <!-- 'enrollmentTitle' contains <strong> tag. We need to wrap it in | |
| 56 'html-echo' to prevent HTML escaping. --> | |
| 57 <html-echo | |
| 58 content="{{['enrollingTitle', C.enrollmentDomain] | i18n}}"> | |
| 59 </html-echo> | |
| 60 </div> | |
| 61 </host-pairing-page> | |
| 62 <host-pairing-page page="enrollment-error"> | |
| 63 <div class="title">{{'enrollmentErrorTitle' | i18n}}</div> | |
| 64 <div>{{'errorNeedsRestart' | i18n}}</div> | |
| 65 </host-pairing-page> | |
| 66 <host-pairing-page page="pairing-done"> | |
| 67 <div class="title">{{'doneTitle' | i18n}}</div> | |
| 68 <div>{{'doneText' | i18n}}</div> | |
| 69 </host-pairing-page> | |
| 70 </core-animated-pages> | |
| 71 <core-item id="device-indicator"class="font-scalable" | |
| 72 icon="host-pairing-icons:cast"> | |
| 73 <div id="device-label">{{C.deviceName}}</div> | |
| 74 </core-item> | |
| 75 <div id="illustration"></div> | |
| 76 </template> | |
| 77 </polymer-element> | |
| 78 | |
| 79 <div class="step hidden no-logo fullscreen" id="host-pairing" hidden> | |
| 80 <host-pairing-screen name="HostPairingScreen"></host-pairing-screen> | |
| 30 </div> | 81 </div> |
| 82 | |
| OLD | NEW |
