lukas.uptmoor/webgis-lohne
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

commented moderation portal and changed textblocks

Browse Source
This commit is contained in:
patrickzerhusen
2026-04-22 15:16:40 +02:00
parent adf863934e
commit 3e73dee40b
1 changed files with 47 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

76
public/admin.php
View File

@@ -2,13 +2,13 @@
// =====================================================================
// Moderation Page
// Lists Contributions for Review. Moderators can approve, reject,
// edit, and delete Contributions. Includes Map Preview and Filtering.
// edit and delete Contributions. Includes Map Preview and Filtering.
//
// ToDo's:
// - News Management Tab (Phase 3-6)
// - User Management Tab (Phase 3-3)
// - Analytics Dashboard Tab (Phase 4-6)
// - Comment Moderation Tab (Phase 4-1)
// - Comment Moderation Tab
// - News Management Tab
// - User Management Tab
// - Analytics Tab
// =====================================================================
require_once __DIR__ . '/api/db.php';
@@ -61,7 +61,7 @@ $categories = get_categories();
// Loads Contributions and Statistics
// -----------------------------------------------------------------
// All Contributions for this Municipality
// Loads all Contributions for Municipality
$stmt = $pdo->prepare("
SELECT contribution_id, title, category, description, author_name,
geom_type, status, likes_count, dislikes_count, created_at, updated_at
@@ -92,10 +92,27 @@ $counts['total'] = count($all_contributions);
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Moderation — <?= htmlspecialchars($municipality['name']) ?></title>
<link rel="icon" href="assets/icon-municipality.png" type="image/png">
<!-- Loads CSS Dependencies -->
<!-- Font Awesome for Icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
<!-- Leaflet -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.9.4/leaflet.min.css">
<!-- Application Styles -->
<link rel="stylesheet" href="admin.css">
<!-- Loads JavaScript Dependencies -->
<!-- SweetAlert2 -->
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.14.0/dist/sweetalert2.all.min.js"></script>
<!-- Loads Municipality Theme from Database -->
<style>:root { --color-primary: <?= htmlspecialchars($municipality['primary_color']) ?>; }</style>
</head>
<body>
@@ -104,9 +121,9 @@ $counts['total'] = count($all_contributions);
<!-- Header -->
<!-- ============================================================= -->
<div class="admin-header">
<h1><i class="fa-solid fa-shield-halved"></i> Moderation — <?= htmlspecialchars($municipality['name']) ?></h1>
<h1><i class="fa-solid fa-shield-halved"></i> Moderationsportal <?= htmlspecialchars($municipality['name']) ?></h1>
<div class="admin-nav">
<a href="index.php"><i class="fa-solid fa-map"></i> Zur Karte</a>
<a href="index.php"><i class="fa-solid fa-map"></i> Bürgerportal</a>
<a href="admin.php?page=logout"><i class="fa-solid fa-right-from-bracket"></i> Abmelden</a>
</div>
</div>
@@ -127,7 +144,7 @@ $counts['total'] = count($all_contributions);
<i class="fa-solid fa-chart-bar"></i> Statistik
</button>
<button class="page-tab" onclick="showPageTab('users')">
<i class="fa-solid fa-users"></i> Nutzer
<i class="fa-solid fa-users"></i> Benutzer
</button>
</div>
@@ -139,22 +156,23 @@ $counts['total'] = count($all_contributions);
<!-- Statistics Cards -->
<div class="stats-grid">
<div class="stat-card">
<div class="stat-number"><?= $counts['total'] ?></div>
<div class="stat-label">Alle</div>
</div>
<div class="stat-card">
<div class="stat-number"><?= $counts['pending'] ?></div>
<div class="stat-label">Ausstehend</div>
</div>
<div class="stat-card">
<div class="stat-number"><?= $counts['approved'] ?></div>
<div class="stat-label">Freigegeben</div>
<div class="stat-label">Akzeptiert</div>
</div>
<div class="stat-card">
<div class="stat-number"><?= $counts['rejected'] ?></div>
<div class="stat-label">Abgelehnt</div>
</div>
<div class="stat-card">
<div class="stat-number"><?= $counts['total'] ?></div>
<div class="stat-label">Gesamt</div>
</div>
</div>
<!-- Status Filter Tabs -->
@@ -166,7 +184,7 @@ $counts['total'] = count($all_contributions);
Ausstehend <span class="tab-count"><?= $counts['pending'] ?></span>
</button>
<button class="filter-tab" onclick="filterByStatus('approved', this)">
Freigegeben <span class="tab-count"><?= $counts['approved'] ?></span>
Akzeptiert <span class="tab-count"><?= $counts['approved'] ?></span>
</button>
<button class="filter-tab" onclick="filterByStatus('rejected', this)">
Abgelehnt <span class="tab-count"><?= $counts['rejected'] ?></span>
@@ -188,12 +206,12 @@ $counts['total'] = count($all_contributions);
<?php if (empty($all_contributions)): ?>
<div class="empty-state">
<i class="fa-solid fa-inbox" style="font-size:2rem;margin-bottom:8px;display:block;"></i>
Keine Beiträge vorhanden.
Noch keine Beiträge vorhanden.
</div>
<?php else: ?>
<?php foreach ($all_contributions as $item):
$cat = $categories[$item['category']] ?? ['label' => $item['category'], 'faIcon' => 'fa-question', 'color' => '#999'];
$status_label = ['pending' => 'Ausstehend', 'approved' => 'Freigegeben', 'rejected' => 'Abgelehnt'];
$status_label = ['pending' => 'Ausstehend', 'approved' => 'Akzeptiert', 'rejected' => 'Abgelehnt'];
?>
<div class="contribution-row"
data-status="<?= $item['status'] ?>"
@@ -246,7 +264,7 @@ $counts['total'] = count($all_contributions);
<div class="action-buttons">
<?php if ($item['status'] !== 'approved'): ?>
<button class="btn btn-approve" onclick="changeStatus(<?= $item['contribution_id'] ?>, 'approved')">
<i class="fa-solid fa-check"></i> Freigeben
<i class="fa-solid fa-check"></i> Akzeptieren
</button>
<?php endif; ?>
@@ -283,26 +301,26 @@ $counts['total'] = count($all_contributions);
<!-- ========================================================= -->
<!-- Placeholder Tabs (future Features) -->
<!-- Placeholder Tabs for future Features -->
<!-- ========================================================= -->
<div id="tab-news" class="page-tab-content" style="display:none;">
<div class="placeholder-content">
<i class="fa-solid fa-newspaper"></i>
<p>Neuigkeiten verwalten — kommt in einer zukünftigen Version.</p>
<p>Neuigkeiten verwalten - geplant in zukünftiger Version.</p>
</div>
</div>
<div id="tab-stats" class="page-tab-content" style="display:none;">
<div class="placeholder-content">
<i class="fa-solid fa-chart-bar"></i>
<p>Statistiken und Analysen — kommt in einer zukünftigen Version.</p>
<p>Statistiken und Analysen - geplant in zukünftiger Version.</p>
</div>
</div>
<div id="tab-users" class="page-tab-content" style="display:none;">
<div class="placeholder-content">
<i class="fa-solid fa-users"></i>
<p>Nutzerverwaltung — kommt in einer zukünftigen Version.</p>
<p>Benutzerverwaltung - geplant in zukünftiger Version.</p>
</div>
</div>
@@ -389,7 +407,7 @@ $counts['total'] = count($all_contributions);
.then(function (data) {
if (!data.features) return;
// Finds the specific Contribution
// Finds specific Contribution
const feature = data.features.find(function (f) {
return f.properties.contribution_id == contributionId;
});
@@ -589,11 +607,11 @@ $counts['total'] = count($all_contributions);
function deleteContribution(contributionId) {
Swal.fire({
title: 'Beitrag endgültig löschen?',
title: 'Beitrag löschen?',
text: 'Diese Aktion kann nicht rückgängig gemacht werden.',
icon: 'warning',
showCancelButton: true,
confirmButtonText: 'Endgültig löschen',
confirmButtonText: 'Beitrag löschen',
cancelButtonText: 'Abbrechen',
confirmButtonColor: '#c62828'
}).then(function (result) {
@@ -607,7 +625,7 @@ $counts['total'] = count($all_contributions);
Swal.fire('Fehler', response.error, 'error');
return;
}
Swal.fire('Gelöscht!', 'Beitrag wurde entfernt.', 'success')
Swal.fire('Gelöscht!', 'Beitrag wurde gelöscht.', 'success')
.then(function () { location.reload(); });
});
});
@@ -629,7 +647,7 @@ function show_login_page($municipality, $error = null) {
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Moderation — Anmeldung</title>
<title>Moderation - Anmeldung</title>
<link rel="icon" href="assets/icon-municipality.png" type="image/png">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
<link rel="stylesheet" href="admin.css">
@@ -638,7 +656,7 @@ function show_login_page($municipality, $error = null) {
<body>
<div class="login-wrapper">
<div class="login-box">
<h1><i class="fa-solid fa-shield-halved"></i> Moderation</h1>
<h1><i class="fa-solid fa-shield-halved"></i> Moderationsportal</h1>
<p>Bitte geben Sie das Moderationspasswort ein.</p>
<?php if ($error): ?>
<div class="login-error"><?= htmlspecialchars($error) ?></div>
@@ -647,7 +665,7 @@ function show_login_page($municipality, $error = null) {
<input type="password" name="password" placeholder="Passwort" autofocus>
<button type="submit"><i class="fa-solid fa-right-to-bracket"></i> Anmelden</button>
</form>
<div class="back-link"><a href="index.php">← Zurück zur Karte</a></div>
<div class="back-link"><i class="fa fa-arrow-left"></i></i> <a href="index.php">Zurück zum Bürgerportal</a></div>
</div>
</div>
</body>