Changeset View
Changeset View
Standalone View
Standalone View
users/templates/users/settings/profile.html
| {% extends 'users/settings/base.html' %} | {% extends 'users/settings/base.html' %} | ||||
| {% load static %} | {% load static %} | ||||
| {% block settings %} | {% block settings %} | ||||
| <p class="subtitle">Settings</p> | <p class="subtitle">Settings</p> | ||||
| <h1 class="mb-3">Profile</h1> | <h1 class="mb-3">Profile</h1> | ||||
| <div class="settings"> | <div class="settings"> | ||||
| <div class="row mb-2"> | <div class="row mb-2"> | ||||
| <div class="col"> | <div class="col"> | ||||
| <h2 class="mb-0">Blender ID Profile</h2> | <h2 class="mb-0">Blender ID Profile</h2> | ||||
| <p>To change the details below, visit the <a href="{{ BLENDER_ID.BASE_URL }}settings/profile" | <p>To change the details below, visit the <a href="{{ BLENDER_ID.BASE_URL }}settings/profile" | ||||
| target="_blank">Blender ID</a> website.</p> | target="_blank">Blender ID</a> website.</p> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| <div class="row"> | <div class="row"> | ||||
| <div class="col-md-6 mb-3"> | <div class="col-md-6 mb-3"> | ||||
| <h3 class="mb-0">Full Name</h3> | <h3 class="mb-0">Full Name</h3> | ||||
| <p>This is displayed in comments.</p> | <p>This is displayed in comments.</p> | ||||
| <input disabled class="form-control" type="text" value="{{ user.full_name }}" | <input disabled class="form-control" type="text" value="{{ user.full_name }}" | ||||
| style="background-image:url({% static "common/images/icons/lock.svg" %});"> | style="background-image:url({% static "common/images/icons/lock.svg" %});"> | ||||
| </div> | </div> | ||||
| <div class="col-md-6 mb-3"> | <div class="col-md-6 mb-3"> | ||||
| <h3 class="mb-0">Email</h3> | <h3 class="mb-0">Email</h3> | ||||
| <p>This is how we contact you.</p> | <p>This is how we contact you.</p> | ||||
| <input disabled class="form-control" type="text" value="{{ user.email }}" | <input disabled class="form-control" type="text" value="{{ user.email }}" | ||||
| style="background-image:url({% static "common/images/icons/lock.svg" %});"> | style="background-image:url({% static "common/images/icons/lock.svg" %});"> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| <div class="row"> | <div class="row"> | ||||
| <div class="col-md-6 mb-3"> | <div class="col-md-6 mb-3"> | ||||
| <h3 class="mb-0">Username</h3> | <h3 class="mb-0">Username</h3> | ||||
| <p>This is used in comments.</p> | <p>This is used in comments.</p> | ||||
| <input disabled class="form-control" type="text" value="{{ user.username }}" | <input disabled class="form-control" type="text" value="{{ user.username }}" | ||||
| style="background-image:url({% static "common/images/icons/lock.svg" %});"> | style="background-image:url({% static "common/images/icons/lock.svg" %});"> | ||||
| </div> | </div> | ||||
| <div class="col-md-6 mb-3"> | <div class="col-md-6 mb-3"> | ||||
| <h3 class="mb-0">Profile Picture</h3> | <h3 class="mb-0">Profile Picture</h3> | ||||
| <p>This is displayed in comments.</p> | <p>This is displayed in comments.</p> | ||||
| <img src="{{ user.image_url }}" width="44" height="44" class="rounded" alt="Profile Image"> | <img src="{{ user.image_url }}" width="44" height="44" class="rounded" alt="Profile Image"> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| <div class="row"> | <div class="row"> | ||||
| {% if user.badges %} | {% if user.badges %} | ||||
| <div class="col-md-6 mb-3"> | <div class="col-md-6 mb-3"> | ||||
| <h3 class="mb-0">Badges</h3> | <h3 class="mb-0">Badges</h3> | ||||
| <p>These are displayed next to your name.</p> | <p>These are displayed next to your name.</p> | ||||
| <div class="row"> | <div class="row"> | ||||
| <div class="col-md-12 mb-3"> | <div class="col-md-12 mb-3"> | ||||
| {% with width=44 badges=user.badges %} | {% with width=44 badges=user.badges %} | ||||
| {% include 'users/components/badges.html' %} | {% include 'users/components/badges.html' %} | ||||
| {% endwith %} | {% endwith %} | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| {% endif %} | {% endif %} | ||||
| <div class="col-md-6 mb-3"> | <div class="col-md-6 mb-3"> | ||||
| <h3 class="mb-0">Preview</h3> | <h3 class="mb-0">Preview</h3> | ||||
| <p>This is how your profile is displayed.</p> | <p>This is how your profile is displayed.</p> | ||||
| <div class="p-2 bg-secondary rounded"> | <div class="p-2 bg-secondary rounded"> | ||||
| <div class="comment-name-date-wrapper mb-0"> | <div class="comment-name-date-wrapper mb-0"> | ||||
| <div style="background-image:url('{{ user.image_url }}');" class="profile col-profile"></div> | <div style="background-image:url('{{ user.image_url }}');" class="profile col-profile"></div> | ||||
| <h4 class="comment-name">{{ user.full_name }}</h4> | <h4 class="comment-name">{{ user.full_name }}</h4> | ||||
| <p class="badge"> | <p class="badge"> | ||||
| {% with width=16 badges=user.badges %} | {% with width=16 badges=user.badges %} | ||||
| {% include 'users/components/badges.html' %} | {% include 'users/components/badges.html' %} | ||||
| {% endwith %} | {% endwith %} | ||||
| </p> | </p> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| {% endblock settings %} | {% endblock settings %} | ||||