MD Settings: Internet: Hide add connection UI when WiFi is disabled

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 30 matching lines @@
               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"
-                  aria-label="$i18n{internetAddWiFi}">
-              </button>
-            </div>
+            <template is="dom-if" if="[[deviceIsEnabled_(deviceStates.WiFi)]]">
+              <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"
+                    aria-label="$i18n{internetAddWiFi}">
+                </button>
+              </div>
+            </template>
             <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"
                   aria-label="$i18n{internetAddVPN}">
               </button>
             </div>
             <template is="dom-repeat" items="[[thirdPartyVpnProviders_]]">
               <div actionable class="settings-box continuation center"
                   on-tap="onAddThirdPartyVpnTap_" provider="[[item]]">
@@ skipping 42 matching lines @@
               networking-private="[[networkingPrivate]]"
               show-spinner="{{showSpinner_}}">
           </settings-bluetooth-subpage>
         </settings-subpage>
       </template>
 
     </settings-animated-pages>
   </template>
   <script src="internet_page.js"></script>
 </dom-module>