1 files changed, 43 insertions, 0 deletions

diff --git a/vrsite/templates/page-notes.tmpl b/vrsite/templates/page-notes.tmpl
new file mode 100644
index 0000000..974dc64
--- /dev/null
+++ b/vrsite/templates/page-notes.tmpl
@@ -0,0 +1,43 @@
+{{define "facet"}}<select name="{{.Name}}" aria-label="{{.Label}}">
+  <option value="">{{.Label}}</option>
+  {{range .Values}}<option value="{{.}}"{{if eq . $.Sel}} selected{{end}}>{{if $.Short}}{{short .}}…{{else}}{{.}}{{end}}</option>
+  {{end}}</select>{{end}}
+
+{{define "page-notes"}}
+<header class="filehead">
+  <h1>Notes</h1>
+  <p class="meta">
+    {{len .Site.Notes}} in the log{{if .Live}} · anything you add here is appended to the log — the repo is never touched{{end}}
+  </p>
+</header>
+
+<section class="notespage">
+  {{if .Live}}
+  <details class="addnote">
+    <summary>add a note</summary>
+    {{template "noteform" .}}
+  </details>
+  {{end}}
+
+  <form class="filters" id="notefilters" method="get" action="{{.Href "notes"}}"
+        {{if .Live}}hx-get="/notes/list" hx-target="#notelist" hx-swap="innerHTML"
+        hx-trigger="input delay:250ms, change, search" hx-indicator="#notesbusy"{{end}}>
+    <input type="search" name="text" value="{{.Filter.Text}}" placeholder="search note text…" autocomplete="off">
+    <input type="search" name="file" value="{{.Filter.File}}" placeholder="file path…" list="filelist" autocomplete="off">
+    {{template "facet" (dict "Name" "agent" "Label" "any agent" "Values" .Facets.Agents "Sel" .Filter.Agent)}}
+    {{template "facet" (dict "Name" "model" "Label" "any model" "Values" .Facets.Models "Sel" .Filter.Model)}}
+    {{template "facet" (dict "Name" "session" "Label" "any session" "Values" .Facets.Sessions "Sel" .Filter.Session "Short" true)}}
+    {{template "facet" (dict "Name" "kind" "Label" "any kind" "Values" .Facets.Kinds "Sel" .Filter.Kind)}}
+    <span class="dates">
+      <label class="datef">from <input type="date" name="from" value="{{.Filter.From}}"></label>
+      <label class="datef">to <input type="date" name="to" value="{{.Filter.To}}"></label>
+    </span>
+    <button type="submit" class="nohx">filter</button>
+    <button type="button" id="clearfilters">clear</button>
+  </form>
+  <datalist id="filelist">{{range .Facets.Files}}<option value="{{.}}">{{end}}</datalist>
+
+  <p class="meta count"><span id="notesbusy" class="busy">·</span><span id="notecount">{{len .Notes}}</span> notes shown</p>
+  <div id="notelist">{{template "notelist" .}}</div>
+</section>
+{{end}}