Options2: Pull the trigger.

chrome/browser/resources/options2/chromeos/internet_detail.html

Index: chrome/browser/resources/options2/chromeos/internet_detail.html
diff --git a/chrome/browser/resources/options2/chromeos/internet_detail.html b/chrome/browser/resources/options2/chromeos/internet_detail.html
new file mode 100644
index 0000000000000000000000000000000000000000..d7220669020c40f987aaf0f642d255bd8c7af38f
--- /dev/null
+++ b/chrome/browser/resources/options2/chromeos/internet_detail.html
@@ -0,0 +1,364 @@
+<div id="detailsInternetPage" class="page" hidden>
+  <h1 id="inetTitle"></h1>
+  <!-- Navigation tabs -->
+  <div id="details-tab-strip" class="subpages-nav-tabs">
+    <span id="wifiNetworkNavTab" class="tab wifi-details"
+        tab-contents="wifiNetworkTab">
+      <span class="tab-label"
+          i18n-content="wifiNetworkTabLabel"></span>
+      <span class="active-tab-label" i18n-content="wifiNetworkTabLabel"></span>
+    </span>
+    <span id="vpnNavTab" class="tab vpn-details"
+        tab-contents="vpnTab">
+      <span class="tab-label"
+          i18n-content="vpnTabLabel"></span>
+      <span class="active-tab-label" i18n-content="vpnTabLabel"></span>
+    </span>
+    <span id="cellularPlanNavTab" class="tab cellular-details cdma-only"
+        tab-contents="cellularPlanTab">
+      <span class="tab-label"
+          i18n-content="cellularPlanTabLabel"></span>
+      <span class="active-tab-label" i18n-content="cellularPlanTabLabel"></span>
+    </span>
+    <span id="cellularConnNavTab" class="tab cellular-details"
+        tab-contents="cellularConnTab">
+      <span class="tab-label"
+          i18n-content="cellularConnTabLabel"></span>
+      <span class="active-tab-label" i18n-content="cellularConnTabLabel"></span>
+    </span>
+    <span id="cellularDeviceNavTab" class="tab cellular-details"
+        tab-contents="cellularDeviceTab">
+      <span class="tab-label"
+          i18n-content="cellularDeviceTabLabel"></span>
+      <span class="active-tab-label"
+          i18n-content="cellularDeviceTabLabel"></span>
+    </span>
+    <span id="internetNavTab" class="tab" tab-contents="internetTab">
+      <span class="tab-label" i18n-content="networkTabLabel"></span>
+      <span class="active-tab-label" i18n-content="networkTabLabel"></span>
+    </span>
+    <span id="security-nav-tab" class="tab cellular-details gsm-only"
+        tab-contents="security-tab">
+      <span class="tab-label" i18n-content="securityTabLabel"></span>
+      <span class="active-tab-label" i18n-content="securityTabLabel"></span>
+    </span>
+  </div>
+  <div id="wifiNetworkTab" class="subpages-tab-contents wifi-details">
+    <section>
+      <table class="ssid-table">
+        <tr>
+          <td class="option-name" i18n-content="inetSsid"></td>
+          <td id="inetSsid" class="option-value"></td>
+        </tr>
+      </table>
+    </section>
+    <section>
+      <table class="option-control-table">
+        <tr class="prefer-network">
+          <td>
+            <div class="checkbox">
+              <label>
+                <input id="preferNetworkWifi" type="checkbox">
+                <span i18n-content="inetPreferredNetwork"></span>
+              </label>
+              <span class="controlled-setting-indicator" data="preferred"
+                  for="preferNetworkWifi"></span>
+            </div>
+          </td>
+        </tr>
+        <tr class="auto-connect-network">
+          <td>
+            <div class="checkbox">
+              <label>
+                <input id="autoConnectNetworkWifi" type="checkbox">
+                <span i18n-content="inetAutoConnectNetwork"></span>
+              </label>
+              <span class="controlled-setting-indicator" data="autoConnect"
+                  for="autoConnectNetworkWifi"></span>
+            </div>
+          </td>
+        </tr>
+      </table>
+    </section>
+    <section id="passwordNetwork" class="password-details">
+      <table class="option-control-table">
+        <tr>
+          <td class="option-name" i18n-content="inetPassProtected"></td>
+        </tr>
+      </table>
+    </section>
+    <section id="sharedNetwork" class="shared-network">
+      <table class="option-control-table">
+        <tr>
+          <td class="option-name" i18n-content="inetNetworkShared"></td>
+        </tr>
+      </table>
+    </section>
+  </div>
+  <div id="vpnTab" class="subpages-tab-contents vpn-details">
+    <section>
+      <table class="option-control-table">
+        <tr>
+          <td class="option-name" i18n-content="inetServiceName"></td>
+          <td id="inetServiceName" class="option-value"></td>
+        </tr>
+        <tr>
+          <td class="option-name" i18n-content="inetServerHostname"></td>
+          <td id="inetServerHostname" class="option-value"></td>
+        </tr>
+        <tr>
+          <td class="option-name" i18n-content="inetProviderType"></td>
+          <td id="inetProviderType" class="option-value"></td>
+        </tr>
+        <tr>
+          <td class="option-name" i18n-content="inetUsername"></td>
+          <td id="inetUsername" class="option-value"></td>
+        </tr>
+      </table>
+    </section>
+  </div>
+  <div id="cellularPlanTab"
+      class="subpages-tab-contents cellular-details cdma-only">
+    <section>
+      <div>
+        <table id="details-plan-table" class="option-control-table">
+          <tr class="plan-loading-info">
+            <td i18n-content="planLoading" class="option-value"></td>
+          </tr>
+          <tr class="no-plan-info">
+            <td i18n-content="noPlansFound" class="option-value"></td>
+          </tr>
+        </table>
+      </div>
+      <div id="planList"></div>
+    </section>
+    <section class="plan-details-info">
+      <div class="checkbox">
+        <label>
+          <input id="showPlanNotifications" type="checkbox"
+                 pref="settings.internet.mobile.show_plan_notifications">
+          <span i18n-content="showPlanNotifications"></span>
+        </label>
+      </div>
+    </section>
+  </div>
+  <div id="cellularConnTab" class="subpages-tab-contents cellular-details">
+    <section id="cellularNetworkOptions">
+      <table class="option-control-table">
+        <tr>
+          <td class="option-name" i18n-content="serviceName"></td>
+          <td id="serviceName" class="option-value"></td>
+        </tr>
+        <tr>
+          <td class="option-name" i18n-content="networkTechnology"></td>
+          <td id="networkTechnology" class="option-value"></td>
+        </tr>
+        <tr>
+          <td class="option-name" i18n-content="activationState"></td>
+          <td id="activationState" class="option-value"></td>
+        </tr>
+        <tr>
+          <td class="option-name" i18n-content="roamingState"></td>
+          <td id="roamingState" class="option-value"></td>
+        </tr>
+        <tr>
+          <td class="option-name" i18n-content="restrictedPool"></td>
+          <td id="restrictedPool" class="option-value"></td>
+        </tr>
+        <tr class="gsm-only">
+          <td class="option-name" i18n-content="operatorName"></td>
+          <td id="operatorName" class="option-value"></td>
+        </tr>
+        <tr class="gsm-only">
+          <td class="option-name" i18n-content="operatorCode"></td>
+          <td id="operatorCode" class="option-value"></td>
+        </tr>
+        <tr>
+          <td class="option-name" i18n-content="errorState"></td>
+          <td id="errorState" class="option-value"></td>
+        </tr>
+        <tr class="gsm-only apn-list-view">
+          <td class="option-name" i18n-content="cellularApnLabel"></td>
+          <td id="cellularApnLabel" class="option-value">
+            <select id="selectApn">
+              <option value="-1" i18n-content="cellularApnOther">
+              </option>
+            </select>
+            <span class="controlled-setting-indicator" data="providerApnList"
+                for="selectApn"></span>
+          </td>
+        </tr>
+        <tr class="gsm-only apn-details-view">
+          <td class="option-name" i18n-content="cellularApnLabel"></td>
+          <td id="cellularApnLabel" class="option-value">
+            <input id="cellularApn" type="text">
+          </td>
+        </tr>
+        <tr class="gsm-only apn-details-view">
+          <td class="option-name" i18n-content="cellularApnUsername"></td>
+          <td id="cellularApnUsernameLabel" class="option-value">
+            <input id="cellularApnUsername" type="text">
+          </td>
+        </tr>
+        <tr class="gsm-only apn-details-view">
+          <td class="option-name" i18n-content="cellularApnPassword"></td>
+          <td id="cellularApnPasswordLabel" class="option-value">
+            <input id="cellularApnPassword" type="password">
+          </td>
+        </tr>
+        <tr class="gsm-only apn-details-view">
+          <td class="option-name"></td>
+          <td class="option-value">
+            <button id="cellularApnUseDefault"
+                i18n-content="cellularApnUseDefault"></button>
+            <button id="cellularApnSet"
+                i18n-content="cellularApnSet"></button>
+            <button id="cellularApnCancel"
+                i18n-content="cellularApnCancel"></button>
+          </td>
+        </tr>
+        <tr>
+          <td colspan="2">
+            <div class="checkbox">
+              <label>
+                <input id="autoConnectNetworkCellular" type="checkbox">
+                <span i18n-content="inetAutoConnectNetwork"></span>
+              </label>
+              <span class="controlled-setting-indicator" data="autoConnect"
+                  for="autoConnectNetworkCellular"></span>
+            </div>
+          </td>
+        </tr>
+      </table>
+    </section>
+  </div>
+  <div id="cellularDeviceTab" class="subpages-tab-contents cellular-details">
+    <section id="cellularDeviceOptions">
+      <table class="option-control-table">
+        <tr>
+          <td class="option-name" i18n-content="manufacturer"></td>
+          <td id="manufacturer" class="option-value"></td>
+        </tr>
+        <tr>
+          <td class="option-name" i18n-content="modelId"></td>
+          <td id="modelId" class="option-value"></td>
+        </tr>
+        <tr>
+          <td class="option-name" i18n-content="firmwareRevision"></td>
+          <td id="firmwareRevision" class="option-value"></td>
+        </tr>
+        <tr>
+          <td class="option-name" i18n-content="hardwareRevision"></td>
+          <td id="hardwareRevision" class="option-value"></td>
+        </tr>
+        <tr>
+          <td class="option-name" i18n-content="prlVersion"></td>
+          <td id="prlVersion" class="option-value"></td>
+        </tr>
+        <tr>
+          <td class="option-name">MEID:</td>
+          <td id="meid" class="option-value"></td>
+        </tr>
+        <tr>
+          <td class="option-name">ESN:</td>
+          <td id="esn" class="option-value"></td>
+        </tr>
+        <tr>
+          <td class="option-name">IMEI:</td>
+          <td id="imei" class="option-value"></td>
+        </tr>
+        <tr class="gsm-only">
+          <td class="option-name">IMSI:</td>
+          <td id="imsi" class="option-value"></td>
+        </tr>
+        <tr>
+          <td class="option-name">MDN:</td>
+          <td id="mdn" class="option-value"></td>
+        </tr>
+        <tr>
+          <td class="option-name">MIN:</td>
+          <td id="min" class="option-value"></td>
+        </tr>
+      </table>
+    </section>
+  </div>
+  <div id="internetTab" class="subpages-tab-contents">
+    <section id="advancedSection">
+      <table class="option-control-table">
+        <tr>
+          <td class="option-name" i18n-content="connectionState"></td>
+          <td id="connectionState" class="option-value"></td>
+        </tr>
+        <tr id="hardwareAddressRow">
+          <td class="option-name" i18n-content="hardwareAddress"></td>
+           <td id="hardwareAddress" class="option-value"></td>
+        </tr>
+      </table>
+    </section>
+    <section id="ipconfigSection">
+      <div>
+        <div id="ipTypeDHCPDiv" class="radio">
+          <label>
+            <input type="radio" name="iptype" id="ipTypeDHCP" value="1">
+            <span i18n-content="useDHCP"></span>
+          </label>
+          <span class="controlled-setting-indicator" data="ipconfigDHCP"
+              for="ipTypeDHCP"></span>
+        </div>
+        <div id="ipTypeStaticDiv" class="radio">
+          <label>
+            <input type="radio" name="iptype" id="ipTypeStatic" value="0">
+            <span i18n-content="useStaticIP"></span>
+          </label>
+          <span class="controlled-setting-indicator" data="ipconfigStatic"
+              for="ipTypeStatic"></span>
+        </div>
+        <div class="suboption">
+          <div id="ipConfigManagement" class="settings-list">
+            <list id="ipConfigList"></list>
+          </div>
+        </div>
+      </div>
+    </section>
+    <section id="change-proxy-section">
+      <div>
+        <button id="change-proxy-button" i18n-content="changeProxyButton">
+        </button>
+      </div>
+    </section>
+  </div>
+  <div id="security-tab"
+       class="subpages-tab-contents cellular-details gsm-only">
+    <div id="cellular-security-options">
+      <section>
+        <div id="sim-pin-lock" class="checkbox">
+          <label>
+            <input id="sim-card-lock-enabled" type="checkbox">
+            <span i18n-content="lockSimCard"></span>
+          </label>
+          <span class="controlled-setting-indicator" data="simCardLockEnabled"
+              for="sim-card-lock-enabled"></span>
+        </div>
+      </section>
+      <section>
+        <div id="change-pin-area">
+          <button id="change-pin" i18n-content="changePinButton"></button>
+          <span class="controlled-setting-indicator" data="simCardLockEnabled"
+              for="change-pin"></span>
+        </div>
+      </section>
+    </div>
+  </div>
+  <div class="action-area bottom-strip button-strip">
+    <button id="detailsInternetDismiss"
+            i18n-content="detailsInternetDismiss"></button>
+    <button id="detailsInternetLogin"
+            i18n-content="connect_button"></button>
+    <button id="detailsInternetDisconnect"
+            i18n-content="disconnect_button"></button>
+    <button id="activateDetails"
+            i18n-content="activate_button"></button>
+    <button id="buyplanDetails"
+            i18n-content="buyplan_button"></button>
+  </div>
+</div>