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

ter
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
Details

Browse Source
This commit is contained in:
moerp
2024-04-07 19:49:12 +02:00
parent 19552bf774
commit ce86d35b25
1 changed files with 63 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

91
src/templates/nutrition.html
View File

@ -7,6 +7,8 @@
<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() !== '');
@ -58,40 +60,71 @@
function showPasswordPrompt(action) {
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';
// Speichere die Aktion, um sie später zu verwenden
document.getElementById('password-prompt').setAttribute('data-action', 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 hidePasswordPrompt() {
document.getElementById('delete-row-button').style.display = 'block';
document.getElementById('edit-row-button').style.display = 'block';
document.getElementById('password-prompt').style.display = 'none';
// Entferne die Auswahl von Zeilen
document.querySelectorAll('#database-nutrition-table .selected').forEach(row => {
row.classList.remove('selected');
});
updateDeleteButtonState();
updateEditButtonState(); // Diese Funktion muss noch implementiert werden
}
function deselectAllRows() {
document.querySelectorAll('#database-nutrition-table .selected').forEach(row => {
row.classList.remove('selected');
});
updateDeleteButtonState();
updateEditButtonState();
}
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') {
// Implementiere die Bearbeitungsfunktion hier
alert('Bearbeitungsmodus aktiviert - Implementiere die Logik entsprechend');
}
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!');
}
} 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,
@ -101,8 +134,10 @@
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') {