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
|
<style include="cr-shared-style settings-shared settings-columned-section">
.cr-row {
border-top: none;
}
.list-frame {
padding-inline-start: var(--cr-section-indent-width);
}
#disabledSitesList {
display: flex;
flex-direction: column;
}
#disabledSitesList > div:not(:first-child) {
border-top: var(--cr-separator-line);
}
cr-icon {
flex-shrink: 0;
}
settings-toggle-button.hr {
padding-top: 16px;
}
</style>
<settings-ai-policy-indicator pref="[[enterprisePref_]]">
</settings-ai-policy-indicator>
<div class="cr-row first">
<div class="flex cr-padded-text">
<div id="helpMeWriteLabel">$i18n{aiComposeLabel}</div>
<div class="secondary">
$i18n{aiComposeSublabelV2}$i18n{sentenceEnd}
<a href="[[getLearnMoreUrl_(enterprisePref_)]]"
aria-label="$i18n{aiComposeSettingLearnMoreA11y}"
aria-description="$i18n{opensInNewTab}"
on-click="onLearnMoreClick_" target="_blank">
$i18n{learnMore}
</a>
</div>
</div>
</div>
<div class="settings-columned-section">
<div class="column">
<h2 class="description-header">$i18n{columnHeadingWhenUsed}</h2>
<ul class="icon-bulleted-list">
<li>
<cr-icon icon="settings20:pen-spark" aria-hidden="true"></cr-icon>
<div class="secondary">$i18n{aiComposeWhenOnWritingHelp}</div>
</li>
<li>
<cr-icon icon="settings20:summarize" aria-hidden="true"></cr-icon>
<div class="secondary">$i18n{aiComposeWhenOnWritingExamples}</div>
</li>
<li>
<cr-icon icon="settings20:text-analysis" aria-hidden="true"></cr-icon>
<div class="secondary">$i18n{aiComposeWhenOnWritingReferences}</div>
</li>
</ul>
</div>
<div class="column">
<h2 class="description-header">$i18n{columnHeadingConsider}</h2>
<ul class="icon-bulleted-list">
<li>
<cr-icon icon="settings20:psychiatry" aria-hidden="true"></cr-icon>
<div class="secondary">$i18n{aiSubpageSublabelAi}</div>
</li>
<li>
<cr-icon icon="settings20:googleg" aria-hidden="true"></cr-icon>
<div class="secondary">$i18n{aiComposeComposeConsiderData}</div>
</li>
<settings-ai-logging-info-bullet pref="[[enterprisePref_]]">
</settings-ai-logging-info-bullet>
</ul>
</div>
</div>
<template is="dom-if" if="[[enableComposeProactiveNudge_]]" restamp>
<settings-toggle-button class="hr"
pref="{{prefs.compose.proactive_nudge_enabled}}"
label="$i18n{offerWritingHelpToggleLabel}"
sub-label="$i18n{offerWritingHelpToggleSublabel}"
on-settings-boolean-control-change="onComposeProactiveNudgeToggleChange_">
</settings-toggle-button>
<div class="cr-row">
<div id="disabledSitesHeading" class="flex">
$i18n{offerWritingHelpDisabledSitesLabelV2}
</div>
</div>
<div id="noDisabledSitesLabel" class="list-frame"
hidden$="[[hasSites_(siteList_.*)]]">
<div class="list-item secondary">
$i18n{offerWritingHelpNoDisabledSites}
</div>
</div>
<div id="disabledSitesList" class="list-frame" role="list">
<template is="dom-repeat" items="[[siteList_]]">
<div class="list-item" role="listitem">
<div class="start cr-padded-text">[[item]]</div>
<cr-icon-button
class="icon-delete-gray"
aria-label="[[i18n('offerWritingHelpRemoveDisabledSiteAriaLabel',
item)]]"
on-click="onDeleteClick_"
title="$i18n{delete}">
</cr-icon-button>
</div>
</template>
</div>
</template>
|
