thomas/jobbi-bewerbung
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Jobangebote: Gemerkte nicht mehr unter Offen anzeigen

Browse Source 
Favorisierte Angebote erscheinen ausschließlich im Gemerkt-Tab und werden
aus der Offen-Liste, dem Offen-Zähler (Header-Badge) und dem Tab-Zähler
ausgeblendet. Auf der Offen-Seite wird die Zeile beim Merken live entfernt.

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
thomas
2026-07-17 00:01:50 +02:00
co-authored by Claude
parent d9ba8698e0
commit 96fd0e282d
3 changed files with 30 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
views/jobangebote.ejs
+6 -5
View File
@@ -26,7 +26,7 @@
<%- include('partials/favorit-script') %>
<div class="bg-white dark:bg-gray-800 rounded-lg shadow-md p-6 mb-8"<%= favAnsicht ? ' data-fav-card' : '' %>>
<div class="bg-white dark:bg-gray-800 rounded-lg shadow-md p-6 mb-8" data-fav-card data-fav-view="<%= favAnsicht ? 'favoriten' : 'offen' %>">
<div class="flex flex-wrap items-start justify-between gap-3 mb-2">
<div>
<h2 class="text-lg font-semibold text-gray-800 dark:text-white"><%= favAnsicht ? 'Gemerkte Jobangebote' : 'Jobangebote' %></h2>
@@ -41,8 +41,8 @@
<code class="px-1 py-0.5 rounded bg-gray-100 dark:bg-gray-700">POST /api/v1/joboffers</code>
REST-Schnittstelle eingespielt werden. Ein Angebot lässt sich per Klick
als Bewerbung-Entwurf übernehmen. Hier siehst du nur <strong>offene</strong>
Angebote — bereits übernommene findest du im Tab „Übernommen“.
Mit dem Stern gemerkte Angebote stehen oben.
Angebote, die du dir <em>nicht</em> gemerkt hast — bereits übernommene
findest du im Tab „Übernommen“, gemerkte im Tab „Gemerkt“.
<% } %>
</p>
</div>
@@ -61,7 +61,7 @@
<% if (jobangebote && jobangebote.length) { %>
<ul class="mt-4 space-y-4">
<% jobangebote.forEach(function(j){ %>
<li <%= favAnsicht ? 'data-fav-item' : '' %> class="rounded-lg border px-4 py-4 <%= j.favorit
<li data-fav-item class="rounded-lg border px-4 py-4 <%= j.favorit
? 'border-amber-300 dark:border-amber-400/40 bg-amber-50/60 dark:bg-amber-500/5'
: 'border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-700/40' %>">
<div class="flex flex-wrap items-start justify-between gap-3">
@@ -249,7 +249,8 @@
</svg>
<p class="text-sm text-gray-500 dark:text-gray-400 mb-1">Noch keine Jobangebote gemerkt.</p>
<p class="text-xs text-gray-400 dark:text-gray-500">
Klicke bei einem Angebot auf <strong>Merken</strong> — es erscheint dann hier und steht in der offenen Liste ganz oben.
Klicke bei einem Angebot auf <strong>Merken</strong> — es erscheint dann hier
und wird aus der offenen Liste ausgeblendet.
</p>
</div>
<% } else { %>
views/partials/favorit-script.ejs
+15 -5
View File
@@ -40,9 +40,10 @@
.then(function (r) {
if (r.ok && r.json && r.json.success) {
setzeBtn(btn, !!r.json.favorit);
// Auf der Startseite: beim Entfernen die Zeile ausblenden
// und die ganze Sektion einräumen, wenn sie leer wird.
if (!r.json.favorit) entferneFavoritZeile(btn);
// Zeile ausblenden, sobald sie nicht mehr in die aktuelle
// Ansicht gehört: auf der Offen-Seite beim Merken (favorit=1),
// auf der Gemerkt-Seite / Startseite beim Entfernen (favorit=0).
entferneFavoritZeile(btn, !!r.json.favorit);
} else {
setzeBtn(btn, aktiv); // Server hat abgelehnt -> zurückrollen
if (r.json && r.json.error) console.warn('Favorit:', r.json.error);
@@ -62,11 +63,20 @@
if (lbl) lbl.textContent = aktiv ? 'Gemerkt' : 'Merken';
}
function entferneFavoritZeile(btn) {
function entferneFavoritZeile(btn, istFavorit) {
var item = btn.closest('[data-fav-item]');
if (!item) return; // nicht auf der Startseite -> nur optisch umschalten
if (!item) return; // keine ausblendbare Zeile -> nur optisch umschalten
var card = btn.closest('[data-fav-card]') || document.getElementById('favoritenCard');
// Offen-Seite: Zeile verschwindet beim Merken (favorit=1).
// Gemerkt-Seite / Startseite: Zeile verschwindet beim Entfernen (favorit=0).
var view = card && card.getAttribute('data-fav-view');
var entfernenBeiFavorit = (view === 'offen');
if (istFavorit !== entfernenBeiFavorit) return;
item.remove();
// Auf der Offen-Seite bleibt die Sektion samt Überschrift stehen —
// dort wird nur die einzelne Zeile entfernt. Auf der Gemerkt-Seite
// und Startseite räumen wir die leere Sektion ganz ein.
if (view === 'offen') return;
if (card && !card.querySelectorAll('[data-fav-item]').length) {
card.style.transition = 'opacity 0.2s ease';
card.style.opacity = '0';