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