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
98
99
100
|
<style include="settings-shared">
cr-radio-group {
display: flex;
flex-flow: column wrap;
}
.indented {
margin-inline-start: var(--cr-section-padding);
}
.doubly-indented {
padding-inline-start: var(--cr-section-indent-padding);
}
.left-float-graphic {
float: left;
height: 200px;
margin-inline-end: 10px;
width: 200px;
}
.large-icon {
--iron-icon-fill-color: var(--cros-icon-color-prominent);
--iron-icon-stroke-color: var(--cros-icon-color-prominent);
--iron-icon-height: 32px;
--iron-icon-width: 32px;
margin-bottom: 10px;
}
.banner {
display: inline-block;
margin: 0 0 10px 0;
padding: 0 10px 10px 10px;
}
</style>
<div class="banner">
<iron-icon id="smartPrivacyIllo"
icon="os-settings-illo:smart-privacy"
class="left-float-graphic">
</iron-icon>
<div>
<iron-icon class="large-icon" icon="cr:security">
</iron-icon>
</div>
<div>
<localized-link
localized-string="$i18n{smartPrivacyDesc}"
link-url="$i18n{smartPrivacyLearnMoreURL}">
</localized-link>
</div>
</div>
<template is="dom-if" if="[[isQuickDimEnabled_]]" restamp>
<settings-toggle-button
pref="{{prefs.power.quick_dim_enabled}}"
id="quickDimToggle"
label="$i18n{smartPrivacyQuickDimTitle}"
sub-label="$i18n{smartPrivacyQuickDimSubtext}"
deep-link-focus-id$="[[Setting.kQuickDim]]"
class="hr">
</settings-toggle-button>
<iron-collapse id="quickDimOptions"
opened="[[prefs.power.quick_dim_enabled.value]]">
<div class="doubly-indented">
<div class="settings-box">
<div class="start" aria-hidden="true">
$i18n{smartPrivacyQuickLockTitle}
</div>
<settings-slider
pref="{{prefs.power.quick_lock_delay.ms}}"
ticks="[[smartPrivacyQuickLockRangeMs_]]"
label-aria="$i18n{smartPrivacyQuickLockTitle}"
label-min="$i18n{smartPrivacyQuickLockShort}"
label-max="$i18n{smartPrivacyQuickLockLong}">
</settings-slider>
</div>
</div>
</iron-collapse>
</template>
<template is="dom-if" if="[[isSnoopingProtectionEnabled_]]" restamp>
<settings-toggle-button
pref="{{prefs.ash.privacy.snooping_protection_enabled}}"
id="snoopingProtectionToggle"
label="$i18n{smartPrivacySnoopingTitle}"
sub-label="$i18n{smartPrivacySnoopingSubtext}"
deep-link-focus-id$="[[Setting.kSnoopingProtection]]"
class="hr">
</settings-toggle-button>
<iron-collapse id="snoopingProtectionOptions"
opened="[[prefs.ash.privacy.snooping_protection_enabled.value]]">
<div class="doubly-indented">
<settings-toggle-button
pref="{{prefs.ash.privacy.snooping_protection_notification_suppression_enabled}}"
label="$i18n{smartPrivacySnoopingNotifications}"
class="hr">
</settings-toggle-button>
</div>
</iron-collapse>
</template>
|
