MD Settings: Internet: UI For global policy

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

Index: chrome/browser/resources/settings/internet_page/internet_page.html
diff --git a/chrome/browser/resources/settings/internet_page/internet_page.html b/chrome/browser/resources/settings/internet_page/internet_page.html
index 682242bd47cd6f331b9a7a5aadd59a4364ea055c..bc36353fe68f502a5167abaf2d56c504c6505f8f 100644
--- a/chrome/browser/resources/settings/internet_page/internet_page.html
+++ b/chrome/browser/resources/settings/internet_page/internet_page.html
@@ -34,43 +34,55 @@
         <network-summary on-show-detail="onShowDetail_"
             default-network="{{defaultNetwork}}"
             on-show-known-networks="onShowKnownNetworks_"
+            global-policy="[[globalPolicy_]]"
             networking-private="[[networkingPrivate]]">
         </network-summary>
-        <div actionable class="settings-box two-line"
-            on-tap="onExpandAddConnectionsTap_">
-          <div class="start layout horizontal center">
-            <iron-icon icon="cr:add"></iron-icon>
-            <div>$i18n{internetAddConnection}</div>
-          </div>
-          <cr-expand-button alt="$i18n{internetAddConnectionExpandA11yLabel}"
-              id="expandAddConnections" expanded="{{addConnectionExpanded_}}">
-          </cr-expand-button>
-        </div>
-        <template is="dom-if" if="[[addConnectionExpanded_]]">
-          <div actionable class="settings-box continuation center"
-              on-tap="onAddWiFiTap_">
-            <div class="start add-no-icon">$i18n{internetAddWiFi}</div>
-            <button class="icon-external" is="paper-icon-button-light"></button>
-          </div>
-          <div actionable class="settings-box continuation center"
-              on-tap="onAddVPNTap_">
-            <div class="start add-no-icon">$i18n{internetAddVPN}</div>
-            <button class="icon-external" is="paper-icon-button-light"></button>
+        <template is="dom-if" if="[[allowAddConnection_(globalPolicy_)]]">
+          <div actionable class="settings-box two-line"
+              on-tap="onExpandAddConnectionsTap_">
+            <div class="start layout horizontal center">
+              <iron-icon icon="cr:add"></iron-icon>
+              <div>$i18n{internetAddConnection}</div>
+            </div>
+            <cr-expand-button alt="$i18n{internetAddConnectionExpandA11yLabel}"
+                id="expandAddConnections" expanded="{{addConnectionExpanded_}}">
+            </cr-expand-button>
           </div>
-          <template is="dom-repeat" items="[[thirdPartyVpnProviders_]]">
+          <template is="dom-if" if="[[addConnectionExpanded_]]">
             <div actionable class="settings-box continuation center"
-                on-tap="onAddThirdPartyVpnTap_" provider="[[item]]">
-              <div class="start add-no-icon">
-                [[getAddThirdParrtyVpnLabel_(item)]]
-              </div>
+                on-tap="onAddWiFiTap_">
+              <div class="start add-no-icon">$i18n{internetAddWiFi}</div>
+              <button class="icon-external" is="paper-icon-button-light">
+              </button>
             </div>
+            <div actionable class="settings-box continuation center"
+                on-tap="onAddVPNTap_">
+              <div class="start add-no-icon">$i18n{internetAddVPN}</div>
+              <button class="icon-external" is="paper-icon-button-light">
+              </button>
+            </div>
+            <template is="dom-repeat" items="[[thirdPartyVpnProviders_]]">
+              <div actionable class="settings-box continuation center"
+                  on-tap="onAddThirdPartyVpnTap_" provider="[[item]]">
+                <div class="start add-no-icon">
+                  [[getAddThirdParrtyVpnLabel_(item)]]
+                </div>
+              </div>
+            </template>
           </template>
         </template>
+        <template is="dom-if" if="[[!allowAddConnection_(globalPolicy_)]]">
+          <div class="settings-box">
+            <iron-icon class="policy" icon="cr:domain"></iron-icon>
+            <div>$i18n{internetAddConnectionNotAllowed}</div>
+          </div>
+        </template>
       </neon-animatable>
       <template is="dom-if" route-path="/networkDetail" no-search>
         <settings-subpage page-title="$i18n{internetDetailPageTitle}">
           <settings-internet-detail-page prefs="{{prefs}}"
               default-network="[[defaultNetwork]]"
+              global-policy="[[globalPolicy_]]"
               networking-private="[[networkingPrivate]]">
           </settings-internet-detail-page>
         </settings-subpage>