use base template for main page
This commit is contained in:
@@ -6,7 +6,7 @@ from financeplanner.utils import format_price
|
||||
|
||||
|
||||
class AdminSite(admin.AdminSite):
|
||||
index_title = "FloPlanner"
|
||||
index_title = "FinancePlanner"
|
||||
site_title = "Admin Panel"
|
||||
site_header = "Admin Panel"
|
||||
site_url = reverse_lazy("finance:index")
|
||||
|
||||
@@ -9,7 +9,7 @@
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<h1>FloPlanner</h1>
|
||||
<h1>📊 FinancePlanner 💰</h1>
|
||||
|
||||
<p>
|
||||
{% block navi %}{% endblock %}
|
||||
|
||||
@@ -1,24 +1,15 @@
|
||||
{% load static %}
|
||||
{% extends "financeplanner/base.html" %}
|
||||
|
||||
{% load custom_tags %}
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>FinancePlanner</title>
|
||||
<link rel="stylesheet" type="text/css" href="{% static 'financeplanner/style.css' %}">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<h1>📊 FinancePlanner</h1>
|
||||
|
||||
<p>
|
||||
{% block navi %}
|
||||
<a href="{% url 'admin:index' %}" class="mini-link">Admin Panel</a>
|
||||
-
|
||||
<a href="{% url 'logout' %}" class="mini-link">Logout</a>
|
||||
</p>
|
||||
{% endblock %}
|
||||
|
||||
<div class="main-container flex-col-centering">
|
||||
{% block content %}
|
||||
<div class="main-container flex-col-centering">
|
||||
{% if daily_stats %}
|
||||
<div id="date-panel">-</div>
|
||||
<div id="graph">
|
||||
@@ -40,9 +31,9 @@
|
||||
{% else %}
|
||||
<p>No enough data from {{ start|date:"d.m.y" }} til {{ end|date:"d.m.y" }} to show a graph.</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="main-container">
|
||||
<div class="main-container">
|
||||
<h2>Analysis</h2>
|
||||
<p>current average amounts per month:</p>
|
||||
<table>
|
||||
@@ -81,9 +72,9 @@
|
||||
</table>
|
||||
|
||||
<p>monthly result after irregular expenses: {{ avg_monthly_result_complete|euro }}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="main-container">
|
||||
<div class="main-container">
|
||||
<h2>Relevant Balances</h2>
|
||||
{% if balances %}
|
||||
<table>
|
||||
@@ -105,9 +96,9 @@
|
||||
{% else %}
|
||||
<p>-</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="main-container">
|
||||
<div class="main-container">
|
||||
<h2>Relevant Stored Transactions</h2>
|
||||
{% if transactions %}
|
||||
<table>
|
||||
@@ -135,9 +126,9 @@
|
||||
{% else %}
|
||||
<p>-</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="main-container">
|
||||
<div class="main-container">
|
||||
<h2>Calculated Actual Transactions</h2>
|
||||
{% if actual_transactions %}
|
||||
<table>
|
||||
@@ -161,9 +152,9 @@
|
||||
{% else %}
|
||||
<p>-</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
<script type="text/javascript">
|
||||
const graph = document.getElementById('graph');
|
||||
const datePanel = document.getElementById('date-panel');
|
||||
let scrolling = false;
|
||||
@@ -203,7 +194,5 @@
|
||||
graph.addEventListener('mouseleave', () => stopDragScroll());
|
||||
graph.addEventListener('mouseup', () => stopDragScroll());
|
||||
graph.addEventListener('mousemove', (event) => doDragScroll(event));
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
</script>
|
||||
{% endblock %}
|
||||
|
||||
Reference in New Issue
Block a user