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

news sort control in sidebar

Browse Source
This commit is contained in:
patrickzerhusen
2026-06-16 16:58:25 +02:00
parent 7e9c8cd60d
commit 13a1f50134
2 changed files with 2 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
public/index.php
View File

@@ -168,7 +168,7 @@ $news_items = $stmt->fetchAll();
<input type="text" id="list-search-input" placeholder="Beiträge durchsuchen..." class="form-input"> <input type="text" id="list-search-input" placeholder="Beiträge durchsuchen..." class="form-input">
</div> </div>
<div class="list-controls"> <div class="list-controls">
<select id="list-sort" class="form-input list-sort-select" onchange="updateContributionsList();autoResizeSelect(this)"> <select id="list-sort" class="form-input list-sort-select" onchange="updateContributionsList()">
<option value="date-desc">Neueste zuerst</option> <option value="date-desc">Neueste zuerst</option>
<option value="date-asc">Älteste zuerst</option> <option value="date-asc">Älteste zuerst</option>
<option value="category">Nach Kategorie</option> <option value="category">Nach Kategorie</option>
@@ -196,7 +196,7 @@ $news_items = $stmt->fetchAll();
</div> </div>
<div class="list-controls"> <div class="list-controls">
<select id="news-sort" class="form-input list-sort-select" onchange="sortNews();autoResizeSelect(this)"> <select id="news-sort" class="form-input list-sort-select" onchange="sortNews()">
<option value="date-desc">Neueste zuerst</option> <option value="date-desc">Neueste zuerst</option>
<option value="date-asc">Älteste zuerst</option> <option value="date-asc">Älteste zuerst</option>
</select> </select>

15
public/js/app.js
View File

@@ -1140,17 +1140,6 @@ function reverseGeocode(contributionId, lat, lng) {
.catch(function () {}); .catch(function () {});
} }
// Resizes Select to fit currently selected Option Text
function autoResizeSelect(select) {
var canvas = document.createElement('canvas');
var ctx = canvas.getContext('2d');
var style = window.getComputedStyle(select);
ctx.font = style.fontSize + ' ' + style.fontFamily;
var text = select.options[select.selectedIndex].text;
var textWidth = Math.ceil(ctx.measureText(text).width);
select.style.width = (textWidth + 42) + 'px';
}
// Filters News Items in Sidebar by Search Term // Filters News Items in Sidebar by Search Term
function filterNews() { function filterNews() {
const searchTerm = document.getElementById('news-search-input').value.toLowerCase(); const searchTerm = document.getElementById('news-search-input').value.toLowerCase();
@@ -1366,8 +1355,4 @@ document.getElementById('create-photo').addEventListener('change', function () {
} else { } else {
preview.style.display = 'none'; preview.style.display = 'none';
} }
// Initial Resize of Sort Selects
document.querySelectorAll('.list-sort-select').forEach(autoResizeSelect);
}); });