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..5067cbf0e2de6251c0d4a323c02518a674332b91
--- /dev/null
+++ b/chrome/browser/resources/md_user_manager/user_manager_tutorial.html
@@ -0,0 +1,96 @@
+<link rel="import" href="chrome://md-user-manager/shared_styles.html">
+<link rel="import" href="chrome://resources/html/i18n_behavior.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.html">
+<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>
+    <style include="shared-styles"></style>
+    <template is="dom-if" if="[[!hidden_]]">
+      <template is="dom-if"
+          if="[[!isStepHidden_(currentStep_, steps_.YOUR_CHROME)]]">
+        <div class="tutorial-slide" id="[[steps_.YOUR_CHROME]]">
+          <div class="slide-image"></div>
+          <div class="slide-contents">
+            <div class="slide-title">[[i18n('slideYourChromeTitle')]]</div>
+            <div class="slide-text">[[i18n('slideYourChromeText')]]</div>
+          </div>
+          <div class="slide-buttons">
+            <paper-button on-tap="onNextTap_" data-next$="[[steps_.GUESTS]]">
+              [[i18n('tutorialNext')]]
+            </paper-button>
+          </div>
+        </div>
+      </template>
+      <template is="dom-if"
+          if="[[!isStepHidden_(currentStep_, steps_.GUESTS)]]">
+        <div class="tutorial-slide" id="[[steps_.GUESTS]]">
+          <div class="slide-image"></div>
+          <div class="slide-contents">
+            <div class="slide-title">[[i18n('slideGuestsTitle')]]</div>
+            <div class="slide-text">[[i18n('slideGuestsText')]]</div>
+          </div>
+          <div class="slide-buttons">
+            <paper-button on-tap="onNextTap_" data-next$="[[steps_.FRIENDS]]">
+              [[i18n('tutorialNext')]]
+            </paper-button>
+          </div>
+          <div class="arrow-down"></div>
+        </div>
+      </template>
+      <template is="dom-if"
+          if="[[!isStepHidden_(currentStep_, steps_.FRIENDS)]]">
+        <div class="tutorial-slide" id="[[steps_.FRIENDS]]">
+          <div class="slide-image"></div>
+          <div class="slide-contents">
+            <div class="slide-title">[[i18n('slideFriendsTitle')]]</div>
+            <div class="slide-text">[[i18n('slideFriendsText')]]</div>
+          </div>
+          <div class="slide-buttons">
+            <paper-button on-tap="onNextTap_" data-next$="[[steps_.COMPLETE]]">
+              [[i18n('tutorialNext')]]
+            </paper-button>
+          </div>
+          <div class="arrow-down"></div>
+        </div>
+      </template>
+      <template is="dom-if"
+          if="[[!isStepHidden_(currentStep_, steps_.COMPLETE)]]">
+        <div class="tutorial-slide" id="[[steps_.COMPLETE]]">
+          <div class="slide-image"></div>
+          <div class="slide-contents">
+            <div class="slide-title">[[i18n('slideCompleteTitle')]]</div>
+            <div class="slide-text">[[i18n('slideCompleteText')]]</div>
+          </div>
+          <div class="slide-buttons">
+            <paper-button on-tap="onNextTap_" data-next$="[[steps_.NOT_YOU]]">
+              [[i18n('tutorialDone')]]
+            </paper-button>
+          </div>
+        </div>
+      </template>
+      <template is="dom-if" if="[[!isStepHidden_(currentStep_, 'notYou')]]">
+        <div class="tutorial-slide" id="notYou">
+          <iron-icon id="dismiss" icon="close" on-tap="onDissmissTap_">
+          </iron-icon>
+          <div class="slide-buttons">
+            <div class="slide-text">
+              [[i18n('slideCompleteUserNotFound')]]
+            </div>
+            <div id="slide-add-user">
+              <a id="addUser" is="action-link" on-tap="onAddUserTap_">
+                [[i18n('slideCompleteAddUser')]]
+              </a>
+            </div>
+          </div>
+          <div class="arrow-down"></div>
+        </div>
+      </template>
+    </template>
+  </template>
+  <script src="chrome://md-user-manager/user_manager_tutorial.js"></script>
+</dom-module>