Update To 11.40.268.0
[platform/framework/web/crosswalk.git] / src / chrome / browser / resources / options / chromeos / internet_detail.html
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>
10     </div>
11   </div>
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>
21       </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>
27       </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>
34       </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>
41       </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>
48       </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>
53       </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>
58       </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>
63       </span>
64     </div>
65     <div id="wifi-network-tab" class="subpages-tab-contents wifi-details">
66       <section>
67         <table class="option-control-table">
68           <tr id="prefer-network">
69             <td>
70               <div class="checkbox controlled-setting-with-label">
71                 <label>
72                   <input id="prefer-network-wifi" type="checkbox">
73                   <span>
74                     <span i18n-content="inetPreferredNetwork"></span>
75                     <span class="controlled-setting-indicator"
76                           managed="Priority"></span>
77                   </span>
78                 </label>
79               </div>
80             </td>
81           </tr>
82           <tr class="auto-connect-network">
83             <td>
84               <div class="checkbox controlled-setting-with-label">
85                 <label>
86                   <input id="auto-connect-network-wifi" type="checkbox">
87                   <span>
88                     <span i18n-content="inetAutoConnectNetwork"></span>
89                     <span class="controlled-setting-indicator"
90                           managed="WiFi.AutoConnect"></span>
91                   </span>
92                 </label>
93               </div>
94             </td>
95           </tr>
96         </table>
97       </section>
98       <section>
99         <table id="wifi-settings-table">
100           <tr>
101             <td class="option-name" i18n-content="connectionState"></td>
102             <td id="wifi-connection-state" class="option-value"></td>
103           </tr>
104           <tr>
105             <td class="option-name" i18n-content="restrictedConnectivity"></td>
106             <td id="wifi-restricted-connectivity" class="option-value"></td>
107           </tr>
108           <tr>
109             <td class="option-name" i18n-content="inetSsid"></td>
110             <td id="wifi-ssid" class="option-value"></td>
111           </tr>
112           <tr id="wifi-bssid-entry">
113             <td class="option-name" i18n-content="inetBssid"></td>
114             <td id="wifi-bssid" class="option-value"></td>
115           </tr>
116           <tr id="wifi-security-entry">
117             <td class="options-name" i18n-content="inetEncryption"></td>
118             <td id="wifi-security" class="option-value"></td>
119           </tr>
120           <tr>
121             <td class="options-name" i18n-content="inetFrequency"></td>
122             <td id="wifi-frequency" class="option-value"></td>
123           </tr>
124           <tr>
125             <td class="options-name" i18n-content="inetSignalStrength"></td>
126             <td id="wifi-signal-strength" class="option-value"></td>
127           </tr>
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>
131           </tr>
132         </table>
133       </section>
134       <section>
135         <table class="option-control-table">
136           <tr>
137             <td id="password-details"  class="option-name"
138                 i18n-content="inetPassProtected">
139             </td>
140           </tr>
141           <tr>
142             <td id="wifi-shared-network" class="option-name"
143                 i18n-content="inetNetworkShared">
144             </td>
145           </tr>
146         </table>
147       </section>
148     </div>
149     <div id="wimax-network-tab" class="subpages-tab-contents wimax-details">
150       <section>
151         <table class="option-control-table">
152           <tr class="auto-connect-network">
153             <td>
154               <div class="checkbox controlled-setting-with-label">
155                 <label>
156                   <input id="auto-connect-network-wimax" type="checkbox">
157                   <span>
158                     <span i18n-content="inetAutoConnectNetwork"></span>
159                     <span class="controlled-setting-indicator"
160                           managed="WiMAX.AutoConnect"></span>
161                   </span>
162                 </label>
163               </div>
164             </td>
165           </tr>
166         </table>
167       </section>
168       <section>
169         <table id="wimax-settings-table">
170           <tr>
171             <td class="option-name" i18n-content="connectionState"></td>
172             <td id="wimax-connection-state" class="option-value"></td>
173           </tr>
174           <tr>
175             <td class="option-name" i18n-content="restrictedConnectivity"></td>
176             <td id="wimax-restricted-connectivity" class="option-value"></td>
177           </tr>
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>
181           </tr>
182           <tr>
183             <td class="options-name" i18n-content="inetSignalStrength"></td>
184             <td id="wimax-signal-strength" class="option-value"></td>
185           </tr>
186         </table>
187       </section>
188       <section>
189         <table class="option-control-table">
190           <tr>
191             <td id="wimax-shared-network" class="option-name"
192                 i18n-content="inetNetworkShared">
193             </td>
194           </tr>
195         </table>
196       </section>
197     </div>
198     <div id="vpn-tab" class="subpages-tab-contents vpn-details">
199       <section>
200         <table class="option-control-table">
201           <tr class="auto-connect-network">
202             <td>
203               <div class="checkbox controlled-setting-with-label">
204                 <label>
205                   <input id="auto-connect-network-vpn" type="checkbox">
206                   <span>
207                     <span i18n-content="inetAutoConnectNetwork"></span>
208                     <span class="controlled-setting-indicator"
209                           managed="VPN.AutoConnect"></span>
210                   </span>
211                 </label>
212               </div>
213             </td>
214           </tr>
215           <tr>
216             <td class="option-name" i18n-content="inetServiceName"></td>
217             <td id="inet-service-name" class="option-value"></td>
218           </tr>
219           <tr>
220             <td class="option-name" i18n-content="inetServerHostname"></td>
221             <td>
222               <input class="option-value" id="inet-server-hostname"></input>
223               <span class="controlled-setting-indicator"
224                     managed="VPN.Host"></span>
225             </td>
226           </tr>
227           <tr>
228             <td class="option-name" i18n-content="inetProviderType"></td>
229             <td id="inet-provider-type" class="option-value"></td>
230           </tr>
231           <tr>
232             <td class="option-name" i18n-content="inetUsername"></td>
233             <td id="inet-username" class="option-value"></td>
234           </tr>
235         </table>
236       </section>
237     </div>
238     <div id="cellular-conn-tab" class="subpages-tab-contents cellular-details">
239       <section id="cellular-network-options">
240         <table class="option-control-table">
241           <tr>
242             <td class="option-name" i18n-content="serviceName"></td>
243             <td id="service-name" class="option-value">
244               <select id="select-carrier">
245               </select>
246               <div id="switch-carrier-spinner" class="inline-spinner" hidden>
247               </div>
248             </td>
249           </tr>
250           <tr>
251             <td class="option-name" i18n-content="networkTechnology"></td>
252             <td id="network-technology" class="option-value"></td>
253           </tr>
254           <tr>
255             <td class="option-name" i18n-content="activationState"></td>
256             <td id="activation-state" class="option-value"></td>
257           </tr>
258           <tr>
259             <td class="option-name" i18n-content="roamingState"></td>
260             <td id="roaming-state" class="option-value"></td>
261           </tr>
262           <tr>
263             <td class="option-name" i18n-content="restrictedConnectivity"></td>
264             <td id="cellular-restricted-connectivity" class="option-value"></td>
265           </tr>
266           <tr>
267             <td class="option-name" i18n-content="operatorName"></td>
268             <td id="operator-name" class="option-value"></td>
269           </tr>
270           <tr>
271             <td class="option-name" i18n-content="operatorCode"></td>
272             <td id="operator-code" class="option-value"></td>
273           </tr>
274           <tr>
275             <td class="option-name" i18n-content="errorState"></td>
276             <td id="error-state" class="option-value"></td>
277           </tr>
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">
283                 </option>
284               </select>
285               <span class="controlled-setting-indicator"
286                     managed="Cellular.APN"></span>
287             </td>
288           </tr>
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">
293             </td>
294           </tr>
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">
299             </td>
300           </tr>
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">
305             </td>
306           </tr>
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>
316             </td>
317           </tr>
318           <tr>
319             <td colspan="2">
320               <div class="checkbox controlled-setting-with-label">
321                 <label>
322                   <input id="auto-connect-network-cellular" type="checkbox">
323                   <span>
324                     <span i18n-content="inetAutoConnectNetwork"></span>
325                     <span class="controlled-setting-indicator"
326                           managed="Cellular.AutoConnect"></span>
327                   </span>
328                 </label>
329               </div>
330             </td>
331           </tr>
332         </table>
333       </section>
334     </div>
335     <div id="cellular-device-tab" class="subpages-tab-contents
336         cellular-details">
337       <section id="cellular-device-options">
338         <table class="option-control-table">
339           <tr>
340             <td class="option-name" i18n-content="cellularManufacturer"></td>
341             <td id="manufacturer" class="option-value"></td>
342           </tr>
343           <tr>
344             <td class="option-name" i18n-content="modelId"></td>
345             <td id="model-id" class="option-value"></td>
346           </tr>
347           <tr>
348             <td class="option-name" i18n-content="firmwareRevision"></td>
349             <td id="firmware-revision" class="option-value"></td>
350           </tr>
351           <tr>
352             <td class="option-name" i18n-content="hardwareRevision"></td>
353             <td id="hardware-revision" class="option-value"></td>
354           </tr>
355           <tr class="cdma-only">
356             <td class="option-name" i18n-content="prlVersion"></td>
357             <td id="prl-version" class="option-value"></td>
358           </tr>
359           <tr>
360             <td class="option-name">MEID:</td>
361             <td id="meid" class="option-value"></td>
362           </tr>
363           <tr class="gsm-only">
364             <td class="option-name">ICCID:</td>
365             <td id="iccid" class="option-value"></td>
366           </tr>
367           <tr>
368             <td class="option-name">ESN:</td>
369             <td id="esn" class="option-value"></td>
370           </tr>
371           <tr>
372             <td class="option-name">IMEI:</td>
373             <td id="imei" class="option-value"></td>
374           </tr>
375           <tr class="gsm-only">
376             <td class="option-name">IMSI:</td>
377             <td id="imsi" class="option-value"></td>
378           </tr>
379           <tr>
380             <td class="option-name">MDN:</td>
381             <td id="mdn" class="option-value"></td>
382           </tr>
383           <tr>
384             <td class="option-name">MIN/MSID:</td>
385             <td id="min" class="option-value"></td>
386           </tr>
387         </table>
388       </section>
389     </div>
390     <div id="internet-tab" class="subpages-tab-contents">
391       <section id="advanced-section">
392         <table class="option-control-table">
393           <tr>
394             <td class="option-name" i18n-content="connectionState"></td>
395             <td id="connection-state" class="option-value"></td>
396           </tr>
397           <tr id="hardware-address-row">
398             <td class="option-name" i18n-content="hardwareAddress"></td>
399              <td id="hardware-address" class="option-value"></td>
400           </tr>
401         </table>
402       </section>
403       <section id="ipconfig-section">
404         <div id="ip-automatic-configuration"
405             class="checkbox controlled-setting-with-label">
406           <label>
407             <input id="ip-automatic-configuration-checkbox"
408                 type="checkbox">
409             <span>
410               <span i18n-content="ipAutomaticConfiguration"></span>
411               <span class="controlled-setting-indicator"
412                     managed="StaticIPConfig.IPAddress"></span>
413             </span>
414           </label>
415         </div>
416         <div>
417         <table id="ip-address-settings">
418           <tr>
419             <td class="spacer" width="14px"></td>
420             <td class="option-name" i18n-content="inetAddress"></td>
421             <td><div id="ip-address"></div></td>
422           </tr>
423           <tr>
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>
428           </tr>
429           <tr>
430             <td class="spacer" width="14px"></td>
431             <td class="option-name" i18n-content="inetGateway"></td>
432             <td><div id="ip-gateway"></div></td>
433           </tr>
434         </table>
435       </section>
436       <section id="ipconfig-dns-section">
437         <div class="radio">
438           <label>
439             <input id="automatic-dns-radio" type="radio" name="dnstype"
440                 value="automatic">
441             <span i18n-content="automaticNameServers"></span>
442           </label>
443         </div>
444         <div id="automatic-dns-display" class="dns-display"></div>
445         <div class="radio">
446           <label>
447             <input id="google-dns-radio" type="radio" name="dnstype"
448                 value="google">
449             <span id="google-dns-label"></span>
450           </label>
451         </div>
452         <div id="google-dns-display" class="dns-display"></div>
453         <div class="radio">
454           <label>
455             <input id="user-dns-radio" type="radio" name="dnstype"
456                 value="user">
457             <span i18n-content="userNameServers"></span>
458           </label>
459         </div>
460         <table id="user-dns-settings">
461           <tr>
462             <td class="spacer" width="14px"></td>
463             <td>
464               <div id="ipconfig-dns1" i18n-placeholder-text="userNameServer1"
465                   allow-empty>
466               </div>
467             </td>
468             <td>
469               <div id="ipconfig-dns2" i18n-placeholder-text="userNameServer2"
470                   allow-empty>
471               </div>
472             </td>
473           </tr>
474           <tr>
475             <td class="spacer" width="14px"></td>
476             <td>
477               <div id="ipconfig-dns3" i18n-placeholder-text="userNameServer3"
478                   allow-empty>
479               </div>
480             </td>
481             <td>
482               <div id="ipconfig-dns4" i18n-placeholder-text="userNameServer4"
483                   allow-empty>
484               </div>
485             </td>
486           </tr>
487         </table>
488       </section>
489     </div>
490     <div id="security-tab"
491          class="subpages-tab-contents cellular-details gsm-only">
492       <div id="cellular-security-options">
493         <section>
494           <div id="sim-pin-lock" class="checkbox controlled-setting-with-label">
495             <label>
496               <input id="sim-card-lock-enabled" type="checkbox">
497               <span>
498                 <span i18n-content="lockSimCard"></span>
499                 <span class="controlled-setting-indicator"
500                       managed="Cellular.SIMLockStatus.LockEnabled"></span>
501               </span>
502             </label>
503           </div>
504         </section>
505         <section>
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>
510           </div>
511         </section>
512       </div>
513     </div>
514     <div id="network-proxy-tab" class="subpages-tab-contents">
515       <section>
516         <div id="network-proxy-info-banner" hidden>
517           <span id="banner-text" class="page-banner-text"></span>
518         </div>
519         <div class="radio">
520           <label>
521             <input id="direct-proxy" type="radio" name="proxytype" value="1"
522                 pref="cros.session.proxy.type">
523             <span i18n-content="proxyDirectInternetConnection"></span>
524           </label>
525         </div>
526         <div class="radio">
527           <label>
528             <input id="auto-proxy" type="radio" name="proxytype" value="3"
529                 pref="cros.session.proxy.type">
530             <span i18n-content="proxyAutomatic"></span>
531           </label>
532         </div>
533         <div class="proxy-subsection" id="auto-proxy-parms">
534           <div class="checkbox">
535             <label>
536               <input id="proxy-use-pac-url" type="checkbox"
537                   pref="cros.session.proxy.usepacurl">
538               <span i18n-content="proxyUseConfigUrl"></span>
539             </label>
540           </div>
541           <div>
542             <label>
543               <input id="proxy-pac-url" type="url" size="50"
544                   pref="cros.session.proxy.pacurl">
545             </label>
546           </div>
547         </div>
548         <div class="radio">
549           <label>
550             <input id="manual-proxy" type="radio" name="proxytype" value="2"
551                 pref="cros.session.proxy.type">
552             <span i18n-content="proxyManual"></span>
553           </label>
554         </div>
555         <div class="proxy-subsection" id="manual-proxy-parms">
556           <div class="checkbox">
557             <label>
558               <input id="proxy-all-protocols" type="checkbox"
559                   pref="cros.session.proxy.single">
560               <span i18n-content="sameProxyProtocols"></span>
561             </label>
562           </div>
563           <div id="single-proxy">
564             <table>
565               <tr>
566                 <td>
567                   <span i18n-content="httpProxy"></span>
568                   <input id="proxy-host-single-name" type="text" size="25"
569                       pref="cros.session.proxy.singlehttp" disabled>
570                 </td>
571                 <td>
572                   <span i18n-content="proxyPort"></span>
573                   <input id="proxy-host-single-port" size="4"
574                       pref="cros.session.proxy.singlehttpport" disabled>
575                 </td>
576               </tr>
577             </table>
578           </div>
579           <div id="multi-proxy">
580             <table>
581               <tr>
582                 <td>
583                   <span i18n-content="httpProxy"></span>
584                 </td>
585                 <td>
586                   <input id="proxy-host-name" type="text" size="25"
587                       pref="cros.session.proxy.httpurl" disabled>
588                 </td>
589                 <td>
590                   <span i18n-content="proxyPort"></span>
591                 </td>
592                 <td>
593                   <input id="proxy-host-port" size="4"
594                       pref="cros.session.proxy.httpport" disabled>
595                 </td>
596               </tr>
597               <tr>
598                 <td>
599                   <span i18n-content="secureHttpProxy"></span>
600                 </td>
601                 <td>
602                   <input id="secure-proxy-host-name" type="text" size="25"
603                       pref="cros.session.proxy.httpsurl" disabled>
604                 </td>
605                 <td>
606                   <span i18n-content="proxyPort"></span>
607                 </td>
608                 <td>
609                   <input id="secure-proxy-port" size="4"
610                       pref="cros.session.proxy.httpsport" disabled>
611                 </td>
612               </tr>
613               <tr>
614                 <td>
615                   <span i18n-content="ftpProxy"></span>
616                 </td>
617                 <td>
618                   <input id="ftp-proxy" type="text" size="25"
619                       pref="cros.session.proxy.ftpurl" disabled>
620                 </td>
621                 <td>
622                   <span i18n-content="proxyPort"></span>
623                   </td>
624                 <td>
625                   <input id="ftp-proxy-port" size="4"
626                       pref="cros.session.proxy.ftpport" disabled>
627                 </td>
628               </tr>
629               <tr>
630                 <td>
631                   <span i18n-content="socksHost"></span>
632                 </td>
633                 <td>
634                   <input id="socks-host" type="text" size="25"
635                       pref="cros.session.proxy.socks" disabled>
636                 </td>
637                 <td>
638                   <span i18n-content="proxyPort"></span>
639                 </td>
640                 <td>
641                   <input id="socks-port" size="4"
642                       pref="cros.session.proxy.socksport" disabled>
643                 </td>
644               </tr>
645             </table>
646           </div>
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>
654             </div>
655           </div>
656         </div>
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>
660         </div>
661       </section>
662     </div>
663   </div>
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">
669       </button>
670       <button id="details-internet-login" i18n-content="connectButton">
671       </button>
672       <button id="details-internet-disconnect" i18n-content="disconnectButton">
673       </button>
674       <button id="details-internet-configure" i18n-content="configureButton">
675       </button>
676       <button id="activate-details" i18n-content="activateButton"></button>
677       <button id="view-account-details" i18n-content="viewAccountButton">
678       </button>
679     </div>
680   </div>
681 </div>