feat: enhance UI with responsive sidebar toggle and filter functionality for projects and scenarios

This commit is contained in:
2025-11-09 17:48:55 +01:00
parent faea6777a0
commit c39dde3198
7 changed files with 337 additions and 59 deletions

View File

@@ -20,6 +20,7 @@
</div>
</div>
{% block scripts %}{% endblock %}
<script src="/static/js/projects.js" defer></script>
<script src="/static/js/theme.js"></script>
</body>
</html>

View File

@@ -52,8 +52,3 @@
<p>No projects yet. <a href="{{ url_for('projects.create_project_form') }}">Create your first project.</a></p>
{% endif %}
{% endblock %}
{% block scripts %}
{{ super() }}
<script src="/static/js/projects.js"></script>
{% endblock %}

View File

@@ -5,10 +5,6 @@
<link rel="stylesheet" href="/static/css/scenarios.css" />
{% endblock %}
{% block head_extra %}
<link rel="stylesheet" href="/static/css/scenarios.css" />
{% endblock %}
{% block content %}
<nav class="breadcrumb">
<a href="{{ url_for('projects.project_list_page') }}">Projects</a>
@@ -65,26 +61,28 @@
<section class="card">
<h2>Financial Inputs</h2>
{% if financial_inputs %}
<table class="table">
<thead>
<tr>
<th>Name</th>
<th>Category</th>
<th>Amount</th>
<th>Currency</th>
</tr>
</thead>
<tbody>
{% for item in financial_inputs %}
<div class="table-responsive">
<table class="table">
<thead>
<tr>
<td>{{ item.name }}</td>
<td>{{ item.category.value.title() }}</td>
<td>{{ '{:,.2f}'.format(item.amount) }}</td>
<td>{{ item.currency or '—' }}</td>
<th>Name</th>
<th>Category</th>
<th>Amount</th>
<th>Currency</th>
</tr>
{% endfor %}
</tbody>
</table>
</thead>
<tbody>
{% for item in financial_inputs %}
<tr>
<td>{{ item.name }}</td>
<td>{{ item.category.value.title() }}</td>
<td>{{ '{:,.2f}'.format(item.amount) }}</td>
<td>{{ item.currency or '—' }}</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
{% else %}
<p>No financial inputs recorded.</p>
{% endif %}
@@ -93,26 +91,28 @@
<section class="card">
<h2>Simulation Parameters</h2>
{% if simulation_parameters %}
<table class="table">
<thead>
<tr>
<th>Name</th>
<th>Distribution</th>
<th>Variable</th>
<th>Resource</th>
</tr>
</thead>
<tbody>
{% for param in simulation_parameters %}
<div class="table-responsive">
<table class="table">
<thead>
<tr>
<td>{{ param.name }}</td>
<td>{{ param.distribution.value.title() }}</td>
<td>{{ param.variable.value.replace('_', ' ') | title if param.variable else '—' }}</td>
<td>{{ param.resource_type.value.replace('_', ' ') | title if param.resource_type else '—' }}</td>
<th>Name</th>
<th>Distribution</th>
<th>Variable</th>
<th>Resource</th>
</tr>
{% endfor %}
</tbody>
</table>
</thead>
<tbody>
{% for param in simulation_parameters %}
<tr>
<td>{{ param.name }}</td>
<td>{{ param.distribution.value.title() }}</td>
<td>{{ param.variable.value.replace('_', ' ') | title if param.variable else '—' }}</td>
<td>{{ param.resource_type.value.replace('_', ' ') | title if param.resource_type else '—' }}</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
{% else %}
<p>No simulation parameters defined.</p>
{% endif %}