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">
71 <span class="controlled-setting-with-label">
72 <input id="prefer-network-wifi" type="checkbox">
74 <label for="prefer-network-wifi"
75 i18n-content="inetPreferredNetwork">
77 <span class="controlled-setting-indicator" data="preferred"
78 for="prefer-network-wifi">
85 <tr class="auto-connect-network">
87 <div class="checkbox">
88 <span class="controlled-setting-with-label">
89 <input id="auto-connect-network-wifi" type="checkbox">
91 <label for="auto-connect-network-wifi"
92 i18n-content="inetAutoConnectNetwork">
94 <span class="controlled-setting-indicator"
95 data="autoConnect" for="auto-connect-network-wifi">
105 <table id="wifi-settings-table">
107 <td class="option-name" i18n-content="connectionState"></td>
108 <td id="wifi-connection-state" class="option-value"></td>
110 <td class="option-name" i18n-content="inetSsid"></td>
111 <td id="wifi-ssid" class="option-value"></td>
113 <tr id="wifi-bssid-entry">
114 <td class="option-name" i18n-content="inetBssid"></td>
115 <td id="wifi-bssid" class="option-value"></td>
117 <tr class="wifi-network-setting">
118 <td class="option-name" i18n-content="inetAddress"></td>
119 <td id="wifi-ip-address" class="option-value"></td>
121 <tr class="wifi-network-setting">
122 <td class="option-name" i18n-content="inetNetmask"></td>
123 <td id="wifi-netmask" class="option-value"></td>
125 <tr class="wifi-network-setting">
126 <td class="option-name" i18n-content="inetGateway"></td>
127 <td id="wifi-gateway" class="option-value"></td>
129 <tr class="wifi-network-setting">
130 <td class="option-name" i18n-content="inetNameServers"></td>
131 <td id="wifi-name-servers" class="option-value"></td>
133 <tr id="wifi-security-entry">
134 <td class="options-name" i18n-content="inetEncryption"></td>
135 <td id="wifi-security" class="option-value"></td>
138 <td class="options-name" i18n-content="inetFrequency"></td>
139 <td id="wifi-frequency" class="option-value"></td>
142 <td class="options-name" i18n-content="inetSignalStrength"></td>
143 <td id="wifi-signal-strength" class="option-value"></td>
145 <tr id="wifi-hardware-address-entry">
146 <td class="option-name" i18n-content="hardwareAddress"></td>
147 <td id="wifi-hardware-address" class="option-value"></td>
152 <table class="option-control-table">
154 <td id="password-details" class="option-name"
155 i18n-content="inetPassProtected">
159 <td id="wifi-shared-network" class="option-name"
160 i18n-content="inetNetworkShared">
166 <div id="wimax-network-tab" class="subpages-tab-contents wimax-details">
168 <table class="option-control-table">
169 <tr class="auto-connect-network">
171 <div class="checkbox">
172 <span class="controlled-setting-with-label">
173 <input id="auto-connect-network-wimax" type="checkbox">
175 <label for="auto-connect-network-wimax"
176 i18n-content="inetAutoConnectNetwork">
178 <span class="controlled-setting-indicator"
179 data="autoConnect" for="auto-connect-network-wimax">
189 <table id="wimax-settings-table">
191 <td class="option-name" i18n-content="connectionState"></td>
192 <td id="wimax-connection-state" class="option-value"></td>
194 <tr id="wimax-eap-identity-entry">
195 <td class="option-name" i18n-content="inetUsername"></td>
196 <td id="wimax-eap-identity" class="option-value"></td>
199 <td class="options-name" i18n-content="inetSignalStrength"></td>
200 <td id="wimax-signal-strength" class="option-value"></td>
205 <table class="option-control-table">
207 <td id="wimax-shared-network" class="option-name"
208 i18n-content="inetNetworkShared">
214 <div id="vpn-tab" class="subpages-tab-contents vpn-details">
216 <table class="option-control-table">
217 <tr class="auto-connect-network">
219 <div class="checkbox">
220 <span class="controlled-setting-with-label">
221 <input id="auto-connect-network-vpn" type="checkbox">
223 <label for="auto-connect-network-vpn"
224 i18n-content="inetAutoConnectNetwork">
226 <span class="controlled-setting-indicator"
227 data="autoConnect" for="auto-connect-network-vpn">
235 <td class="option-name" i18n-content="inetServiceName"></td>
236 <td id="inet-service-name" class="option-value"></td>
239 <td class="option-name" i18n-content="inetServerHostname"></td>
241 <input class="option-value" id="inet-server-hostname"></input>
242 <span class="controlled-setting-indicator"
243 data="serverHostname" for="inet-server-hostname"></span>
247 <td class="option-name" i18n-content="inetProviderType"></td>
248 <td id="inet-provider-type" class="option-value"></td>
251 <td class="option-name" i18n-content="inetUsername"></td>
252 <td id="inet-username" class="option-value"></td>
257 <div id="cellular-conn-tab" class="subpages-tab-contents cellular-details">
258 <section id="cellular-network-options">
259 <table class="option-control-table">
261 <td class="option-name" i18n-content="serviceName"></td>
262 <td id="service-name" class="option-value">
263 <select id="select-carrier">
265 <div id="switch-carrier-spinner" class="inline-spinner" hidden>
270 <td class="option-name" i18n-content="networkTechnology"></td>
271 <td id="network-technology" class="option-value"></td>
274 <td class="option-name" i18n-content="activationState"></td>
275 <td id="activation-state" class="option-value"></td>
278 <td class="option-name" i18n-content="roamingState"></td>
279 <td id="roaming-state" class="option-value"></td>
282 <td class="option-name" i18n-content="restrictedPool"></td>
283 <td id="restricted-pool" class="option-value"></td>
286 <td class="option-name" i18n-content="operatorName"></td>
287 <td id="operator-name" class="option-value"></td>
290 <td class="option-name" i18n-content="operatorCode"></td>
291 <td id="operator-code" class="option-value"></td>
294 <td class="option-name" i18n-content="errorState"></td>
295 <td id="error-state" class="option-value"></td>
297 <tr class="gsm-only apn-list-view">
298 <td class="option-name" i18n-content="cellularApnLabel"></td>
299 <td id="cellular-apn-label" class="option-value">
300 <select id="select-apn">
301 <option value="-1" i18n-content="cellularApnOther">
304 <span class="controlled-setting-indicator" data="providerApnList"
305 for="select-apn"></span>
308 <tr class="gsm-only apn-details-view">
309 <td class="option-name" i18n-content="cellularApnLabel"></td>
310 <td id="cellular-apn-label" class="option-value">
311 <input id="cellular-apn" type="text">
314 <tr class="gsm-only apn-details-view">
315 <td class="option-name" i18n-content="cellularApnUsername"></td>
316 <td id="cellular-apn-username-label" class="option-value">
317 <input id="cellular-apn-username" type="text">
320 <tr class="gsm-only apn-details-view">
321 <td class="option-name" i18n-content="cellularApnPassword"></td>
322 <td id="cellular-apn-password-label" class="option-value">
323 <input id="cellular-apn-password" type="password">
326 <tr class="gsm-only apn-details-view">
327 <td class="option-name"></td>
328 <td class="option-value">
329 <button id="cellular-apn-use-default"
330 i18n-content="cellularApnUseDefault"></button>
331 <button id="cellular-apn-set"
332 i18n-content="cellularApnSet"></button>
333 <button id="cellular-apn-cancel"
334 i18n-content="cellularApnCancel"></button>
339 <div class="checkbox">
340 <span class="controlled-setting-with-label">
341 <input id="auto-connect-network-cellular" type="checkbox">
343 <label for="auto-connect-network-cellular"
344 i18n-content="inetAutoConnectNetwork">
346 <span class="controlled-setting-indicator"
347 data="autoConnect" for="auto-connect-network-cellular">
357 <div id="cellular-device-tab" class="subpages-tab-contents
359 <section id="cellular-device-options">
360 <table class="option-control-table">
362 <td class="option-name" i18n-content="manufacturer"></td>
363 <td id="manufacturer" class="option-value"></td>
366 <td class="option-name" i18n-content="modelId"></td>
367 <td id="model-id" class="option-value"></td>
370 <td class="option-name" i18n-content="firmwareRevision"></td>
371 <td id="firmware-revision" class="option-value"></td>
374 <td class="option-name" i18n-content="hardwareRevision"></td>
375 <td id="hardware-revision" class="option-value"></td>
377 <tr class="cdma-only">
378 <td class="option-name" i18n-content="prlVersion"></td>
379 <td id="prl-version" class="option-value"></td>
382 <td class="option-name">MEID:</td>
383 <td id="meid" class="option-value"></td>
385 <tr class="gsm-only">
386 <td class="option-name">ICCID:</td>
387 <td id="iccid" class="option-value"></td>
390 <td class="option-name">ESN:</td>
391 <td id="esn" class="option-value"></td>
394 <td class="option-name">IMEI:</td>
395 <td id="imei" class="option-value"></td>
397 <tr class="gsm-only">
398 <td class="option-name">IMSI:</td>
399 <td id="imsi" class="option-value"></td>
402 <td class="option-name">MDN:</td>
403 <td id="mdn" class="option-value"></td>
406 <td class="option-name">MIN/MSID:</td>
407 <td id="min" class="option-value"></td>
412 <div id="internet-tab" class="subpages-tab-contents">
413 <section id="advanced-section">
414 <table class="option-control-table">
416 <td class="option-name" i18n-content="connectionState"></td>
417 <td id="connection-state" class="option-value"></td>
419 <tr id="hardware-address-row">
420 <td class="option-name" i18n-content="hardwareAddress"></td>
421 <td id="hardware-address" class="option-value"></td>
425 <section id="ipconfig-section">
426 <div id="ip-automatic-configuration" class="checkbox">
427 <span class="controlled-setting-with-label">
428 <input id="ip-automatic-configuration-checkbox"
431 <label for="ip-automatic-configuration-checkbox"
432 i18n-content="ipAutomaticConfiguration">
434 <span class="controlled-setting-indicator" data="ipconfigDHCP"
435 for="ip-automatic-configuration">
441 <table id="ip-address-settings">
443 <td class="spacer" width="14px"></td>
444 <td class="option-name" i18n-content="inetAddress"></td>
445 <td><div id="ip-address"></div></td>
448 <td class="spacer" width="14px"></td>
449 <td class="option-name" id="ip-netmask-label"
450 i18n-content="inetNetmask"></td>
451 <td><div id="ip-netmask"></div></td>
454 <td class="spacer" width="14px"></td>
455 <td class="option-name" i18n-content="inetGateway"></td>
456 <td><div id="ip-gateway"></div></td>
460 <section id="ipconfig-dns-section">
463 <input id="automatic-dns-radio" type="radio" name="dnstype"
465 <span i18n-content="automaticNameServers"></span>
468 <div id="automatic-dns-display" class="dns-display"></div>
471 <input id="google-dns-radio" type="radio" name="dnstype"
473 <span id="google-dns-label"></span>
476 <div id="google-dns-display" class="dns-display"></div>
479 <input id="user-dns-radio" type="radio" name="dnstype"
481 <span i18n-content="userNameServers"></span>
484 <table id="user-dns-settings">
486 <td class="spacer" width="14px"></td>
488 <div id="ipconfig-dns1" i18n-placeholder-text="userNameServer1"
493 <div id="ipconfig-dns2" i18n-placeholder-text="userNameServer2"
499 <td class="spacer" width="14px"></td>
501 <div id="ipconfig-dns3" i18n-placeholder-text="userNameServer3"
506 <div id="ipconfig-dns4" i18n-placeholder-text="userNameServer4"
514 <div id="security-tab"
515 class="subpages-tab-contents cellular-details gsm-only">
516 <div id="cellular-security-options">
518 <div id="sim-pin-lock" class="checkbox">
519 <span class="controlled-setting-with-label">
520 <input id="sim-card-lock-enabled" type="checkbox">
522 <label for="sim-card-lock-enabled" i18n-content="lockSimCard">
524 <span class="controlled-setting-indicator"
525 data="simCardLockEnabled" for="sim-card-lock-enabled">
532 <div id="change-pin-area">
533 <button id="change-pin" i18n-content="changePinButton"></button>
534 <span class="controlled-setting-indicator" data="simCardLockEnabled"
535 for="change-pin"></span>
540 <div id="network-proxy-tab" class="subpages-tab-contents">
542 <div id="network-proxy-info-banner" hidden>
543 <span id="banner-text" class="page-banner-text"></span>
547 <input id="direct-proxy" type="radio" name="proxytype" value="1"
548 pref="cros.session.proxy.type">
549 <span i18n-content="proxyDirectInternetConnection"></span>
554 <input id="auto-proxy" type="radio" name="proxytype" value="3"
555 pref="cros.session.proxy.type">
556 <span i18n-content="proxyAutomatic"></span>
559 <div class="proxy-subsection" id="auto-proxy-parms">
560 <div class="checkbox">
562 <input id="proxy-use-pac-url" type="checkbox"
563 pref="cros.session.proxy.usepacurl">
564 <span i18n-content="proxyUseConfigUrl"></span>
569 <input id="proxy-pac-url" type="url" size="50"
570 pref="cros.session.proxy.pacurl">
576 <input id="manual-proxy" type="radio" name="proxytype" value="2"
577 pref="cros.session.proxy.type">
578 <span i18n-content="proxyManual"></span>
581 <div class="proxy-subsection" id="manual-proxy-parms">
582 <div class="checkbox">
584 <input id="proxy-all-protocols" type="checkbox"
585 pref="cros.session.proxy.single">
586 <span i18n-content="sameProxyProtocols"></span>
589 <div id="single-proxy">
593 <span i18n-content="httpProxy"></span>
594 <input id="proxy-host-single-name" type="text" size="25"
595 pref="cros.session.proxy.singlehttp" disabled>
598 <span i18n-content="proxyPort"></span>
599 <input id="proxy-host-single-port" size="4"
600 pref="cros.session.proxy.singlehttpport" disabled>
605 <div id="multi-proxy">
609 <span i18n-content="httpProxy"></span>
612 <input id="proxy-host-name" type="text" size="25"
613 pref="cros.session.proxy.httpurl" disabled>
616 <span i18n-content="proxyPort"></span>
619 <input id="proxy-host-port" size="4"
620 pref="cros.session.proxy.httpport" disabled>
625 <span i18n-content="secureHttpProxy"></span>
628 <input id="secure-proxy-host-name" type="text" size="25"
629 pref="cros.session.proxy.httpsurl" disabled>
632 <span i18n-content="proxyPort"></span>
635 <input id="secure-proxy-port" size="4"
636 pref="cros.session.proxy.httpsport" disabled>
641 <span i18n-content="ftpProxy"></span>
644 <input id="ftp-proxy" type="text" size="25"
645 pref="cros.session.proxy.ftpurl" disabled>
648 <span i18n-content="proxyPort"></span>
651 <input id="ftp-proxy-port" size="4"
652 pref="cros.session.proxy.ftpport" disabled>
657 <span i18n-content="socksHost"></span>
660 <input id="socks-host" type="text" size="25"
661 pref="cros.session.proxy.socks" disabled>
664 <span i18n-content="proxyPort"></span>
667 <input id="socks-port" size="4"
668 pref="cros.session.proxy.socksport" disabled>
673 <div id="advanced-config">
674 <div class="option vbox flex">
675 <div i18n-content="proxyBypass"></div>
676 <list id="ignored-host-list"></list>
677 <input id="new-host" type="url" size="30">
678 <button id="add-host" i18n-content="addHost"></button>
679 <button id="remove-host" i18n-content="removeHost"></button>
683 <div class="proxy-subsection" id="web-proxy-auto-discovery">
684 <span i18n-content="webProxyAutoDiscoveryUrl"></span>
685 <input id="web-proxy-auto-discovery-url" type="url" disabled>
690 <div class="action-area">
691 <div class="button-strip">
692 <!-- TODO(dbeam): Clarify style guide regarding tag wrap. -->
693 <button id="details-internet-dismiss" class="default-button"
694 i18n-content="detailsInternetDismiss">
696 <button id="details-internet-login" i18n-content="connectButton">
698 <button id="details-internet-disconnect" i18n-content="disconnectButton">
700 <button id="details-internet-configure" i18n-content="configureButton">
702 <button id="activate-details" i18n-content="activateButton"></button>
703 <button id="buyplan-details" i18n-content="buyplanButton"></button>
704 <button id="view-account-details" i18n-content="viewAccountButton">