Add monthly list and summary data
This commit is contained in:
parent
fa19b593d8
commit
783e5e92cb
4 changed files with 92 additions and 13 deletions
|
@ -24,7 +24,7 @@
|
|||
{% endfor %}
|
||||
|
||||
<button type="submit" class="uk-button uk-button-primary">Save</button>
|
||||
<a href="{% url 'fuelpurchase_list' %}" class="uk-button uk-button-default">Cancel</a>
|
||||
<a href="{% url 'fuelpurchase_list_current' %}" class="uk-button uk-button-default">Cancel</a>
|
||||
|
||||
</form>
|
||||
|
||||
|
|
|
@ -1,20 +1,53 @@
|
|||
{% extends "base.html" %}
|
||||
|
||||
{% block title %}Fuel Purchases{% endblock %}
|
||||
{% block title %}Fuel Purchases - {{ current_month }}.{{ current_year }}{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div class="uk-flex uk-flex-between uk-flex-middle uk-margin-bottom">
|
||||
<h2 class="uk-heading-line"><span>Fuel Purchases</span></h2>
|
||||
<h2 class="uk-heading-line">
|
||||
<span>Fuel Purchases – {{ current_month }}.{{ current_year }}</span>
|
||||
</h2>
|
||||
<a href="{% url 'fuelpurchase_add' %}" class="uk-button uk-button-primary">Add Purchase</a>
|
||||
</div>
|
||||
|
||||
<!-- Navigointi ja alasvetovalikko -->
|
||||
<div class="uk-flex uk-flex-between uk-flex-middle uk-margin-small-bottom">
|
||||
<a href="{% url 'fuelpurchase_list' prev_year prev_month %}" class="uk-button uk-button-default">← Previous</a>
|
||||
|
||||
<form method="get" action="" onChange="if(this.value) window.location.href=this.value;" class="uk-form-horizontal">
|
||||
<select class="uk-select">
|
||||
{% for month_date in available_months %}
|
||||
<option value="{% url 'fuelpurchase_list' month_date.year month_date.month %}"
|
||||
{% if month_date.year == current_year and month_date.month == current_month %}selected{% endif %}>
|
||||
{{ month_date|date:"F Y" }}
|
||||
</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
</form>
|
||||
|
||||
<a href="{% url 'fuelpurchase_list' next_year next_month %}" class="uk-button uk-button-default">Next →</a>
|
||||
</div>
|
||||
|
||||
<!-- Yhteenveto -->
|
||||
<div class="uk-card uk-card-default uk-card-body uk-margin-bottom">
|
||||
<h4 class="uk-card-title">Summary</h4>
|
||||
<ul class="uk-list uk-list-divider">
|
||||
<li><strong>Total Cost:</strong> {{ summary.total_cost_sum|default:"0.00" }} €</li>
|
||||
<li><strong>Total Litres:</strong> {{ summary.total_litres_sum|floatformat:2|default:"0.00" }} L</li>
|
||||
<li><strong>Average Litre Price:</strong> {{ summary.avg_price|floatformat:3|default:"0.000" }} €</li>
|
||||
<li><strong>Min Litre Price:</strong> {{ summary.min_price|floatformat:3|default:"0.000" }} €</li>
|
||||
<li><strong>Max Litre Price:</strong> {{ summary.max_price|floatformat:3|default:"0.000" }} €</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Taulukko -->
|
||||
{% if purchases %}
|
||||
<table class="uk-table uk-table-divider uk-table-striped uk-table-hover">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Date</th>
|
||||
<th>Total Cost (€)</th>
|
||||
<th>Price/Litre (€)</th>
|
||||
<th>Litre Price (€)</th>
|
||||
<th>Amount (litres)</th>
|
||||
</tr>
|
||||
</thead>
|
||||
|
@ -30,6 +63,6 @@
|
|||
</tbody>
|
||||
</table>
|
||||
{% else %}
|
||||
<p class="uk-text-meta">No purchases recorded yet.</p>
|
||||
<p class="uk-text-meta">No purchases recorded for this month.</p>
|
||||
{% endif %}
|
||||
{% endblock %}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue