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"> <link rel="shortcut icon" href="../static/images/favicon.ico">
<script> <script>
let isEditing = false;
function updateSubmitButtonState() { function updateSubmitButtonState() {
const inputs = document.querySelectorAll('#nutrition-form input'); const inputs = document.querySelectorAll('#nutrition-form input');
const allFilled = Array.from(inputs).every(input => input.value.trim() !== ''); const allFilled = Array.from(inputs).every(input => input.value.trim() !== '');
@ -58,40 +60,71 @@
function showPasswordPrompt(action) { function showPasswordPrompt(action) {
document.getElementById('delete-row-button').style.display = action === 'edit' ? 'none' : 'block'; // Setze isEditing je nach Aktion
document.getElementById('edit-row-button').style.display = action === 'delete' ? 'none' : 'block'; isEditing = (action === 'edit');
document.getElementById('password-prompt').style.display = 'block'; if (isEditing) {
// Speichere die Aktion, um sie später zu verwenden // Deaktiviere Zeilenauswahl
document.getElementById('password-prompt').setAttribute('data-action', action); 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() { function deselectAllRows() {
document.getElementById('delete-row-button').style.display = 'block'; document.querySelectorAll('#database-nutrition-table .selected').forEach(row => {
document.getElementById('edit-row-button').style.display = 'block'; row.classList.remove('selected');
document.getElementById('password-prompt').style.display = 'none'; });
// Entferne die Auswahl von Zeilen updateDeleteButtonState();
document.querySelectorAll('#database-nutrition-table .selected').forEach(row => { updateEditButtonState();
row.classList.remove('selected'); }
});
updateDeleteButtonState();
updateEditButtonState(); // Diese Funktion muss noch implementiert werden
}
function performActionIfPasswordCorrect() { function hidePasswordPrompt() {
const password = document.getElementById('password-input').value; document.getElementById('delete-row-button').style.display = 'block';
if (password === 'geheim') { document.getElementById('edit-row-button').style.display = 'block';
const action = document.getElementById('password-prompt').getAttribute('data-action'); document.getElementById('password-prompt').style.display = 'none';
if (action === 'delete') { // Setze isEditing zurück
deleteSelectedRows(); isEditing = false;
} else if (action === 'edit') { // Deaktiviere Editierbarkeit aller Zellen und aktiviere Zeilenauswahl
// Implementiere die Bearbeitungsfunktion hier setCellsEditable(false);
alert('Bearbeitungsmodus aktiviert - Implementiere die Logik entsprechend'); 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(); 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() { function updateEditButtonState() {
// Diese Funktion soll ähnlich wie updateDeleteButtonState() implementiert werden, // Diese Funktion soll ähnlich wie updateDeleteButtonState() implementiert werden,
@ -101,8 +134,10 @@
editButton.disabled = selectedRows === 0; editButton.disabled = selectedRows === 0;
} }
// Ergänze Event-Listener, um den Zustand des Bearbeiten-Buttons zu aktualisieren // Ergänze Event-Listener, um den Zustand des Bearbeiten-Buttons zu aktualisieren
document.addEventListener('DOMContentLoaded', function() { document.addEventListener('DOMContentLoaded', function() {
document.getElementById('database-nutrition-table').addEventListener('click', handleRowClick);
const table = document.getElementById('database-nutrition-table'); const table = document.getElementById('database-nutrition-table');
table.addEventListener('click', function(e) { table.addEventListener('click', function(e) {
if (e.target.tagName === 'TD') { if (e.target.tagName === 'TD') {