mAi
d5e7796cf6
Tree page (/) gains every navigation dimension m asked for: - Debounced search input matching title/slug/aliases/content_md/paths case-insensitively (?q=…) - Tag chip row (?tag=a,b — AND within tags, as before) - Management chip row with ?mgmt=mai,self,external,unmanaged (OR within management; "unmanaged" is the synthetic empty-array case) - Status chip row with ?status=active,done,archived (default = active; archived rows only surface when the separate show-archived toggle is on) - Has-link chip row ?has=caldav-list,gitea-repo - Each chip carries the count it would yield if toggled — honest user cue, computed via per-dimension recomputation in pure Go (cheap at m's scale) - URL is the source of truth — every filter goes through the query string, so any view is bookmarkable; HTMX swaps the tree-section in place with hx-push-url=true on every chip click and on search keyup - Empty-state copy with a clear-all link Implementation: - web/tree_filter.go new: TreeFilter struct + ParseTreeFilter + QueryString/URL + Toggle* helpers + Matches + applyTreeFilter (replacement for buildForest) + computeChipCounts. - web/tree_filter_test.go: parse defaults + every dimension's match + URL round-trip + ancestor-keep semantics + chip counting. - Linkages: linkKindsByItem on Server fans across the two has-link ref_types in one pass and feeds the filter. - tree.tmpl reduced to a one-liner that calls tree-section; new tree_section partial powers both the initial page render and HTMX fragment swaps (matches the pattern from phases 2.a/b/d). docs/design.md §4: tree-filter contract — URL keys, AND/OR rules, count semantics, archived ergonomics.
101 lines
4.5 KiB
Cheetah
101 lines
4.5 KiB
Cheetah
{{define "tree-section"}}
|
||
<section id="tree-section" class="tree-section">
|
||
<p class="counts">
|
||
<strong>{{.Matched}}</strong> / <strong>{{.Total}}</strong> items match
|
||
{{if .OrphanN}} · <strong>{{.OrphanN}}</strong> unclassified mai-managed roots <a href="/admin/classify">→ classify</a>{{end}}
|
||
{{if .Filter.Active}} · <a class="clear" href="/">clear filters</a>{{end}}
|
||
</p>
|
||
|
||
<section class="tagbar" id="tree-filterbar">
|
||
<form class="search" hx-get="/" hx-target="#tree-section" hx-swap="outerHTML"
|
||
hx-trigger="keyup changed delay:200ms from:input[name=q], change from:input[type=hidden]"
|
||
hx-push-url="true">
|
||
<input type="search" name="q" value="{{.Filter.Q}}" placeholder="search title, slug, content…" autocomplete="off">
|
||
{{if .Filter.Tags}}<input type="hidden" name="tag" value="{{join "," .Filter.Tags}}">{{end}}
|
||
{{if .Filter.Management}}<input type="hidden" name="mgmt" value="{{join "," .Filter.Management}}">{{end}}
|
||
{{if ne (join "," .Filter.Status) "active"}}<input type="hidden" name="status" value="{{join "," .Filter.Status}}">{{end}}
|
||
{{if .Filter.HasLinks}}<input type="hidden" name="has" value="{{join "," .Filter.HasLinks}}">{{end}}
|
||
{{if .Filter.ShowArchived}}<input type="hidden" name="show-archived" value="1">{{end}}
|
||
</form>
|
||
|
||
{{if .AllTags}}
|
||
<div class="chip-row">
|
||
<span class="muted">tag:</span>
|
||
{{range .Counts.Tags}}
|
||
<a class="tag {{if .Active}}tag-on{{end}}"
|
||
href="{{.URL}}"
|
||
hx-get="{{.URL}}" hx-target="#tree-section" hx-swap="outerHTML" hx-push-url="true">{{.Label}} <small>({{.Count}})</small></a>
|
||
{{end}}
|
||
</div>
|
||
{{end}}
|
||
|
||
<div class="chip-row">
|
||
<span class="muted">mgmt:</span>
|
||
{{range .Counts.Management}}
|
||
<a class="mgmt-chip {{if .Active}}chip-on{{end}}"
|
||
href="{{.URL}}"
|
||
hx-get="{{.URL}}" hx-target="#tree-section" hx-swap="outerHTML" hx-push-url="true">{{.Label}} <small>({{.Count}})</small></a>
|
||
{{end}}
|
||
</div>
|
||
|
||
<div class="chip-row">
|
||
<span class="muted">status:</span>
|
||
{{range .Counts.Status}}
|
||
<a class="status-chip {{if .Active}}chip-on{{end}}"
|
||
href="{{.URL}}"
|
||
hx-get="{{.URL}}" hx-target="#tree-section" hx-swap="outerHTML" hx-push-url="true">{{.Label}} <small>({{.Count}})</small></a>
|
||
{{end}}
|
||
<a class="status-chip {{if .Filter.ShowArchived}}chip-on{{end}}"
|
||
href="{{.Counts.ShowArchived.URL}}"
|
||
hx-get="{{.Counts.ShowArchived.URL}}" hx-target="#tree-section" hx-swap="outerHTML" hx-push-url="true"
|
||
title="When off, archived rows hide even when status=archived is selected">show archived <small>({{.Counts.ShowArchived.Count}})</small></a>
|
||
</div>
|
||
|
||
<div class="chip-row">
|
||
<span class="muted">has:</span>
|
||
{{range .Counts.Has}}
|
||
<a class="has-chip {{if .Active}}chip-on{{end}}"
|
||
href="{{.URL}}"
|
||
hx-get="{{.URL}}" hx-target="#tree-section" hx-swap="outerHTML" hx-push-url="true">{{.Label}} <small>({{.Count}})</small></a>
|
||
{{end}}
|
||
</div>
|
||
</section>
|
||
|
||
<section class="tree">
|
||
<ul class="forest">
|
||
{{range .Roots}}
|
||
<li class="node root">
|
||
<a href="/i/{{.Item.PrimaryPath}}">{{.Item.Title}}</a>
|
||
<span class="slug">{{.Item.PrimaryPath}}</span>
|
||
{{range .Item.Management}}<span class="mgmt mgmt-{{.}}">{{.}}</span>{{end}}
|
||
{{range .Item.Tags}}<span class="tag">{{.}}</span>{{end}}
|
||
<a class="add" href="/new?parent={{.Item.PrimaryPath}}">+</a>
|
||
{{template "children" .}}
|
||
</li>
|
||
{{else}}
|
||
<li class="empty"><em>No items match. Try fewer filters or <a href="/">clear all</a>.</em></li>
|
||
{{end}}
|
||
</ul>
|
||
</section>
|
||
</section>
|
||
{{end}}
|
||
|
||
{{define "children"}}
|
||
{{if .Children}}
|
||
<ul>
|
||
{{range .Children}}
|
||
<li class="node project">
|
||
<a href="/i/{{.Item.PrimaryPath}}">{{.Item.Title}}</a>
|
||
<span class="slug">{{.Item.PrimaryPath}}</span>
|
||
<span class="status status-{{.Item.Status}}">{{.Item.Status}}</span>
|
||
{{if gt (len .Item.Paths) 1}}<span class="muted multi-parent" title="appears under multiple parents">×{{len .Item.Paths}}</span>{{end}}
|
||
{{range .Item.Management}}<span class="mgmt mgmt-{{.}}">{{.}}</span>{{end}}
|
||
{{range .Item.Tags}}<span class="tag">{{.}}</span>{{end}}
|
||
<a class="add" href="/new?parent={{.Item.PrimaryPath}}">+</a>
|
||
{{template "children" .}}
|
||
</li>
|
||
{{end}}
|
||
</ul>
|
||
{{end}}
|
||
{{end}}
|