Index: chrome/browser/resources/settings/settings_main/settings_main.html |
diff --git a/chrome/browser/resources/settings/settings_main/settings_main.html b/chrome/browser/resources/settings/settings_main/settings_main.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..b47d0dff097792282035bc0ea4218beef8bb72f2 |
--- /dev/null |
+++ b/chrome/browser/resources/settings/settings_main/settings_main.html |
@@ -0,0 +1,20 @@ |
+<link rel="import" href="chrome://resources/polymer/polymer/polymer.html"> |
+<link rel="import" href="chrome://resources/polymer/core-animated-pages/core-animated-pages.html"> |
+<link rel="import" href="chrome://resources/polymer/core-transition/core-transition.html"> |
+<link rel="import" href="chrome://md-settings/help_pane/help_pane.html"> |
+ |
+<polymer-element name="cr-settings-main"> |
+ <template> |
+ <link rel="stylesheet" href="settings_main.css"> |
+ <div layout horizontal id="container"> |
+ <core-animated-pages flex id="pages" selected="{{currentPageIndex}}" |
+ transitions="cross-fade"> |
+ </core-animated-pages> |
+ <!-- TODO(michaelpg): Animate this with core-animated-pages. --> |
+ <cr-help-pane id="help" flex |
+ helpArticles="{{pages.length && pages[currentPageIndex].helpArticles}}"> |
+ </cr-help-pane> |
+ </div> |
+ </template> |
+ <script src="settings_main.js"></script> |
+</polymer-element> |