forcen/accounters
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added date update button on account view

Browse source
This commit is contained in:
Manuel Forcén Muñoz 2024-05-16 22:32:05 +02:00
parent b922895f42
commit 1e6d99f7ad
1 changed files with 11 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

17
templates/accounts.html
View file

@ -11,8 +11,9 @@
<h2>Net amount</h2> <h2>Net amount</h2>
<div class="ars-input"> <div class="ars-input">
<label> <label>
Dates <span>Dates</span>
<input id="amount-date-range" onselect="onDateChange(event)"/> <button style="float: right;" class="ars-button" onclick="onDateChange(event)">Update</button>
<input id="amount-date-range" />
</label> </label>
</div> </div>
<div style="height: 400px; width: 800px; position: relative;"> <div style="height: 400px; width: 800px; position: relative;">
@ -50,7 +51,7 @@
<div> <div>
<a href="/accounts/id/{{account.account_id}}?entries={{n_entries}}&page={{prev_page}}">&lt;</a> <a href="/accounts/id/{{account.account_id}}?entries={{n_entries}}&page={{prev_page}}">&lt;</a>
</div> </div>
<div>{{curr_page}}</div> <div>{{curr_page + 1}}</div>
<div> <div>
<a href="/accounts/id/{{account.account_id}}?entries={{n_entries}}&page={{next_page}}">&gt;</a> <a href="/accounts/id/{{account.account_id}}?entries={{n_entries}}&page={{next_page}}">&gt;</a>
</div> </div>
@ -75,11 +76,16 @@
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script> <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script> <script>
function onDateChange(e) { function onDateChange(e) {
console.log(e); let date_val = document.getElementById('amount-date-range').value.split(' - ');
let params = new URLSearchParams(window.location.search);
params.set('from', date_val[0]);
params.set('to', date_val[1]);
window.location.search = params.toString();
} }
function onSelect(e) { function onSelect(e) {
let params = new URLSearchParams(); let params = new URLSearchParams(window.location.search);
params.set("entries", e.target.value); params.set("entries", e.target.value);
window.location.search = params.toString(); window.location.search = params.toString();
} }
@ -94,7 +100,6 @@
endDate: "{{date_to}}" endDate: "{{date_to}}"
}); });
dateEl.addEventListener('input', (e) => console.log(e));
function formatDate(date) { function formatDate(date) {
return date.substr(0, date.indexOf('T')); return date.substr(0, date.indexOf('T'));