Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(97)

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

Issue 2600983003: ChromeOS MD-OOBE: Add HID detection screen. (Closed)
Patch Set: Rebased. Created 3 years, 11 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
OLDNEW
(Empty)
1 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/classe s/iron-flex-layout.html">
2 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.htm l">
3 <link rel="import" href="chrome://resources/polymer/v1_0/iron-iconset-svg/iron-i conset-svg.html">
4 <link rel="import" href="chrome://resources/polymer/v1_0/paper-checkbox/paper-ch eckbox.html">
5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html ">
6
7 <iron-iconset-svg name="oobe-hid-detection" size="24">
8 <svg>
9 <defs>
10 <g id="bluetooth"><path d="M17.71 7.71L12 2h-1v7.59L6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 11 14.41V22h1l5.71-5.71-4.3-4.29 4.3-4.29zM13 5.83l1.88 1.88L13 9.59V5.83zm1.88 10.46L13 18.17v-3.76l1.88 1.88z"></path></g>
11 </defs>
12 </svg>
13 </iron-iconset-svg>
14
15 <dom-module name="oobe-hid-detection-md">
16 <template>
17 <link rel="stylesheet" href="oobe_hid_detection.css">
18 <link rel="stylesheet" href="oobe_dialog_parameters.css">
19 <link rel="stylesheet" href="../../options/chromeos/bluetooth.css">
20 <oobe-dialog has-buttons>
21 <iron-icon icon="oobe-hid-detection:bluetooth" class="oobe-icon">
22 </iron-icon>
23 <div class="header">
24 <h1 class="title" i18n-content="hidDetectionInvitation"></h1>
25 <div class="subtitle" i18n-content="hidDetectionPrerequisites"></div>
26 </div>
27 <div class="footer flex layout vertical">
28 <div class="layout vertical justified hid-selection-entry">
29 <div class="layout horizontal center">
30 <img id="mouse-icon" alt=""
31 src="chrome://theme/IDR_BLUETOOTH_MOUSE">
32 <img id="mouse-tick" alt=""
33 hidden="[[!tickIsVisible_(mouseState_)]]"
34 src="chrome://theme/IDR_BLUETOOTH_PAIRING_TICK">
35 <div id="mouse-label-searching" aria-live="polite"
36 i18n-content="hidDetectionMouseSearching"
37 hidden="[[notEq_(mouseState_, screen.CONNECTION.SEARCHING)]]">
38 </div>
39 <div id="mouse-label-usb" aria-live="polite"
40 i18n-content="hidDetectionUSBMouseConnected"
41 hidden="[[notEq_(mouseState_, screen.CONNECTION.USB)]]">
42 </div>
43 <div id="mouse-label-connected" aria-live="polite"
44 i18n-content="hidDetectionPointingDeviceConnected"
45 hidden="[[notEq_(mouseState_, screen.CONNECTION.CONNECTED)]]">
46 </div>
47 <div id="mouse-label-paired" aria-live="polite"
48 i18n-content="hidDetectionBTMousePaired"
49 hidden="[[notEq_(mouseState_, screen.CONNECTION.PAIRED)]]">
50 </div>
51 </div>
52 </div>
53 <div class="layout vertical hid-selection-entry">
54 <div class="layout horizontal center">
55 <img id="keyboard-icon" alt=""
56 src="chrome://theme/IDR_BLUETOOTH_KEYBOARD">
57 <img id="keyboard-tick" alt=""
58 hidden="[[!tickIsVisible_(keyboardState_)]]"
59 src="chrome://theme/IDR_BLUETOOTH_PAIRING_TICK">
60 <div aria-live="polite"
61 i18n-content="hidDetectionKeyboardSearching"
62 hidden="[[notEq_(keyboardState_, screen.CONNECTION.SEARCHING)]]"
63 >
64 </div>
65 <div aria-live="polite"
66 i18n-content="hidDetectionUSBKeyboardConnected"
67 hidden="[[notEq_(keyboardState_, screen.CONNECTION.USB)]]">
68 </div>
69 <div aria-live="polite"
70 hidden="[[notEq_(keyboardState_, screen.CONNECTION.PAIRED)]]">
71 [[keyboardPairedLabel]]
72 </div>
73 <div hidden="[[notEq_(keyboardState_, screen.CONNECTION.PAIRING)]]">
74 [[keyboardPairingLabel]]
75 </div>
76 </div>
77 <div id="hid-keyboard-pincode"
78 class="layout horizontal center-justified"
79 hidden="[[!keyboardPincodeVisible_]]">
80 <div id="hid-keyboard-pincode-sym-1"
81 class="bluetooth-keyboard-button">
82 </div>
83 <div id="hid-keyboard-pincode-sym-2"
84 class="bluetooth-keyboard-button">
85 </div>
86 <div id="hid-keyboard-pincode-sym-3"
87 class="bluetooth-keyboard-button">
88 </div>
89 <div id="hid-keyboard-pincode-sym-4"
90 class="bluetooth-keyboard-button">
91 </div>
92 <div id="hid-keyboard-pincode-sym-5"
93 class="bluetooth-keyboard-button">
94 </div>
95 <div id="hid-keyboard-pincode-sym-6"
96 class="bluetooth-keyboard-button">
97 </div>
98 <div id="hid-keyboard-pincode-sym-7"
99 i18n-content="hidDetectionBTEnterKey"
100 class="bluetooth-keyboard-button">
101 </div>
102 </div>
103 </div>
104 </div>
105 <div class="bottom-buttons flex layout horizontal end-justified">
106 <oobe-text-button id="hid-continue-button"
107 inverse on-tap="onHIDContinueTap_"
108 disabled="[[continueButtonDisabled]]">
109 <div i18n-content="hidDetectionContinue" id="continue-button-text">
110 </div>
111 </oobe-text-button>
112 </div>
113 </oobe-dialog>
114 </template>
115 </dom-module>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698