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
|
<style include="settings-shared input-device-settings-shared">
#header {
display: flex;
height: 24px;
padding: 12px 0;
}
.subsection {
margin-bottom: 0;
margin-top: 8px;
}
#description {
color: var(--cr-secondary-text-color);
margin-inline-start: 20px;
}
</style>
<template is="dom-repeat" items="[[graphicsTablets]]"
as="graphicsTablet" index-as="index" restamp>
<div class="device" data-evdev-id$="[[graphicsTablet.id]]">
<per-device-subsection-header
device-key="[[graphicsTablet.deviceKey]]"
name="[[graphicsTablet.name]]"
battery-info="[[graphicsTablet.batteryInfo]]"
icon="os-settings:device-tablet">
</per-device-subsection-header>
<div class="subsection">
<template is="dom-if"
if="[[showInstallAppRow(graphicsTablet.appInfo)]]">
<per-device-install-row app-info="[[graphicsTablet.appInfo]]">
</per-device-install-row>
</template>
<template is="dom-if"
if="[[showCustomizeTabletButtonsRow(graphicsTablet)]]">
<cr-link-row id="customizeTabletButtons"
class="bottom-divider" on-click="onCustomizeTabletButtonsClick"
aria-describedby="graphicsTabletName"
label="$i18n{customizeTabletButtonsLabel}">
</cr-link-row>
</template>
<cr-link-row id="customizePenButtons"
class="hr bottom-divider" on-click="onCustomizePenButtonsClick"
aria-describedby="graphicsTabletName"
label="$i18n{customizePenButtonsLabel}">
</cr-link-row>
</div>
</div>
<template is="dom-if"
if="[[isCompanionAppInstalled(graphicsTablet.appInfo)]]">
<per-device-app-installed-row app-info="[[graphicsTablet.appInfo]]">
</per-device-app-installed-row>
</template>
</template>
|
