MD Settings: Internet: UI For global policy

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

 <link rel="import" href="chrome://resources/cr_elements/cr_expand_button/cr_expand_button.html">
 <link rel="import" href="chrome://resources/cr_elements/icons.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/polymer/v1_0/iron-icon/iron-icon.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-animatable.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button-light.html">
 <link rel="import" href="/prefs/prefs.html">
 <link rel="import" href="/route.html">
@@ skipping 16 matching lines @@
         -webkit-margin-start: 4px;
         height: 24px;
         width: 24px;
       }
     </style>
     <settings-animated-pages id="pages" section="internet">
       <neon-animatable route-path="default">
         <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>
+        <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>
-          <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>
+          <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>

[emaxx, 2017/01/17 22:14:06]

nit: This line and line 60 are longer than 80 characters.

[stevenjb, 2017/01/17 22:27:40]

Done.

+            </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>
-          <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>
       </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>
       </template>
       <template is="dom-if" route-path="/knownNetworks" no-search>
         <settings-subpage page-title="$i18n{internetKnownNetworksPageTitle}">
           <settings-internet-known-networks-page
               network-type="[[knownNetworksType_]]"
               on-show-detail="onShowDetail_"
               networking-private="[[networkingPrivate]]">
           </settings-internet-known-networks-page>
         </settings-subpage>
       </template>
     </settings-animated-pages>
   </template>
   <script src="internet_page.js"></script>
 </dom-module>