Sybren A. Stüvel
47474ac936
Avatars are now obtained from Blender ID. They are downloaded from Blender ID and stored in the users' home project storage. Avatars can be synced via Celery and triggered from a webhook. The avatar can be obtained from the current user object in Python, or via pillar.api.users.avatar.url(user_dict). Avatars can be shown in the web frontend by: - an explicit image (like before but with a non-Gravatar URL) - a Vue.js component `user-avatar` - a Vue.js component `current-user-avatar` The latter is the most efficient for the current user, as it uses user info that's already injected into the webpage (so requires no extra queries).
71 lines
2.1 KiB
Plaintext
71 lines
2.1 KiB
Plaintext
| {% extends 'users/settings/page.html' %}
|
|
| {% block settings_page_title %}{{ _("Profile") }}{% endblock %}
|
|
| {% block css %}
|
|
| {{ super() }}
|
|
//- TODO(Pablo): properly style badges, and move the styling to one of the SASS files.
|
|
style.
|
|
ul.blender-id-badges {
|
|
padding-left: 0;
|
|
list-style-type: none;
|
|
display: flex;
|
|
}
|
|
ul.blender-id-badges > li {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
ul.blender-id-badges > li a {
|
|
display: block;
|
|
padding: 0.4em;
|
|
}
|
|
| {% endblock %}
|
|
| {% block settings_page_content %}
|
|
.settings-form
|
|
form#settings-form(method='POST', action="{{url_for('settings.profile')}}")
|
|
.row
|
|
.form-group.col-md-6
|
|
| {{ form.username.label }}
|
|
| {{ form.username(size=20, class='form-control') }}
|
|
| {% if form.username.errors %}
|
|
| {% for error in form.username.errors %}{{ error|e }}{% endfor %}
|
|
| {% endif %}
|
|
|
|
button.mt-3.btn.btn-outline-success.px-5.button-submit(type='submit')
|
|
i.pi-check.pr-2
|
|
| {{ _("Save Changes") }}
|
|
|
|
.row.mt-3
|
|
.col-md-9
|
|
.form-group
|
|
label {{ _("Full name") }}
|
|
p {{ current_user.full_name }}
|
|
.form-group
|
|
label {{ _("E-mail") }}
|
|
p {{ current_user.email }}
|
|
.form-group
|
|
| {{ _("Change your full name, email, avatar, and password at") }} #[a(href="{{ blender_profile_url }}",target='_blank') Blender ID].
|
|
|
|
| {% if current_user.badges_html %}
|
|
.form-group
|
|
p Your Blender ID badges:
|
|
| {{ current_user.badges_html|safe }}
|
|
p.hint-text Note that updates to these badges may take a few minutes to be visible here.
|
|
| {% endif %}
|
|
|
|
.col-md-3
|
|
a(href="{{ blender_profile_url }}",target='_blank')
|
|
current-user-avatar
|
|
p
|
|
small Your #[a(href="{{ blender_profile_url }}",target='_blank') Blender ID] avatar
|
|
//- Avatar Sync button is commented out here, because it's not used by Blender Cloud.
|
|
//- This tag, and the commented-out script tag below, are just examples.
|
|
//- avatar-sync-button
|
|
|
|
| {% endblock %}
|
|
|
|
| {% block footer_scripts %}
|
|
| {{ super() }}
|
|
//- script(src="{{ url_for('static_pillar', filename='assets/js/avatar.min.js') }}")
|
|
script.
|
|
new Vue({el:'#settings-form'});
|
|
| {% endblock %}
|