<div class="token-variants-wrap images {{#unless imageDisplay}}list{{/unless}}">
|
|
{{#each imagesParsed as |image|}}
|
|
<div
|
|
class="token-variants-button-select control-icon {{#unless ../imageDisplay}}list{{/unless}} {{#if image.used}}token-variants-button-disabled active{{/if}}"
|
|
data-name="{{image.route}}"
|
|
data-filename="{{image.name}}"
|
|
title="{{#if image.unknownType}}{{image.route}}{{else}}{{image.title}}{{/if}}"
|
|
style="{{image.style}}">
|
|
{{#if ../imageDisplay}}
|
|
{{#if image.img}}
|
|
<img
|
|
class="token-variants-button-image"
|
|
src="{{image.route}}"
|
|
style="opacity:{{../imageOpacity}};"
|
|
/>
|
|
{{/if}}
|
|
{{#if image.vid}}
|
|
<video
|
|
class="token-variants-button-image"
|
|
src="{{image.route}}"
|
|
style="opacity:{{../imageOpacity}};"
|
|
loop
|
|
{{#if ../autoplay}}
|
|
autoplay
|
|
{{/if}}
|
|
muted>
|
|
</video>
|
|
{{#unless ../autoplay}}
|
|
<i class="fas fa-play"></i>
|
|
{{/unless}}
|
|
{{/if}}
|
|
{{#if image.unknownType}}
|
|
<img
|
|
class="token-variants-button-image"
|
|
src="{{image.route}}"
|
|
style="opacity:{{../imageOpacity}};"
|
|
/>
|
|
{{/if}}
|
|
{{else}}
|
|
<span>{{image.name}}</span>
|
|
{{/if}}
|
|
<i class="fas fa-share {{#if image.shared}}active{{/if}}"></i>
|
|
<i class="fas fa-cog {{#if image.hasConfig}}active{{/if}}"></i>
|
|
</div>
|
|
{{/each}}
|
|
</div>
|