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..3811586a937836d426b8b6e1becaaf138c2c05ed
--- /dev/null
+++ b/chrome/browser/resources/md_user_manager/user_manager_tutorial.html
@@ -0,0 +1,90 @@
+<link rel="import" href="chrome://resources/html/i18n_behavior.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>
+    <template is="dom-if" if="[[!hidden_]]">
+      <template is="dom-if" if="[[!isStepHidden_(currentStep_, 'yourChrome')]]">

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

it's better not to copy constants here, if possible (i.e. store 'yourChrome' in
an enum or constant aliased on |this| so that you can use it here)

[Moe, 2016/03/22 23:34:56]

Done.

+        <div class="tutorial-slide" id="yourChrome">
+          <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_">
+              [[i18n('tutorialNext')]]
+            </paper-button>
+          </div>
+        </div>
+      </template>
+      <template is="dom-if" if="[[!isStepHidden_(currentStep_, 'guests')]]">
+        <div class="tutorial-slide" id="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_">
+              [[i18n('tutorialNext')]]
+            </paper-button>
+          </div>
+          <div class="arrow-down"></div>
+        </div>
+      </template>
+      <template is="dom-if" if="[[!isStepHidden_(currentStep_, 'friends')]]">
+        <div class="tutorial-slide" id="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_">
+              [[i18n('tutorialNext')]]
+            </paper-button>
+          </div>
+          <div class="arrow-down"></div>
+        </div>
+      </template>
+      <template is="dom-if" if="[[!isStepHidden_(currentStep_, 'complete')]]">
+        <div class="tutorial-slide" id="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_">
+              [[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">
+          </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>