Add the most basic form of the Art Browser that just lets users see and filter the tokens

This commit is contained in:
Oliver 2026-01-23 21:20:09 -07:00
parent 82ba07414c
commit 547816701d
9 changed files with 412 additions and 0 deletions

View file

@ -0,0 +1,11 @@
<li class="image grid">
<img
src="{{tb-filePath image.path}}"
alt=""
>
{{#if (eq selectMode "single")}}
<button>Select</button>
{{else if (eq selectMod "multi")}}
<input type="checkbox">
{{/if}}
</li>

View file

@ -0,0 +1,29 @@
<li class="image">
<img
src="{{tb-filePath image.path}}"
alt=""
>
{{#if (eq selectMode "single")}}
<button>Select</button>
{{else if (eq selectMod "multi")}}
<input type="checkbox">
{{/if}}
<div class="details">
<div>
"<span>{{image.name}}</span>"
{{#if image.artists}}
by
{{#each image.artists as | artist |}}
<span data-artist-id="{{artist.id}}">{{artist.name}}{{ifThen @last "" ","}}</span>
{{/each}}
{{/if}}
</div>
{{#if image.tags}}
<ul class="chip-list">
{{#each image.tags as | tag |}}
<li>{{tag}}</li>
{{/each}}
</ul>
{{/if}}
</div>
</li>