| OLD | NEW |
| 1 <link rel="import" href="chrome://resources/html/polymer.html"> | 1 <link rel="import" href="chrome://resources/html/polymer.html"> |
| 2 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt
on.html"> | 2 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt
on.html"> |
| 3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-spinner/paper-spi
nner.html"> | 3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-spinner/paper-spi
nner.html"> |
| 4 <link rel="import" href="chrome://resources/polymer/v1_0/paper-toggle-button/pap
er-toggle-button.html"> | 4 <link rel="import" href="chrome://resources/polymer/v1_0/paper-toggle-button/pap
er-toggle-button.html"> |
| 5 <link rel="import" href="chrome://resources/cr_elements/cr_expand_button/cr_expa
nd_button.html"> | 5 <link rel="import" href="chrome://resources/cr_elements/cr_expand_button/cr_expa
nd_button.html"> |
| 6 <link rel="import" href="chrome://resources/cr_elements/network/cr_network_list.
html"> | 6 <link rel="import" href="chrome://resources/cr_elements/network/cr_network_list.
html"> |
| 7 <link rel="import" href="chrome://resources/cr_elements/network/cr_network_list_
item.html"> | 7 <link rel="import" href="chrome://resources/cr_elements/network/cr_network_list_
network_item.html"> |
| 8 <link rel="import" href="/settings_shared_css.html"> | 8 <link rel="import" href="/settings_shared_css.html"> |
| 9 | 9 |
| 10 <dom-module name="network-summary-item"> | 10 <dom-module name="network-summary-item"> |
| 11 <template> | 11 <template> |
| 12 <style include="settings-shared"> | 12 <style include="settings-shared"> |
| 13 :host { | 13 :host { |
| 14 --cr-network-icon-mixin: { | 14 --cr-network-icon-mixin: { |
| 15 height: 24px; | 15 height: 24px; |
| 16 left: -4px; | 16 left: -4px; |
| 17 width: 24px; | 17 width: 24px; |
| (...skipping 23 matching lines...) Expand all Loading... |
| 41 -webkit-margin-start: 10px; | 41 -webkit-margin-start: 10px; |
| 42 } | 42 } |
| 43 | 43 |
| 44 #networkList { | 44 #networkList { |
| 45 margin: 5px 0 10px; | 45 margin: 5px 0 10px; |
| 46 max-height: 400px; | 46 max-height: 400px; |
| 47 } | 47 } |
| 48 </style> | 48 </style> |
| 49 <div class="settings-box two-line" hidden$="[[isHidden]]"> | 49 <div class="settings-box two-line" hidden$="[[isHidden]]"> |
| 50 <div id="details" class="start" on-tap="onDetailsTap_" actionable> | 50 <div id="details" class="start" on-tap="onDetailsTap_" actionable> |
| 51 <cr-network-list-item id="detailsItem" network-state="[[networkState]]"> | 51 <cr-network-list-network-item id="detailsItem" network-state="[[networkS
tate]]" show-buttons> |
| 52 </cr-network-list-item> | 52 </cr-network-list-network-item> |
| 53 <paper-spinner active="[[showScanning_(deviceState, expanded)]]"> | 53 <paper-spinner active="[[showScanning_(deviceState, expanded)]]"> |
| 54 </paper-spinner> | 54 </paper-spinner> |
| 55 </div> | 55 </div> |
| 56 <div> | 56 <div> |
| 57 <div id="buttons" class="layout horizontal"> | 57 <div id="buttons" class="layout horizontal"> |
| 58 <cr-expand-button id="expandListButton" | 58 <cr-expand-button id="expandListButton" |
| 59 class$="[[getExpandButtonClass_(deviceState, networkStateList)]]" | 59 class$="[[getExpandButtonClass_(deviceState, networkStateList)]]" |
| 60 expanded="{{expanded}}"> | 60 expanded="{{expanded}}"> |
| 61 </cr-expand-button> | 61 </cr-expand-button> |
| 62 <paper-toggle-button id="deviceEnabledButton" | 62 <paper-toggle-button id="deviceEnabledButton" |
| 63 checked="[[deviceIsEnabled_(deviceState)]]" | 63 checked="[[deviceIsEnabled_(deviceState)]]" |
| 64 class$="[[getDeviceEnabledButtonClass_(deviceState)]]" | 64 class$="[[getDeviceEnabledButtonClass_(deviceState)]]" |
| 65 on-tap="onDeviceEnabledTap_"> | 65 on-tap="onDeviceEnabledTap_"> |
| 66 </paper-toggle-button> | 66 </paper-toggle-button> |
| 67 </div> | 67 </div> |
| 68 </div> | 68 </div> |
| 69 </div> | 69 </div> |
| 70 <template is="dom-if" if="[[expanded]]"> | 70 <template is="dom-if" if="[[expanded]]"> |
| 71 <div class="list-frame"> | 71 <div class="list-frame"> |
| 72 <cr-network-list id="networkList" | 72 <cr-network-list id="networkList" |
| 73 max-height="[[maxHeight]]" | 73 max-height="[[maxHeight]]" |
| 74 networks="[[networkStateList]]" | 74 networks="[[networkStateList]]" |
| 75 opened="{{expanded}}"> | 75 opened="{{expanded}}" |
| 76 show-buttons> |
| 76 </cr-network-list> | 77 </cr-network-list> |
| 77 <div class="layout horizontal"> | 78 <div class="layout horizontal"> |
| 78 <paper-button | 79 <paper-button |
| 79 hidden$="[[!showKnownNetworks_(networkState, expanded)]]" | 80 hidden$="[[!showKnownNetworks_(networkState, expanded)]]" |
| 80 on-tap="onKnownNetworksTap_"> | 81 on-tap="onKnownNetworksTap_"> |
| 81 Known networks | 82 Known networks |
| 82 </paper-button> | 83 </paper-button> |
| 83 </div> | 84 </div> |
| 84 </div> | 85 </div> |
| 85 </template> | 86 </template> |
| 86 </template> | 87 </template> |
| 87 <script src="network_summary_item.js"></script> | 88 <script src="network_summary_item.js"></script> |
| 88 </dom-module> | 89 </dom-module> |
| OLD | NEW |