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