47685f0d34
FastAPI + HTMX Web-App zum Speichern von Links mit automatischer KI-Kategorisierung, Zusammenfassung und semantischer Suche (OpenAI). Mehrbenutzer mit Login, SQLite-Persistenz, Docker/Docker-Compose-Setup. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
43 lines
1.6 KiB
HTML
43 lines
1.6 KiB
HTML
<div class="panel link-card" id="link-{{ link.id }}">
|
||
<div style="display:flex; justify-content:space-between; gap:12px;">
|
||
<div style="min-width:0;">
|
||
<a href="{{ link.url }}" target="_blank" rel="noopener"
|
||
style="font-weight:600; font-size:1.05rem;">{{ link.title or link.url }}</a>
|
||
<div class="muted" style="font-size:.8rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;">
|
||
{{ link.url }}
|
||
</div>
|
||
</div>
|
||
<button class="danger"
|
||
hx-delete="/links/{{ link.id }}"
|
||
hx-target="#link-{{ link.id }}"
|
||
hx-swap="outerHTML"
|
||
hx-confirm="Diesen Link wirklich löschen?">✕</button>
|
||
</div>
|
||
|
||
{% if link.summary %}
|
||
<p style="margin:10px 0 8px;">{{ link.summary }}</p>
|
||
{% elif link.status == 'no_content' %}
|
||
<p class="muted" style="margin:10px 0 8px; font-style:italic;">
|
||
Inhalt konnte nicht abgerufen werden – Kategorisierung anhand der URL.
|
||
</p>
|
||
{% endif %}
|
||
|
||
<div style="display:flex; flex-wrap:wrap; gap:6px; align-items:center; font-size:.8rem;">
|
||
{% if link.category %}
|
||
<span style="background:var(--accent); color:white; padding:2px 9px; border-radius:99px;">
|
||
{{ link.category }}
|
||
</span>
|
||
{% endif %}
|
||
{% if link.manufacturer %}
|
||
<span style="background:#0e7490; color:#cffafe; padding:2px 9px; border-radius:99px;">
|
||
🏢 {{ link.manufacturer }}
|
||
</span>
|
||
{% endif %}
|
||
{% for tag in link.tag_list %}
|
||
<span style="background:var(--panel2); color:var(--muted); padding:2px 9px; border-radius:99px;">
|
||
#{{ tag }}
|
||
</span>
|
||
{% endfor %}
|
||
</div>
|
||
</div>
|