moved add news button

This commit is contained in:
2026-06-16 15:32:39 +02:00
parent 6898a837e8
commit 336e7cf3a6
3 changed files with 53 additions and 10 deletions

View File

@@ -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>

View File

@@ -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

View File

@@ -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 {