Disable UI in chrome://settings/internet and details popup for policy-managed networks.

chrome/browser/resources/options/chromeos/internet_options.js

 // Copyright (c) 2011 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.
 
 cr.define('options', function() {
   var OptionsPage = options.OptionsPage;
   const ArrayDataModel = cr.ui.ArrayDataModel;
 
   /////////////////////////////////////////////////////////////////////////////
   // InternetOptions class:
@@ skipping 26 matching lines @@
 
       options.internet.NetworkElement.decorate($('wired-list'));
       $('wired-list').load(templateData.wiredList);
       options.internet.NetworkElement.decorate($('wireless-list'));
       $('wireless-list').load(templateData.wirelessList);
       options.internet.NetworkElement.decorate($('vpn-list'));
       $('vpn-list').load(templateData.vpnList);
       options.internet.NetworkElement.decorate($('remembered-list'));
       $('remembered-list').load(templateData.rememberedList);
 
+      this.updatePolicyIndicatorVisibility_();
+
       options.internet.CellularPlanElement.decorate($('planList'));
 
       $('wired-section').hidden = (templateData.wiredList.length == 0);
       $('wireless-section').hidden = (templateData.wirelessList.length == 0);
       $('vpn-section').hidden = (templateData.vpnList.length == 0);
       $('remembered-section').hidden =
           (templateData.rememberedList.length == 0);
       InternetOptions.setupAttributes(templateData);
       $('detailsInternetDismiss').addEventListener('click', function(event) {
         InternetOptions.setDetails();
@@ skipping 45 matching lines @@
       });
       $('cellularApnUseDefault').addEventListener('click', function(event) {
         var data = $('connectionState').data;
         var apnSelector = $('selectApn');
 
         if (data.userApnIndex != -1) {
           apnSelector.remove(data.userApnIndex);
           data.userApnIndex = -1;
         }
 
-        if (data.providerApnList.length > 0) {
+        if (data.providerApnList.value.length > 0) {
           var iApn = 0;
-          data.apn.apn = data.providerApnList[iApn].apn;
-          data.apn.username = data.providerApnList[iApn].username;
-          data.apn.password = data.providerApnList[iApn].password;
+          data.apn.apn = data.providerApnList.value[iApn].apn;
+          data.apn.username = data.providerApnList.value[iApn].username;
+          data.apn.password = data.providerApnList.value[iApn].password;
           chrome.send('setApn', [String(data.servicePath),
                                  String(data.apn.apn),
                                  String(data.apn.username),
                                  String(data.apn.password)]);
           apnSelector.selectedIndex = iApn;
           data.selectedApn = iApn;
         } else {
           data.apn.apn = '';
           data.apn.username = '';
           data.apn.password = '';
@@ skipping 50 matching lines @@
           cr.doc.querySelectorAll('.apn-list-view'),
           false);
         InternetOptions.prototype.updateHidden_(
           cr.doc.querySelectorAll('.apn-details-view'),
           true);
       });
       $('selectApn').addEventListener('change', function(event) {
         var data = $('connectionState').data;
         var apnSelector = $('selectApn');
         if (apnSelector[apnSelector.selectedIndex].value != -1) {
+          var apnList = data.providerApnList.value;
           chrome.send('setApn', [String(data.servicePath),
-              String(data.providerApnList[apnSelector.selectedIndex].apn),
-              String(data.providerApnList[apnSelector.selectedIndex].username),
-              String(data.providerApnList[apnSelector.selectedIndex].password)
+              String(apnList[apnSelector.selectedIndex].apn),
+              String(apnList[apnSelector.selectedIndex].username),
+              String(apnList[apnSelector.selectedIndex].password)
           ]);
           data.selectedApn = apnSelector.selectedIndex;
         } else if (apnSelector.selectedIndex == data.userApnIndex) {
           chrome.send('setApn', [String(data.servicePath),
                                  String(data.apn.apn),
                                  String(data.apn.username),
                                  String(data.apn.password)]);
           data.selectedApn = apnSelector.selectedIndex;
         } else {
           $('cellularApn').value = data.apn.apn;
@@ skipping 53 matching lines @@
       $('wireless-buttons').hidden = accesslocked;
       $('wired-section').hidden = accesslocked;
       $('wireless-section').hidden = accesslocked;
       $('vpn-section').hidden = accesslocked;
       $('remembered-section').hidden = accesslocked;
 
       // Don't change hidden attribute on OptionsPage divs directly because it
       // is used in supporting infrastructure now.
       if (accesslocked && DetailsInternetPage.getInstance().visible)
         this.closeOverlay();
+    },
+
+    /**
+     * Updates the policy indicator visibility. Space is only allocated for the
+     * policy indicators if there is at least one visible.
+     * @private
+     */
+    updatePolicyIndicatorVisibility_: function() {
+      var page = $('internetPage');
+      if (page.querySelectorAll(
+              '.network-item > .controlled-setting-indicator[controlled-by]')
+              .length) {
+        page.classList.remove('hide-indicators');
+      } else {
+        page.classList.add('hide-indicators');
+      }
     }
   };
 
   /**
    * Whether access to this page is locked.
    * @type {boolean}
    */
   cr.defineProperty(InternetOptions, 'accesslocked', cr.PropertyKind.JS,
       InternetOptions.prototype.updateControls_);
 
@@ skipping 91 matching lines @@
     if (data.accessLocked) {
       self.accesslocked = true;
       return;
     }
     self.accesslocked = false;
     $('wired-list').load(data.wiredList);
     $('wireless-list').load(data.wirelessList);
     $('vpn-list').load(data.vpnList);
     $('remembered-list').load(data.rememberedList);
 
+    self.updatePolicyIndicatorVisibility_();
+
     $('wired-section').hidden = (data.wiredList.length == 0);
     $('wireless-section').hidden = (data.wirelessList.length == 0);
     $('vpn-section').hidden = (data.vpnList.length == 0);
     InternetOptions.setupAttributes(data);
     $('remembered-section').hidden = (data.rememberedList.length == 0);
   };
 
   // TODO(xiyuan): This function seems belonging to DetailsInternetPage.
   InternetOptions.updateCellularPlans = function (data) {
     var detailsPage = DetailsInternetPage.getInstance();
@@ skipping 41 matching lines @@
     } else {
       $('inetTitle').textContent = localStrings.getString('inetConnect');
     }
     $('connectionState').textContent = data.connectionState;
 
     var inetAddress = '';
     var inetSubnetAddress = '';
     var inetGateway = '';
     var inetDns = '';
     $('ipTypeDHCP').checked = true;
-    if (data.ipconfigStatic) {
-      inetAddress = data.ipconfigStatic.address;
-      inetSubnetAddress = data.ipconfigStatic.subnetAddress;
-      inetGateway = data.ipconfigStatic.gateway;
-      inetDns = data.ipconfigStatic.dns;
+    if (data.ipconfigStatic.value) {
+      inetAddress = data.ipconfigStatic.value.address;
+      inetSubnetAddress = data.ipconfigStatic.value.subnetAddress;
+      inetGateway = data.ipconfigStatic.value.gateway;
+      inetDns = data.ipconfigStatic.value.dns;
       $('ipTypeStatic').checked = true;
-    } else if (data.ipconfigDHCP) {
-      inetAddress = data.ipconfigDHCP.address;
-      inetSubnetAddress = data.ipconfigDHCP.subnetAddress;
-      inetGateway = data.ipconfigDHCP.gateway;
-      inetDns = data.ipconfigDHCP.dns;
+    } else if (data.ipconfigDHCP.value) {
+      inetAddress = data.ipconfigDHCP.value.address;
+      inetSubnetAddress = data.ipconfigDHCP.value.subnetAddress;
+      inetGateway = data.ipconfigDHCP.value.gateway;
+      inetDns = data.ipconfigDHCP.value.dns;
     }
 
     // Hide the dhcp/static radio if needed.
     $('ipTypeDHCPDiv').hidden = !data.showStaticIPConfig;
     $('ipTypeStaticDiv').hidden = !data.showStaticIPConfig;
 
     // Hide change-proxy-button and change-proxy-section if not showing proxy.
     $('change-proxy-button').hidden = !data.showProxy;
     $('change-proxy-section').hidden = !data.showProxy;
 
     var ipConfigList = $('ipConfigList');
-    ipConfigList.disabled = $('ipTypeDHCP').checked || !data.showStaticIPConfig;
+    ipConfigList.disabled =
+        $('ipTypeDHCP').checked || data.ipconfigStatic.controlledBy ||
+        !data.showStaticIPConfig;
     options.internet.IPConfigList.decorate(ipConfigList);
     ipConfigList.autoExpands = true;
     var model = new ArrayDataModel([]);
     model.push({
       'property': 'inetAddress',
       'name': localStrings.getString('inetAddress'),
       'value': inetAddress,
     });
     model.push({
       'property': 'inetSubnetAddress',
       'name': localStrings.getString('inetSubnetAddress'),
       'value': inetSubnetAddress,
     });
     model.push({
       'property': 'inetGateway',
       'name': localStrings.getString('inetGateway'),
       'value': inetGateway,
     });
     model.push({
       'property': 'inetDns',
       'name': localStrings.getString('inetDns'),
       'value': inetDns,
     });
     ipConfigList.dataModel = model;
 
     $('ipTypeDHCP').addEventListener('click', function(event) {
       // disable ipConfigList and switch back to dhcp values (if any)
-      if (data.ipconfigDHCP) {
-        ipConfigList.dataModel.item(0).value = data.ipconfigDHCP.address;
-        ipConfigList.dataModel.item(1).value = data.ipconfigDHCP.subnetAddress;
-        ipConfigList.dataModel.item(2).value = data.ipconfigDHCP.gateway;
-        ipConfigList.dataModel.item(3).value = data.ipconfigDHCP.dns;
+      if (data.ipconfigDHCP.value) {
+        var config = data.ipconfigDHCP.value;
+        ipConfigList.dataModel.item(0).value = config.address;
+        ipConfigList.dataModel.item(1).value = config.subnetAddress;
+        ipConfigList.dataModel.item(2).value = config.gateway;
+        ipConfigList.dataModel.item(3).value = config.dns;
       }
       ipConfigList.dataModel.updateIndex(0);
       ipConfigList.dataModel.updateIndex(1);
       ipConfigList.dataModel.updateIndex(2);
       ipConfigList.dataModel.updateIndex(3);
       // Unselect all so we don't keep the currently selected field editable.
       ipConfigList.selectionModel.unselectAll();
       ipConfigList.disabled = true;
     });
 
@@ skipping 14 matching lines @@
     if (data.type == options.internet.Constants.TYPE_WIFI) {
       OptionsPage.showTab($('wifiNetworkNavTab'));
       detailsPage.wireless = true;
       detailsPage.vpn = false;
       detailsPage.ethernet = false;
       detailsPage.cellular = false;
       detailsPage.gsm = false;
       detailsPage.shared = data.shared;
       $('inetSsid').textContent = data.ssid;
       detailsPage.showPreferred = data.showPreferred;
-      $('preferNetworkWifi').checked = data.preferred;
+      $('preferNetworkWifi').checked = data.preferred.value;
       $('preferNetworkWifi').disabled = !data.remembered;
-      $('autoConnectNetworkWifi').checked = data.autoConnect;
+      $('autoConnectNetworkWifi').checked = data.autoConnect.value;
       $('autoConnectNetworkWifi').disabled = !data.remembered;
       detailsPage.password = data.encrypted;
     } else if(data.type == options.internet.Constants.TYPE_CELLULAR) {
       if (!data.gsm)
         OptionsPage.showTab($('cellularPlanNavTab'));
       else
         OptionsPage.showTab($('cellularConnNavTab'));
       detailsPage.ethernet = false;
       detailsPage.wireless = false;
       detailsPage.vpn = false;
@@ skipping 32 matching lines @@
         $('operatorCode').textContent = data.operatorCode;
         $('imsi').textContent = data.imsi;
 
         var apnSelector = $('selectApn');
         // Clear APN lists, keep only last element that "other".
         while (apnSelector.length != 1)
           apnSelector.remove(0);
         var otherOption = apnSelector[0];
         data.selectedApn = -1;
         data.userApnIndex = -1;
-        for (var i = 0; i < data.providerApnList.length; i++) {
+        var apnList = data.providerApnList.value;
+        for (var i = 0; i < apnList.length; i++) {
           var option = document.createElement('option');
-          var name = data.providerApnList[i].localizedName;
-          if (name == '' && data.providerApnList[i].name != '')
-            name = data.providerApnList[i].name;
+          var name = apnList[i].localizedName;
+          if (name == '' && apnList[i].name != '')
+            name = apnList[i].name;
           if (name == '')
-            name = data.providerApnList[i].apn;
+            name = apnList[i].apn;
           else
-            name = name + ' (' + data.providerApnList[i].apn + ')';
+            name = name + ' (' + apnList[i].apn + ')';
           option.textContent = name;
           option.value = i;
-          if ((data.apn.apn == data.providerApnList[i].apn &&
-               data.apn.username == data.providerApnList[i].username &&
-               data.apn.password == data.providerApnList[i].password) ||
+          if ((data.apn.apn == apnList[i].apn &&
+               data.apn.username == apnList[i].username &&
+               data.apn.password == apnList[i].password) ||
               (data.apn.apn == '' &&
-               data.lastGoodApn.apn == data.providerApnList[i].apn &&
-               data.lastGoodApn.username == data.providerApnList[i].username &&
-               data.lastGoodApn.password == data.providerApnList[i].password)) {
+               data.lastGoodApn.apn == apnList[i].apn &&
+               data.lastGoodApn.username == apnList[i].username &&
+               data.lastGoodApn.password == apnList[i].password)) {
             data.selectedApn = i;
           }
           // Insert new option before "other" option.
           apnSelector.add(option, otherOption);
         }
         if (data.selectedApn == -1 && data.apn.apn != '') {
           var option = document.createElement('option');
           option.textContent = data.apn.apn;
           option.value = -1;
           apnSelector.add(option, otherOption);
           data.selectedApn = apnSelector.length - 2;
           data.userApnIndex = data.selectedApn;
         }
         apnSelector.selectedIndex = data.selectedApn;
         InternetOptions.prototype.updateHidden_(
           cr.doc.querySelectorAll('.apn-list-view'),
           false);
         InternetOptions.prototype.updateHidden_(
           cr.doc.querySelectorAll('.apn-details-view'),
           true);
 
-        InternetOptions.updateSecurityTab(data.simCardLockEnabled);
+        InternetOptions.updateSecurityTab(data.simCardLockEnabled.value);
       }
-      $('autoConnectNetworkCellular').checked = data.autoConnect;
+      $('autoConnectNetworkCellular').checked = data.autoConnect.value;
       $('autoConnectNetworkCellular').disabled = false;
 
       $('buyplanDetails').hidden = !data.showBuyButton;
       $('activateDetails').hidden = !data.showActivateButton;
       if (data.showActivateButton) {
         $('detailsInternetLogin').hidden = true;
       }
 
       detailsPage.hascellplan = false;
       if (data.connected) {
@@ skipping 16 matching lines @@
       $('inetProviderType').textContent = data.provider_type;
       $('inetUsername').textContent = data.username;
     } else {
       OptionsPage.showTab($('internetNavTab'));
       detailsPage.ethernet = true;
       detailsPage.wireless = false;
       detailsPage.vpn = false;
       detailsPage.cellular = false;
       detailsPage.gsm = false;
     }
+
+    // Update controlled option indicators.
+    indicators = cr.doc.querySelectorAll(
+        '#detailsInternetPage .controlled-setting-indicator');
+    for (var i = 0; i < indicators.length; i++) {
+      var dataProperty = indicators[i].getAttribute('data');
+      if (dataProperty && data[dataProperty]) {
+        var controlledBy = data[dataProperty].controlledBy;
+        if (controlledBy) {
+          indicators[i].controlledBy = controlledBy;
+          var forElement = $(indicators[i].getAttribute('for'));
+          if (forElement)
+            forElement.disabled = true;
+          if (forElement.type == 'radio' && !forElement.checked)
+            indicators[i].hidden = true;
+        } else {
+          indicators[i].controlledBy = null;
+        }
+      }
+    }
+
     // Don't show page name in address bar and in history to prevent people
     // navigate here by hand and solve issue with page session restore.
     OptionsPage.showPageByName('detailsInternetPage', false);
   };
 
   InternetOptions.invalidNetworkSettings = function () {
     alert(localStrings.getString('invalidNetworkSettings'));
   };
 
   // Export
   return {
     InternetOptions: InternetOptions
   };
 });