blob: f77ea978261b002bc6591d68be60a3ce94fb1ff8 (
plain)
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
|
<link rel="import" href="chrome://resources/html/polymer.html">
<link rel="import" href="chrome://resources/cr_elements/chromeos/network/cr_onc_types.html">
<link rel="import" href="chrome://resources/cr_elements/cr_expand_button/cr_expand_button.html">
<link rel="import" href="chrome://resources/cr_elements/icons.html">
<link rel="import" href="chrome://resources/html/i18n_behavior.html">
<link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.html">
<link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-animatable.html">
<link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button-light.html">
<link rel="import" href="../prefs/prefs.html">
<link rel="import" href="../route.html">
<link rel="import" href="../settings_page/settings_animated_pages.html">
<link rel="import" href="../settings_page/settings_subpage.html">
<link rel="import" href="../settings_shared_css.html">
<link rel="import" href="internet_config.html">
<link rel="import" href="internet_detail_page.html">
<link rel="import" href="internet_known_networks_page.html">
<link rel="import" href="internet_subpage.html">
<link rel="import" href="network_summary.html">
<dom-module id="settings-internet-page">
<template>
<style include="settings-shared">
iron-icon {
-webkit-margin-end: 12px;
-webkit-margin-start: 4px;
height: 24px;
width: 24px;
}
</style>
<settings-animated-pages id="pages" section="internet"
focus-config="[[focusConfig_]]">
<neon-animatable route-path="default">
<network-summary default-network="{{defaultNetwork}}"
device-states="{{deviceStates}}"
networking-private="[[networkingPrivate]]">
</network-summary>
<template is="dom-if" if="[[allowAddConnection_(globalPolicy_)]]">
<div actionable class="settings-box two-line"
on-tap="onExpandAddConnectionsTap_">
<div class="start layout horizontal center">
<div>$i18n{internetAddConnection}</div>
</div>
<cr-expand-button alt="$i18n{internetAddConnectionExpandA11yLabel}"
id="expandAddConnections" expanded="{{addConnectionExpanded_}}">
</cr-expand-button>
</div>
<template is="dom-if" if="[[addConnectionExpanded_]]">
<div class="list-frame vertical-list">
<template is="dom-if"
if="[[deviceIsEnabled_(deviceStates.WiFi)]]">
<div actionable class="list-item" on-tap="onAddWiFiTap_">
<div class="start">$i18n{internetAddWiFi}</div>
<button class$="[[getAddNetworkClass_('WiFi')]]"
is="paper-icon-button-light"
aria-label="$i18n{internetAddWiFi}">
</button>
</div>
</template>
<div actionable class="list-item" on-tap="onAddVPNTap_">
<div class="start">$i18n{internetAddVPN}</div>
<button class$="[[getAddNetworkClass_('VPN')]]"
is="paper-icon-button-light"
aria-label="$i18n{internetAddVPN}">
</button>
</div>
<template is="dom-repeat" items="[[thirdPartyVpnProviders_]]">
<div actionable class="list-item"
on-tap="onAddThirdPartyVpnTap_" provider="[[item]]">
<div class="start">[[getAddThirdPartyVpnLabel_(item)]]</div>
<button class="icon-external" is="paper-icon-button-light"
aria-label$="[[getAddThirdPartyVpnLabel_(item)]]">
</button>
</div>
</template>
</div>
</template>
</template>
<template is="dom-if" if="[[!allowAddConnection_(globalPolicy_)]]">
<div class="settings-box">
<iron-icon class="policy" icon="cr20:domain"></iron-icon>
<div>$i18n{internetAddConnectionNotAllowed}</div>
</div>
</template>
</neon-animatable>
<template is="dom-if" route-path="/networkConfig" no-search>
<settings-subpage page-title="$i18n{internetConfigTitle}">
<settings-internet-config networking-private="[[networkingPrivate]]">
</settings-internet-config>
</settings-subpage>
</template>
<template is="dom-if" route-path="/networkDetail" no-search>
<settings-subpage page-title="$i18n{internetDetailPageTitle}">
<settings-internet-detail-page prefs="{{prefs}}"
default-network="[[defaultNetwork]]"
global-policy="[[globalPolicy_]]"
networking-private="[[networkingPrivate]]">
</settings-internet-detail-page>
</settings-subpage>
</template>
<template is="dom-if" route-path="/knownNetworks" no-search>
<settings-subpage page-title="$i18n{internetKnownNetworksPageTitle}">
<settings-internet-known-networks-page
network-type="[[knownNetworksType_]]"
networking-private="[[networkingPrivate]]">
</settings-internet-known-networks-page>
</settings-subpage>
</template>
<template is="dom-if" route-path="/networks" no-search>
<settings-subpage page-title="[[getNetworksPageTitle_(subpageType_)]]"
show-spinner="[[showSpinner_]]">
<settings-internet-subpage
default-network="[[defaultNetwork]]"
device-state="[[getDeviceState_(subpageType_, deviceStates)]]"
tether-device-state="[[get('Tether', deviceStates)]]"
global-policy="[[globalPolicy_]]"
third-party-vpn-providers="[[thirdPartyVpnProviders_]]"
networking-private="[[networkingPrivate]]"
show-spinner="{{showSpinner_}}">
</settings-bluetooth-subpage>
</settings-subpage>
</template>
</settings-animated-pages>
</template>
<script src="internet_page.js"></script>
</dom-module>
|
