Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / chrome / browser / resources / settings / internet_page / network_summary_item.html
blob01a94f88b51cf3da7f23e2ea004a808454559ca0
1 <link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html">
2 <link rel="import" href="chrome://resources/polymer/v1_0/paper-spinner/paper-spinner.html">
3 <link rel="import" href="chrome://resources/cr_elements/v1_0/cr_button/cr_button.html">
4 <link rel="import" href="chrome://resources/cr_elements/v1_0/cr_expand_button/cr_expand_button.html">
5 <link rel="import" href="chrome://resources/cr_elements/v1_0/cr_toggle_button/cr_toggle_button.html">
6 <link rel="import" href="chrome://resources/cr_elements/v1_0/network/cr_network_list.html">
7 <link rel="import" href="chrome://resources/cr_elements/v1_0/network/cr_network_list_item.html">
9 <dom-module name="network-summary-item">
10 <link rel="import" type="css" href="network_summary_item.css">
11 <template>
12 <div class="layout vertical" hidden$="[[isHidden]]">
13 <div id="details" class="layout horizontal center"
14 on-click="onDetailsClicked_">
15 <cr-network-list-item id="detailsItem"
16 network-state="[[networkState]]">
17 </cr-network-list-item>
18 <paper-spinner active="[[showScanning_(deviceState, expanded)]]">
19 </paper-spinner>
20 <span class="flex"></span>
21 <div id="buttons" class="layout horizontal">
22 <cr-expand-button id="expandListButton"
23 class$="[[getExpandButtonClass_(deviceState, networkStateList)]]"
24 expanded="{{expanded}}">
25 </cr-expand-button>
26 <cr-toggle-button id="deviceEnabledButton"
27 checked="[[deviceIsEnabled_(deviceState)]]"
28 class$="[[getDeviceEnabledButtonClass_(deviceState)]]"
29 on-click="onDeviceEnabledToggled_">
30 </cr-toggle-button>
31 </div>
32 </div>
33 <div id="listDiv" class="layout vertical">
34 <cr-network-list id="networkList"
35 max-height="[[maxHeight]]"
36 networks="[[networkStateList]]"
37 on-selected="onListItemSelected_"
38 opened="{{expanded}}">
39 </cr-network-list>
40 <div class="layout horizontal">
41 <cr-button hidden$="[[!showKnownNetworks_(networkState, expanded)]]"
42 on-click="onKnownNetworksClicked_">
43 Known networks
44 </cr-button>
45 </div>
46 </div>
47 </div>
48 </template>
49 <script src="network_summary_item.js"></script>
50 </dom-module>