54 lines
2.6 KiB
Go Template
54 lines
2.6 KiB
Go Template
{{define "mediaselector"}}
|
|
<div>
|
|
<details>
|
|
<summary>Medias</summary>
|
|
<ul role="list" class="media-picker">
|
|
{{range $image := .Files}}
|
|
{{if eq $image.Extension ".png" ".jpg" ".jpeg" ".gif" ".webp" ".avif"}}
|
|
<li class="media-picker__media" id="{{$image.Filename}}">
|
|
<img loading="lazy" src="{{$image.Slug}}" />
|
|
<span>
|
|
<small><strong>{{$image.Filename}}{{$image.Extension}}</strong></small><br>
|
|
<small><code>(image: {{$image.Filename}}{{$image.Extension}} alt: )</code></small>
|
|
<div class="media-picker__buttons">
|
|
<button data-small onClick="insertMedia({{$image.Filename}}+{{$image.Extension}}, {{$image.Extension}}, true, event)">Insert</button>
|
|
<button data-small data-secondary
|
|
onClick="deleteMedia({{$image.Filename}}+{{$image.Extension}}, event)">Delete</button>
|
|
</div>
|
|
</span>
|
|
|
|
</li>
|
|
{{end}}
|
|
{{if eq $image.Extension ".mp4"}}
|
|
<li class="media-picker__media" id="{{$image.Filename}}">
|
|
<video controls src="{{$image.Slug}}" ></video>
|
|
<span>
|
|
<small><strong>{{$image.Filename}}{{$image.Extension}}</strong></small><br>
|
|
<small><code>(video: {{$image.Filename}}{{$image.Extension}})</code></small>
|
|
<div class="media-picker__buttons">
|
|
<button data-small onClick="insertMedia({{$image.Filename}}+{{$image.Extension}}, {{$image.Extension}}, true, event)">Insert Video</button>
|
|
<button data-small data-secondary
|
|
onClick="deleteMedia({{$image.Filename}}+{{$image.Extension}}, event)">Delete</button>
|
|
</div>
|
|
</span>
|
|
</li>
|
|
{{end}}
|
|
{{if eq $image.Extension ".mp3"}}
|
|
<li class="media-picker__media" id="{{$image.Filename}}">
|
|
<audio controls src="{{$image.Slug}}"></audio>
|
|
<span>
|
|
<small><strong>{{$image.Filename}}{{$image.Extension}}</strong></small><br>
|
|
<small><code>(audio: {{$image.Filename}}{{$image.Extension}})</code></small>
|
|
<div class="media-picker__buttons">
|
|
<button data-small onClick="insertMedia({{$image.Filename}}+{{$image.Extension}}, {{$image.Extension}}, true, event)">Insert audio</button>
|
|
<button data-small data-secondary
|
|
onClick="deleteMedia({{$image.Filename}}+{{$image.Extension}}, event)">Delete</button>
|
|
</div>
|
|
</span>
|
|
</li>
|
|
{{end}}
|
|
{{end}}
|
|
</ul>
|
|
</details>
|
|
</div>
|
|
{{end}}
|