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
|
<style include="cr-shared-style md-select cros-color-overrides">
#resolverSelect {
width: inherit;
}
#resolverLabel {
flex: 1;
}
#privacyPolicy, #networkDefaultDescription {
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);
}
settings-toggle-button {
--cr-icon-button-margin-end: 16px;
--iron-icon-fill-color: var(--cros-sys-primary);
}
</style>
<settings-toggle-button
id="secureDnsToggle"
class="hr"
icon="os-settings:privacy-secure-dns"
pref="{{secureDnsToggle_}}"
label="$i18n{secureDnsOsSettingsTitle}"
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_"
aria-describedby$="[[networkDefaultAriaDescribedBy_]]">
<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>
<template is="dom-if" if="[[showPrivacyPolicyDescription_]]" restamp>
<localized-link id="privacyPolicy"
class="cr-secondary-text"
localized-string="[[privacyPolicyString_]]">
</localized-link>
</template>
<template is="dom-if" if="[[showNetworkDefaultDescription_]]" restamp>
<div id="networkDefaultDescription" class="cr-secondary-text">
$i18n{secureDnsSecureDropdownModeNetworkDefaultDescription}
</div>
</template>
<div id="secureDnsInputContainer" class="cr-row continuation">
<secure-dns-input id="secureDnsInput"
value="[[secureDnsInputValue_]]"
on-value-update="onSecureDnsInputEvaluated_">
</secure-dns-input>
</div>
</div>
|
