Dashboard

* finishes work on dashboard
pull/2/head
mipel 3 years ago
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%;
@ -82,3 +97,20 @@ nav{
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…
Cancel
Save