@@ -175,6 +178,139 @@ window.Page_forum = (() => {
document.getElementById('forum-rules-btn').addEventListener('click', _showRules);
}
+ // ----------------------------------------------------------
+ // Hund des Monats — Kachel + Modal
+ // ----------------------------------------------------------
+ async function _loadHdmCard() {
+ const card = document.getElementById('forum-hdm-card');
+ if (!card) return;
+ try {
+ const data = await API.get('/movies/hund-des-monats');
+ const [year, month] = data.monat.split('-');
+ const monthName = new Intl.DateTimeFormat('de-DE', { month: 'long' })
+ .format(new Date(+year, +month - 1, 1));
+ const top = data.top?.[0];
+ const winnerLine = top
+ ? `🥇 ${_esc(top.name)}${top.rasse ? ` · ${_esc(top.rasse)}` : ''}`
+ : 'Noch keine Stimmen';
+ const metaLine = top
+ ? `${top.stimmen} Stimme${top.stimmen !== 1 ? 'n' : ''}`
+ : 'Sei der Erste!';
+
+ card.innerHTML = `
+ })
`
+ : `${_esc(dog.name.charAt(0).toUpperCase())}`;
+ return `
+ `
+ : `${_esc(dog.name.charAt(0).toUpperCase())}`;
+ const vorname = dog.besitzer_name ? _esc(dog.besitzer_name.split(' ')[0]) : '';
+ return `
+
+
`;
+
+ document.getElementById('forum-hdm-tile')?.addEventListener('click', () => _openHdmModal(data));
+ } catch {
+ // Kachel bleibt leer bei Fehler
+ }
+ }
+
+ async function _openHdmModal(data) {
+ // Immer frische Daten laden
+ try { data = await API.get('/movies/hund-des-monats'); } catch { /* nutze gecachte */ }
+
+ const [year, month] = data.monat.split('-');
+ const monthName = new Intl.DateTimeFormat('de-DE', { month: 'long', year: 'numeric' })
+ .format(new Date(+year, +month - 1, 1));
+
+ let voteSection = '';
+ if (_appState.user && _appState.dogs?.length > 0) {
+ const cards = _appState.dogs.map(dog => {
+ const isVoted = data.user_vote === dog.id;
+ const av = dog.foto_url
+ ? `🏆
+
+
+ Hund des Monats · ${_esc(monthName)}
+ ${winnerLine}
+
+ ${UI.icon('arrow-right')}
+
+
`;
+ }).join('');
+ voteSection = `
+ ${av}
+ ${_esc(dog.name)}
+ ${dog.rasse ? `${_esc(dog.rasse)}
` : ''}
+
+
+
`;
+ } else if (!_appState.user) {
+ voteSection = `
+ Für welchen deiner Hunde möchtest du abstimmen?
+${cards}
+
+
`;
+ }
+
+ const topList = data.top?.length
+ ? data.top.slice(0, 5).map((dog, i) => {
+ const medal = ['🥇','🥈','🥉','4️⃣','5️⃣'][i];
+ const av = dog.foto_url
+ ? `+ Anmelden + um für deinen Hund abzustimmen. +
+
+ ${medal}
+
`;
+ }).join('')
+ : `${av}
+
+
+ ${_esc(dog.name)}
+ ${dog.rasse ? `${_esc(dog.rasse)}
` : ''}
+ ${vorname ? `von ${vorname}
` : ''}
+ ${dog.stimmen} ${UI.icon('star')}
+ Noch keine Stimmen diesen Monat. Sei der Erste!
`; + + const body = ` +
+
+ ${voteSection}
+ 🏆
+ Hund des Monats
+${_esc(monthName)}
+
+
`;
+
+ UI.modal.open({ title: '🏆 Hund des Monats', body,
+ footer: `` });
+
+ document.getElementById('hdm-login-link')?.addEventListener('click', e => {
+ e.preventDefault(); UI.modal.close(); App.navigate('settings');
+ });
+
+ document.querySelectorAll('.hdm-vote-btn').forEach(btn => {
+ btn.addEventListener('click', async () => {
+ const dogId = parseInt(btn.dataset.dogId);
+ await UI.asyncButton(btn, async () => {
+ try {
+ await API.post('/movies/hund-des-monats/vote', { dog_id: dogId });
+ UI.toast.success('Stimme abgegeben!');
+ UI.modal.close();
+ _loadHdmCard();
+ } catch (err) {
+ UI.toast.error(err.message || 'Fehler beim Abstimmen.');
+ }
+ });
+ });
+ });
+ }
+
// ----------------------------------------------------------
// Threads laden
// ----------------------------------------------------------
diff --git a/backend/static/js/pages/movies.js b/backend/static/js/pages/movies.js
index 552928d..a36cf73 100644
--- a/backend/static/js/pages/movies.js
+++ b/backend/static/js/pages/movies.js
@@ -15,6 +15,7 @@ window.Page_movies = (() => {
let _filter = 'alle';
let _typ = 'alle'; // alle | film | serie | doku
let _sort = 'default'; // default | titel | jahr_desc | jahr_asc | imdb | bewertung
+ let _search = '';
// ----------------------------------------------------------
// INIT
@@ -41,7 +42,6 @@ window.Page_movies = (() => {
Top 5 diesen Monat
+${topList}
+
-
`;
@@ -66,7 +66,6 @@ window.Page_movies = (() => {
if (_activeTab === 'filme') await _renderFilme(content);
if (_activeTab === 'promis') _renderPromis(content);
- if (_activeTab === 'hdm') await _renderHundDesMonats(content);
}
// ----------------------------------------------------------
@@ -86,6 +85,11 @@ window.Page_movies = (() => {
content.innerHTML = `
+
+
+
+
@@ -135,6 +139,11 @@ window.Page_movies = (() => {
});
});
+ content.querySelector('#movies-search')?.addEventListener('input', e => {
+ _search = e.target.value.trim().toLowerCase();
+ _renderMovieGrid(content.querySelector('#movie-grid'));
+ });
+
content.querySelector('#movies-sort')?.addEventListener('change', async e => {
_sort = e.target.value;
const grid = content.querySelector('#movie-grid');
@@ -153,6 +162,14 @@ window.Page_movies = (() => {
if (_filter === 'stirbt') list = list.filter(f => f.stirbt_der_hund);
if (_filter === 'ueberlebt') list = list.filter(f => !f.stirbt_der_hund);
if (_filter === 'top') list = list.filter(f => (f.imdb_rating || 0) >= 7.5 || f.bewertung_avg >= 4.0);
+ if (_search) {
+ list = list.filter(f =>
+ (f.titel || '').toLowerCase().includes(_search) ||
+ (f.hund_rasse || '').toLowerCase().includes(_search) ||
+ (f.genre || '').toLowerCase().includes(_search) ||
+ (f.beschreibung || '').toLowerCase().includes(_search)
+ );
+ }
const countEl = document.getElementById('movies-count');
if (countEl) countEl.textContent = `${list.length} Einträge`;
diff --git a/backend/static/sw.js b/backend/static/sw.js
index 4ff9fe1..a727200 100644
--- a/backend/static/sw.js
+++ b/backend/static/sw.js
@@ -3,7 +3,7 @@
Offline-Cache + Push Notifications + Tile-Cache
============================================================ */
-const CACHE_VERSION = 'by-v591';
+const CACHE_VERSION = 'by-v594';
const CACHE_STATIC = `${CACHE_VERSION}-static`;
const CACHE_TILES = 'ban-yaro-tiles-v1'; // bleibt über SW-Updates erhalten
const CACHE_API = 'ban-yaro-api-v1'; // API-Response-Cache