From 336e7cf3a6742b6497e24482a61eb2756b53e99d Mon Sep 17 00:00:00 2001
From: patrickzerhusen <patrick.zerhusen@endex-geodaten.de>
Date: Tue, 16 Jun 2026 15:32:39 +0200
Subject: [PATCH] moved add news button

---
 public/admin.php   | 30 ++++++++++++++++++++++++------
 public/js/admin.js | 27 +++++++++++++++++++++++----
 public/styles.css  |  6 ++++++
 3 files changed, 53 insertions(+), 10 deletions(-)

diff --git a/public/admin.php b/public/admin.php
index a098aa0..37ea501 100644
--- a/public/admin.php
+++ b/public/admin.php
@@ -457,11 +457,23 @@ $counts['total'] = count($all_contributions);
         <!-- News Article Tab                                      -->
         <!-- ========================================================= -->
         <div id="tab-news" class="page-tab-content" style="display:none;">
-            <div class="tab-header">
-                <h2><i class="fa-solid fa-newspaper"></i> Neuigkeiten</h2>
-                <button class="btn btn-approve" onclick="createNews()">
-                    <i class="fa-solid fa-plus"></i> Nachricht hinzufügen
-                </button>
+
+            <!-- Filter -->
+            <div class="filter-tabs" id="news-filter-tabs">
+                    <button class="filter-tab active" onclick="filterNewsByStatus('all', this)">
+                        Alle <span class="tab-count"><?= count($news_items) ?></span>
+                    </button>
+                </div>
+
+            <!-- Sort Controls -->
+            <div class="sort-controls">
+                <span id="news-visible-count"><?= count($news_items) ?> Neuigkeiten</span>
+                <div style="display:flex;gap:var(--space-sm);align-items:center;">
+                    <select onchange="sortNewsRows(this.value)">
+                        <option value="date-desc">Neueste zuerst</option>
+                        <option value="date-asc">Älteste zuerst</option>
+                    </select>
+                </div>
             </div>
 
             <?php if (empty($news_items)): ?>
@@ -471,7 +483,7 @@ $counts['total'] = count($all_contributions);
                 </div>
             <?php else: ?>
                 <?php foreach ($news_items as $news): ?>
-                    <div class="contribution-row" data-id="<?= $news['news_id'] ?>">
+                    <div class="contribution-row" data-id="<?= $news['news_id'] ?>" data-date="<?= $news['published_at'] ?>">
                         <div class="contribution-row-header" onclick="toggleRow(this.parentElement)">
                             <div class="contribution-row-summary">
                                 <span class="title"><?= htmlspecialchars($news['title']) ?></span>
@@ -498,6 +510,12 @@ $counts['total'] = count($all_contributions);
                     </div>
                 <?php endforeach; ?>
             <?php endif; ?>
+
+            <div class="tab-footer-action">
+                    <button class="btn btn-approve" onclick="createNews()">
+                        <i class="fa-solid fa-plus"></i> Neuigkeit hinzufügen
+                    </button>
+            </div>
         </div>
 
 
diff --git a/public/js/admin.js b/public/js/admin.js
index ca4c398..6c798f5 100644
--- a/public/js/admin.js
+++ b/public/js/admin.js
@@ -275,7 +275,26 @@ function sortCommentRows(sortBy) {
 
 
 // =====================================================================
-// Block 7: Helper Functions
+// Block 7: News Filter and Sorting
+// =====================================================================
+
+// Sorts News
+function sortNewsRows(sortBy) {
+    var container = document.getElementById('tab-news');
+    var rows = Array.from(container.querySelectorAll('.contribution-row'));
+
+    rows.sort(function (a, b) {
+        if (sortBy === 'date-desc') return new Date(b.dataset.date || 0) - new Date(a.dataset.date || 0);
+        if (sortBy === 'date-asc')  return new Date(a.dataset.date || 0) - new Date(b.dataset.date || 0);
+        return 0;
+    });
+
+    rows.forEach(function (row) { row.parentNode.appendChild(row); });
+}
+
+
+// =====================================================================
+// Block 8: Helper Functions
 // =====================================================================
 
 // Sends a POST request to API
@@ -301,7 +320,7 @@ function escapeHtml(text) {
 }
 
 // =====================================================================
-// Block 8: CRUD Operations for Contributions
+// Block 9: CRUD Operations for Contributions
 // =====================================================================
 
 // STATUS: Changes Contribution Status
@@ -406,7 +425,7 @@ function deleteContribution(contributionId) {
 }
 
 // =====================================================================
-// Block 9: CRUD Operations for Comments
+// Block 10: CRUD Operations for Comments
 // =====================================================================
 
 // STATUS: Changes Comment Status
@@ -501,7 +520,7 @@ function deleteModComment(commentId) {
 
 
 // =====================================================================
-// Block 10: CRUD Operations for News
+// Block 11: CRUD Operations for News
 // =====================================================================
 
 // CREATE: Submits new News Article
diff --git a/public/styles.css b/public/styles.css
index 27cebf9..ce746f5 100644
--- a/public/styles.css
+++ b/public/styles.css
@@ -1374,6 +1374,12 @@ select.form-input { cursor: pointer; }
     border-top: 1px solid #f0f0f0;
 }
 
+.tab-footer-action {
+    display: flex;
+    justify-content: flex-end;
+    margin-top: var(--space-md);
+}
+
 
 /* News and Comments Tab Headers */
 .tab-header {