Mine 3 anbefalinger til sag-kommentarer

Alle 3 er baseret på den faktiske Jinja-struktur i detail.html og er klar til at erstatte det eksisterende kort-layout direkte.

Anbefaling 1 — Thread (Linear/Notion style) ⭐ min favorit

Lille initial-cirkel + navn + tid på én linje. Tekst nedenunder med kun et fast indent. Ingen bokse, ingen farvegte headers. Virker kompakt men er stadig behagelig at læse.

JJ
Jens Jensen 21/03-2026 10:00
Vi har et problem med vores to printere på kontoret — de melder offline på printserveren siden fredag.
CT
Christian Thomas 21/03-2026 10:15
Jeg kan se at port 4 & 5 på switchen var nede kort i nat. Har I prøvet at genstarte printerne så de fanger ny DHCP-adresse?
System 21/03-2026 10:20
Status ændret fra Åben til Under behandling
JJ
Jens Jensen 21/03-2026 10:35
HP'en virker stadig ikke - den anden fik vi op at køre.
Vis Jinja-kode til at erstatte det nuværende
<div class="ln-thread">
  {% for comment in comments %}
  <div class="ln-msg {% if comment.er_system_besked %}system-msg{% endif %}">
    <div class="ln-head">
      <div class="ln-avatar {% if comment.er_system_besked %}sys{% endif %}">
        {% if comment.er_system_besked %}<i class="bi bi-gear"></i>
        {% else %}{{ comment.forfatter[:2]|upper }}{% endif %}
      </div>
      <span class="ln-name">{{ comment.forfatter }}</span>
      <span class="ln-time">{{ comment.created_at.strftime('%d/%m-%Y %H:%M') }}</span>
    </div>
    <div class="ln-body">{{ comment.indhold|replace('\n','<br>')|safe }}</div>
  </div>
  {% endfor %}
  <div class="ln-input">...form...</div>
</div>

Anbefaling 2 — Activity Log (Jira style)

Ingen avatarer. Kun tekst-rækker. En 3px venstre-streg i blå viser hvem der er tekniker vs. hvid/grå for alle andre. Højeste mulige informationsdensitet — ligner en IT-log.

Jens Jensen · 21/03-2026 kl. 10:00
Vi har et problem med vores to printere på kontoret — de melder offline på printserveren siden fredag.
Christian Thomas BMC · 21/03-2026 kl. 10:15
Jeg kan se at port 4 & 5 på switchen var nede kort i nat. Har I prøvet at genstarte printerne?
System · 21/03-2026 kl. 10:20
Status ændret: Åben → Under behandling
Jens Jensen · 21/03-2026 kl. 10:35
HP'en virker stadig ikke — den anden fick vi op at køre.
Vis Jinja-kode til at erstatte det nuværende
<div class="jira-log">
  {% for comment in comments %}
  <div class="jira-row">
    <div class="jira-stripe {% if comment.er_system_besked %}sys
    {%- elif comment.er_intern %}tech{% endif %}"></div>
    <div class="jira-inner">
      <div class="jira-meta">
        <strong>{{ comment.forfatter }}</strong>
        {% if comment.er_intern %}<span class="badge bg-primary">BMC</span>{% endif %}
        · {{ comment.created_at.strftime('%d/%m-%Y %H:%M') }}
      </div>
      <div class="jira-text">{{ comment.indhold|replace('\n','<br>')|safe }}</div>
    </div>
  </div>
  {% endfor %}
</div>

Anbefaling 3 — Flat Inbox (Zendesk/Freshdesk style)

Kunde-beskeder til venstre. BMC/tekniker-svar til højre. Ingen farvegte headers, ingen bobler — bare flad alignment og subtil baggrundsforskel. Klart at forstå hvem der sagde hvad.

Vi har et problem med vores to printere på kontoret — de melder offline på printserveren siden fredag.
Jens Jensen · 21/03-2026 10:00
Jeg kan se at port 4 & 5 på switchen var nede kort i nat. Har I prøvet at genstarte printerne så de fanger ny DHCP-adresse?
Christian Thomas · 21/03-2026 10:15
Status ændret: Åben → Under behandling
System · 21/03-2026 10:20
HP'en virker stadig ikke — den anden fick vi op at køre.
Jens Jensen · 21/03-2026 10:35
Vis Jinja-kode til at erstatte det nuværende
<div class="inbox-feed">
  {% for comment in comments %}
  {% if comment.er_system_besked %}
    <div class="ib-msg sys" style="align-self:center;max-width:90%">
  {% elif comment.er_intern %}
    <div class="ib-msg right">
  {% else %}
    <div class="ib-msg left">
  {% endif %}
      <div class="ib-bubble">{{ comment.indhold|replace('\n','<br>')|safe }}</div>
      <div class="ib-meta">{{ comment.forfatter }} · {{ comment.created_at.strftime('%d/%m-%Y %H:%M') }}</div>
    </div>
  {% endfor %}
</div>
Hvornår vil jeg bruge hvilken?
1 (Thread): Bedst når der er blandede deltagere (intern + kunde + system). Nemmest at tilpasse.
2 (Log): Bedst hvis I primært bruger systemet internt — minder om et driftslog og er meget kompakt.
3 (Inbox): Bedst hvis I har et tydeligt skel mellem "kundekorrespondance" og "intern teknikerbesked".