MD user manager (learn more page, user manager tutorial)

chrome/browser/resources/md_user_manager/user_manager_tutorial.html

Index: chrome/browser/resources/md_user_manager/user_manager_tutorial.html
diff --git a/chrome/browser/resources/md_user_manager/user_manager_tutorial.html b/chrome/browser/resources/md_user_manager/user_manager_tutorial.html
new file mode 100644
index 0000000000000000000000000000000000000000..e5f7a1074641ef3752fd85886afb8060b557f2bd
--- /dev/null
+++ b/chrome/browser/resources/md_user_manager/user_manager_tutorial.html
@@ -0,0 +1,82 @@
+<link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html">
+
+<dom-module id="user-manager-tutorial">
+  <link rel="import" type="css"
+      href="chrome://md-user-manager/user_manager_tutorial.css">
+  <link rel="import" type="css" href="chrome://resources/css/action_link.css">
+  <template>
+    <div hidden$="{{hidden_}}">

[Dan Beam, 2016/03/15 02:24:55]

any time you're trying to hide a large amount of UI, use dom-if

[Dan Beam, 2016/03/15 02:25:39]

nvm, i think you did this proactively (thanks!)

+      <div class="tutorial-slide" id="yourChrome"
+          hidden$="{{isStepHidden_(currentStep_, 'yourChrome')}}">
+        <div class="slide-image"></div>
+        <div class="slide-contents">
+          <div class="slide-title" i18n-content="slideYourChromeTitle"></div>
+          <div class="slide-text" i18n-content="slideYourChromeText"></div>
+        </div>
+        <div class="slide-buttons">
+          <paper-button on-tap="onNextTap_" i18n-content="tutorialNext">
+          </paper-button>
+        </div>
+      </div>
+
+      <div class="tutorial-slide" id="guests"
+          hidden$="{{isStepHidden_(currentStep_, 'guests')}}">
+        <div class="slide-image"></div>
+        <div class="slide-contents">
+          <div class="slide-title" i18n-content="slideGuestsTitle"></div>
+          <div class="slide-text" i18n-content="slideGuestsText"></div>
+        </div>
+        <div class="slide-buttons">
+          <paper-button on-tap="onNextTap_" i18n-content="tutorialNext">
+          </paper-button>
+        </div>
+        <div class="arrow-down"></div>
+      </div>
+
+      <div class="tutorial-slide" id="friends"
+          hidden$="{{isStepHidden_(currentStep_, 'friends')}}">
+        <div class="slide-image"></div>
+        <div class="slide-contents">
+          <div class="slide-title" i18n-content="slideFriendsTitle"></div>
+          <div class="slide-text" i18n-content="slideFriendsText"></div>
+        </div>
+        <div class="slide-buttons">
+          <paper-button on-tap="onNextTap_" i18n-content="tutorialNext">
+          </paper-button>
+        </div>
+        <div class="arrow-down"></div>
+      </div>
+
+      <div class="tutorial-slide" id="complete"
+          hidden$="{{isStepHidden_(currentStep_, 'complete')}}">
+        <div class="slide-image"></div>
+        <div class="slide-contents">
+          <div class="slide-title" i18n-content="slideCompleteTitle"></div>
+          <div class="slide-text" i18n-content="slideCompleteText"></div>
+        </div>
+        <div class="slide-buttons">
+          <paper-button on-tap="onNextTap_" i18n-content="tutorialDone">
+          </paper-button>
+        </div>
+      </div>
+
+      <div class="tutorial-slide" id="notYou"
+          hidden$="{{isStepHidden_(currentStep_, 'notYou')}}">
+        <paper-button id="dismiss" on-tap="onDissmissTap_">
+          <img src="chrome://theme/IDR_CLOSE_1">
+        </paper-button>
+        <div class="slide-buttons">
+          <div class="slide-text" i18n-content="slideCompleteUserNotFound">
+          </div>
+          <div id="slide-add-user">
+            <a id="addUser" is="action-link" on-tap="onAddUserTap_"
+                i18n-content="slideCompleteAddUser"></a>
+          </div>
+        </div>
+        <div class="arrow-down"></div>
+      </div>
+    </div>
+  </template>
+  <script src="chrome://md-user-manager/user_manager_tutorial.js"></script>
+</dom-module>