Umbau-Projekt (SSR und Rest)

2026-09-03 22:20:55 +02:00
parent 13363cb568
commit c66df283d1
37 changed files with 3719 additions and 344 deletions
@@ -0,0 +1,75 @@
+{{/*
+  Ein Beitrag und die Blätternavigation -- als eigene Blöcke, damit Hauptfeed
+  und Nutzerfeed dieselbe Darstellung benutzen. Das Gegenstück zu renderEntry
+  in web/js/feed.js.
+
+  Jede Aktion ist ein echtes Formular mit return_to: ohne JavaScript ist eine
+  Interaktion immer ein Seitenwechsel, und der Anker #e{{.PID}} bringt den
+  Nutzer danach an genau den Beitrag zurück, den er bedient hat.
+*/}}
+
+{{define "entry"}}
+      <article class="card" id="e{{.PID}}">
+        {{if .Deleted}}
+        <div class="muted byline">
+          <span>[deleted] · <time datetime="{{timeAttr .CreatedAt}}">{{time .CreatedAt}}</time></span>
+        </div>
+        <div class="threadline-wrapper">
+          <div class="threadline"></div>
+          <div class="body"><div class="content">[deleted]</div></div>
+        </div>
+        {{else}}
+        <div class="muted byline">
+          <a href="{{profile .Username}}"><img class="avatar avatar-sm" src="{{avatar .Avatar}}" alt="" loading="lazy"></a>
+          <span><a href="{{profile .Username}}">{{.Username}}</a> ·
+            <time datetime="{{timeAttr .CreatedAt}}">{{time .CreatedAt}}</time></span>
+          <details class="report">
+            <summary>Melden</summary>
+            <form class="report-form" method="post" action="/entry/{{.PID}}/report">
+              <input type="hidden" name="return_to" value="{{.ReturnTo}}#e{{.PID}}">
+              <label for="reason-{{.PID}}">Grund <span class="muted">(optional)</span></label>
+              <input id="reason-{{.PID}}" name="reason" type="text" maxlength="500" autocomplete="off">
+              <button type="submit">Absenden</button>
+            </form>
+          </details>
+        </div>
+        <div class="threadline-wrapper">
+          <div class="threadline"></div>
+          <div class="body">
+            <div class="content">{{content .Content}}</div>
+            {{if .Filepath}}<img src="/{{.Filepath}}" alt="" loading="lazy">{{end}}
+            <div class="interactions">
+              <a class="button reply" href="/beitrag/{{.PID}}">Antworten ({{.ReplyCount}})</a>
+              {{if .EditURL}}<a class="button" href="{{.EditURL}}">Bearbeiten</a>{{end}}
+              {{if .DeleteURL}}<a class="button" href="{{.DeleteURL}}">Löschen</a>{{end}}
+              {{if .LoggedIn}}
+              <form class="row" method="post" action="/entry/{{.PID}}/vote">
+                <input type="hidden" name="return_to" value="{{.ReturnTo}}#e{{.PID}}">
+                <button class="ghost{{if eq .Selected "left"}} selected{{end}}"
+                        name="mode" value="left">Links</button>
+                <span class="muted">{{.Left}} / {{.Right}}</span>
+                <button class="ghost{{if eq .Selected "right"}} selected{{end}}"
+                        name="mode" value="right">Rechts</button>
+              </form>
+              {{else}}
+              {{/* Ohne Anmeldung nur der Stand -- ein Formular hier würde
+                   ausschließlich 401 liefern. */}}
+              <div class="row">
+                <span class="muted">{{.Left}} / {{.Right}} ·
+                  <a href="/auth/login">anmelden zum Abstimmen</a></span>
+              </div>
+              {{end}}
+            </div>
+          </div>
+        </div>
+        {{end}}
+      </article>
+{{end}}
+
+{{define "pager"}}
+      <nav class="pager">
+        {{if .PrevURL}}<a class="button" href="{{.PrevURL}}">← Neuere</a>{{end}}
+        <span class="muted">Seite {{.HumanPage}} von {{.Pages}}</span>
+        {{if .NextURL}}<a class="button" href="{{.NextURL}}">Ältere →</a>{{end}}
+      </nav>
+{{end}}