Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(150)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: ui/login/account_picker/md_user_pod_template.html

Issue 2898283002: Multiple user pods implementation for new login screen (Closed)
Patch Set: Simplify the pod placement process and make it adaptive to the virtual keyboard Created 3 years, 6 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« ui/login/account_picker/md_user_pod_row.js ('K') | « ui/login/account_picker/md_user_pod_row.js ('k') | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <dom-module id="user-pod-template-shared-styles"> 1 <dom-module id="user-pod-template-shared-styles">
2 <template> 2 <template>
3 <link rel="stylesheet" href="md_user_pod_template.css"> 3 <link rel="stylesheet" href="md_user_pod_template.css">
4 </template> 4 </template>
5 </dom-module> 5 </dom-module>
6 6
7 <style is="custom-style" include="user-pod-template-shared-styles"></style> 7 <style is="custom-style" include="user-pod-template-shared-styles"></style>
8 <link rel="import" href="chrome://resources/cr_elements/icons.html"> 8 <link rel="import" href="chrome://resources/cr_elements/icons.html">
9 9
10 <iron-iconset-svg name="user-pod" size="24"> 10 <iron-iconset-svg name="user-pod" size="24">
11 <svg> 11 <svg>
12 <defs> 12 <defs>
13 <!-- 13 <!--
14 Inlined from Polymer's iron-icons to avoid importing everything. 14 Inlined from Polymer's iron-icons to avoid importing everything.
15 See http://goo.gl/Y1OdAq for instructions on adding additional icons. 15 See http://goo.gl/Y1OdAq for instructions on adding additional icons.
16 --> 16 -->
17 <g id="arrow-forward" stroke="none" stroke-width="1"> 17 <g id="arrow-forward" stroke="none" stroke-width="1">
18 <polygon id="arrow" points="10.5 4 9.354375 5.145625 13.888125 9.6875 4 9.6875 4 11.3126 13.888125 11.3125 9.354375 15.854375 10.5 17 17 10.5"></polyg on> 18 <polygon id="arrow" points="10.5 4 9.354375 5.145625 13.888125 9.6875 4 9.6875 4 11.3126 13.888125 11.3125 9.354375 15.854375 10.5 17 17 10.5"></polyg on>
19 </g> 19 </g>
20 <g id="dropdown" fill="#FFFFFF" stroke="none" stroke-width="1" fill-rule=" evenodd" opacity="0.34"> 20 <g id="dropdown" fill="#FFFFFF" stroke="none" stroke-width="1" fill-rule=" evenodd" opacity="0.34">
21 <polygon points="16.59 8.59 12 13.17 7.41 8.59 6 10 12 16 18 10"></pol ygon> 21 <polygon points="16.59 8.59 12 13.17 7.41 8.59 6 10 12 16 18 10"></pol ygon>
22 </g> 22 </g>
23 </defs> 23 </defs>
24 </svg> 24 </svg>
25 </iron-iconset-svg> 25 </iron-iconset-svg>
26 26
27 <div id="user-pod-template" class="pod disabled" hidden> 27 <div id="user-pod-template" class="pod disabled" hidden>
28 <div class="user-image-pane"> 28 <div class="large-pod">
29 <div class="user-image-container"> 29 <div class="user-image-pane">
30 <img class="user-image" alt> 30 <div class="user-image-container">
31 <img class="user-image" alt>
32 </div>
33 <div class="indicator-container">
34 <div class="indicator legacy-supervised-indicator"></div>
35 <div class="indicator child-indicator"></div>
36 <div class="indicator locked-indicator"></div>
37 </div>
31 </div> 38 </div>
32 <div class="indicator-container"> 39 <if expr="chromeos">
33 <div class="indicator legacy-supervised-indicator"></div> 40 <div class="pin-container pin-disabled pin-tag">
34 <div class="indicator child-indicator"></div> 41 <pin-keyboard enable-password hide-input></pin-keyboard>
35 <div class="indicator locked-indicator"></div>
36 </div> 42 </div>
37 </div> 43 </if>
44 <div class="main-pane">
45 <div class="name-container">
46 <div class="learn-more-container">
47 <div class="learn-more"></div>
48 </div>
49 <div class="name"></div>
50 <div class="action-box-area">
51 <paper-icon-button class="action-box-button" disabled
52 icon="user-pod:dropdown">
53 </paper-icon-button>
54 <iron-icon icon="cr:more-vert" class="action-box-icon"></iron-icon>
55 </div>
56 <div class="action-box-menu">
57 <div class="action-box-menu-title">
58 <span class="action-box-menu-title-name"></span>
59 <span class="action-box-menu-title-email"></span>
60 </div>
61 <div class="action-box-menu-remove"
62 i18n-content="removeUserWarningButtonTitle">
63 </div>
64 <div class="action-box-remove-user-warning" hidden>
65 <div class="action-box-remove-user-warning-text"></div>
66 <table class="action-box-remove-user-warning-table-nonsync
67 non-sync has-stats">
68 <tbody>
69 <tr>
70 <td i18n-content="removeUserWarningTextHistory"></td>
71 <td class="action-box-remove-user-warning-history
72 action-box-remove-user-warning-table-numbers"
73 i18n-content="removeUserWarningTextCalculating"></td>
74 </tr>
75 <tr>
76 <td i18n-content="removeUserWarningTextPasswords"></td>
77 <td class="action-box-remove-user-warning-passwords
78 action-box-remove-user-warning-table-numbers"
79 i18n-content="removeUserWarningTextCalculating"></td>
80 </tr>
81 <tr>
82 <td i18n-content="removeUserWarningTextBookmarks"></td>
83 <td class="action-box-remove-user-warning-bookmarks
84 action-box-remove-user-warning-table-numbers"
85 i18n-content="removeUserWarningTextCalculating"></td>
86 </tr>
87 <tr>
88 <td i18n-content="removeUserWarningTextSettings"></td>
89 <td class="action-box-remove-user-warning-settings
90 action-box-remove-user-warning-table-numbers"
91 i18n-content="removeUserWarningTextCalculating"></td>
92 </tr>
93 </tbody>
94 </table>
95 <div class="action-box-remove-legacy-supervised-user-warning-text"
96 i18n-content="removeLegacySupervisedUserWarningText"></div>
97 <div class="action-box-remove-non-owner-user-warning-text"
98 i18n-content="removeNonOwnerUserWarningText"></div>
99 <!-- paper-button is imported inside user_manager.html -->
100 <paper-button class="remove-warning-button"
101 i18n-content="removeUserWarningButtonTitle"></paper-button>
102 </div>
103 </div>
104 </div>
105 <div class="auth-container">
106 <!-- Password Authentication -->
107 <div class="custom-icon-container" hidden></div>
38 <if expr="chromeos"> 108 <if expr="chromeos">
39 <div class="pin-container pin-disabled pin-tag"> 109 <div class="fingerprint-icon-container" hidden
40 <pin-keyboard enable-password hide-input></pin-keyboard> 110 i18n-values="aria-label:fingerprintIconMessage">
41 </div> 111 <div class="custom-icon fingerprint-icon-image"></div>
112 </div>
42 </if> 113 </if>
43 <div class="main-pane"> 114 <div class="password-entry-container">
44 <div class="name-container"> 115 <div class="password-container">
45 <div class="learn-more-container"> 116 <input type="password" class="password"
46 <div class="learn-more"></div> 117 i18n-values="placeholder:passwordHint">
47 </div> 118 </div>
48 <div class="name"></div> 119 <if expr="chromeos">
49 <div class="action-box-area"> 120 <div class="capslock-hint-container">
50 <paper-icon-button class="action-box-button" disabled 121 <img class="capslock-hint"
51 icon="user-pod:dropdown" tabindex="-1"> 122 src="chrome://theme/IDR_LOGIN_PASSWORD_CAPS_LOCK" alt>
52 </paper-icon-button> 123 </div>
53 <iron-icon icon="cr:more-vert" class="action-box-icon"></iron-icon> 124 <paper-icon-button class="submit-button" disabled
54 </div> 125 aria-label="$i18n{submitButtonAccessibleName}"
55 <div class="action-box-menu"> 126 icon="user-pod:arrow-forward" tabindex="-1">
56 <div class="action-box-menu-title"> 127 </paper-icon-button>
57 <span class="action-box-menu-title-name"></span> 128 </if>
58 <span class="action-box-menu-title-email"></span>
59 </div> 129 </div>
60 <div class="action-box-menu-remove" 130 <!-- User Click Authentication -->
61 i18n-content="removeUserWarningButtonTitle"> 131 <div class="password-label"></div>
132 <div class="signin-transition-container">
133 <span class="signing-in-label" i18n-content="signingIn"></span>
134 <span class="animated-ellipsis-component0">.</span>
135 <span class="animated-ellipsis-component1">.</span>
136 <span class="animated-ellipsis-component2">.</span>
62 </div> 137 </div>
63 <div class="action-box-remove-user-warning" hidden> 138 <div class="reauth-hint-container">
64 <div class="action-box-remove-user-warning-text"></div> 139 <span class="reauth-warning"></span>
65 <table class="action-box-remove-user-warning-table-nonsync 140 <span class="reauth-name-hint"></span>
66 non-sync has-stats"> 141 </div>
67 <tbody> 142 <div class="launch-app-button-container" hidden>
68 <tr> 143 <button class="launch-app-button" i18n-content="launchAppButton">
69 <td i18n-content="removeUserWarningTextHistory"></td> 144 </button>
70 <td class="action-box-remove-user-warning-history 145 </div>
71 action-box-remove-user-warning-table-numbers" 146 <div id="input-line">
72 i18n-content="removeUserWarningTextCalculating"></td> 147 <svg>
73 </tr> 148 <line x1="0" y1="0" x2="204" y2="0">
74 <tr> 149 </svg>
75 <td i18n-content="removeUserWarningTextPasswords"></td>
76 <td class="action-box-remove-user-warning-passwords
77 action-box-remove-user-warning-table-numbers"
78 i18n-content="removeUserWarningTextCalculating"></td>
79 </tr>
80 <tr>
81 <td i18n-content="removeUserWarningTextBookmarks"></td>
82 <td class="action-box-remove-user-warning-bookmarks
83 action-box-remove-user-warning-table-numbers"
84 i18n-content="removeUserWarningTextCalculating"></td>
85 </tr>
86 <tr>
87 <td i18n-content="removeUserWarningTextSettings"></td>
88 <td class="action-box-remove-user-warning-settings
89 action-box-remove-user-warning-table-numbers"
90 i18n-content="removeUserWarningTextCalculating"></td>
91 </tr>
92 </tbody>
93 </table>
94 <div class="action-box-remove-legacy-supervised-user-warning-text"
95 i18n-content="removeLegacySupervisedUserWarningText"></div>
96 <div class="action-box-remove-non-owner-user-warning-text"
97 i18n-content="removeNonOwnerUserWarningText"></div>
98 <!-- paper-button is imported inside user_manager.html -->
99 <paper-button class="remove-warning-button"
100 i18n-content="removeUserWarningButtonTitle"></paper-button>
101 </div> 150 </div>
102 </div> 151 </div>
103 </div> 152 </div>
104 <div class="auth-container"> 153 <div class="user-image-gradient-area">
105 <!-- Password Authentication --> 154 </div>
106 <div class="custom-icon-container" hidden></div> 155 <div class="user-type-icon-area" hidden>
107 <if expr="chromeos"> 156 <div class="custom-appearance user-type-icon-image"></div>
108 <div class="fingerprint-icon-container" hidden 157 </div>
109 i18n-values="aria-label:fingerprintIconMessage"> 158 <div class="user-type-bubble">
110 <div class="custom-icon fingerprint-icon-image"></div> 159 <div class="user-type-bubble-header">
160 <span class="mp-policy-title"
161 i18n-content="multiProfilesRestrictedPolicyTitle"></span>
111 </div> 162 </div>
112 </if> 163 <div class="user-type-bubble-body">
113 <div class="password-entry-container"> 164 <span class="mp-policy-not-allowed-msg"
114 <div class="password-container"> 165 i18n-content="multiProfilesNotAllowedPolicyMsg" hidden></span>
115 <input type="password" class="password" 166 <span class="mp-policy-primary-only-msg"
116 i18n-values="placeholder:passwordHint"> 167 i18n-content="multiProfilesPrimaryOnlyPolicyMsg" hidden></span>
117 </div> 168 <span class="mp-owner-primary-only-msg"
118 <if expr="chromeos"> 169 i18n-content="multiProfilesOwnerPrimaryOnlyMsg" hidden></span>
119 <div class="capslock-hint-container">
120 <img class="capslock-hint"
121 src="chrome://theme/IDR_LOGIN_PASSWORD_CAPS_LOCK" alt>
122 </div>
123 <paper-icon-button class="submit-button" disabled
124 aria-label="$i18n{submitButtonAccessibleName}"
125 icon="user-pod:arrow-forward" tabindex="-1">
126 </paper-icon-button>
127 </if>
128 </div>
129 <!-- User Click Authentication -->
130 <div class="password-label"></div>
131 <div class="signin-transition-container">
132 <span class="signing-in-label" i18n-content="signingIn"></span>
133 <span class="animated-ellipsis-component0">.</span>
134 <span class="animated-ellipsis-component1">.</span>
135 <span class="animated-ellipsis-component2">.</span>
136 </div>
137 <div class="reauth-hint-container">
138 <span class="reauth-warning"></span>
139 <span class="reauth-name-hint"></span>
140 </div>
141 <div class="launch-app-button-container" hidden>
142 <button class="launch-app-button" i18n-content="launchAppButton">
143 </button>
144 </div>
145 <div id="input-line">
146 <svg>
147 <line x1="0" y1="0" x2="204" y2="0">
148 </svg>
149 </div> 170 </div>
150 </div> 171 </div>
151 </div> 172 </div>
152 <div class="user-image-gradient-area"> 173 <div class="small-pod" hidden>
153 </div> 174 <div class="small-user-image-container">
154 <div class="user-type-icon-area" hidden> 175 <img class="small-pod-image" alt>
155 <div class="custom-appearance user-type-icon-image"></div>
156 </div>
157 <div class="user-type-bubble">
158 <div class="user-type-bubble-header">
159 <span class="mp-policy-title"
160 i18n-content="multiProfilesRestrictedPolicyTitle"></span>
161 </div> 176 </div>
162 <div class="user-type-bubble-body"> 177 <div class="small-pod-name"></div>
163 <span class="mp-policy-not-allowed-msg"
164 i18n-content="multiProfilesNotAllowedPolicyMsg" hidden></span>
165 <span class="mp-policy-primary-only-msg"
166 i18n-content="multiProfilesPrimaryOnlyPolicyMsg" hidden></span>
167 <span class="mp-owner-primary-only-msg"
168 i18n-content="multiProfilesOwnerPrimaryOnlyMsg" hidden></span>
169 </div>
170 </div> 178 </div>
171 </div> 179 </div>
172 180
173 <!-- Extra elements that are appended to above "user-pod-template" for public 181 <!-- Extra elements that are appended to above "user-pod-template" for public
174 account user pod. Note that only the children of the template div are 182 account user pod. Note that only the children of the template div are
175 appended. --> 183 appended. -->
176 <div id="public-account-user-pod-extras-template" hidden> 184 <div id="public-account-user-pod-extras-template" hidden>
177 <div class="expanded-pane"> 185 <div class="expanded-pane">
178 <div class="expanded-pane-contents"> 186 <div class="expanded-pane-contents">
179 <div class="side-container"> 187 <div class="side-container">
(...skipping 37 matching lines...) Expand 10 before | Expand all | Expand 10 after
217 i18n-values="aria-label:publicAccountEnterAccessibleName"> 225 i18n-values="aria-label:publicAccountEnterAccessibleName">
218 </paper-button> 226 </paper-button>
219 <div class="language-and-input-container"> 227 <div class="language-and-input-container">
220 <a class="language-and-input" href="#" role="button" 228 <a class="language-and-input" href="#" role="button"
221 i18n-content="publicSessionLanguageAndInput"></a> 229 i18n-content="publicSessionLanguageAndInput"></a>
222 </div> 230 </div>
223 </div> 231 </div>
224 </div> 232 </div>
225 </div> 233 </div>
226 </div> 234 </div>
OLDNEW
« ui/login/account_picker/md_user_pod_row.js ('K') | « ui/login/account_picker/md_user_pod_row.js ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698