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 |