OLD | NEW |
1 <link rel="import" href="chrome://md-user-manager/create_profile.html"> | 1 <link rel="import" href="chrome://md-user-manager/create_profile.html"> |
2 <link rel="import" href="chrome://md-user-manager/supervised_user_create_confirm
.html"> | 2 <link rel="import" href="chrome://md-user-manager/supervised_user_create_confirm
.html"> |
3 <link rel="import" href="chrome://md-user-manager/supervised_user_learn_more.htm
l"> | 3 <link rel="import" href="chrome://md-user-manager/supervised_user_learn_more.htm
l"> |
4 <link rel="import" href="chrome://resources/html/polymer.html"> | 4 <link rel="import" href="chrome://resources/html/polymer.html"> |
5 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/animatio
ns/slide-from-left-animation.html"> | 5 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/animatio
ns/slide-from-left-animation.html"> |
6 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/animatio
ns/slide-right-animation.html"> | 6 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/animatio
ns/slide-right-animation.html"> |
7 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-ani
mated-pages.html"> | 7 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-ani
mated-pages.html"> |
8 | 8 |
9 <dom-module id="user-manager-pages"> | 9 <dom-module id="user-manager-pages"> |
10 <template> | 10 <template> |
11 <style> | 11 <style> |
12 neon-animated-pages { | 12 neon-animated-pages { |
13 height: 100%; | 13 height: 100%; |
14 } | 14 } |
15 | 15 |
16 neon-animated-pages > div { | 16 neon-animated-pages > div { |
17 display: flex; | 17 display: flex; |
18 justify-content: center; | 18 justify-content: center; |
19 } | 19 } |
| 20 |
| 21 /* neon-animated-pages does not automatically hide what's under content */ |
| 22 neon-animated-pages > div:not(.iron-selected) > ::content > * { |
| 23 display: none !important; |
| 24 } |
20 </style> | 25 </style> |
21 <neon-animated-pages id="animatedPages" attr-for-selected="id" | 26 <neon-animated-pages id="animatedPages" attr-for-selected="id" |
22 selected="[[selectedPage_]]" entry-animation="slide-from-left-animation" | 27 selected="[[selectedPage_]]" entry-animation="slide-from-left-animation" |
23 exit-animation="slide-right-animation"> | 28 exit-animation="slide-right-animation"> |
24 <div id="create-user-page"> | 29 <div id="create-user-page"> |
25 <template is="dom-if" | 30 <template is="dom-if" |
26 if="[[isPageVisible_(selectedPage_, 'create-user-page')]]" restamp> | 31 if="[[isPageVisible_(selectedPage_, 'create-user-page')]]" restamp> |
27 <create-profile></create-profile> | 32 <create-profile></create-profile> |
28 </template> | 33 </template> |
29 </div> | 34 </div> |
30 <div id="user-pods-page"> | 35 <div id="user-pods-page"> |
31 <template is="dom-if" | 36 <content></content> |
32 if="[[isPageVisible_(selectedPage_, 'user-pods-page')]]"> | |
33 <content></content> | |
34 </template> | |
35 </div> | 37 </div> |
36 <div id="supervised-learn-more-page"> | 38 <div id="supervised-learn-more-page"> |
37 <template is="dom-if" | 39 <template is="dom-if" |
38 if="[[isPageVisible_(selectedPage_, | 40 if="[[isPageVisible_(selectedPage_, |
39 'supervised-learn-more-page')]]"> | 41 'supervised-learn-more-page')]]"> |
40 <supervised-user-learn-more></supervised-user-learn-more> | 42 <supervised-user-learn-more></supervised-user-learn-more> |
41 </template> | 43 </template> |
42 </div> | 44 </div> |
43 <div id="supervised-create-confirm-page"> | 45 <div id="supervised-create-confirm-page"> |
44 <template is="dom-if" | 46 <template is="dom-if" |
45 if="[[isPageVisible_(selectedPage_, 'supervised-create-confirm-page'
)]]"> | 47 if="[[isPageVisible_(selectedPage_, |
| 48 'supervised-create-confirm-page')]]"> |
46 <supervised-user-create-confirm profile-info="[[pageData_]]"> | 49 <supervised-user-create-confirm profile-info="[[pageData_]]"> |
47 </supervised-user-create-confirm> | 50 </supervised-user-create-confirm> |
48 </template> | 51 </template> |
49 </div> | 52 </div> |
50 <content></content> | |
51 </neon-animated-pages> | 53 </neon-animated-pages> |
52 </template> | 54 </template> |
53 <script src="chrome://md-user-manager/user_manager_pages.js"></script> | 55 <script src="chrome://md-user-manager/user_manager_pages.js"></script> |
54 </dom-module> | 56 </dom-module> |
OLD | NEW |