1 <div id="details-internet-page" class="page" hidden>
2 <div class="close-button"></div>
3 <!-- Network header -->
4 <div id="network-details-header">
5 <div id="network-details-title"></div>
6 <div id="network-details-subtitle">
7 <span id="network-details-subtitle-status"></span>
8 <span id="network-details-subtitle-separator"> - </span>
9 <span id="network-details-subtitle-type"></span>
12 <div id="internet-details-content-area" class="content-area">
13 <!-- Navigation tabs -->
14 <div id="details-tab-strip" class="subpages-nav-tabs">
15 <span id="wifi-network-nav-tab" class="tab wifi-details"
16 tab-contents="wifi-network-tab">
17 <span class="tab-label"
18 i18n-content="wifiNetworkTabLabel"></span>
19 <span class="active-tab-label"
20 i18n-content="wifiNetworkTabLabel"></span>
22 <span id="vpn-nav-tab" class="tab vpn-details"
23 tab-contents="vpn-tab">
24 <span class="tab-label"
25 i18n-content="vpnTabLabel"></span>
26 <span class="active-tab-label" i18n-content="vpnTabLabel"></span>
28 <span id="wimax-network-nav-tab" class="tab wimax-details"
29 tab-contents="wimax-network-tab">
30 <span class="tab-label"
31 i18n-content="wimaxConnTabLabel"></span>
32 <span class="active-tab-label"
33 i18n-content="wimaxConnTabLabel"></span>
35 <span id="cellular-conn-nav-tab" class="tab cellular-details"
36 tab-contents="cellular-conn-tab">
37 <span class="tab-label"
38 i18n-content="cellularConnTabLabel"></span>
39 <span class="active-tab-label"
40 i18n-content="cellularConnTabLabel"></span>
42 <span id="cellular-device-nav-tab" class="tab cellular-details"
43 tab-contents="cellular-device-tab">
44 <span class="tab-label"
45 i18n-content="cellularDeviceTabLabel"></span>
46 <span class="active-tab-label"
47 i18n-content="cellularDeviceTabLabel"></span>
49 <span id="internet-nav-tab" class="tab network-details"
50 tab-contents="internet-tab">
51 <span class="tab-label" i18n-content="networkTabLabel"></span>
52 <span class="active-tab-label" i18n-content="networkTabLabel"></span>
54 <span id="security-nav-tab" class="tab cellular-details gsm-only"
55 tab-contents="security-tab">
56 <span class="tab-label" i18n-content="securityTabLabel"></span>
57 <span class="active-tab-label" i18n-content="securityTabLabel"></span>
59 <span id="internet-proxy-nav-tab" class="tab proxy-details"
60 tab-contents="network-proxy-tab">
61 <span class="tab-label" i18n-content="proxyTabLabel"></span>
62 <span class="active-tab-label" i18n-content="proxyTabLabel"></span>
65 <div id="wifi-network-tab" class="subpages-tab-contents wifi-details">
67 <table class="option-control-table">
68 <tr id="prefer-network">
70 <div class="checkbox controlled-setting-with-label">
72 <input id="prefer-network-wifi" type="checkbox">
74 <span i18n-content="inetPreferredNetwork"></span>
75 <span class="controlled-setting-indicator"
76 managed="Priority"></span>
82 <tr class="auto-connect-network">
84 <div class="checkbox controlled-setting-with-label">
86 <input id="auto-connect-network-wifi" type="checkbox">
88 <span i18n-content="inetAutoConnectNetwork"></span>
89 <span class="controlled-setting-indicator"
90 managed="WiFi.AutoConnect"></span>
99 <table id="wifi-settings-table">
101 <td class="option-name" i18n-content="connectionState"></td>
102 <td id="wifi-connection-state" class="option-value"></td>
105 <td class="option-name" i18n-content="restrictedConnectivity"></td>
106 <td id="wifi-restricted-connectivity" class="option-value"></td>
109 <td class="option-name" i18n-content="inetSsid"></td>
110 <td id="wifi-ssid" class="option-value"></td>
112 <tr id="wifi-bssid-entry">
113 <td class="option-name" i18n-content="inetBssid"></td>
114 <td id="wifi-bssid" class="option-value"></td>
116 <tr id="wifi-security-entry">
117 <td class="options-name" i18n-content="inetEncryption"></td>
118 <td id="wifi-security" class="option-value"></td>
121 <td class="options-name" i18n-content="inetFrequency"></td>
122 <td id="wifi-frequency" class="option-value"></td>
125 <td class="options-name" i18n-content="inetSignalStrength"></td>
126 <td id="wifi-signal-strength" class="option-value"></td>
128 <tr id="wifi-hardware-address-entry">
129 <td class="option-name" i18n-content="hardwareAddress"></td>
130 <td id="wifi-hardware-address" class="option-value"></td>
135 <table class="option-control-table">
137 <td id="password-details" class="option-name"
138 i18n-content="inetPassProtected">
142 <td id="wifi-shared-network" class="option-name"
143 i18n-content="inetNetworkShared">
149 <div id="wimax-network-tab" class="subpages-tab-contents wimax-details">
151 <table class="option-control-table">
152 <tr class="auto-connect-network">
154 <div class="checkbox controlled-setting-with-label">
156 <input id="auto-connect-network-wimax" type="checkbox">
158 <span i18n-content="inetAutoConnectNetwork"></span>
159 <span class="controlled-setting-indicator"
160 managed="WiMAX.AutoConnect"></span>
169 <table id="wimax-settings-table">
171 <td class="option-name" i18n-content="connectionState"></td>
172 <td id="wimax-connection-state" class="option-value"></td>
175 <td class="option-name" i18n-content="restrictedConnectivity"></td>
176 <td id="wimax-restricted-connectivity" class="option-value"></td>
178 <tr id="wimax-eap-identity-entry">
179 <td class="option-name" i18n-content="inetUsername"></td>
180 <td id="wimax-eap-identity" class="option-value"></td>
183 <td class="options-name" i18n-content="inetSignalStrength"></td>
184 <td id="wimax-signal-strength" class="option-value"></td>
189 <table class="option-control-table">
191 <td id="wimax-shared-network" class="option-name"
192 i18n-content="inetNetworkShared">
198 <div id="vpn-tab" class="subpages-tab-contents vpn-details">
200 <table class="option-control-table">
201 <tr class="auto-connect-network">
203 <div class="checkbox controlled-setting-with-label">
205 <input id="auto-connect-network-vpn" type="checkbox">
207 <span i18n-content="inetAutoConnectNetwork"></span>
208 <span class="controlled-setting-indicator"
209 managed="VPN.AutoConnect"></span>
216 <td class="option-name" i18n-content="inetServiceName"></td>
217 <td id="inet-service-name" class="option-value"></td>
220 <td class="option-name" i18n-content="inetServerHostname"></td>
222 <input class="option-value" id="inet-server-hostname"></input>
223 <span class="controlled-setting-indicator"
224 managed="VPN.Host"></span>
228 <td class="option-name" i18n-content="inetProviderType"></td>
229 <td id="inet-provider-type" class="option-value"></td>
232 <td class="option-name" i18n-content="inetUsername"></td>
233 <td id="inet-username" class="option-value"></td>
238 <div id="cellular-conn-tab" class="subpages-tab-contents cellular-details">
239 <section id="cellular-network-options">
240 <table class="option-control-table">
242 <td class="option-name" i18n-content="serviceName"></td>
243 <td id="service-name" class="option-value">
244 <select id="select-carrier">
246 <div id="switch-carrier-spinner" class="inline-spinner" hidden>
251 <td class="option-name" i18n-content="networkTechnology"></td>
252 <td id="network-technology" class="option-value"></td>
255 <td class="option-name" i18n-content="activationState"></td>
256 <td id="activation-state" class="option-value"></td>
259 <td class="option-name" i18n-content="roamingState"></td>
260 <td id="roaming-state" class="option-value"></td>
263 <td class="option-name" i18n-content="restrictedConnectivity"></td>
264 <td id="cellular-restricted-connectivity" class="option-value"></td>
267 <td class="option-name" i18n-content="operatorName"></td>
268 <td id="operator-name" class="option-value"></td>
271 <td class="option-name" i18n-content="operatorCode"></td>
272 <td id="operator-code" class="option-value"></td>
275 <td class="option-name" i18n-content="errorState"></td>
276 <td id="error-state" class="option-value"></td>
278 <tr class="gsm-only apn-list-view">
279 <td class="option-name" i18n-content="cellularApnLabel"></td>
280 <td id="cellular-apn-label" class="option-value">
281 <select id="select-apn">
282 <option value="-1" i18n-content="cellularApnOther">
285 <span class="controlled-setting-indicator"
286 managed="Cellular.APN"></span>
289 <tr class="gsm-only apn-details-view">
290 <td class="option-name" i18n-content="cellularApnLabel"></td>
291 <td id="cellular-apn-label" class="option-value">
292 <input id="cellular-apn" type="text">
295 <tr class="gsm-only apn-details-view">
296 <td class="option-name" i18n-content="cellularApnUsername"></td>
297 <td id="cellular-apn-username-label" class="option-value">
298 <input id="cellular-apn-username" type="text">
301 <tr class="gsm-only apn-details-view">
302 <td class="option-name" i18n-content="cellularApnPassword"></td>
303 <td id="cellular-apn-password-label" class="option-value">
304 <input id="cellular-apn-password" type="password">
307 <tr class="gsm-only apn-details-view">
308 <td class="option-name"></td>
309 <td class="option-value">
310 <button id="cellular-apn-use-default"
311 i18n-content="cellularApnUseDefault"></button>
312 <button id="cellular-apn-set"
313 i18n-content="cellularApnSet"></button>
314 <button id="cellular-apn-cancel"
315 i18n-content="cellularApnCancel"></button>
320 <div class="checkbox controlled-setting-with-label">
322 <input id="auto-connect-network-cellular" type="checkbox">
324 <span i18n-content="inetAutoConnectNetwork"></span>
325 <span class="controlled-setting-indicator"
326 managed="Cellular.AutoConnect"></span>
335 <div id="cellular-device-tab" class="subpages-tab-contents
337 <section id="cellular-device-options">
338 <table class="option-control-table">
340 <td class="option-name" i18n-content="cellularManufacturer"></td>
341 <td id="manufacturer" class="option-value"></td>
344 <td class="option-name" i18n-content="modelId"></td>
345 <td id="model-id" class="option-value"></td>
348 <td class="option-name" i18n-content="firmwareRevision"></td>
349 <td id="firmware-revision" class="option-value"></td>
352 <td class="option-name" i18n-content="hardwareRevision"></td>
353 <td id="hardware-revision" class="option-value"></td>
355 <tr class="cdma-only">
356 <td class="option-name" i18n-content="prlVersion"></td>
357 <td id="prl-version" class="option-value"></td>
360 <td class="option-name">MEID:</td>
361 <td id="meid" class="option-value"></td>
363 <tr class="gsm-only">
364 <td class="option-name">ICCID:</td>
365 <td id="iccid" class="option-value"></td>
368 <td class="option-name">ESN:</td>
369 <td id="esn" class="option-value"></td>
372 <td class="option-name">IMEI:</td>
373 <td id="imei" class="option-value"></td>
375 <tr class="gsm-only">
376 <td class="option-name">IMSI:</td>
377 <td id="imsi" class="option-value"></td>
380 <td class="option-name">MDN:</td>
381 <td id="mdn" class="option-value"></td>
384 <td class="option-name">MIN/MSID:</td>
385 <td id="min" class="option-value"></td>
390 <div id="internet-tab" class="subpages-tab-contents">
391 <section id="advanced-section">
392 <table class="option-control-table">
394 <td class="option-name" i18n-content="connectionState"></td>
395 <td id="connection-state" class="option-value"></td>
397 <tr id="hardware-address-row">
398 <td class="option-name" i18n-content="hardwareAddress"></td>
399 <td id="hardware-address" class="option-value"></td>
403 <section id="ipconfig-section">
404 <div id="ip-automatic-configuration"
405 class="checkbox controlled-setting-with-label">
407 <input id="ip-automatic-configuration-checkbox"
410 <span i18n-content="ipAutomaticConfiguration"></span>
411 <span class="controlled-setting-indicator"
412 managed="StaticIPConfig.IPAddress"></span>
417 <table id="ip-address-settings">
419 <td class="spacer" width="14px"></td>
420 <td class="option-name" i18n-content="inetAddress"></td>
421 <td><div id="ip-address"></div></td>
424 <td class="spacer" width="14px"></td>
425 <td class="option-name" id="ip-netmask-label"
426 i18n-content="inetNetmask"></td>
427 <td><div id="ip-netmask"></div></td>
430 <td class="spacer" width="14px"></td>
431 <td class="option-name" i18n-content="inetGateway"></td>
432 <td><div id="ip-gateway"></div></td>
436 <section id="ipconfig-dns-section">
439 <input id="automatic-dns-radio" type="radio" name="dnstype"
441 <span i18n-content="automaticNameServers"></span>
444 <div id="automatic-dns-display" class="dns-display"></div>
447 <input id="google-dns-radio" type="radio" name="dnstype"
449 <span id="google-dns-label"></span>
452 <div id="google-dns-display" class="dns-display"></div>
455 <input id="user-dns-radio" type="radio" name="dnstype"
457 <span i18n-content="userNameServers"></span>
460 <table id="user-dns-settings">
462 <td class="spacer" width="14px"></td>
464 <div id="ipconfig-dns1" i18n-placeholder-text="userNameServer1"
469 <div id="ipconfig-dns2" i18n-placeholder-text="userNameServer2"
475 <td class="spacer" width="14px"></td>
477 <div id="ipconfig-dns3" i18n-placeholder-text="userNameServer3"
482 <div id="ipconfig-dns4" i18n-placeholder-text="userNameServer4"
490 <div id="security-tab"
491 class="subpages-tab-contents cellular-details gsm-only">
492 <div id="cellular-security-options">
494 <div id="sim-pin-lock" class="checkbox controlled-setting-with-label">
496 <input id="sim-card-lock-enabled" type="checkbox">
498 <span i18n-content="lockSimCard"></span>
499 <span class="controlled-setting-indicator"
500 managed="Cellular.SIMLockStatus.LockEnabled"></span>
506 <div id="change-pin-area">
507 <button id="change-pin" i18n-content="changePinButton"></button>
508 <span class="controlled-setting-indicator"
509 managed="Cellular.SIMLockStatus.LockType"></span>
514 <div id="network-proxy-tab" class="subpages-tab-contents">
516 <div id="network-proxy-info-banner" hidden>
517 <span id="banner-text" class="page-banner-text"></span>
521 <input id="direct-proxy" type="radio" name="proxytype" value="1"
522 pref="cros.session.proxy.type">
523 <span i18n-content="proxyDirectInternetConnection"></span>
528 <input id="auto-proxy" type="radio" name="proxytype" value="3"
529 pref="cros.session.proxy.type">
530 <span i18n-content="proxyAutomatic"></span>
533 <div class="proxy-subsection" id="auto-proxy-parms">
534 <div class="checkbox">
536 <input id="proxy-use-pac-url" type="checkbox"
537 pref="cros.session.proxy.usepacurl">
538 <span i18n-content="proxyUseConfigUrl"></span>
543 <input id="proxy-pac-url" type="url" size="50"
544 pref="cros.session.proxy.pacurl">
550 <input id="manual-proxy" type="radio" name="proxytype" value="2"
551 pref="cros.session.proxy.type">
552 <span i18n-content="proxyManual"></span>
555 <div class="proxy-subsection" id="manual-proxy-parms">
556 <div class="checkbox">
558 <input id="proxy-all-protocols" type="checkbox"
559 pref="cros.session.proxy.single">
560 <span i18n-content="sameProxyProtocols"></span>
563 <div id="single-proxy">
567 <span i18n-content="httpProxy"></span>
568 <input id="proxy-host-single-name" type="text" size="25"
569 pref="cros.session.proxy.singlehttp" disabled>
572 <span i18n-content="proxyPort"></span>
573 <input id="proxy-host-single-port" size="4"
574 pref="cros.session.proxy.singlehttpport" disabled>
579 <div id="multi-proxy">
583 <span i18n-content="httpProxy"></span>
586 <input id="proxy-host-name" type="text" size="25"
587 pref="cros.session.proxy.httpurl" disabled>
590 <span i18n-content="proxyPort"></span>
593 <input id="proxy-host-port" size="4"
594 pref="cros.session.proxy.httpport" disabled>
599 <span i18n-content="secureHttpProxy"></span>
602 <input id="secure-proxy-host-name" type="text" size="25"
603 pref="cros.session.proxy.httpsurl" disabled>
606 <span i18n-content="proxyPort"></span>
609 <input id="secure-proxy-port" size="4"
610 pref="cros.session.proxy.httpsport" disabled>
615 <span i18n-content="ftpProxy"></span>
618 <input id="ftp-proxy" type="text" size="25"
619 pref="cros.session.proxy.ftpurl" disabled>
622 <span i18n-content="proxyPort"></span>
625 <input id="ftp-proxy-port" size="4"
626 pref="cros.session.proxy.ftpport" disabled>
631 <span i18n-content="socksHost"></span>
634 <input id="socks-host" type="text" size="25"
635 pref="cros.session.proxy.socks" disabled>
638 <span i18n-content="proxyPort"></span>
641 <input id="socks-port" size="4"
642 pref="cros.session.proxy.socksport" disabled>
647 <div id="advanced-config">
648 <div class="option vbox flex">
649 <div i18n-content="proxyBypass"></div>
650 <list id="ignored-host-list"></list>
651 <input id="new-host" type="url" size="30">
652 <button id="add-host" i18n-content="addHost"></button>
653 <button id="remove-host" i18n-content="removeHost"></button>
657 <div class="proxy-subsection" id="web-proxy-auto-discovery">
658 <span i18n-content="webProxyAutoDiscoveryUrl"></span>
659 <input id="web-proxy-auto-discovery-url" type="url" disabled>
664 <div class="action-area">
665 <div class="button-strip">
666 <!-- TODO(dbeam): Clarify style guide regarding tag wrap. -->
667 <button id="details-internet-dismiss" class="default-button"
668 i18n-content="detailsInternetDismiss">
670 <button id="details-internet-login" i18n-content="connectButton">
672 <button id="details-internet-disconnect" i18n-content="disconnectButton">
674 <button id="details-internet-configure" i18n-content="configureButton">
676 <button id="activate-details" i18n-content="activateButton"></button>
677 <button id="view-account-details" i18n-content="viewAccountButton">