BudgetingApp/app/templates/index.html
2024-10-01 15:49:45 +03:00

148 lines
6.5 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Budgeting</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="container mt-5">
{% if files %}
<div class="card">
<div class="card-header bg-primary text-white">
File available in static folder for upload
</div>
<div class="card-body">
<div class="table-responsive">
<table class="table table-bordered">
<thead>
<tr>
<th scope="col">Filename</th>
</tr>
</thead>
<tbody>
{% for file in files %}
<tr>
<th scope="row"><a href="{{url_for('upload_file', filename=file)}}">{{file}}</a></th>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
</div>
{% else %}
<div class="card">
<div class="card-header bg-primary text-white">
No files in the upload folder
</div>
</div>
{% endif %}
<div class="card">
<div class="card-header bg-primary text-white">
Line Items
</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>
{% for li in all_line_items %}
<tr id="{{li[0].id}}-row">
<th scope="row">{{li[0].id}}</th>
<th scope="row">{{li[0].parent_line_item_id}}</th>
<th scope="row">{{li[0].amount}}</th>
<th scope="row">{{li[0].currency_type}}</th>
<th scope="row" id="vendor-line-{{li[0].id}}">{{li[0].get_vendor()[0]}}</th>
<th scope="row">{{li[0].date}}</th>
<th scope="row">{{li[0].confirmation_code}}</th>
<th scope="row">{{li[0].note}}</th>
<th scope="row"><button id="{{li[0].id}}" class="btn btn-primary reassign-button">Click to reassign vendor</button></th>
<th scope="row"><a class="btn btn-primary" href="#">Click to split line</a></th>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
</div>
<div class="card">
<div class="card-header bg-primary text-white">
Budget Categories
</div>
<div class="card-body">
<form action="{{ url_for('add_budget_category') }}" method="POST">
<div class="mb-3">
<label for="categoryName" class="form-label">Add Budget Category</label>
<input type="text" class="form-control" id="categoryName" name="category_name" placeholder="Enter category name" required>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
<div class="table-responsive">
<table class="table table-bordered">
<thead>
<tr>
<th scope="col">ID</th>
<th scope="col">Name</th>
<th scope="col">Delete</th>
</tr>
</thead>
<tbody>
{% for bc in budget_categories %}
<tr id="{{bc[0].id}}-row">
<th scope="row">{{bc[0].id}}</th>
<th scope="row">{{bc[0].name}}</th>
<th scope="row"><button class="btn btn-danger del-button" id="{{bc[0].id}}">Delete</button></th>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
</div>
<div class="card">
<div class="card-header bg-primary text-white">
Vendors
</div>
<div class="card-body">
<div class="table-responsive">
<table class="table table-bordered">
<thead>
<tr>
<th scope="col">ID</th>
<th scope="col">Name</th>
</tr>
</thead>
<tbody>
{% for vendor in vendors %}
<tr>
<th scope="row">{{vendor[0].id}}</th>
<th scope="row">{{vendor[0].name}}</th>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js"></script>
<script src="{{url_for('.static', filename='index.js')}}"></script>
</body>
</html>