Add network proxy input to md-settings internet details

chrome/browser/resources/settings/internet_page/network_proxy.js

Index: chrome/browser/resources/settings/internet_page/network_proxy.js
diff --git a/chrome/browser/resources/settings/internet_page/network_proxy.js b/chrome/browser/resources/settings/internet_page/network_proxy.js
new file mode 100644
index 0000000000000000000000000000000000000000..b4e9ca0744d8a943ecc7be0ad6bb9e02b031155a
--- /dev/null
+++ b/chrome/browser/resources/settings/internet_page/network_proxy.js
@@ -0,0 +1,259 @@
+// Copyright 2015 The Chromium Authors. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+/**
+ * @fileoverview Polymer element for displaying and editing network proxy
+ * values.
+ */
+Polymer({
+  is: 'network-proxy',
+
+  properties: {
+    /**
+     * The current state containing the IP Config properties to display and
+     * modify.
+     * @type {?CrOnc.NetworkStateProperties}
+     */
+    networkState: {
+      type: Object,
+      value: null,
+      observer: 'networkStateChanged_'
+    },
+
+    /**
+     * Whether or not the proxy values can be edited.
+     */
+    editable: {
+      type: Boolean,
+      value: false
+    },
+
+    /**
+     * UI visible / edited proxy configuration.
+     * @type {!CrOnc.ProxySettings}
+     */
+    proxy: {
+      type: Object,
+      value: function() { return this.createDefaultProxySettings_(); }
+    },
+
+    /**
+     * The Web Proxy Auto Discovery URL extracted from networkState.
+     */
+    WPAD: {
+      type: String,
+      value: ''
+    },
+
+    /**
+     * Whetner or not to use the same manual proxy for all protocols.
+     */
+    useSameProxy: {
+      type: Boolean,
+      value: false,
+      observer: 'useSameProxyChanged_'
+    },
+
+    /**
+     * Array of proxy configuration types.
+     * @type {!Array<string>}
+     * @const
+     */
+    proxyTypes_: {
+      type: Array,
+      value: [
+        CrOnc.ProxySettingsType.DIRECT,
+        CrOnc.ProxySettingsType.PAC,
+        CrOnc.ProxySettingsType.WPAD,
+        CrOnc.ProxySettingsType.MANUAL
+      ],
+      readOnly: true
+    },
+
+    /**
+     * Object providing proxy type values for data binding.
+     * @type {!Object}
+     * @const
+     */
+    ProxySettingsType: {
+      type: Object,
+      value: {
+        DIRECT: CrOnc.ProxySettingsType.DIRECT,
+        PAC: CrOnc.ProxySettingsType.PAC,
+        MANUAL: CrOnc.ProxySettingsType.MANUAL,
+        WPAD: CrOnc.ProxySettingsType.WPAD
+      },
+      readOnly: true
+    },
+  },
+
+  /**
+   * Saved Manual properties so that switching to another type does not loose
+   * any set properties while the UI is open.
+   * @type {?CrOnc.ManualProxySettings}
+   */
+  savedManual_: null,
+
+  /**
+   * Saved ExcludeDomains properties so that switching to a non-Manual type does
+   * not loose any set exclusions while the UI is open.
+   * @type {?Array<string>}
+   */
+  savedExcludeDomains_: null,
+
+  /**
+   * Polymer networkState changed method.
+   */
+  networkStateChanged_: function() {
+    console.debug('NetworkProxy.networkStateChanged_');
+    if (!this.networkState)
+      return;
+
+    var defaultProxy = this.createDefaultProxySettings_();
+    var proxy = this.networkState.ProxySettings || {};
+
+    // Ensure that all proxy settings object properties are specified.
+    proxy.ExcludeDomains = proxy.ExcludeDomains || this.savedExcludeDomains_ ||
+                           defaultProxy.ExcludeDomains;
+    proxy.Manual = proxy.Manual || this.savedManual_ || {};
+    proxy.Manual.HTTPProxy =
+        proxy.Manual.HTTPProxy || defaultProxy.Manual.HTTPProxy;
+    proxy.Manual.SecureHTTPProxy =
+        proxy.Manual.SecureHTTPProxy || defaultProxy.Manual.SecureHTTPProxy;
+    proxy.Manual.FTPProxy =
+        proxy.Manual.FTPProxy || defaultProxy.Manual.FTPProxy;
+    proxy.Manual.SOCKS = proxy.Manual.SOCKS || defaultProxy.Manual.SOCKS;
+    proxy.PAC = proxy.PAC || defaultProxy.PAC;
+    proxy.Type = proxy.Type || defaultProxy.Type;
+
+    this.set('proxy', proxy);
+    this.$.selectType.value = proxy.Type;
+
+    // Set the Web Proxy Auto Discovery URL.
+    var ipv4 = CrOnc.getIPConfigForType(this.networkState, CrOnc.IPType.IPV4);
+    this.WPAD = (ipv4 && ipv4.WebProxyAutoDiscoveryUrl) || '';
+  },
+
+  /**
+   * @return {CrOnc.ProxySettings} An empty/default proxy settings object.
+   */
+  createDefaultProxySettings_: function() {
+    return {
+      Type: CrOnc.ProxySettingsType.DIRECT,
+      ExcludeDomains: [],
+      Manual: {
+        HTTPProxy: { Host: '', Port: 80 },
+        SecureHTTPProxy: { Host: '', Port: 80 },
+        FTPProxy: { Host: '', Port: 80 },
+        SOCKS: { Host: '', Port: 1080 }
+      },
+      PAC: ''
+    };
+  },
+
+  /**
+   * Polymer useSameProxy changed method.
+   */
+  useSameProxyChanged_: function() {
+    this.sendProxyChanged_();
+  },
+
+  /**
+   * Called when the proxy is changed in the UI.
+   */
+  sendProxyChanged_: function() {
+    if (this.proxy.Type == CrOnc.ProxySettingsType.MANUAL) {
+      if (this.useSameProxy) {
+        var defaultProxy = this.proxy.Manual.HTTPProxy;
+        this.set('proxy.Manual.SecureHTTPProxy',
+                 Object.assign({}, defaultProxy));
+        this.set('proxy.Manual.FTPProxy', Object.assign({}, defaultProxy));
+        this.set('proxy.Manual.SOCKS', Object.assign({}, defaultProxy));
+      }
+      this.savedManual_ = this.proxy.Manual;
+      this.savedExcludeDomains_ = this.proxy.ExcludeDomains;
+    }
+    this.fire('changed', {
+      field: 'ProxySettings',
+      value: this.proxy
+    });
+  },
+
+  /**
+   * Event triggered when the selected proxy type changes.
+   * @param {Event} event The select node changed event.
+   * @private
+   */
+  onTypeChange_: function(event) {
+    var type = this.proxyTypes_[event.target.selectedIndex];
+    console.debug('Proxy type changed: ' + type);
+    this.set('proxy.Type', type);
+    if (type != CrOnc.ProxySettingsType.MANUAL ||
+        this.savedManual_) {
+      this.sendProxyChanged_();
+    }
+  },
+
+  /**
+   * Event triggered when a proxy value changes.
+   * @param {Event} event The proxy value changed event.
+   * @private
+   */
+  onProxyInputChanged_: function(event) {
+    console.debug('Proxy input changed');
+    console.debug(this.proxy);
+    this.sendProxyChanged_();
+  },
+
+  /**
+   * Event triggered when a proxy exclusion is added.
+   * @param {Event} event The add proxy exclusion event.
+   * @private
+   */
+  onAddProxyExclusion_: function(event) {
+    var value = this.$.proxyExclusion.value;
+    if (!value)
+      return;
+    this.push('proxy.ExcludeDomains', value);
+    // Clear input.
+    this.$.proxyExclusion.value = '';
+    this.sendProxyChanged_();
+  },
+
+  /**
+   * Event triggered when the proxy exclusion list has changed.
+   * @param {Event} event The remove proxy exclusions changed event.
+   * @private
+   */
+  onProxyExclusionsChanged_: function(event) {
+    console.debug('onRemoveProxyExclusion');
+    this.sendProxyChanged_();
+  },
+
+  /**
+   * @param {string} proxyType The proxy type.
+   * @return {string} The description for |proxyType|.
+   * @private
+   */
+  proxyTypeDesc_: function(proxyType) {
+    // TODO(stevenjb): Translate.
+    if (proxyType == CrOnc.ProxySettingsType.MANUAL)
+      return 'Manual proxy configuration';
+    if (proxyType == CrOnc.ProxySettingsType.PAC)
+      return 'Automatic proxy configuration';
+    if (proxyType == CrOnc.ProxySettingsType.WPAD)
+      return 'Web proxy autodiscovery';
+    return 'Direct Internet connection';
+  },
+
+  /**
+   * @param {string} property The property to test
+   * @param {string} value The value to test against
+   * @return {boolean} True if property == value
+   * @private
+   */
+  matches_: function(property, value) {
+    return property == value;
+  }
+});