| OLD | NEW |
| 1 <link rel="import" href="chrome://md-user-manager/shared_styles.html"> | 1 <link rel="import" href="chrome://md-user-manager/shared_styles.html"> |
| 2 <link rel="import" href="chrome://resources/html/i18n_behavior.html"> | |
| 3 <link rel="import" href="chrome://resources/html/polymer.html"> | 2 <link rel="import" href="chrome://resources/html/polymer.html"> |
| 4 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/iron-icons.h
tml"> | 3 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/iron-icons.h
tml"> |
| 5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt
on.html"> | 4 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt
on.html"> |
| 6 | 5 |
| 7 <dom-module id="user-manager-tutorial"> | 6 <dom-module id="user-manager-tutorial"> |
| 8 <template> | 7 <template> |
| 9 <style include="shared-styles"> | 8 <style include="shared-styles"> |
| 10 .tutorial-slide { | 9 .tutorial-slide { |
| 11 -webkit-transition: opacity 200ms ease-in-out; | 10 -webkit-transition: opacity 200ms ease-in-out; |
| 12 background-color: white; | 11 background-color: white; |
| (...skipping 150 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 163 left: 5px; | 162 left: 5px; |
| 164 right: auto; | 163 right: auto; |
| 165 } | 164 } |
| 166 </style> | 165 </style> |
| 167 <template is="dom-if" if="[[!hidden_]]"> | 166 <template is="dom-if" if="[[!hidden_]]"> |
| 168 <template is="dom-if" | 167 <template is="dom-if" |
| 169 if="[[!isStepHidden_(currentStep_, steps_.YOUR_CHROME)]]"> | 168 if="[[!isStepHidden_(currentStep_, steps_.YOUR_CHROME)]]"> |
| 170 <div class="tutorial-slide" id="[[steps_.YOUR_CHROME]]"> | 169 <div class="tutorial-slide" id="[[steps_.YOUR_CHROME]]"> |
| 171 <div class="slide-image"></div> | 170 <div class="slide-image"></div> |
| 172 <div class="slide-contents"> | 171 <div class="slide-contents"> |
| 173 <div class="slide-title">[[i18n('slideYourChromeTitle')]]</div> | 172 <div class="slide-title">$i18n{slideYourChromeTitle}</div> |
| 174 <div class="slide-text">[[i18n('slideYourChromeText')]]</div> | 173 <div class="slide-text">$i18n{slideYourChromeText}</div> |
| 175 </div> | 174 </div> |
| 176 <div class="slide-buttons"> | 175 <div class="slide-buttons"> |
| 177 <paper-button on-tap="onNextTap_" data-next$="[[steps_.GUESTS]]"> | 176 <paper-button on-tap="onNextTap_" data-next$="[[steps_.GUESTS]]"> |
| 178 [[i18n('tutorialNext')]] | 177 $i18n{tutorialNext} |
| 179 </paper-button> | 178 </paper-button> |
| 180 </div> | 179 </div> |
| 181 </div> | 180 </div> |
| 182 </template> | 181 </template> |
| 183 <template is="dom-if" | 182 <template is="dom-if" |
| 184 if="[[!isStepHidden_(currentStep_, steps_.GUESTS)]]"> | 183 if="[[!isStepHidden_(currentStep_, steps_.GUESTS)]]"> |
| 185 <div class="tutorial-slide" id="[[steps_.GUESTS]]"> | 184 <div class="tutorial-slide" id="[[steps_.GUESTS]]"> |
| 186 <div class="slide-image"></div> | 185 <div class="slide-image"></div> |
| 187 <div class="slide-contents"> | 186 <div class="slide-contents"> |
| 188 <div class="slide-title">[[i18n('slideGuestsTitle')]]</div> | 187 <div class="slide-title">$i18n{slideGuestsTitle}</div> |
| 189 <div class="slide-text">[[i18n('slideGuestsText')]]</div> | 188 <div class="slide-text">$i18n{slideGuestsText}</div> |
| 190 </div> | 189 </div> |
| 191 <div class="slide-buttons"> | 190 <div class="slide-buttons"> |
| 192 <paper-button on-tap="onNextTap_" data-next$="[[steps_.FRIENDS]]"> | 191 <paper-button on-tap="onNextTap_" data-next$="[[steps_.FRIENDS]]"> |
| 193 [[i18n('tutorialNext')]] | 192 $i18n{tutorialNext} |
| 194 </paper-button> | 193 </paper-button> |
| 195 </div> | 194 </div> |
| 196 <div class="arrow-down"></div> | 195 <div class="arrow-down"></div> |
| 197 </div> | 196 </div> |
| 198 </template> | 197 </template> |
| 199 <template is="dom-if" | 198 <template is="dom-if" |
| 200 if="[[!isStepHidden_(currentStep_, steps_.FRIENDS)]]"> | 199 if="[[!isStepHidden_(currentStep_, steps_.FRIENDS)]]"> |
| 201 <div class="tutorial-slide" id="[[steps_.FRIENDS]]"> | 200 <div class="tutorial-slide" id="[[steps_.FRIENDS]]"> |
| 202 <div class="slide-image"></div> | 201 <div class="slide-image"></div> |
| 203 <div class="slide-contents"> | 202 <div class="slide-contents"> |
| 204 <div class="slide-title">[[i18n('slideFriendsTitle')]]</div> | 203 <div class="slide-title">$i18n{slideFriendsTitle}</div> |
| 205 <div class="slide-text">[[i18n('slideFriendsText')]]</div> | 204 <div class="slide-text">$i18n{slideFriendsText}</div> |
| 206 </div> | 205 </div> |
| 207 <div class="slide-buttons"> | 206 <div class="slide-buttons"> |
| 208 <paper-button on-tap="onNextTap_" data-next$="[[steps_.COMPLETE]]"> | 207 <paper-button on-tap="onNextTap_" data-next$="[[steps_.COMPLETE]]"> |
| 209 [[i18n('tutorialNext')]] | 208 $i18n{tutorialNext} |
| 210 </paper-button> | 209 </paper-button> |
| 211 </div> | 210 </div> |
| 212 <div class="arrow-down"></div> | 211 <div class="arrow-down"></div> |
| 213 </div> | 212 </div> |
| 214 </template> | 213 </template> |
| 215 <template is="dom-if" | 214 <template is="dom-if" |
| 216 if="[[!isStepHidden_(currentStep_, steps_.COMPLETE)]]"> | 215 if="[[!isStepHidden_(currentStep_, steps_.COMPLETE)]]"> |
| 217 <div class="tutorial-slide" id="[[steps_.COMPLETE]]"> | 216 <div class="tutorial-slide" id="[[steps_.COMPLETE]]"> |
| 218 <div class="slide-image"></div> | 217 <div class="slide-image"></div> |
| 219 <div class="slide-contents"> | 218 <div class="slide-contents"> |
| 220 <div class="slide-title">[[i18n('slideCompleteTitle')]]</div> | 219 <div class="slide-title">$i18n{slideCompleteTitle}</div> |
| 221 <div class="slide-text">[[i18n('slideCompleteText')]]</div> | 220 <div class="slide-text">$i18n{slideCompleteText}</div> |
| 222 </div> | 221 </div> |
| 223 <div class="slide-buttons"> | 222 <div class="slide-buttons"> |
| 224 <paper-button on-tap="onNextTap_" data-next$="[[steps_.NOT_YOU]]"> | 223 <paper-button on-tap="onNextTap_" data-next$="[[steps_.NOT_YOU]]"> |
| 225 [[i18n('tutorialDone')]] | 224 $i18n{tutorialDone} |
| 226 </paper-button> | 225 </paper-button> |
| 227 </div> | 226 </div> |
| 228 </div> | 227 </div> |
| 229 </template> | 228 </template> |
| 230 <template is="dom-if" if="[[!isStepHidden_(currentStep_, 'notYou')]]"> | 229 <template is="dom-if" if="[[!isStepHidden_(currentStep_, 'notYou')]]"> |
| 231 <div class="tutorial-slide" id="notYou"> | 230 <div class="tutorial-slide" id="notYou"> |
| 232 <iron-icon id="dismiss" icon="close" on-tap="onDissmissTap_"> | 231 <iron-icon id="dismiss" icon="close" on-tap="onDissmissTap_"> |
| 233 </iron-icon> | 232 </iron-icon> |
| 234 <div class="slide-buttons"> | 233 <div class="slide-buttons"> |
| 235 <div class="slide-text"> | 234 <div class="slide-text"> |
| 236 [[i18n('slideCompleteUserNotFound')]] | 235 $i18n{slideCompleteUserNotFound} |
| 237 </div> | 236 </div> |
| 238 <div id="slide-add-user"> | 237 <div id="slide-add-user"> |
| 239 <a id="addUser" is="action-link" on-tap="onAddUserTap_"> | 238 <a id="addUser" is="action-link" on-tap="onAddUserTap_"> |
| 240 [[i18n('slideCompleteAddUser')]] | 239 $i18n{slideCompleteAddUser} |
| 241 </a> | 240 </a> |
| 242 </div> | 241 </div> |
| 243 </div> | 242 </div> |
| 244 <div class="arrow-down"></div> | 243 <div class="arrow-down"></div> |
| 245 </div> | 244 </div> |
| 246 </template> | 245 </template> |
| 247 </template> | 246 </template> |
| 248 </template> | 247 </template> |
| 249 <script src="chrome://md-user-manager/user_manager_tutorial.js"></script> | 248 <script src="chrome://md-user-manager/user_manager_tutorial.js"></script> |
| 250 </dom-module> | 249 </dom-module> |
| OLD | NEW |