mirror of
https://gitlab2.federez.net/re2o/re2o
synced 2024-11-05 01:16:27 +00:00
debut de refonte de la page profil
This commit is contained in:
parent
2703cb94ba
commit
9e7edd9902
2 changed files with 105 additions and 17 deletions
|
@ -91,3 +91,40 @@ footer a {
|
|||
}
|
||||
.row.content {height:auto;}
|
||||
}
|
||||
|
||||
/* style for the user page */
|
||||
|
||||
.dashboard_container{
|
||||
margin-top: 30px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
|
||||
.panel-heading.dashboard{
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.panel-body.dashboard{
|
||||
text-align: center;
|
||||
}
|
||||
#grad_red {
|
||||
background: red; /* For browsers that do not support gradients */
|
||||
background: linear-gradient(#ff6363, #fefefe); /* Standard syntax (must be last) */
|
||||
}
|
||||
|
||||
#grad_green {
|
||||
background: green; /* For browsers that do not support gradients */
|
||||
background: linear-gradient(#C8DD58,#4FB64A); /* Standard syntax (must be last) */
|
||||
}
|
||||
|
||||
#grad_grey {
|
||||
background: gray; /* For browsers that do not support gradients */
|
||||
background: linear-gradient(#d4d4ff, #fefefe); /* Standard syntax (must be last) */
|
||||
}
|
||||
|
||||
#grad_machines{
|
||||
background: green;
|
||||
background: linear-gradient(#c266e0,#fefefe)
|
||||
}
|
||||
|
||||
|
||||
|
|
|
@ -27,21 +27,72 @@ with this program; if not, write to the Free Software Foundation, Inc.,
|
|||
{% load acl %}
|
||||
{% block title %}Profil{% endblock %}
|
||||
{% block content %}
|
||||
<h2>{{ users.surname }} {{users.name}}</h2>
|
||||
<p>Vous êtes {% if users.end_adhesion != None %}<span class="label label-success">
|
||||
un {{ users.class_name | lower}}</span>{% else %}<span class="label label-danger">
|
||||
non adhérent</span>{% endif %} et votre connexion est {% if users.has_access %}
|
||||
<span class="label label-success">active</span>{% else %}<span class="label label-danger">désactivée</span>{% endif %}.</p>
|
||||
{% if user_solde %}
|
||||
<p>Votre solde est de <span class="badge">{{ user.solde }}€</span>.
|
||||
{% if allow_online_payment %}
|
||||
<a class="btn btn-primary btn-sm" role="button" href="{% url 'cotisations:recharge' %}">
|
||||
<i class="fa fa-euro-sign"></i>
|
||||
Recharger
|
||||
</a>
|
||||
{% endif %}
|
||||
</p>
|
||||
{% endif %}
|
||||
<div align="center">
|
||||
<h2>Bienvenue {{users.name}} {{ users.surname }}</h2>
|
||||
</div>
|
||||
<div class="dashboard_container">
|
||||
<div class="row">
|
||||
<div class="col-sm-6 col-md-4">
|
||||
<div class="col-12">
|
||||
{% if users.is_adherent %}
|
||||
<div class="panel panel-success">
|
||||
<div class="panel-heading dashboard">Adhérent</div>
|
||||
<div class="panel-body dashboard"><i class="text-success">Fin d'adhésion: {{user.end_adhesion}}</i></div>
|
||||
{% else %}
|
||||
<div class="panel panel-danger">
|
||||
<div class="panel-heading dashboard">Non adhérent</div>
|
||||
<div class="panel-body dashboard">
|
||||
<a class="btn btn-danger btn-sm" role="button" href="{% url 'cotisations:credit-solde' users.id %}">
|
||||
<i class="fas fa-sign-in-alt"></i>
|
||||
Adhérer
|
||||
</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-4">
|
||||
<div class="col-12">
|
||||
<div class="col-12">
|
||||
<div class="panel panel-info">
|
||||
<div class="panel-heading dashboard">{{user.solde}} <i class="fas fa-euro-sign"></i></div>
|
||||
<div class="panel-body dashboard">
|
||||
<a class="btn btn-primary btn-sm" role="button" href="{% url 'cotisations:credit-solde' users.id %}">
|
||||
<i class="fa fa-euro-sign"></i>
|
||||
Modifier le solde
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-4">
|
||||
<div class="col-12">
|
||||
{% if nb_machines %}
|
||||
<div class="panel panel-info">
|
||||
<div class="panel-heading dashboard">
|
||||
<span class="badge">{{nb_machines}}</span>
|
||||
Machines
|
||||
<i class="fa fa-desktop"></i>
|
||||
</div>
|
||||
{% else %}
|
||||
<div class="panel panel-warning">
|
||||
<div class="panel-heading dashboard">Aucune machine</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="panel-body dashboard">
|
||||
<a class="btn btn-primary btn-sm" role="button" href="{% url 'machines:new-machine' users.id %}">
|
||||
<i class="fa fa-desktop"></i>
|
||||
Ajouter une machine
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="panel-group" id="accordion">
|
||||
<div class="panel panel-default">
|
||||
|
@ -50,7 +101,7 @@ non adhérent</span>{% endif %} et votre connexion est {% if users.has_access %}
|
|||
<i class="fa fa-user"></i> Informations détaillées
|
||||
</h3>
|
||||
</div>
|
||||
<div class="panel-collapse collapse in" id="collapse1">
|
||||
<div class="panel-collapse collapse" id="collapse1">
|
||||
<div class="panel-body">
|
||||
<a class="btn btn-primary btn-sm" role="button" href="{% url 'users:edit-info' users.id %}">
|
||||
<i class="fa fa-edit"></i>
|
||||
|
@ -253,7 +304,7 @@ non adhérent</span>{% endif %} et votre connexion est {% if users.has_access %}
|
|||
<a class="btn btn-primary btn-sm" role="button" href="{% url 'machines:new-machine' users.id %}">
|
||||
<i class="fa fa-desktop"></i>
|
||||
Ajouter une machine
|
||||
</a>
|
||||
</a>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
{% if machines_list %}
|
||||
|
|
Loading…
Reference in a new issue