IT-Naturschutz/konova
7
1
Fork 0
Code Issues 6 Pull Requests 1 Actions Projects Releases 28 Wiki Activity

Dashboard

Browse Source 
* finishes work on dashboard
This commit is contained in:
mipel 2021-07-07 13:46:33 +02:00
parent b01442ef17
commit 6b245a2a06
4 changed files with 145 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
konova/static/css/konova.css
View File

@ -7,6 +7,21 @@ Declare some basic colours
--rlp-gray-light: #c6c6c6; --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 { html {
position: relative; position: relative;
min-height: 100%; min-height: 100%;
@ -82,3 +97,20 @@ nav{
max-height: 150px; max-height: 150px;
overflow: auto; 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);
}

109
konova/templates/konova/home.html
View File

@ -1,15 +1,114 @@
{% extends 'base.html' %} {% extends 'base.html' %}
{% load i18n %} {% load i18n fontawesome_5 %}
{% block body %} {% block body %}
{% include 'news/dashboard-news.html' %} {% include 'news/dashboard-news.html' %}
<hr> <hr>
<div id="quickstart" class="col-md px-3"> <div id="quickstart" class="col-md px-3">
<h4 class="row">{% trans 'Quickstart' %}</h4>
<div class="row px-3"> <div class="row px-3">
<div class="col-md">{% trans 'Intervention' %}</div> <div class="col-md">
<div class="col-md">{% trans 'Compensation' %}</div> <h4>
<div class="col-md">{% trans 'Eco-account' %}</div> {% 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>
</div> </div>

6
konova/views.py
View File

@ -54,6 +54,12 @@ def home_view(request: HttpRequest):
additional_context = { additional_context = {
"msgs": msgs, "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 context = BaseContext(request, additional_context).context
return render(request, template, context) return render(request, template, context)

5
news/templates/news/dashboard-news.html
View File

@ -1,12 +1,13 @@
{% load i18n ksp_filters %} {% load i18n ksp_filters %}
<div id="server-messages" class="col-md px-3"> <div id="server-messages" class="col-md px-3">
<h4 class="row">{% trans 'News' %}</h4>
<div class="row px-3"> <div class="row px-3">
{% for msg in msgs %} {% for msg in msgs %}
<div class="card col-md {{msg.importance|bootstrap_cls}}"> <div class="card col-md {{msg.importance|bootstrap_cls}}">
<div class="card-body"> <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> <small>{% trans 'Published on' %} {{msg.publish_on}}</small>
<article class="card-text">{{msg.body|safe}}</article> <article class="card-text">{{msg.body|safe}}</article>
</div> </div>