1 files changed, 41 insertions, 0 deletions
diff --git a/web/templates/frag-change.tmpl b/web/templates/frag-change.tmpl
new file mode 100644
index 0000000..b33d746
--- /dev/null
+++ b/web/templates/frag-change.tmpl
@@ -0,0 +1,41 @@
+{{/* The change everything on screen is read at, and how wide the view is.
+     Every page carries it, because every read, note and file listing below
+     is relative to it. */}}
+{{define "changebar"}}
+<section class="changebar{{if .Rev}} away{{end}}" aria-label="current change">
+  <div class="cid">
+    <span class="lbl">change</span>
+    {{if .Live}}<a href="{{.Href "change" .ChangeID}}" title="{{.ChangeID}}"><code>{{short .ChangeID}}</code></a>
+    {{else}}<code title="{{.ChangeID}}">{{short .ChangeID}}</code>{{end}}
+    {{with .ChangeInfo}}{{if .Flags}}<span class="flags">{{.Flags}}</span>{{end}}{{end}}
+  </div>
+  {{with .ChangeInfo}}
+  <p class="desc" title="{{.Desc}}">{{if .Desc}}{{.Desc}}{{else}}(no description){{end}}</p>
+  {{end}}
+
+  <p class="counts">
+    {{if eq .Scope "all"}}
+      <b>{{.Site.NotesTotal}}</b> notes across every change{{if .Here}} · {{.Here}} here{{end}}
+    {{else if .ScopeEmpty}}
+      nothing recorded at this change — showing all <b>{{.Site.NotesTotal}}</b>
+    {{else}}
+      <b>{{.Here}}</b> notes here{{if .Elsewhere}} · <span class="away">{{.Elsewhere}} elsewhere</span>{{end}}
+    {{end}}
+  </p>
+
+  {{if .Live}}
+  <div class="scope" role="group" aria-label="what this view covers">
+    <a href="{{.ScopeHref "change"}}"{{if eq .Scope "change"}} class="on" aria-current="true"{{end}}
+       title="only what was recorded at this change">this change</a>
+    <a href="{{.ScopeHref "all"}}"{{if eq .Scope "all"}} class="on" aria-current="true"{{end}}
+       title="every change in the log">all</a>
+  </div>
+  <form class="revjump" method="get" action="{{.JumpPath}}">
+    <input type="search" name="rev" value="{{.Rev}}" placeholder="@, id, revset…"
+           aria-label="read at another change" autocomplete="off" spellcheck="false">
+    {{if eq .Scope "all"}}<input type="hidden" name="scope" value="all">{{end}}
+  </form>
+  {{if .Rev}}<p class="back"><a href="{{.BackHref}}">← back to <code>{{short .Default}}</code>, where the log points</a></p>{{end}}
+  {{end}}
+</section>
+{{end}}