1 files changed, 25 insertions, 0 deletions

diff --git a/vrsite/templates/page-jj.tmpl b/vrsite/templates/page-jj.tmpl
new file mode 100644
index 0000000..5c1381c
--- /dev/null
+++ b/vrsite/templates/page-jj.tmpl
@@ -0,0 +1,25 @@
+{{define "page-jj"}}
+<header class="filehead">
+  <h1>jj</h1>
+  <p class="meta">
+    read-only queries against the repo — <code>--ignore-working-copy</code>, inline templates, nothing written to disk
+  </p>
+</header>
+
+<section class="jjpage">
+  <form class="jjform" method="get" action="{{.Href "jj"}}"
+        hx-get="/jj/log" hx-target="#jjout" hx-swap="innerHTML" hx-indicator="#jjbusy">
+    <input type="hidden" name="kind" value="log">
+    <input type="search" name="revset" value="{{.JJ.Revset}}" placeholder="revset — e.g. @ | ancestors(trunk(), 10) | description(glob:'*fix*')" autocomplete="off" spellcheck="false">
+    <input type="number" name="limit" value="{{.JJ.Limit}}" min="1" max="1000" aria-label="limit" title="limit">
+    <button type="submit">jj log</button>
+    <button type="button" hx-get="/jj/op" hx-target="#jjout" hx-include="closest form" hx-indicator="#jjbusy" title="operation log">op log</button>
+    <span id="jjbusy" class="busy">·</span>
+  </form>
+  <p class="meta hint">
+    change ids open the change · descriptions browse the tree at that change ·
+    op ids re-run the query <code>--at-operation</code>, which is how you see the repo as it was
+  </p>
+  <div id="jjout">{{template "jjrows" .JJ}}</div>
+</section>
+{{end}}