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
|
<style include="settings-shared settings-columned-section">
.settings-columned-section {
padding-top: 4px;
}
#disclaimer {
padding: 16px var(--cr-section-padding);
}
</style>
<settings-toggle-button
id="adMeasurementToggle"
pref="{{prefs.privacy_sandbox.m1.ad_measurement_enabled}}"
label="$i18n{adMeasurementPageToggleLabel}"
sub-label="$i18n{adMeasurementPageToggleSubLabel}"
on-settings-boolean-control-change="onToggleChange_">
</settings-toggle-button>
<div class="settings-columned-section">
<div class="column">
<h2 class="description-header">$i18n{columnHeadingWhenOn}</h2>
<ul class="icon-bulleted-list">
<li>
<cr-icon icon="settings20:bar-chart" aria-hidden="true"></cr-icon>
<div class="secondary">$i18n{adMeasurementPageEnabledBullet1}</div>
</li>
<li>
<cr-icon icon="settings20:auto-delete" aria-hidden="true"></cr-icon>
<div class="secondary">$i18n{adMeasurementPageEnabledBullet2}</div>
</li>
<li>
<cr-icon icon="settings20:background-replace" aria-hidden="true">
</cr-icon>
<div class="secondary">$i18n{adMeasurementPageEnabledBullet3}</div>
</li>
</ul>
</div>
<div class="column">
<h2 class="description-header">$i18n{columnHeadingConsider}</h2>
<ul class="icon-bulleted-list">
<li>
<cr-icon icon="settings20:delete" aria-hidden="true"></cr-icon>
<div class="secondary">$i18n{adMeasurementPageConsiderBullet1}</div>
</li>
<li>
<cr-icon icon="settings20:filter-list" aria-hidden="true"></cr-icon>
<div class="secondary">$i18n{adMeasurementPageConsiderBullet2}</div>
</li>
</ul>
</div>
</div>
<template is="dom-if" if="[[shouldShowV2_]]">
<div id="disclaimer" class="cr-secondary-text hr">
$i18nRaw{adMeasurementPageDisclaimer}
</div>
</template>
|
