Port storage manager to MD settings.

chrome/browser/resources/settings/device_page/device_page.html

Index: chrome/browser/resources/settings/device_page/device_page.html
diff --git a/chrome/browser/resources/settings/device_page/device_page.html b/chrome/browser/resources/settings/device_page/device_page.html
index 91e33c83b1dc61bffbc2b4276d6a81f2f0af060a..f651c6d9db2909aca031c1f349257547a0f3d31e 100644
--- a/chrome/browser/resources/settings/device_page/device_page.html
+++ b/chrome/browser/resources/settings/device_page/device_page.html
@@ -8,8 +8,9 @@
 <link rel="import" href="/device_page/device_page_browser_proxy.html">
 <link rel="import" href="/device_page/display.html">
 <link rel="import" href="/device_page/keyboard.html">
-<link rel="import" href="/device_page/stylus.html">
 <link rel="import" href="/device_page/pointers.html">
+<link rel="import" href="/device_page/storage.html">
+<link rel="import" href="/device_page/stylus.html">
 <link rel="import" href="/icons.html">
 <link rel="import" href="/prefs/prefs.html">
 <link rel="import" href="/route.html">
@@ -39,7 +40,7 @@
           <button class="icon-arrow-right" is="paper-icon-button-light">
           </button>
         </div>
-        <template is="dom-if" if=[[stylusAllowed_]]>
+        <template is="dom-if" if="[[stylusAllowed_]]">
           <div id="stylusRow" class="settings-box" on-tap="onStylusTap_"
               actionable>
             <iron-icon icon="settings:note"></iron-icon>
@@ -55,6 +56,13 @@
           <button class="icon-arrow-right" is="paper-icon-button-light">
           </button>
         </div>
+        <template is="dom-if" if="[[showStorageManager_]]">
+          <div id="storageRow" class="settings-box" on-tap="onStorageTap_"
+              actionable>
+            <iron-icon icon="settings:storage"></iron-icon>
+            <div class="middle">$i18n{storageTitle}</div>

[michaelpg, 2016/10/03 23:44:45]

Rebase issue: add the icon-arrow-right button here, like you see above.

[fukino, 2016/10/04 09:03:53]

Done.

+          </div>
+        </template>
       </neon-animatable>
       <template is="dom-if" route-path="/pointer-overlay">
         <settings-subpage
@@ -72,7 +80,7 @@
           <settings-keyboard prefs="{{prefs}}"></settings-keyboard>
         </settings-subpage>
       </template>
-      <template is="dom-if" if=[[stylusAllowed_]]>
+      <template is="dom-if" if="[[stylusAllowed_]]">
         <template is="dom-if" route-path="/stylus">
           <settings-subpage
               associated-control="[[$$('#stylusRow')]]"
@@ -88,6 +96,15 @@
           <settings-display></settings-display>
         </settings-subpage>
       </template>
+      <template is="dom-if" if="[[showStorageManager_]]">
+        <template is="dom-if" route-path="/storage">
+          <settings-subpage
+              associated-control="[[$$('#storageRow')]]"
+              page-title="$i18n{storageTitle}">
+            <settings-storage></settings-storage>
+          </settings-subpage>
+        </template>
+      </template>
     </settings-animated-pages>
   </template>
   <script src="device_page.js"></script>