yisroelbaum/BudgetingApp
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

change files from home to line items by month

Browse source
This commit is contained in:
Yisroel Baum 2024-10-13 12:16:28 +03:00
parent 856a7fe491
commit 2eb6a03826
4 changed files with 5 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

81
app/static/homepage.js
View file

@ -1,81 +0,0 @@
const monthSelector = document.getElementById('month-selector');
const tableBody = document.getElementById('table-body');
var reassignButtons = document.getElementsByClassName('reassign-button');
function startEditMode(id){
for(let i = 0; i < reassignButtons.length; i++){
reassignButtons[i].disabled = true;
}
const handleKeydown = (e) => {
if (e.key === 'Enter') {
document.removeEventListener('keydown', handleKeydown);
const vendor = document.getElementById(`vendor-line-${id}`);
const vendorInput = document.getElementById(`vendor-input-${id}`);
vendor.innerText = vendorInput.value;
if (vendorInput.parentNode) {
vendorInput.parentNode.removeChild(vendorInput);
}
for(let i = 0; i < reassignButtons.length; i++){
reassignButtons[i].disabled = false;
}
}
};
document.addEventListener('keydown', handleKeydown);
const vendor = document.getElementById(`vendor-line-${id}`);
var placeholderText = vendor.innerText
vendor.innerText = ''
var inputElem = document.createElement("input");
inputElem.value = placeholderText;
inputElem.id = `vendor-input-${id}`
vendor.appendChild(inputElem);
inputElem.focus()
}
async function displayMonthLineItems(dateString){
const [month, year] = dateString.split(' ');
var result = await fetch(`/get_month_line_items/${month}/${year}`, {method:'POST'});
var data = await result.json();
tableBody.innerHTML = ''
data.forEach(li => {
const row = `
<tr id="${li.id}-row">
<th scope="row">${li.id}</th>
<th scope="row">${li.parent_line_item_id || ''}</th>
<th scope="row">${li.amount}</th>
<th scope="row">${li.currency_type}</th>
<th scope="row" id="vendor-line-${li.id}">${li.vendor}</th>
<th scope="row">${li.date}</th>
<th scope="row">${li.confirmation_code}</th>
<th scope="row">${li.note || ''}</th>
<th scope="row"><button id="${li.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>
`;
// Insert the row into the table body
tableBody.insertAdjacentHTML('beforeend', row);
});
addListenersToReassignButtons();
}
function addListenersToReassignButtons() {
reassignButtons = document.getElementsByClassName('reassign-button');
for(let i = 0; i < reassignButtons.length; i++){
reassignButtons[i].addEventListener('click', e => {
startEditMode(parseInt(e.target.id));
})
}
}
document.addEventListener("DOMContentLoaded", (event) => {
displayMonthLineItems(monthSelector.value);
monthSelector.addEventListener('change', (e) => {
displayMonthLineItems(e.target.value);
})
});