{{/* 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}}