134 lines
5.1 KiB
PHP
134 lines
5.1 KiB
PHP
<?php
|
|
include_once(__DIR__ . '/../controller/NotifyController.php');
|
|
?>
|
|
|
|
<div class="arbeitsberichte-wrapper">
|
|
<div class="vergabe-form">
|
|
<h3>Neue Nachricht anlegen</h3>
|
|
<form id="addNotificationForm" class="vergabe-grid">
|
|
|
|
<div class="form-group">
|
|
<label>Titel</label>
|
|
<input type="text" name="titel" id="in-titel" required>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label>Nachricht</label>
|
|
<input type="text" name="nachricht" id="in-nachricht" required>
|
|
</div>
|
|
|
|
<button type="submit" class="btn-submit-vergabe">💾 Speichern</button>
|
|
|
|
</form>
|
|
</div>
|
|
|
|
<div class="table-container" style="margin-top: 30px;">
|
|
<h3>Nachrichten Verwaltung</h3>
|
|
<div id="tableWrapper">
|
|
<p>Lade Daten...</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="/js/AjaxMethods.js"></script>
|
|
<script src="/js/ajaxApi/BenachrichtigungenAjaxMethods.js"></script>
|
|
<script src="/js/AjaxRenderTables.js"></script>
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', () => {
|
|
const tableWrapper = document.getElementById('tableWrapper');
|
|
|
|
function renderNotificationsTabelle(entries) {
|
|
if (!entries || entries.length === 0) {
|
|
tableWrapper.innerHTML = '<p>Keine Nachrichten vorhanden.</p>';
|
|
return;
|
|
}
|
|
|
|
let html = `
|
|
<table class="db-table mobile-responsive-table">
|
|
<thead>
|
|
<tr>
|
|
<th>Titel</th><th>Nachricht</th><th>Gesehen von</th>
|
|
<th style="width: 220px;">Aktion</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
`;
|
|
for (const e of entries) {
|
|
html += `
|
|
<tr data-id="${escapeHtml(e.ID)}">
|
|
<td data-label="Titel">
|
|
<input type="text" class="edit-titel" value="${escapeHtml(e.TITEL)}">
|
|
</td>
|
|
<td data-label="Nachricht">
|
|
<input type="text" class="edit-nachricht" value="${escapeHtml(e.NACHRICHT)}">
|
|
</td>
|
|
<td data-label="Gesehen von">${escapeHtml(e.GESEHEN_ANZAHL)} Nutzer</td>
|
|
<td data-label="Aktion">
|
|
<div style="display:flex; flex-direction:column; gap:6px; align-items:stretch;">
|
|
<button type="button" class="btn-edit" data-id="${escapeHtml(e.ID)}">Speichern</button>
|
|
<button type="button" class="btn-delete" data-id="${escapeHtml(e.ID)}">Löschen</button>
|
|
</div>
|
|
</td>
|
|
</tr>`;
|
|
}
|
|
html += `</tbody></table>`;
|
|
tableWrapper.innerHTML = html;
|
|
|
|
tableWrapper.querySelectorAll('.btn-edit').forEach(btn => {
|
|
btn.addEventListener('click', async () => {
|
|
const row = tableWrapper.querySelector(`tr[data-id="${btn.dataset.id}"]`);
|
|
const titel = row.querySelector('.edit-titel').value.trim();
|
|
const nachricht = row.querySelector('.edit-nachricht').value.trim();
|
|
|
|
if (!titel || !nachricht) return;
|
|
|
|
try {
|
|
await editNotificationEntry(btn.dataset.id, titel, nachricht);
|
|
await ladeListe();
|
|
} catch (err) {
|
|
alert('Fehler beim Speichern: ' + err.message);
|
|
}
|
|
});
|
|
});
|
|
|
|
tableWrapper.querySelectorAll('.btn-delete').forEach(btn => {
|
|
btn.addEventListener('click', async () => {
|
|
if (!confirm('Möchtest du diese Nachricht wirklich löschen? Dies entfernt auch alle "Gesehen"-Markierungen dazu.')) return;
|
|
try {
|
|
await deleteNotificationEntry(btn.dataset.id);
|
|
await ladeListe();
|
|
} catch (err) {
|
|
alert('Fehler beim Löschen: ' + err.message);
|
|
}
|
|
});
|
|
});
|
|
}
|
|
|
|
async function ladeListe() {
|
|
try {
|
|
const data = await getNotificationEntries();
|
|
renderNotificationsTabelle(data.entries);
|
|
} catch (err) {
|
|
tableWrapper.innerHTML = `<p>❌ ${escapeHtml(err.message)}</p>`;
|
|
}
|
|
}
|
|
|
|
document.getElementById('addNotificationForm').addEventListener('submit', async (e) => {
|
|
e.preventDefault();
|
|
const titel = document.getElementById('in-titel').value.trim();
|
|
const nachricht = document.getElementById('in-nachricht').value.trim();
|
|
|
|
if (!titel || !nachricht) return;
|
|
|
|
try {
|
|
await addNotificationEntry(titel, nachricht);
|
|
e.target.reset();
|
|
await ladeListe();
|
|
} catch (err) {
|
|
alert('Fehler beim Speichern: ' + err.message);
|
|
}
|
|
});
|
|
|
|
ladeListe();
|
|
});
|
|
</script>
|