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
|
<style include="cr-shared-style md-select">
/* TODO(crbug.com/349860796): Replace border override by instead removing
the "hr" class from the Secure DNS element once the new "Secure
connections" settings section ships by default. */
:host(.no-hr) settings-toggle-button.hr {
border-top: 0;
}
#resolverSelect {
width: inherit;
}
#resolverLabel {
flex: 1;
}
#privacyPolicy {
display: none;
padding: calc(var(--cr-section-padding) / 2) var(--cr-section-padding);
}
/* Style the link appearing within the privacyPolicy's localized
content. */
#privacyPolicy a {
color: var(--cr-link-color);
}
#secureDnsInputContainer {
margin-top: calc(var(--cr-section-padding) / 2);
}
</style>
<settings-toggle-button
id="secureDnsToggle"
class="hr"
pref="{{secureDnsToggle_}}"
label="$i18n{secureDns}"
sub-label="[[secureDnsDescription_]]"
on-change="onToggleChanged_">
</settings-toggle-button>
<div id="resolverOptions" hidden="[[!showSecureDnsOptions_]]">
<div class="cr-row continuation">
<div id="resolverLabel" class="flex cr-padded-text">
$i18n{secureDnsSecureDropdownModeDescription}
</div>
<select id="resolverSelect"
class="md-select"
aria-labelledby="resolverLabel"
on-change="onDropdownSelectionChanged_">
<option value="[[resolverTypeEnum_.AUTOMATIC]]">
$i18n{secureDnsAutomaticModeDescription}
</option>
<option value="[[resolverTypeEnum_.CUSTOM]]">
$i18n{secureDnsCustomProviderDescription}
</option>
<template is="dom-repeat" items="[[resolverOptions_]]">
<option data-resolver-type$="[[resolverTypeEnum_.BUILT_IN]]"
value="[[index]]">
[[item.name]]
</option>
</template>
</select>
</div>
<div id="privacyPolicy">
<div class="cr-secondary-text"
inner-h-t-m-l="[[privacyPolicyString_]]"></div>
</div>
<div id="secureDnsInputContainer" class="cr-row continuation">
<secure-dns-input id="secureDnsInput"
value="[[secureDnsInputValue_]]"
on-value-update="onSecureDnsInputEvaluated_">
</secure-dns-input>
</div>
</div>
|
