# 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".