pangea/django-musician
7
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Code styles of profile view.

Browse source
This commit is contained in:
Santiago Lamora 2019-12-17 13:04:53 +01:00
parent 7c17d929fa
commit ff481b6317
3 changed files with 51 additions and 36 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
musician/static/musician/css/default.css
View file

@ -247,6 +247,13 @@ h1.service-name {
font-weight: 900; font-weight: 900;
} }
.card.card-profile .card-header {
background: white;
border-bottom: none;
font-size: large;
text-transform: uppercase;
}
#configDetailsModal .modal-header { #configDetailsModal .modal-header {
border-bottom: 0; border-bottom: 0;
text-align: center; text-align: center;

BIN
musician/static/musician/images/default-profile-picture-primary-color.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3 KiB

80
musician/templates/musician/profile.html
View file

@ -3,48 +3,56 @@
{% block content %} {% block content %}
<h1>Profile</h1> <h1 class="service-name">Profile</h1>
<p>Little description of what to be expected...</p> <p class="service-description">Little description of what to be expected...</p>
<div class="card"> <div class="card-deck">
<h5 class="card-header text-right">User information</h5> <div class="card card-profile">
<div class="card-body row"> <h5 class="card-header">User information</h5>
<div class="col-md-4"> <div class="card-body row">
<div class="m-auto border border-secondary rounded-circle rounded-lg" style="width:125px; height:125px;"> <div class="col-md">
{# <!-- <img class="" src="#" alt="User profile image" /> -->#} <div class="border-primary rounded-circle d-inline-block p-1" style="background-color: white; border: 5px solid grey">
<img id="user-avatar" width="160" height="160" src="/static/musician/images/default-profile-picture-primary-color.png" alt="user-profile-picture">
</div>
</div> </div>
</div> <div class="col-md-9">
<div class="col-md-8"> <p class="card-text">{{ profile.username }}</p>
<p class="card-text">{{ profile.username }}</p> <p class="card-text">{{ profile.type }}</p>
<p class="card-text">{{ profile.type }}</p> <p class="card-text">Preferred language: {{ profile.language }}</p>
<p class="card-text">Preferred language: {{ profile.language }}</p> </div>
{% comment %}
<!-- disabled until set_password is implemented -->
<div class="col-md-12 text-right">
<a class="btn btn-primary pl-5 pr-5" href="#">Set new password</a>
</div>
{% endcomment %}
</div> </div>
</div> </div>
</div>
{% with profile.billing as contact %} {% with profile.billing as contact %}
<div class="card mt-4"> <div class="card card-profile">
<h5 class="card-header text-right">Billing information</h5> <h5 class="card-header">Billing information</h5>
<div class="card-body"> <div class="card-body">
<div class="form-group">{{ contact.name }}</div> <div class="form-group">{{ contact.name }}</div>
<div class="form-group">{{ contact.address }}</div> <div class="form-group">{{ contact.address }}</div>
<div class="form-group"> <div class="form-group">
{{ contact.zipcode }} {{ contact.zipcode }}
{{ contact.city }} {{ contact.city }}
{{ contact.country }} {{ contact.country }}
</div> </div>
<div class="form-group"> <div class="form-group">
{{ contact.vat }} {{ contact.vat }}
</div> </div>
<!-- payment method --> <!-- payment method -->
<div class="form-group"> <div class="form-group">
payment method: {{ payment.method }} payment method: {{ payment.method }}
</div> </div>
<div class="form-group"> <div class="form-group">
{# TODO(@slamora) format payment method details #} {# TODO(@slamora) format payment method details #}
{{ payment.data.data }} {{ payment.data.data }}
</div> </div>
</div>
</div> </div>
</div> </div>
{% endwith %} {% endwith %}