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..eeadcab757944b5230668427233d5bde5f14934e
--- /dev/null
+++ b/chrome/browser/resources/md_user_manager/user_manager_tutorial.html
@@ -0,0 +1,94 @@
+<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/paper-button/paper-button.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>
+    <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">
+          <paper-button id="dismiss" on-tap="onDissmissTap_">
+            <img src="chrome://theme/IDR_CLOSE_1">

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

any reason why you're not using an <iron-icon icon="close"> here instead?

[Moe, 2016/03/29 18:54:39]

Done! No good reason. I had forgotten to change it when "Polymerizing" the
existing tutorial HTML.

+          </paper-button>
+          <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>