MD Settings: Add settings-internet-config (WiFi only, no certs)

chrome/browser/resources/settings/internet_page/internet_config.html

Index: chrome/browser/resources/settings/internet_page/internet_config.html
diff --git a/chrome/browser/resources/settings/internet_page/internet_config.html b/chrome/browser/resources/settings/internet_page/internet_config.html
new file mode 100644
index 0000000000000000000000000000000000000000..3d968d5bc2d6b72a22a8ac6d487587d65161293e
--- /dev/null
+++ b/chrome/browser/resources/settings/internet_page/internet_config.html
@@ -0,0 +1,152 @@
+<link rel="import" href="chrome://resources/cr_elements/network/cr_network_icon.html">
+<link rel="import" href="chrome://resources/cr_elements/network/cr_onc_types.html">
+<link rel="import" href="chrome://resources/html/i18n_behavior.html">
+<link rel="import" href="chrome://resources/html/polymer.html">
+<link rel="import" href="chrome://resources/html/md_select_css.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input-container.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/paper-toggle-button/paper-toggle-button.html">

[stevenjb, 2017/05/02 00:17:44]

include iron-flex-layout-classes.html

+<link rel="import" href="internet_shared_css.html">
+
+<dom-module id="settings-internet-config">
+  <template>
+    <style include="internet-shared md-select iron-flex">
+      #title {
+        -webkit-padding-start: 8px;
+        font-size: 107.69%;  /* 14px / 13px */
+        font-weight: 500;
+      }
+    </style>
+
+    <!-- Title section: Icon + name + connection state. -->

[stevenjb, 2017/05/02 00:17:44]

Fix comment

+    <div class="settings-box first">
+      <div class="start layout horizontal center">
+        <cr-network-icon network-state="[[networkProperties_]]" is-list-item>
+        </cr-network-icon>
+        <div id="title">[[title_]]</div>
+      </div>
+      <div id="buttonDiv">
+        <paper-button class="secondary-button" on-tap="onCancelTap_">
+          $i18n{cancel}
+        </paper-button>
+        <paper-button class="primary-button" on-tap="onSaveTap_">
+          $i18n{save}
+        </paper-button>
+      </div>
+    </div>
+
+    <template is="dom-if"
+        if="[[isType_(NetworkType_.WI_FI, networkProperties_)]]">
+      <div class="settings-box">
+        <div id="shareLabel" class="start">$i18n{networkConfigShare}</div>
+        <paper-toggle-button checked="{{shareNetwork_}}" disabled="[[guid]]"
+            aria-labelledby="shareLabel">
+        </paper-toggle-button>
+      </div>
+
+      <div class="settings-box">
+        <div id="ssidLabel" class="start">$i18n{OncWiFi-SSID}</div>
+        <paper-input-container no-label-float>
+          <input is="iron-input" value="[[configProperties_.WiFi.SSID]]"
+              disabled="[[guid_]]" aria-labelledby="ssidLabel">
+        </paper-input-container>
+      </div>
+
+      <div class="settings-box">
+        <div id="securityLabel" class="start">$i18n{OncWiFi-Security}</div>
+        <select class="md-select" disabled$="[[guid]]"
+            value="{{configProperties_.WiFi.Security::change}}"
+            aria-labelledby="securityLabel">
+          <template is="dom-repeat" items="[[securityItems_]]">
+            <option value="[[item]]">
+              [[getOncLabel_(item, 'Wifi.Security')]]
+            </option>
+          </template>
+        </select>
+      </div>
+    </template>
+
+    <template is="dom-if" if="[[showPassphrase_(configProperties_.*)]]">
+      <div class="settings-box">
+        <div id="passphraseLabel" class="start">
+          $i18n{OncWiFi-Passphrase}
+        </div>
+        <paper-input-container no-label-float>
+          <input is="iron-input" type="password"
+              value="[[configProperties_.WiFi.Passphrase]]"
+              aria-labelledby="passphraseLabel">
+        </paper-input-container>
+      </div>
+    </template>
+
+    <template is="dom-if" if="[[showEap_(configProperties_.*)]]">
+      <div class="settings-box">
+        <div id="eapOuterLabel" class="start">$i18n{OncWiFi-EAP-Outer}</div>
+        <select class="md-select"
+            value="{{configProperties_.WiFi.EAP.Outer::change}}"
+            aria-labelledby="eapOuterLabel">
+          <template is="dom-repeat" items="[[eapOuterItems_]]">
+            <option value="[[item]]">
+              [[getOncLabel_(item, 'WiFi.EAP.Outer')]]
+            </option>
+          </template>
+        </select>
+      </div>
+      <div class="settings-box">
+        <div id="eapInnerLabel" class="start">$i18n{OncWiFi-EAP-Inner}</div>
+        <select class="md-select"
+            value="{{configProperties_.WiFi.EAP.Inner::change}}"
+            aria-labelledby="eapInnerLabel">
+          <template is="dom-repeat" items="[[eapInnerItems_]]">
+            <option value="[[item]]">
+              [[getOncLabel_(item, 'WiFi.EAP.Inner')]]
+            </option>
+          </template>
+        </select>
+      </div>
+      <div class="settings-box">
+        <div id="eapSubjectMatchLabel" class="start">
+          $i18n{OncWiFi-EAP-SubjectMatch}
+        </div>
+        <paper-input-container no-label-float>
+          <input is="iron-input"
+              value="[[configProperties_.WiFi.EAP.SubjectMatch]]"
+              aria-labelledby="eapSubjectMatchLabel">
+        </paper-input-container>
+      </div>
+      <div class="settings-box">
+        <div id="OncWiFi-EAP-Identity" class="start">
+          $i18n{OncWiFi-EAP-Identity}
+        </div>
+        <paper-input-container no-label-float>
+          <input is="iron-input"
+              value="[[configProperties_.WiFi.EAP.Identity]]"
+              aria-labelledby="eapIdentityLabel">
+        </paper-input-container>
+      </div>
+      <div class="settings-box">
+        <div id="eapPasswordLabel" class="start">
+          $i18n{OncWiFi-EAP-Password}
+        </div>
+        <paper-input-container no-label-float>
+          <input is="iron-input" type="password"
+              value="[[configProperties_.WiFi.EAP.Password]]"
+              disabled="[[guid_]]" aria-labelledby="eapPasswordLabel">
+        </paper-input-container>
+      </div>
+      <div class="settings-box">
+        <div id="eapAnonymousIdentityLabel" class="start">
+          $i18n{OncWiFi-EAP-AnonymousIdentity}
+        </div>
+        <paper-input-container no-label-float>
+          <input is="iron-input"
+              value="[[configProperties_.WiFi.EAP.AnonymousIdentity]]"
+              aria-labelledby="eapAnonymousIdentityLabel">
+        </paper-input-container>
+      </div>
+    </template>
+  </template>
+
+  </template>
+  <script src="internet_config.js"></script>
+</dom-module>