IT-Naturschutz/konova
7
0
Fork 0
Code Issues 5 Pull Requests Actions Projects Releases 48 Wiki Activity

Dashboard

Browse Source 
* finishes work on dashboard
This commit is contained in:
mipel
2021-07-07 15:50:20 +02:00
parent 6b245a2a06
commit d50fb1a1d6
4 changed files with 95 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
konova/static/css/konova.css
View File

@@ -12,16 +12,31 @@ Declare some basic colours
color:white;
}
.rlp-gl-outline{
border:1px solid var(--rlp-gray-light);
color:var(--rlp-gray-light);
}
.rlp-gd{
background-color: var(--rlp-gray-dark);
color:white;
}
.rlp-gd-outline{
border:1px solid var(--rlp-gray-dark);
color:var(--rlp-gray-dark);
}
.rlp-r{
background-color: var(--rlp-red);
color:white;
}
.rlp-r-outline{
border:1px solid var(--rlp-red);
color:var(--rlp-red);
}
html {
position: relative;
min-height: 100%;

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

@@ -11,7 +11,7 @@
{% trans 'Intervention' %}
</h4>
<div class="row">
<div class="col-sm">
<div class="col-sm-5">
<div class="qs-box d-flex justify-content-center align-items-center">
{% fa5_icon 'pencil-ruler' %}
</div>
@@ -19,11 +19,11 @@
<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 class="class badge badge-pill rlp-gd-outline w-100">{{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 class="class badge badge-pill rlp-gd-outline w-100">{{user_intervention_count}}</div>
</div>
</div>
</div>
@@ -39,13 +39,15 @@
</a>
</div>
</div>
<hr>
</div>
<div class="col-md">
<h4>
{% trans 'Compensation' %}
</h4>
<div class="row">
<div class="col-sm">
<div class="col-sm-5">
<div class="qs-box d-flex justify-content-center align-items-center">
{% fa5_icon 'leaf' %}
</div>
@@ -53,11 +55,11 @@
<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 class="class badge badge-pill rlp-gd-outline w-100">{{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 class="class badge badge-pill rlp-gd-outline w-100">{{user_compensation_count}}</div>
</div>
</div>
</div>
@@ -73,14 +75,16 @@
</a>
</div>
</div>
<hr>
</div>
<div class="col-md">
<h4>
{% trans 'Eco-account' %}
</h4>
<div class="row">
<div class="col-sm">
<div class="col-sm-5">
<div class="qs-box d-flex justify-content-center align-items-center">
{% fa5_icon 'tree' %}
</div>
@@ -88,26 +92,42 @@
<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 class="class badge badge-pill rlp-gd-outline w-100">{{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 class="class badge badge-pill rlp-gd-outline w-100">{{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 class="row">
<div class="col-sm">
<div class="col-sm">
<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-sm">
<div class="col-sm">
<div class="row my-1">
<a href="{% url 'home' %}">
<button class="btn btn-default">{% fa5_icon 'magic' %} {% trans 'Withdraw' %}</button>
</a>
</div>
</div>
<div class="row my-1">
<a href="{% url 'home' %}">
<button class="btn btn-default">{% fa5_icon 'eye' %} {% trans 'Show' %}</button>
</a>
</div>
</div>
<hr>
</div>
</div>
</div>