Dashboard
* finishes work on dashboard
This commit is contained in:
mipel
parent
3277896ff1
commit
7cbcdc62ae
@ -7,6 +7,21 @@ Declare some basic colours
|
||||
--rlp-gray-light: #c6c6c6;
|
||||
}
|
||||
|
||||
.rlp-gl{
|
||||
background-color: var(--rlp-gray-light);
|
||||
color:white;
|
||||
}
|
||||
|
||||
.rlp-gd{
|
||||
background-color: var(--rlp-gray-dark);
|
||||
color:white;
|
||||
}
|
||||
|
||||
.rlp-r{
|
||||
background-color: var(--rlp-red);
|
||||
color:white;
|
||||
}
|
||||
|
||||
html {
|
||||
position: relative;
|
||||
min-height: 100%;
|
||||
@ -81,4 +96,21 @@ nav{
|
||||
font-size: 12px;
|
||||
max-height: 150px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.qs-box{
|
||||
background-color: var(--rlp-red);
|
||||
color: white;
|
||||
font-size: 3rem;
|
||||
width: 8rem;
|
||||
height: 8rem;
|
||||
}
|
||||
|
||||
.btn-default{
|
||||
color: white;
|
||||
background-color: var(--rlp-red);
|
||||
border-radius: 0;
|
||||
}
|
||||
.btn-default:hover{
|
||||
color: var(--rlp-gray-light);
|
||||
}
|
||||
@ -1,15 +1,114 @@
|
||||
{% extends 'base.html' %}
|
||||
{% load i18n %}
|
||||
{% load i18n fontawesome_5 %}
|
||||
|
||||
{% block body %}
|
||||
{% include 'news/dashboard-news.html' %}
|
||||
<hr>
|
||||
<div id="quickstart" class="col-md px-3">
|
||||
<h4 class="row">{% trans 'Quickstart' %}</h4>
|
||||
<div class="row px-3">
|
||||
<div class="col-md">{% trans 'Intervention' %}</div>
|
||||
<div class="col-md">{% trans 'Compensation' %}</div>
|
||||
<div class="col-md">{% trans 'Eco-account' %}</div>
|
||||
<div class="col-md">
|
||||
<h4>
|
||||
{% trans 'Intervention' %}
|
||||
</h4>
|
||||
<div class="row">
|
||||
<div class="col-sm">
|
||||
<div class="qs-box d-flex justify-content-center align-items-center">
|
||||
{% fa5_icon 'pencil-ruler' %}
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm">
|
||||
<div class="col-md mb-2">
|
||||
<div>{% trans 'Total' %}</div>
|
||||
<div class="class badge badge-pill rlp-gd">{{total_intervention_count}}</div>
|
||||
</div>
|
||||
<div class="col-md">
|
||||
<div>{% trans 'Your own' %}</div>
|
||||
<div class="class badge badge-pill rlp-gd">{{user_intervention_count}}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md">
|
||||
<div class="row my-1">
|
||||
<a href="{% url 'home' %}">
|
||||
<button class="btn btn-default">{% fa5_icon 'plus' %} {% trans 'Create' %}</button>
|
||||
</a>
|
||||
</div>
|
||||
<div class="row my-1">
|
||||
<a href="{% url 'home' %}">
|
||||
<button class="btn btn-default">{% fa5_icon 'eye' %} {% trans 'Show' %}</button>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md">
|
||||
<h4>
|
||||
{% trans 'Compensation' %}
|
||||
</h4>
|
||||
<div class="row">
|
||||
<div class="col-sm">
|
||||
<div class="qs-box d-flex justify-content-center align-items-center">
|
||||
{% fa5_icon 'leaf' %}
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm">
|
||||
<div class="col-md mb-2">
|
||||
<div>{% trans 'Total' %}</div>
|
||||
<div class="class badge badge-pill rlp-gd">{{total_compensation_count}}</div>
|
||||
</div>
|
||||
<div class="col-md">
|
||||
<div>{% trans 'Your own' %}</div>
|
||||
<div class="class badge badge-pill rlp-gd">{{user_compensation_count}}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md">
|
||||
<div class="row my-1">
|
||||
<a href="{% url 'home' %}">
|
||||
<button class="btn btn-default">{% fa5_icon 'plus' %} {% trans 'Create' %}</button>
|
||||
</a>
|
||||
</div>
|
||||
<div class="row my-1">
|
||||
<a href="{% url 'home' %}">
|
||||
<button class="btn btn-default">{% fa5_icon 'eye' %} {% trans 'Show' %}</button>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md">
|
||||
<h4>
|
||||
{% trans 'Eco-account' %}
|
||||
</h4>
|
||||
<div class="row">
|
||||
<div class="col-sm">
|
||||
<div class="qs-box d-flex justify-content-center align-items-center">
|
||||
{% fa5_icon 'tree' %}
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm">
|
||||
<div class="col-md mb-2">
|
||||
<div>{% trans 'Total' %}</div>
|
||||
<div class="class badge badge-pill rlp-gd">{{total_eco_count}}</div>
|
||||
</div>
|
||||
<div class="col-md">
|
||||
<div>{% trans 'Your own' %}</div>
|
||||
<div class="class badge badge-pill rlp-gd">{{user_eco_count}}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md">
|
||||
<div class="row my-1">
|
||||
<a href="{% url 'home' %}">
|
||||
<button class="btn btn-default">{% fa5_icon 'plus' %} {% trans 'Create' %}</button>
|
||||
</a>
|
||||
</div>
|
||||
<div class="row my-1">
|
||||
<a href="{% url 'home' %}">
|
||||
<button class="btn btn-default">{% fa5_icon 'eye' %} {% trans 'Show' %}</button>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@ -54,6 +54,12 @@ def home_view(request: HttpRequest):
|
||||
|
||||
additional_context = {
|
||||
"msgs": msgs,
|
||||
"total_intervention_count": 123,
|
||||
"user_intervention_count": 5,
|
||||
"total_compensation_count": 123,
|
||||
"user_compensation_count": 5,
|
||||
"total_eco_count": 123,
|
||||
"user_eco_count": 5,
|
||||
}
|
||||
context = BaseContext(request, additional_context).context
|
||||
return render(request, template, context)
|
||||
|
||||
@ -1,12 +1,13 @@
|
||||
{% load i18n ksp_filters %}
|
||||
|
||||
<div id="server-messages" class="col-md px-3">
|
||||
<h4 class="row">{% trans 'News' %}</h4>
|
||||
<div class="row px-3">
|
||||
{% for msg in msgs %}
|
||||
<div class="card col-md {{msg.importance|bootstrap_cls}}">
|
||||
<div class="card-body">
|
||||
<h6 class="card-title">{{msg.subject}}</h6>
|
||||
<h6 class="card-title">
|
||||
{{msg.subject}}
|
||||
</h6>
|
||||
<small>{% trans 'Published on' %} {{msg.publish_on}}</small>
|
||||
<article class="card-text">{{msg.body|safe}}</article>
|
||||
</div>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user