moerp/elo-rezept-rechner
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

old nutri
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
Details
ci/woodpecker/tag/woodpecker Pipeline was successful
Details

Browse Source
This commit is contained in:
moerp
2024-04-08 23:09:45 +02:00
parent e66e54c424
commit 814c5b17e3
1 changed files with 18 additions and 101 deletions
Download Patch File Download Diff File Expand all files Collapse all files

119
src/templates/nutrition.html
View File

@ -7,8 +7,6 @@
<link rel="shortcut icon" href="../static/images/favicon.ico">
<script>
let isEditing = false;
function updateSubmitButtonState() {
const inputs = document.querySelectorAll('#nutrition-form input');
const allFilled = Array.from(inputs).every(input => input.value.trim() !== '');
@ -59,95 +57,15 @@
}
function showPasswordPrompt(action) {
// Setze isEditing je nach Aktion
isEditing = (action === 'edit');
if (isEditing) {
// Deaktiviere Zeilenauswahl
document.getElementById('database-nutrition-table').removeEventListener('click', handleRowClick);
} else {
// Aktiviere Zeilenauswahl
document.getElementById('database-nutrition-table').addEventListener('click', handleRowClick);
}
document.getElementById('delete-row-button').style.display = action === 'edit' ? 'none' : 'block';
document.getElementById('edit-row-button').style.display = action === 'delete' ? 'none' : 'block';
document.getElementById('password-prompt').style.display = 'block';
document.getElementById('password-prompt').setAttribute('data-action', action);
// Deselektiere alle Zeilen
deselectAllRows();
}
function deselectAllRows() {
document.querySelectorAll('#database-nutrition-table .selected').forEach(row => {
row.classList.remove('selected');
});
updateDeleteButtonState();
updateEditButtonState();
}
function hidePasswordPrompt() {
document.getElementById('delete-row-button').style.display = 'block';
document.getElementById('edit-row-button').style.display = 'block';
document.getElementById('password-prompt').style.display = 'none';
// Setze isEditing zurück
isEditing = false;
// Deaktiviere Editierbarkeit aller Zellen und aktiviere Zeilenauswahl
setCellsEditable(false);
document.getElementById('database-nutrition-table').addEventListener('click', handleRowClick);
}
function performActionIfPasswordCorrect() {
const password = document.getElementById('password-input').value;
if (password === 'geheim') {
const action = document.getElementById('password-prompt').getAttribute('data-action');
if (action === 'delete') {
deleteSelectedRows();
} else if (action === 'edit') {
// Mache Zellen editierbar
setCellsEditable(true);
hidePasswordPrompt();
}
} else {
alert('Falsches Passwort!');
}
}
function setCellsEditable(editable) {
document.querySelectorAll('#database-nutrition-table td').forEach(cell => {
cell.contentEditable = editable;
});
}
function handleRowClick(event) {
if (event.target.tagName === 'TD' && !isEditing) {
event.target.parentNode.classList.toggle('selected');
updateDeleteButtonState();
updateEditButtonState();
}
}
function updateEditButtonState() {
// Diese Funktion soll ähnlich wie updateDeleteButtonState() implementiert werden,
// um den "Bearbeiten"-Button zu aktivieren/deaktivieren
const selectedRows = document.querySelectorAll('#database-nutrition-table .selected').length;
const editButton = document.getElementById('edit-row-button');
editButton.disabled = selectedRows === 0;
}
// Ergänze Event-Listener, um den Zustand des Bearbeiten-Buttons zu aktualisieren
document.addEventListener('DOMContentLoaded', function() {
document.getElementById('database-nutrition-table').addEventListener('click', handleRowClick);
const table = document.getElementById('database-nutrition-table');
table.addEventListener('click', function(e) {
if (e.target.tagName === 'TD') {
e.target.parentNode.classList.toggle('selected');
updateDeleteButtonState();
updateEditButtonState();
}
});
updateDeleteButtonState();
updateEditButtonState();
});
function deleteSelectedRows() {
@ -180,15 +98,15 @@
}
// function showPasswordPrompt() {
// document.getElementById('delete-row-button').style.display = 'none';
// document.getElementById('password-prompt').style.display = 'block';
// }
function showPasswordPrompt() {
document.getElementById('delete-row-button').style.display = 'none';
document.getElementById('password-prompt').style.display = 'block';
}
// function hidePasswordPrompt() {
// document.getElementById('delete-row-button').style.display = 'block';
// document.getElementById('password-prompt').style.display = 'none';
// }
function hidePasswordPrompt() {
document.getElementById('delete-row-button').style.display = 'block';
document.getElementById('password-prompt').style.display = 'none';
}
function deleteRowsIfPasswordCorrect() {
const password = document.getElementById('password-input').value;
@ -219,13 +137,13 @@
tableBody.innerHTML = '';
data.forEach(entry => {
const row = tableBody.insertRow();
row.insertCell(0).innerText = entry.food;
row.insertCell(1).innerText = entry.kcal;
row.insertCell(2).innerText = entry.ew;
row.insertCell(3).innerText = entry.fett;
row.insertCell(4).innerText = entry.kh;
row.insertCell(5).innerText = entry.bst;
row.insertCell(6).innerText = entry.ca;
row.insertCell(0).innerHTML = entry.food;
row.insertCell(1).innerHTML = entry.kcal;
row.insertCell(2).innerHTML = entry.ew;
row.insertCell(3).innerHTML = entry.fett;
row.insertCell(4).innerHTML = entry.kh;
row.insertCell(5).innerHTML = entry.bst;
row.insertCell(6).innerHTML = entry.ca;
// ... Fügen Sie weitere Zellen für die anderen Werte hinzu ...
});
@ -318,12 +236,11 @@
</tbody>
</table>
</div>
<button id="delete-row-button" onclick="showPasswordPrompt('delete')">Zeilen löschen</button>
<button id="edit-row-button" onclick="showPasswordPrompt('edit')">Bearbeiten</button>
<button id="delete-row-button" onclick="showPasswordPrompt()">Zeilen löschen</button>
<div id="password-prompt" style="display: none;">
<input type="password" id="password-input" placeholder="Passwort">
<button id="ok-button" onclick="performActionIfPasswordCorrect()">OK</button>
<button id="ok-button" onclick="deleteRowsIfPasswordCorrect()">OK</button>
<button id="cancel-button" onclick="hidePasswordPrompt()">Abbrechen</button>
</div>