chrome/browser/resources/chromeos/login/oobe_hid_detection.html - Issue 2600983003: ChromeOS MD-OOBE: Add HID detection screen.

Unified Diff: chrome/browser/resources/chromeos/login/oobe_hid_detection.html

Issue 2600983003: ChromeOS MD-OOBE: Add HID detection screen. (Closed)

Patch Set: Fix build Created 4 years 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 side-by-side diff with in-line comments

« chrome/browser/resources/chromeos/login/oobe_hid_detection.css ('K') | « chrome/browser/resources/chromeos/login/oobe_hid_detection.css ('k') | chrome/browser/resources/chromeos/login/oobe_hid_detection.js » ('j') | chrome/browser/resources/chromeos/login/oobe_hid_detection.js » ('J')
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: chrome/browser/resources/chromeos/login/oobe_hid_detection.html

diff --git a/chrome/browser/resources/chromeos/login/oobe_hid_detection.html b/chrome/browser/resources/chromeos/login/oobe_hid_detection.html

new file mode 100644

index 0000000000000000000000000000000000000000..1dccf3278c137f40b797edc5aee8afb38507f7b8

--- /dev/null

+++ b/chrome/browser/resources/chromeos/login/oobe_hid_detection.html

@@ -0,0 +1,107 @@

+ Use of this source code is governed by a BSD-style license that can be

+ found in the LICENSE file. -->

stevenjb 2016/12/28 20:47:04 No Copyright in .html

Alexander Alekseev 2016/12/28 22:56:22 Done.

+<link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/classes/iron-flex-layout.html">

+<link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.html">

+<link rel="import" href="chrome://resources/polymer/v1_0/iron-iconset-svg/iron-iconset-svg.html">

+<link rel="import" href="chrome://resources/polymer/v1_0/paper-checkbox/paper-checkbox.html">

+<link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html">

+<iron-iconset-svg name="oobe-hid-detection" size="24">

+ <svg>

+ <defs>

+ <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"/></g>

+ </defs>

+ </svg>

+</iron-iconset-svg>

+<dom-module name="oobe-hid-detection-md">

+ <template>

+ <link rel="stylesheet" href="oobe_hid_detection.css">

+ <link rel="stylesheet" href="oobe_dialog_parameters.css">

+ <link rel="stylesheet" href="../../options/chromeos/bluetooth.css">

+ <oobe-dialog has-buttons>

+ <iron-icon icon="oobe-hid-detection:bluetooth" class="oobe-icon"></iron-icon>

stevenjb 2016/12/28 20:47:04 Use multiple lines instead of wrapping

Alexander Alekseev 2016/12/28 22:56:22 Done.

+ <div class="header">

+ <h1 class="title" i18n-content="hidDetectionInvitation"></h1>

+ <div class="subtitle" i18n-content="hidDetectionPrerequisites"></div>

+ </div>

+ <div class="footer flex layout vertical">

+ <div class="layout vertical justified hid-selection-entry">

+ <div class="layout horizontal center">

stevenjb 2016/12/28 20:47:04 Can we combine these divs?

Alexander Alekseev 2016/12/28 22:56:22 This inner div helps positioning of "#mouse-tick"

+ <img id="mouse-icon" alt=""

+ src="chrome://theme/IDR_BLUETOOTH_MOUSE">

+ <img id="mouse-tick" alt="" hidden="[[!tickIsVisible_(mouseState)]]"

+ src="chrome://theme/IDR_BLUETOOTH_PAIRING_TICK">

+ <div id="mouse-label-searching" aria-live="polite"

+ i18n-content="hidDetectionMouseSearching"

+ hidden="[[notEq_(mouseState, screen.CONNECTION.SEARCHING)]]">

+ </div>

+ <div id="mouse-label-usb" aria-live="polite"

+ i18n-content="hidDetectionUSBMouseConnected"

+ hidden="[[notEq_(mouseState, screen.CONNECTION.USB)]]">

+ </div>

+ <div id="mouse-label-connected" aria-live="polite"

+ i18n-content="hidDetectionPointingDeviceConnected"

+ hidden="[[notEq_(mouseState, screen.CONNECTION.CONNECTED)]]">

+ </div>

+ <div id="mouse-label-paired" aria-live="polite"

+ i18n-content="hidDetectionBTMousePaired"

+ hidden="[[notEq_(mouseState, screen.CONNECTION.PAIRED)]]">

+ </div>

+ <div class="layout vertical hid-selection-entry">

+ <div class="layout horizontal center hid-label">

+ <img id="keyboard-icon" alt=""

+ src="chrome://theme/IDR_BLUETOOTH_KEYBOARD">

+ <img id="keyboard-tick" alt=""

+ hidden="[[!tickIsVisible_(keyboardState)]]"

+ src="chrome://theme/IDR_BLUETOOTH_PAIRING_TICK">

+ <div aria-live="polite"

+ i18n-content="hidDetectionKeyboardSearching"

+ hidden="[[notEq_(keyboardState, screen.CONNECTION.SEARCHING)]]">

+ </div>

+ <div aria-live="polite"

+ i18n-content="hidDetectionUSBKeyboardConnected"

+ hidden="[[notEq_(keyboardState, screen.CONNECTION.USB)]]">

+ </div>

+ <div aria-live="polite"

+ hidden="[[notEq_(keyboardState, screen.CONNECTION.PAIRED)]]">

+ [[keyboardPairedLabel]]

+ </div>

+ <div hidden="[[notEq_(keyboardState, screen.CONNECTION.PAIRING)]]">

+ [[keyboardPairingLabel]]

+ </div>

+ <div id="hid-keyboard-pincode" class="layout horizontal center-justified" hidden="[[!keyboardPincodeVisible]]">

+ <div id="hid-keyboard-pincode-sym-1" class="bluetooth-keyboard-button">

+ </div>

+ <div id="hid-keyboard-pincode-sym-2" class="bluetooth-keyboard-button">

+ </div>

+ <div id="hid-keyboard-pincode-sym-3" class="bluetooth-keyboard-button">

+ </div>

+ <div id="hid-keyboard-pincode-sym-4" class="bluetooth-keyboard-button">

+ </div>

+ <div id="hid-keyboard-pincode-sym-5" class="bluetooth-keyboard-button">

+ </div>

+ <div id="hid-keyboard-pincode-sym-6" class="bluetooth-keyboard-button">

+ </div>

stevenjb 2016/12/28 20:47:04 Fix wrapping on all of these

Alexander Alekseev 2016/12/28 22:56:22 Done.

+ <div id="hid-keyboard-pincode-sym-7"

+ i18n-content="hidDetectionBTEnterKey"

+ class="bluetooth-keyboard-button">

+ </div>

+ <div class="bottom-buttons flex layout horizontal end-justified">

+ <oobe-text-button id="hid-continue-button" inverse on-tap="onHIDContinue_"

stevenjb 2016/12/28 20:47:04 nit: By convention we would name the function 'onH

Alexander Alekseev 2016/12/28 22:56:22 Done.

+ disabled="[[continueButtonDisabled]]">

+ <div i18n-content="hidDetectionContinue" id="continue-button-text">

+ </div>

+ </oobe-text-button>

+ </div>

+ </oobe-dialog>

+ </template>

+</dom-module>