OLD | NEW |
(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> |
OLD | NEW |