OLD | NEW |
1 <link rel="import" href="chrome://resources/html/polymer.html"> | 1 <link rel="import" href="chrome://resources/html/polymer.html"> |
2 | 2 |
3 <link rel="import" href="chrome://resources/cr_elements/cr_expand_button/cr_expa
nd_button.html"> | 3 <link rel="import" href="chrome://resources/cr_elements/cr_expand_button/cr_expa
nd_button.html"> |
4 <link rel="import" href="chrome://resources/cr_elements/icons.html"> | 4 <link rel="import" href="chrome://resources/cr_elements/icons.html"> |
5 <link rel="import" href="chrome://resources/cr_elements/network/cr_network_icon.
html"> | 5 <link rel="import" href="chrome://resources/cr_elements/network/cr_network_icon.
html"> |
6 <link rel="import" href="chrome://resources/cr_elements/network/cr_onc_types.htm
l"> | 6 <link rel="import" href="chrome://resources/cr_elements/network/cr_onc_types.htm
l"> |
7 <link rel="import" href="chrome://resources/cr_elements/policy/cr_policy_indicat
or.html"> | 7 <link rel="import" href="chrome://resources/cr_elements/policy/cr_policy_indicat
or.html"> |
8 <link rel="import" href="chrome://resources/cr_elements/policy/cr_policy_network
_behavior.html"> | 8 <link rel="import" href="chrome://resources/cr_elements/policy/cr_policy_network
_behavior.html"> |
9 <link rel="import" href="chrome://resources/cr_elements/policy/cr_policy_network
_indicator.html"> | 9 <link rel="import" href="chrome://resources/cr_elements/policy/cr_policy_network
_indicator.html"> |
10 <link rel="import" href="chrome://resources/html/i18n_behavior.html"> | 10 <link rel="import" href="chrome://resources/html/i18n_behavior.html"> |
(...skipping 43 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
54 } | 54 } |
55 | 55 |
56 .settings-box.stretch { | 56 .settings-box.stretch { |
57 align-items: stretch; | 57 align-items: stretch; |
58 } | 58 } |
59 | 59 |
60 .settings-box:first-of-type { | 60 .settings-box:first-of-type { |
61 border-top: none; | 61 border-top: none; |
62 } | 62 } |
63 | 63 |
64 #networkState { | |
65 font-size: 107.69%; /* 14px / 13px */ | |
66 font-weight: 500; | |
67 } | |
68 | |
69 #networkState[connected] { | 64 #networkState[connected] { |
70 color: var(--google-green-500); | 65 color: var(--google-green-500); |
71 } | 66 } |
72 </style> | 67 </style> |
73 <!-- Title section: Icon + name + connection state. --> | 68 <!-- Title section: Icon + name + connection state. --> |
74 <div class="settings-box first"> | 69 <div class="settings-box first"> |
75 <div class="start layout horizontal center"> | 70 <div class="start layout horizontal center"> |
76 <cr-network-icon network-state="[[networkProperties]]"> | 71 <cr-network-icon network-state="[[networkProperties]]"> |
77 </cr-network-icon> | 72 </cr-network-icon> |
78 <div id="networkState" | 73 <div id="networkState" class="title" |
79 connected$="[[isConnectedState_(networkProperties)]]"> | 74 connected$="[[isConnectedState_(networkProperties)]]"> |
80 [[getStateText_(networkProperties)]] | 75 [[getStateText_(networkProperties)]] |
81 </div> | 76 </div> |
82 <template is="dom-if" | 77 <template is="dom-if" |
83 if="[[isPolicySource(networkProperties.Source))]]"> | 78 if="[[isPolicySource(networkProperties.Source))]]"> |
84 <cr-policy-indicator | 79 <cr-policy-indicator |
85 indicator-type="[[getIndicatorTypeForSource( | 80 indicator-type="[[getIndicatorTypeForSource( |
86 networkProperties.Source)]]"> | 81 networkProperties.Source)]]"> |
87 </cr-policy-indicator> | 82 </cr-policy-indicator> |
88 </template> | 83 </template> |
(...skipping 205 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
294 </template> | 289 </template> |
295 | 290 |
296 <tether-connection-dialog id="tetherDialog" | 291 <tether-connection-dialog id="tetherDialog" |
297 network-properties="[[networkProperties]]" | 292 network-properties="[[networkProperties]]" |
298 on-tether-connect="onTetherConnect_" | 293 on-tether-connect="onTetherConnect_" |
299 on-close="onTetherDialogClose_"> | 294 on-close="onTetherDialogClose_"> |
300 </tether-connection-dialog> | 295 </tether-connection-dialog> |
301 </template> | 296 </template> |
302 <script src="internet_detail_page.js"></script> | 297 <script src="internet_detail_page.js"></script> |
303 </dom-module> | 298 </dom-module> |
OLD | NEW |