thomasandClaude
1e9618c920
Nur der Firmenname als klickbarer Chip, nebeneinander (flex-wrap), jeder Chip öffnet die Bewerbung. Status/Datum/Stelle/Ort entfallen hier — die Details stehen auf der Bewerbungsseite; entmerken ebenfalls dort (Stern). Lange Firmennamen werden mit truncate abgeschnitten, der volle Name steht im title-Tooltip. Header (Stern + Zähler) bleibt, id für Such-Einblendung unverändert. Co-Authored-By: Claude <noreply@anthropic.com>
30 lines
2.1 KiB
Plaintext
30 lines
2.1 KiB
Plaintext
<%
|
|
// Gemerkte Bewerbungen — Sektion auf der Startseite, direkt unter den
|
|
// anstehenden Terminen. Zeigt alle favorisierten Bewerbungen unabhängig von
|
|
// ihrem Status. Wird nur gerendert, wenn mindestens ein Favorit vorhanden ist.
|
|
//
|
|
// Platzsparend als Chip-Wolke: nur der Firmenname, nebeneinander (flex-wrap),
|
|
// jeder Chip ein Link zur Bewerbung. Status/Datum/Stelle entfallen hier — die
|
|
// Details stehen auf der Bewerbungsseite. Entmerken geht ebenfalls dort (Stern).
|
|
// Die id wird von der Such-Logik in index.ejs zum Ein-/Ausblenden verwendet.
|
|
%>
|
|
<% if (bewerbungFavoriten && bewerbungFavoriten.length) { %>
|
|
<section id="bewerbungFavoritenCard" class="bg-white dark:bg-gray-800/60 rounded-xl border border-gray-200/80 dark:border-gray-700/60 shadow-sm mb-8 overflow-hidden">
|
|
<div class="flex flex-wrap items-center gap-2 px-5 py-3.5 border-b border-gray-100 dark:border-gray-700/60">
|
|
<svg class="h-4 w-4 text-amber-400 dark:text-amber-500" viewBox="0 0 24 24" fill="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M11.48 3.5l2.6 5.27 5.82.85-4.21 4.1.99 5.79-5.2-2.73-5.2 2.73.99-5.79-4.21-4.1 5.82-.85 2.6-5.27z"/></svg>
|
|
<h2 class="text-sm font-semibold text-gray-700 dark:text-gray-200">Gemerkte Bewerbungen</h2>
|
|
<span class="ml-auto inline-flex items-center rounded-full bg-gray-100 dark:bg-gray-700/70 px-2 py-0.5 text-xs font-medium text-gray-500 dark:text-gray-400">
|
|
<%= bewerbungFavoriten.length %>
|
|
</span>
|
|
</div>
|
|
<div class="flex flex-wrap gap-2 p-5">
|
|
<% bewerbungFavoriten.forEach(function(b){ %>
|
|
<a href="/bewerbung/<%= b.id %>"
|
|
title="<%= b.firma %>"
|
|
class="gemerkt-chip inline-flex items-center max-w-[18rem] px-3 py-1.5 rounded-lg border border-gray-200 dark:border-gray-700/70 bg-gray-50 dark:bg-gray-700/30 text-sm font-medium text-gray-700 dark:text-gray-200 hover:bg-white dark:hover:bg-gray-700/60 hover:border-gray-300 dark:hover:border-gray-600 hover:shadow-sm transition-all">
|
|
<span class="truncate"><%= b.firma %></span>
|
|
</a>
|
|
<% }); %>
|
|
</div>
|
|
</section>
|
|
<% } %> |