1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
|
<style include="settings-shared input-device-settings-shared">
.settings-box {
border-top: none;
border-bottom: var(--cr-separator-line);
}
#keyboardAutoBrightnessToggle, #rgbKeyboardControlLink{
border-bottom: var(--cr-separator-line);
}
</style>
<template is="dom-if"
if="[[showKeyboardSettings(keyboard, isLidOpen)]]" restamp>
<per-device-subsection-header
id="subsectionHeader"
device-key="[[keyboard.deviceKey]]"
name="[[getKeyboardName(keyboard.name)]]"
battery-info="[[keyboard.batteryInfo]]"
icon="os-settings:device-keyboard">
</per-device-subsection-header>
<div class="subsection">
<template is="dom-if" if="[[showInstallAppRow(keyboard.appInfo)]]">
<per-device-install-row app-info="[[keyboard.appInfo]]">
</per-device-install-row>
</template>
<template is="dom-if" if="[[!isChromeOsKeyboard(keyboard)]]" restamp>
<settings-toggle-button
inverted="true"
id="externalTopRowAreFunctionKeysButton"
pref="{{topRowAreFunctionKeysPref}}"
aria-describedby="keyboardName"
label="$i18n{keyboardSendInvertedFunctionKeys}"
sub-label="$i18n{keyboardSendInvertedFunctionKeysDescription}"
deep-link-focus-id$="[[Setting.kKeyboardFunctionKeys]]">
</settings-toggle-button>
<settings-toggle-button
inverted="true"
class="hr" id="blockMetaFunctionKeyRewritesButton"
pref="{{blockMetaFunctionKeyRewritesPref}}"
aria-describedby="keyboardName"
label="$i18n{keyboardBlockMetaFunctionKeyRewrites}"
sub-label="$i18n{keyboardBlockMetaFunctionKeyRewritesDescription}"
deep-link-focus-id$="[[Setting.kKeyboardBlockMetaFkeyRewrites]]">
</settings-toggle-button>
</template>
<template is="dom-if" if="[[isChromeOsKeyboard(keyboard)]]" restamp>
<template is="dom-if" if="[[isKeyboardBacklightControlInSettingsEnabled]]">
<template is="dom-if" if="[[hasKeyboardBacklight]]">
<settings-toggle-button id="keyboardAutoBrightnessToggle"
pref="{{keyboardAutoBrightnessPref}}"
on-settings-boolean-control-change=
"onKeyboardAutoBrightnessToggleChanged"
label="$i18n{keyboardEnableAutoBrightnessLabel}"
sub-label="$i18n{keyboardEnableAutoBrightnessSubLabel}"
hidden="[[!hasAmbientLightSensor]]">
</settings-toggle-button>
<div class="settings-box">
<div class="start" id="keyboardBrightnessPercentLabel"
aria-hidden="true">
$i18n{keyboardBrightnessLabel}
</div>
<settings-slider id="keyboardBrightnessSlider"
pref="{{keyboardBrightnessPercentPref}}"
label-aria="$i18n{keyboardBrightnessLabel}"
on-pointerup="onPointerup"
on-keyup="onKeyup"
on-cr-slider-value-changed="onKeyboardBrightnessSliderChanged">
</settings-slider>
</div>
</template>
<cr-link-row id="rgbKeyboardControlLink" label="$i18n{keyboardColors}"
hidden="[[!isRgbKeyboardSupported]]" on-click="openPersonalizationHub"
external>
</cr-link-row>
</template>
<settings-toggle-button
id="internalTopRowAreFunctionKeysButton"
pref="{{topRowAreFunctionKeysPref}}"
aria-describedby="keyboardName"
label="$i18n{keyboardSendFunctionKeys}"
sub-label="[[showSendFunctionKeyDescription(keyboard)]]"
deep-link-focus-id$="[[Setting.kKeyboardFunctionKeys]]">
</settings-toggle-button>
</template>
<cr-link-row id="remapKeyboardKeys"
class$="[[getRemapKeyboardKeysClass(keyboard)]]"
on-click="onRemapKeyboardKeysClick"
aria-describedby="keyboardName"
label="$i18n{remapKeyboardKeysRowLabel}"
sub-label="[[remapKeyboardKeysSublabel]]"
deep-link-focus-id$="[[Setting.kKeyboardRemapKeys]]">
</cr-link-row>
<template is="dom-if" if="[[isCompanionAppInstalled(keyboard.appInfo)]]">
<per-device-app-installed-row app-info="[[keyboard.appInfo]]">
</per-device-app-installed-row>
</template>
</div>
</template>
|
