8
0
Fork 0
mirror of https://gitlab2.federez.net/re2o/re2o synced 2024-12-24 07:53:47 +00:00

debut de refonte de la page profil

This commit is contained in:
grisel-davy 2018-06-10 21:32:41 +02:00
parent 2703cb94ba
commit 9e7edd9902
2 changed files with 105 additions and 17 deletions

View file

@ -91,3 +91,40 @@ footer a {
} }
.row.content {height:auto;} .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)
}

View file

@ -27,21 +27,72 @@ with this program; if not, write to the Free Software Foundation, Inc.,
{% load acl %} {% load acl %}
{% block title %}Profil{% endblock %} {% block title %}Profil{% endblock %}
{% block content %} {% block content %}
<h2>{{ users.surname }} {{users.name}}</h2> <div align="center">
<p>Vous êtes {% if users.end_adhesion != None %}<span class="label label-success"> <h2>Bienvenue {{users.name}} {{ users.surname }}</h2>
un {{ users.class_name | lower}}</span>{% else %}<span class="label label-danger"> </div>
non adhérent</span>{% endif %} et votre connexion est {% if users.has_access %} <div class="dashboard_container">
<span class="label label-success">active</span>{% else %}<span class="label label-danger">désactivée</span>{% endif %}.</p> <div class="row">
{% if user_solde %} <div class="col-sm-6 col-md-4">
<p>Votre solde est de <span class="badge">{{ user.solde }}€</span>. <div class="col-12">
{% if allow_online_payment %} {% if users.is_adherent %}
<a class="btn btn-primary btn-sm" role="button" href="{% url 'cotisations:recharge' %}"> <div class="panel panel-success">
<i class="fa fa-euro-sign"></i> <div class="panel-heading dashboard">Adhérent</div>
Recharger <div class="panel-body dashboard"><i class="text-success">Fin d'adhésion: {{user.end_adhesion}}</i></div>
</a> {% else %}
{% endif %} <div class="panel panel-danger">
</p> <div class="panel-heading dashboard">Non adhérent</div>
{% endif %} <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-group" id="accordion">
<div class="panel panel-default"> <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 <i class="fa fa-user"></i> Informations détaillées
</h3> </h3>
</div> </div>
<div class="panel-collapse collapse in" id="collapse1"> <div class="panel-collapse collapse" id="collapse1">
<div class="panel-body"> <div class="panel-body">
<a class="btn btn-primary btn-sm" role="button" href="{% url 'users:edit-info' users.id %}"> <a class="btn btn-primary btn-sm" role="button" href="{% url 'users:edit-info' users.id %}">
<i class="fa fa-edit"></i> <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 %}"> <a class="btn btn-primary btn-sm" role="button" href="{% url 'machines:new-machine' users.id %}">
<i class="fa fa-desktop"></i> <i class="fa fa-desktop"></i>
Ajouter une machine Ajouter une machine
</a> </a>
</div> </div>
<div class="panel-body"> <div class="panel-body">
{% if machines_list %} {% if machines_list %}