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">
 255               <select id="select-carrier">
 256               </select>
 257               <div id="switch-carrier-spinner" class="inline-spinner" hidden>
 258               </div>
 259             </td>
 260           </tr>
 261           <tr>
 262             <td class="option-name" i18n-content="networkTechnology"></td>
 263             <td id="network-technology" class="option-value"></td>
 264           </tr>
 265           <tr>
 266             <td class="option-name" i18n-content="activationState"></td>
 267             <td id="activation-state" class="option-value"></td>
 268           </tr>
 269           <tr>
 270             <td class="option-name" i18n-content="roamingState"></td>
 271             <td id="roaming-state" class="option-value"></td>
 272           </tr>
 273           <tr>
 274             <td class="option-name" i18n-content="restrictedConnectivity"></td>
 275             <td id="cellular-restricted-connectivity" class="option-value"></td>
 276           </tr>
 277           <tr>
 278             <td class="option-name" i18n-content="operatorName"></td>
 279             <td id="operator-name" class="option-value"></td>
 280           </tr>
 281           <tr>
 282             <td class="option-name" i18n-content="operatorCode"></td>
 283             <td id="operator-code" class="option-value"></td>
 284           </tr>
 285           <tr>
 286             <td class="option-name" i18n-content="errorState"></td>
 287             <td id="error-state" class="option-value"></td>
 288           </tr>
 289           <tr class="gsm-only apn-list-view">
 290             <td class="option-name" i18n-content="cellularApnLabel"></td>
 291             <td id="cellular-apn-label" class="option-value">
 292               <select id="select-apn">
 293                 <option value="-1" i18n-content="cellularApnOther">
 294                 </option>
 295               </select>
 296               <span class="controlled-setting-indicator"
 297                     managed="Cellular.APN"
 298                     internet-detail-for="select-apn"></span>
 299             </td>
 300           </tr>
 301           <tr class="gsm-only apn-details-view">
 302             <td class="option-name" i18n-content="cellularApnLabel"></td>
 303             <td id="cellular-apn-label" class="option-value">
 304               <input id="cellular-apn" type="text">
 305             </td>
 306           </tr>
 307           <tr class="gsm-only apn-details-view">
 308             <td class="option-name" i18n-content="cellularApnUsername"></td>
 309             <td id="cellular-apn-username-label" class="option-value">
 310               <input id="cellular-apn-username" type="text">
 311             </td>
 312           </tr>
 313           <tr class="gsm-only apn-details-view">
 314             <td class="option-name" i18n-content="cellularApnPassword"></td>
 315             <td id="cellular-apn-password-label" class="option-value">
 316               <input id="cellular-apn-password" type="password">
 317             </td>
 318           </tr>
 319           <tr class="gsm-only apn-details-view">
 320             <td class="option-name"></td>
 321             <td class="option-value">
 322               <button id="cellular-apn-use-default"
 323                   i18n-content="cellularApnUseDefault"></button>
 324               <button id="cellular-apn-set"
 325                   i18n-content="cellularApnSet"></button>
 326               <button id="cellular-apn-cancel"
 327                   i18n-content="cellularApnCancel"></button>
 328             </td>
 329           </tr>
 330           <tr>
 331             <td colspan="2">
 332               <div class="checkbox controlled-setting-with-label">
 333                 <label>
 334                   <input id="auto-connect-network-cellular" type="checkbox">
 335                   <span>
 336                     <span i18n-content="inetAutoConnectNetwork"></span>
 337                     <span class="controlled-setting-indicator"
 338                           managed="Cellular.AutoConnect"
 339                           internet-detail-for="auto-connect-network-cellular">
 340                     </span>
 341                   </span>
 342                 </label>
 343               </div>
 344             </td>
 345           </tr>
 346         </table>
 347       </section>
 348     </div>
 349     <div id="cellular-device-tab" class="subpages-tab-contents
 350         cellular-details">
 351       <section id="cellular-device-options">
 352         <table class="option-control-table">
 353           <tr>
 354             <td class="option-name" i18n-content="cellularManufacturer"></td>
 355             <td id="manufacturer" class="option-value"></td>
 356           </tr>
 357           <tr>
 358             <td class="option-name" i18n-content="modelId"></td>
 359             <td id="model-id" class="option-value"></td>
 360           </tr>
 361           <tr>
 362             <td class="option-name" i18n-content="firmwareRevision"></td>
 363             <td id="firmware-revision" class="option-value"></td>
 364           </tr>
 365           <tr>
 366             <td class="option-name" i18n-content="hardwareRevision"></td>
 367             <td id="hardware-revision" class="option-value"></td>
 368           </tr>
 369           <tr class="cdma-only">
 370             <td class="option-name" i18n-content="prlVersion"></td>
 371             <td id="prl-version" class="option-value"></td>
 372           </tr>
 373           <tr>
 374             <td class="option-name">MEID:</td>
 375             <td id="meid" class="option-value"></td>
 376           </tr>
 377           <tr class="gsm-only">
 378             <td class="option-name">ICCID:</td>
 379             <td id="iccid" class="option-value"></td>
 380           </tr>
 381           <tr>
 382             <td class="option-name">ESN:</td>
 383             <td id="esn" class="option-value"></td>
 384           </tr>
 385           <tr>
 386             <td class="option-name">IMEI:</td>
 387             <td id="imei" class="option-value"></td>
 388           </tr>
 389           <tr class="gsm-only">
 390             <td class="option-name">IMSI:</td>
 391             <td id="imsi" class="option-value"></td>
 392           </tr>
 393           <tr>
 394             <td class="option-name">MDN:</td>
 395             <td id="mdn" class="option-value"></td>
 396           </tr>
 397           <tr>
 398             <td class="option-name">MIN/MSID:</td>
 399             <td id="min" class="option-value"></td>
 400           </tr>
 401         </table>
 402       </section>
 403     </div>
 404     <div id="internet-tab" class="subpages-tab-contents">
 405       <section id="advanced-section">
 406         <table class="option-control-table">
 407           <tr>
 408             <td class="option-name" i18n-content="connectionState"></td>
 409             <td id="connection-state" class="option-value"></td>
 410           </tr>
 411           <tr id="hardware-address-row">
 412             <td class="option-name" i18n-content="hardwareAddress"></td>
 413              <td id="hardware-address" class="option-value"></td>
 414           </tr>
 415         </table>
 416       </section>
 417       <section id="ipconfig-section">
 418         <div id="ip-automatic-configuration"
 419             class="checkbox controlled-setting-with-label">
 420           <label>
 421             <input id="ip-automatic-configuration-checkbox"
 422                 type="checkbox">
 423             <span>
 424               <span i18n-content="ipAutomaticConfiguration"></span>
 425               <span class="controlled-setting-indicator"
 426                     managed="IPAddressConfigType"></span>
 427             </span>
 428           </label>
 429         </div>
 430         <div>
 431         <table id="ip-address-settings">
 432           <tr>
 433             <td class="spacer" width="14px"></td>
 434             <td class="option-name" i18n-content="inetAddress"></td>
 435             <td><div id="ip-address"></div></td>
 436           </tr>
 437           <tr>
 438             <td class="spacer" width="14px"></td>
 439             <td class="option-name" id="ip-netmask-label"
 440                 i18n-content="inetNetmask"></td>
 441             <td><div id="ip-netmask"></div></td>
 442           </tr>
 443           <tr>
 444             <td class="spacer" width="14px"></td>
 445             <td class="option-name" i18n-content="inetGateway"></td>
 446             <td><div id="ip-gateway"></div></td>
 447           </tr>
 448         </table>
 449       </section>
 450       <section id="ipconfig-dns-section">
 451         <div class="radio">
 452           <label>
 453             <input id="automatic-dns-radio" type="radio" name="dnstype"
 454                 value="automatic">
 455             <span>
 456               <span i18n-content="automaticNameServers"></span>
 457               <span class="controlled-setting-indicator"
 458                     managed="NameServersConfigType"></span>
 459             </span>
 460           </label>
 461         </div>
 462         <div id="automatic-dns-display" class="dns-display"></div>
 463         <div class="radio">
 464           <label>
 465             <input id="google-dns-radio" type="radio" name="dnstype"
 466                 value="google">
 467             <span id="google-dns-label"></span>
 468           </label>
 469         </div>
 470         <div id="google-dns-display" class="dns-display"></div>
 471         <div class="radio">
 472           <label>
 473             <input id="user-dns-radio" type="radio" name="dnstype"
 474                 value="user">
 475             <span i18n-content="userNameServers"></span>
 476           </label>
 477         </div>
 478         <table id="user-dns-settings">
 479           <tr>
 480             <td class="spacer" width="14px"></td>
 481             <td>
 482               <div id="ipconfig-dns1" i18n-placeholder-text="userNameServer1"
 483                   allow-empty>
 484               </div>
 485             </td>
 486             <td>
 487               <div id="ipconfig-dns2" i18n-placeholder-text="userNameServer2"
 488                   allow-empty>
 489               </div>
 490             </td>
 491           </tr>
 492           <tr>
 493             <td class="spacer" width="14px"></td>
 494             <td>
 495               <div id="ipconfig-dns3" i18n-placeholder-text="userNameServer3"
 496                   allow-empty>
 497               </div>
 498             </td>
 499             <td>
 500               <div id="ipconfig-dns4" i18n-placeholder-text="userNameServer4"
 501                   allow-empty>
 502               </div>
 503             </td>
 504           </tr>
 505         </table>
 506       </section>
 507     </div>
 508     <div id="security-tab"
 509          class="subpages-tab-contents cellular-details gsm-only">
 510       <div id="cellular-security-options">
 511         <section>
 512           <div id="sim-pin-lock" class="checkbox controlled-setting-with-label">
 513             <label>
 514               <input id="sim-card-lock-enabled" type="checkbox">
 515               <span>
 516                 <span i18n-content="lockSimCard"></span>
 517                 <span class="controlled-setting-indicator"
 518                       managed="Cellular.SIMLockStatus.LockEnabled"
 519                       internet-detail-for="sim-card-lock-enabled"></span>
 520               </span>
 521             </label>
 522           </div>
 523         </section>
 524         <section>
 525           <div id="change-pin-area">
 526             <button id="change-pin" i18n-content="changePinButton"></button>
 527             <span class="controlled-setting-indicator"
 528                   managed="Cellular.SIMLockStatus.LockType"
 529                   internet-detail-for="change-pin"></span>
 530           </div>
 531         </section>
 532       </div>
 533     </div>
 534     <div id="network-proxy-tab" class="subpages-tab-contents">
 535       <section>
 536         <div id="network-proxy-info-banner" hidden>
 537           <span id="banner-text" class="page-banner-text"></span>
 538         </div>
 539         <div class="radio">
 540           <label>
 541             <input id="direct-proxy" type="radio" name="proxytype" value="1"
 542                 pref="cros.session.proxy.type">
 543             <span i18n-content="proxyDirectInternetConnection"></span>
 544           </label>
 545         </div>
 546         <div class="radio">
 547           <label>
 548             <input id="auto-proxy" type="radio" name="proxytype" value="3"
 549                 pref="cros.session.proxy.type">
 550             <span i18n-content="proxyAutomatic"></span>
 551           </label>
 552         </div>
 553         <div class="proxy-subsection" id="auto-proxy-parms">
 554           <div class="checkbox">
 555             <label>
 556               <input id="proxy-use-pac-url" type="checkbox"
 557                   pref="cros.session.proxy.usepacurl">
 558               <span i18n-content="proxyUseConfigUrl"></span>
 559             </label>
 560           </div>
 561           <div>
 562             <label>
 563               <input id="proxy-pac-url" type="url" size="50"
 564                   pref="cros.session.proxy.pacurl">
 565             </label>
 566           </div>
 567         </div>
 568         <div class="radio">
 569           <label>
 570             <input id="manual-proxy" type="radio" name="proxytype" value="2"
 571                 pref="cros.session.proxy.type">
 572             <span i18n-content="proxyManual"></span>
 573           </label>
 574         </div>
 575         <div class="proxy-subsection" id="manual-proxy-parms">
 576           <div class="checkbox">
 577             <label>
 578               <input id="proxy-all-protocols" type="checkbox"
 579                   pref="cros.session.proxy.single">
 580               <span i18n-content="sameProxyProtocols"></span>
 581             </label>
 582           </div>
 583           <div id="single-proxy">
 584             <table>
 585               <tr>
 586                 <td>
 587                   <span i18n-content="httpProxy"></span>
 588                   <input id="proxy-host-single-name" type="text" size="25"
 589                       pref="cros.session.proxy.singlehttp" disabled>
 590                 </td>
 591                 <td>
 592                   <span i18n-content="proxyPort"></span>
 593                   <input id="proxy-host-single-port" size="4"
 594                       pref="cros.session.proxy.singlehttpport" disabled>
 595                 </td>
 596               </tr>
 597             </table>
 598           </div>
 599           <div id="multi-proxy">
 600             <table>
 601               <tr>
 602                 <td>
 603                   <span i18n-content="httpProxy"></span>
 604                 </td>
 605                 <td>
 606                   <input id="proxy-host-name" type="text" size="25"
 607                       pref="cros.session.proxy.httpurl" disabled>
 608                 </td>
 609                 <td>
 610                   <span i18n-content="proxyPort"></span>
 611                 </td>
 612                 <td>
 613                   <input id="proxy-host-port" size="4"
 614                       pref="cros.session.proxy.httpport" disabled>
 615                 </td>
 616               </tr>
 617               <tr>
 618                 <td>
 619                   <span i18n-content="secureHttpProxy"></span>
 620                 </td>
 621                 <td>
 622                   <input id="secure-proxy-host-name" type="text" size="25"
 623                       pref="cros.session.proxy.httpsurl" disabled>
 624                 </td>
 625                 <td>
 626                   <span i18n-content="proxyPort"></span>
 627                 </td>
 628                 <td>
 629                   <input id="secure-proxy-port" size="4"
 630                       pref="cros.session.proxy.httpsport" disabled>
 631                 </td>
 632               </tr>
 633               <tr>
 634                 <td>
 635                   <span i18n-content="ftpProxy"></span>
 636                 </td>
 637                 <td>
 638                   <input id="ftp-proxy" type="text" size="25"
 639                       pref="cros.session.proxy.ftpurl" disabled>
 640                 </td>
 641                 <td>
 642                   <span i18n-content="proxyPort"></span>
 643                   </td>
 644                 <td>
 645                   <input id="ftp-proxy-port" size="4"
 646                       pref="cros.session.proxy.ftpport" disabled>
 647                 </td>
 648               </tr>
 649               <tr>
 650                 <td>
 651                   <span i18n-content="socksHost"></span>
 652                 </td>
 653                 <td>
 654                   <input id="socks-host" type="text" size="25"
 655                       pref="cros.session.proxy.socks" disabled>
 656                 </td>
 657                 <td>
 658                   <span i18n-content="proxyPort"></span>
 659                 </td>
 660                 <td>
 661                   <input id="socks-port" size="4"
 662                       pref="cros.session.proxy.socksport" disabled>
 663                 </td>
 664               </tr>
 665             </table>
 666           </div>
 667           <div id="advanced-config">
 668             <div class="option vbox flex">
 669               <div i18n-content="proxyBypass"></div>
 670               <list id="ignored-host-list"></list>
 671               <input id="new-host" type="url" size="30">
 672               <button id="add-host" i18n-content="addHost"></button>
 673               <button id="remove-host" i18n-content="removeHost"></button>
 674             </div>
 675           </div>
 676         </div>
 677         <div class="proxy-subsection" id="web-proxy-auto-discovery">
 678           <span i18n-content="webProxyAutoDiscoveryUrl"></span>
 679           <input id="web-proxy-auto-discovery-url" type="url" disabled>
 680         </div>
 681       </section>
 682     </div>
 683   </div>
 684   <div class="action-area">
 685     <div class="button-strip">
 686       <!-- TODO(dbeam): Clarify style guide regarding tag wrap. -->
 687       <button id="details-internet-dismiss" class="default-button"
 688           i18n-content="detailsInternetDismiss">
 689       </button>
 690       <button id="details-internet-login" i18n-content="connectButton">
 691       </button>
 692       <button id="details-internet-disconnect" i18n-content="disconnectButton">
 693       </button>
 694       <button id="details-internet-configure" i18n-content="configureButton">
 695       </button>
 696       <button id="activate-details" i18n-content="activateButton"></button>
 697       <button id="view-account-details" i18n-content="viewAccountButton">
 698       </button>
 699     </div>
 700   </div>
 701 </div>