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

hö
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
Details

Browse Source
This commit is contained in:
moerp
2024-04-07 19:23:15 +02:00
parent b74f136f81
commit 19552bf774
1 changed files with 56 additions and 123 deletions
Download Patch File Download Diff File Expand all files Collapse all files

179
src/templates/nutrition.html
View File

@ -7,9 +7,6 @@
<link rel="shortcut icon" href="../static/images/favicon.ico">
<script>
let isTableEditable = false; // Neuer Zustand, der überwacht, ob die Tabelle editierbar ist
function updateSubmitButtonState() {
const inputs = document.querySelectorAll('#nutrition-form input');
const allFilled = Array.from(inputs).every(input => input.value.trim() !== '');
@ -60,17 +57,63 @@ let isTableEditable = false; // Neuer Zustand, der überwacht, ob die Tabelle ed
}
document.addEventListener('DOMContentLoaded', function() {
const table = document.getElementById('database-nutrition-table');
table.addEventListener('click', function(e) {
if (!isTableEditable && e.target.tagName === 'TD') {
e.target.parentNode.classList.toggle('selected');
updateDeleteButtonState();
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);
}
});
updateDeleteButtonState();
});
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 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');
}
hidePasswordPrompt();
} else {
alert('Falsches Passwort!');
}
}
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() {
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() {
const table = document.getElementById('database-nutrition-table');
@ -102,116 +145,6 @@ let isTableEditable = false; // Neuer Zustand, der überwacht, ob die Tabelle ed
}
function makeTableEditable() {
const table = document.getElementById('database-nutrition-table');
const rows = table.getElementsByTagName('tr');
for (let i = 1; i < rows.length; i++) {
const cells = rows[i].getElementsByTagName('td');
for (let j = 0; j < cells.length; j++) {
cells[j].contentEditable = "true";
}
}
}
function collectTableData() {
const table = document.getElementById('database-nutrition-table');
const rows = table.getElementsByTagName('tr');
let data = [];
for (let i = 1; i < rows.length; i++) {
const cells = rows[i].getElementsByTagName('td');
data.push({
food: cells[0].innerText,
kcal: cells[1].innerText,
ew: cells[2].innerText,
fett: cells[3].innerText,
kh: cells[4].innerText,
bst: cells[5].innerText,
ca: cells[6].innerText
});
}
return data;
}
function updateNutritionData() {
const updatedData = collectTableData();
getBearerToken(token => {
fetch('/update_nutrition', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
'Authorization': 'Bearer ' + token
},
body: JSON.stringify(updatedData)
}).then(response => {
if (response.ok) {
alert('Daten erfolgreich aktualisiert');
} else {
console.error('Fehler beim Aktualisieren der Daten');
}
}).catch(error => console.error('Fehler:', error));
});
}
let currentAction = '';
function showPasswordPrompt(action) {
console.log("hier")
console.log(action)
currentAction = action; // 'delete' oder 'edit'
document.getElementById('password-prompt').style.display = 'block';
document.getElementById('delete-row-button').style.display = action === 'edit' ? 'none' : 'block';
document.getElementById('edit-row-button').style.display = action === 'delete' ? 'none' : 'block';
if(action === 'edit') {
// Auswahl aufheben, falls der Bearbeiten-Button gedrückt wurde
document.querySelectorAll('#database-nutrition-table .selected').forEach(row => {
row.classList.remove('selected');
});
updateDeleteButtonState(); // Aktualisiert den Zustand des Löschen-Buttons basierend auf der aktuellen Auswahl
}
}
function hidePasswordPrompt() {
document.getElementById('password-prompt').style.display = 'none';
document.getElementById('delete-row-button').style.display = 'block';
document.getElementById('edit-row-button').style.display = 'block';
}
function toggleTableEditable(isEditable) {
isTableEditable = isEditable; // Aktualisiere den globalen Zustand
const table = document.getElementById('database-nutrition-table');
const rows = table.getElementsByTagName('tr');
for (let i = 1; i < rows.length; i++) {
const cells = rows[i].getElementsByTagName('td');
for (let j = 0; j < cells.length; j++) {
cells[j].contentEditable = isEditable ? "true" : "false";
}
}
}
function performActionIfPasswordCorrect() {
const password = document.getElementById('password-input').value;
if (password === 'geheim') {
hidePasswordPrompt();
if(currentAction === 'edit') {
toggleTableEditable(true); // Tabelle editierbar machen
} else if(currentAction === 'delete') {
deleteSelectedRows();
}
} else {
alert('Falsches Passwort!');
}
}
// Funktion zum Beenden der Bearbeitung und Wiederherstellen des ursprünglichen Zustands
function endEdit() {
toggleTableEditable(false); // Beendet den Bearbeitungsmodus
// Weitere Logik zum Speichern der Änderungen oder zum Verwerfen könnte hier hinzugefügt werden
}
// function showPasswordPrompt() {
// document.getElementById('delete-row-button').style.display = 'none';
// document.getElementById('password-prompt').style.display = 'block';
@ -352,7 +285,7 @@ function endEdit() {
</div>
<button id="delete-row-button" onclick="showPasswordPrompt('delete')">Zeilen löschen</button>
<button id="edit-row-button" onclick="showPasswordPrompt('edit')">Bearbeiten</button>
<div id="password-prompt" style="display: none;">
<input type="password" id="password-input" placeholder="Passwort">
<button id="ok-button" onclick="performActionIfPasswordCorrect()">OK</button>