image-tagger/templates/ArtBrowser/images.hbs

68 lines
1.3 KiB
Handlebars

<div class="paginated">
<div class="row">
<div class="radio-group">
<label data-tooltip="Grid layout">
<input
type="radio"
name="layoutType"
value="grid"
{{checked (eq layout "grid")}}
>
<it-icon
name="icons/layout/grid"
var:fill="currentColor"
></it-icon>
</label>
<label data-tooltip="List layout">
<input
type="radio"
name="layoutType"
value="list"
{{checked (eq layout "list")}}
>
<it-icon
name="icons/layout/list"
var:fill="currentColor"
></it-icon>
</label>
</div>
{{#if can.upload}}
<button data-action="uploadImage">Upload Image</button>
{{/if}}
{{#if is.multi}}
<div class="grow"></div>
<div class="selected-count"></div>
{{/if}}
</div>
{{#if images}}
<ul class="image-list image-list--{{listLayout}}">
{{#each images as | image |}}
{{>
(concat (tb-filePath "templates/ArtBrowser/image/") @root.layout ".hbs")
image=image
is=@root.is
}}
{{/each}}
</ul>
{{else}}
<span class="placeholder">
{{ localize "" }}
</span>
{{/if}}
<div class="grow"></div>
<div class="row page-nav">
<button
data-action="prevPage"
{{disabled (not has.prev)}}
>
Prev
</button>
{{page}} / {{pages}}
<button
data-action="nextPage"
{{disabled (not has.next)}}
>
Next
</button>
</div>
</div>