BudgetingApp/app/templates/monthly_budget_summary.html

47 lines
No EOL
1.8 KiB
HTML

{% extends 'base.html' %}
{% block title %}Monthly Budget Summary{% endblock title %}
{% block content %}
<main>
<div class="container mt-5">
<div class="card">
<div class="card-header bg-primary text-white">
Monthly Budget Summary
<br/>
<label for="month-selector">Choose a month:</label>
<select name="month-selector" id="month-selector">
{% for month in all_months %}
<option value="{{month}}">{{month}}</option>
{% endfor %}
</select>
</div>
<div class="card-body">
<div class="table-responsive">
<table class="table table-bordered">
<thead>
<tr>
<th scope="col">ID</th>
<th scope="col">Parent LineItem ID</th>
<th scope="col">Amount</th>
<th scope="col">Currency Type</th>
<th scope="col">Vendor</th>
<th scope="col">Date</th>
<th scope="col">Confirmation Code</th>
<th scope="col">Note</th>
<th scope="col">Reassign Vendor</th>
<th scope="col">Split Line?</th>
</tr>
</thead>
<tbody id="table-body">
<tr><td>Loading...</td></tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</main>
<script src="{{url_for('.static', filename='monthly_budget_summary.js')}}"></script>
{% endblock content %}