Initial commit: runnable Ask a Plumber First server.

templates/partials/_answer.html

@@ -0,0 +1,12 @@
+{{define "answer"}}
+<section id="answer-block" class="answer{{if .Answer}} is-in{{end}}">
+  {{if .Answer}}
+    <p class="answer-kicker">Shop response</p>
+    <h2>Answer</h2>
+    <p class="byline">{{.Answer.AuthorName}} · 22 years, Bay Area</p>
+    <p class="answer-body">{{.Answer.Body}}</p>
+  {{else}}
+    <p class="waiting">No answer yet. Check back after the hunt.</p>
+  {{end}}
+</section>
+{{end}}

templates/partials/_list.html

@@ -0,0 +1,37 @@
+{{define "leaderboard"}}
+<ol id="leaderboard" class="board" start="1">
+  {{if not .Questions}}
+    <li class="empty">
+      {{if eq .Date .Today}}
+        <p class="empty-kicker">Queue empty</p>
+        <p>No questions yet. Be the first to <a href="/submit">ask</a>.</p>
+      {{else}}
+        <p>No questions on this day.</p>
+      {{end}}
+    </li>
+  {{else}}
+    {{range $i, $q := .Questions}}
+      <li class="row">
+        <span class="rank" aria-hidden="true">{{rank $i}}</span>
+        {{template "vote" (voteCtx $.User $.CSRF "list" $.Date $q)}}
+        <div class="row-body">
+          <a class="q-title" href="/questions/{{$q.ID}}">{{$q.Title}}</a>
+          <p class="meta">
+            <span>{{$q.AuthorName}}</span>
+            {{if $q.City}}<span class="dot" aria-hidden="true">·</span><span>{{$q.City}}</span>{{end}}
+            {{if $q.Answered}}<span class="badge">Answered</span>{{end}}
+          </p>
+          {{if isAdmin $.User}}
+            <form class="inline-hide" method="post" action="/questions/{{$q.ID}}/hide"
+              hx-post="/questions/{{$q.ID}}/hide" hx-target="#leaderboard" hx-swap="outerHTML">
+              <input type="hidden" name="_csrf" value="{{$.CSRF}}">
+              <input type="hidden" name="view" value="list">
+              <button type="submit" class="linkish">Hide</button>
+            </form>
+          {{end}}
+        </div>
+      </li>
+    {{end}}
+  {{end}}
+</ol>
+{{end}}

templates/partials/_signin.html

@@ -0,0 +1,8 @@
+{{define "signin-prompt"}}
+<p class="banner" role="status">
+  Sign in to vote or ask a question.
+  <a href="/login">Sign in</a>
+  <span class="dot" aria-hidden="true">·</span>
+  <a href="/register">Create an account</a>
+</p>
+{{end}}

templates/partials/_vote.html

@@ -0,0 +1,37 @@
+{{define "vote"}}
+<div id="vote-{{.Question.ID}}" class="vote">
+  {{if .User}}
+    <form method="post" action="/questions/{{.Question.ID}}/vote"
+      hx-post="/questions/{{.Question.ID}}/vote"
+      {{if eq .View "list"}}hx-target="#leaderboard" hx-swap="outerHTML"{{else}}hx-target="#vote-{{.Question.ID}}" hx-swap="outerHTML"{{end}}>
+      <input type="hidden" name="_csrf" value="{{.CSRF}}">
+      <input type="hidden" name="value" value="1">
+      <input type="hidden" name="view" value="{{.View}}">
+      <input type="hidden" name="date" value="{{.Date}}">
+      <button type="submit" class="vote-btn{{if eq .Question.UserVote 1}} is-up{{end}}" aria-label="Upvote" aria-pressed="{{if eq .Question.UserVote 1}}true{{else}}false{{end}}">
+        <svg width="18" height="18" viewBox="0 0 18 18" aria-hidden="true"><path d="M9 3.5 15 12H3z" fill="currentColor"/></svg>
+      </button>
+    </form>
+    <span class="score" aria-label="Net score {{.Question.Score}}">{{.Question.Score}}</span>
+    <form method="post" action="/questions/{{.Question.ID}}/vote"
+      hx-post="/questions/{{.Question.ID}}/vote"
+      {{if eq .View "list"}}hx-target="#leaderboard" hx-swap="outerHTML"{{else}}hx-target="#vote-{{.Question.ID}}" hx-swap="outerHTML"{{end}}>
+      <input type="hidden" name="_csrf" value="{{.CSRF}}">
+      <input type="hidden" name="value" value="-1">
+      <input type="hidden" name="view" value="{{.View}}">
+      <input type="hidden" name="date" value="{{.Date}}">
+      <button type="submit" class="vote-btn{{if eq .Question.UserVote -1}} is-down{{end}}" aria-label="Downvote" aria-pressed="{{if eq .Question.UserVote -1}}true{{else}}false{{end}}">
+        <svg width="18" height="18" viewBox="0 0 18 18" aria-hidden="true"><path d="M9 14.5 3 6h12z" fill="currentColor"/></svg>
+      </button>
+    </form>
+  {{else}}
+    <a class="vote-btn" href="/login" hx-get="/auth/prompt" hx-target="#flash" aria-label="Sign in to upvote">
+      <svg width="18" height="18" viewBox="0 0 18 18" aria-hidden="true"><path d="M9 3.5 15 12H3z" fill="currentColor"/></svg>
+    </a>
+    <span class="score" aria-label="Net score {{.Question.Score}}">{{.Question.Score}}</span>
+    <a class="vote-btn" href="/login" hx-get="/auth/prompt" hx-target="#flash" aria-label="Sign in to downvote">
+      <svg width="18" height="18" viewBox="0 0 18 18" aria-hidden="true"><path d="M9 14.5 3 6h12z" fill="currentColor"/></svg>
+    </a>
+  {{end}}
+</div>
+{{end}}