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
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
|
<style include="cr-shared-style shared-style">
/* Center the content */
.content-area {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.content-wrapper {
margin: auto;
}
.banner {
height: 140px;
}
.learn-more-title {
color: initial;
font-size: inherit;
font-weight: 500;
}
</style>
<div id="notice" hidden$="[[hideNoticePage_]]">
<div class="content-area custom-scrollbar" scrollable tabindex="-1">
<div class="content-wrapper">
<div class="header">
<img class="logo" alt="">
<h1>$i18n{m1NoticeEeaTitle}</h1>
</div>
<template is="dom-if" if="[[!shouldShowV2()]]">
<div id="noticeContent">
<div class="section cr-secondary-text">
$i18n{m1NoticeEeaDescription1}
</div>
<div class="banner">
<img class="fledge-banner" alt="">
</div>
<ul class="section cr-secondary-text">
<li>$i18n{m1NoticeEeaBullet1}</li>
<li>$i18n{m1NoticeEeaBullet2}</li>
</ul>
<privacy-sandbox-dialog-learn-more class="learn-more-section"
expanded="{{expanded_}}"
title="$i18n{m1NoticeEeaLearnMoreExpandLabel}">
<h2>$i18n{m1NoticeEeaLearnMoreHeading1}</h2>
<ul class="cr-secondary-text">
<li>$i18nRaw{m1NoticeEeaLearnMoreBullet1}</li>
<li>$i18nRaw{m1NoticeEeaLearnMoreBullet2}</li>
<li>$i18nRaw{m1NoticeEeaLearnMoreBullet3}</li>
</ul>
<h2>$i18n{m1NoticeEeaLearnMoreHeading2}</h2>
<div class="cr-secondary-text">
$i18n{m1NoticeEeaLearnMoreDescription}
</div>
</privacy-sandbox-dialog-learn-more>
<div class="section cr-secondary-text" id="lastTextElement">
$i18n{m1NoticeEeaDescription2}
</div>
</div>
</template>
<template is="dom-if" if="[[shouldShowV2()]]">
<div id="noticeContentV2">
<div class="section cr-secondary-text">
$i18n{m1NoticeEEADescription1V2}
</div>
<div class="banner">
<img class="fledge-banner" alt="">
</div>
<h2 class="section learn-more-title">
$i18n{m1NoticeEEASiteSuggestedAdsTitle}
</h2>
<div class="section cr-secondary-text">
$i18n{m1NoticeEEASiteSuggestedAdsDescription}
</div>
<privacy-sandbox-dialog-learn-more class="learn-more-section"
id="siteSuggestedAdsLearnMore"
expanded="{{siteSuggestedAdsLearnMoreExpanded_}}"
title="$i18n{m1NoticeEEASiteSuggestedAdsLearnMoreLabel}">
<ul class="cr-secondary-text">
<li>$i18nRaw{m1NoticeEEASiteSuggestedAdsLearnMoreBullet1}</li>
<div class="learn-more-bullet-description">
$i18nRaw{m1NoticeEEASiteSuggestedAdsLearnMoreBullet1Description}
</div>
<li>$i18nRaw{m1NoticeEEASiteSuggestedAdsLearnMoreBullet2}</li>
</ul>
</privacy-sandbox-dialog-learn-more>
<h2 class="section learn-more-title">
$i18n{m1NoticeEEAAdMeasurementTitle}
</h2>
<div class="section cr-secondary-text">
$i18n{m1NoticeEEAAdMeasurementDescription}
</div>
<privacy-sandbox-dialog-learn-more class="learn-more-section"
id="adsMeasurementLearnMore"
expanded="{{adMeasurementLearnMoreExpanded_}}"
title="$i18n{m1NoticeEEAAdMeasurementLearnMoreLabel}">
<ul class="cr-secondary-text">
<li>$i18nRaw{m1NoticeEEAAdMeasurementLearnMoreBullet1}</li>
</ul>
</privacy-sandbox-dialog-learn-more>
<div class="section cr-secondary-text" id="lastTextElementV2">
$i18n{m1NoticeEEALastText}
</div>
</div>
</template>
</div>
<div class="buttons-container">
<cr-button id="settingsButton" class="tonal-button"
on-click="onNoticeOpenSettings">
$i18n{m1NoticeEeaSettingsButton}
</cr-button>
<cr-button id="ackButton" class="tonal-button"
on-click="onNoticeAcknowledge">
$i18n{m1NoticeEeaAckButton}
</cr-button>
</div>
</div>
</div>
<div id="showMoreOverlay" hidden="[[wasScrolledToBottom]]">
<cr-button id="moreButton" on-click="onNoticeMoreClicked"
class="action-button">
$i18n{m1DialogMoreButton}
<cr-icon icon="cr:expand-more"></cr-icon>
</cr-button>
</div>
<template is="dom-if" if="[[loadPrivacyPolicy_]]">
<privacy-sandbox-privacy-policy-dialog
id="privacyPolicyDialog"
should-show="[[hideNoticePage_]]"
on-back-button-clicked="onBackButtonClicked_">
</privacy-sandbox-privacy-policy-dialog>
</template>
|
