cangui/shelfy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

up

Browse Source
This commit is contained in:
cangui 2025-06-22 19:19:01 +02:00
parent 4f6051d1e6
commit 0432f64306
1 changed files with 18 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
templates/media_list.pages.tmpl
View File

@ -1,10 +1,5 @@
<section class="section" <section class="section">
hx-on="htmx:request:document.getElementById('loading-spinner').style.display = 'block'; htmx:afterRequest:document.getElementById('loading-spinner').style.display = 'none'">
<div class="container"> <div class="container">
<!-- Spinner -->
<div id="loading-spinner" class="has-text-centered" style="display:none;">
<button class="button is-loading is-white is-large" aria-label="Loading"></button>
</div>
<!-- Breadcrumb --> <!-- Breadcrumb -->
<nav class="breadcrumb" aria-label="breadcrumbs"> <nav class="breadcrumb" aria-label="breadcrumbs">
@ -12,7 +7,9 @@
{{if .CurrentSub}} {{if .CurrentSub}}
<li> <li>
<a hx-get="/api/paths/{{.PathID}}/media" <a hx-get="/api/paths/{{.PathID}}/media"
hx-target="#content" hx-swap="innerHTML"> hx-push-url="/api/paths/{{.PathID}}/media"
hx-target="#content"
hx-swap="innerHTML">
🔙 Racine 🔙 Racine
</a> </a>
</li> </li>
@ -28,12 +25,10 @@
<div class="column is-one-quarter"> <div class="column is-one-quarter">
<div class="card"> <div class="card">
<div class="card-content has-text-centered"> <div class="card-content has-text-centered">
<a <a hx-get="/api/paths/{{$.PathID}}/media?sub={{.SubPath | urlquery}}"
hx-get="/media/{{.MediaPartID}}?path={{.FilePath | urlquery}}&pathID={{$.PathID}}&sub={{$.CurrentSub}}" hx-push-url="/api/paths/{{$.PathID}}/media?sub={{.SubPath | urlquery}}"
hx-push-url="/media/{{.MediaPartID}}?path={{.FilePath | urlquery}}&pathID={{$.PathID}}&sub={{$.CurrentSub}}" hx-target="#content"
hx-target="#content" hx-swap="innerHTML">
hx-swap="innerHTML"
>
<span class="icon is-large"> <span class="icon is-large">
<i class="fas fa-folder fa-2x"></i> <i class="fas fa-folder fa-2x"></i>
</span> </span>
@ -54,19 +49,21 @@
<div class="card"> <div class="card">
<div class="card-image"> <div class="card-image">
<figure class="image is-4by3"> <figure class="image is-4by3">
<a hx-get="/media/{{.MediaPartID}}?path={{.FilePath | urlquery}}" <a hx-get="/media/{{.MediaPartID}}?path={{.FilePath | urlquery}}&pathID={{$.PathID}}&sub={{$.CurrentSub | urlquery}}"
hx-target="#content" hx-swap="innerHTML"> hx-push-url="/media/{{.MediaPartID}}?path={{.FilePath | urlquery}}&pathID={{$.PathID}}&sub={{$.CurrentSub | urlquery}}"
hx-target="#content"
hx-swap="innerHTML">
<img src="{{.ThumbURL}}" alt="{{.Title}}"> <img src="{{.ThumbURL}}" alt="{{.Title}}">
</a> </a>
</figure> </figure>
</div> </div>
<div class="card-content"> <div class="card-content">
<a hx-get="/media/{{.MediaPartID}}?path={{.FilePath | urlquery}}" <a hx-get="/media/{{.MediaPartID}}?path={{.FilePath | urlquery}}&pathID={{$.PathID}}&sub={{$.CurrentSub | urlquery}}"
hx-target="#content" hx-swap="innerHTML"> hx-push-url="/media/{{.MediaPartID}}?path={{.FilePath | urlquery}}&pathID={{$.PathID}}&sub={{$.CurrentSub | urlquery}}"
hx-target="#content"
hx-swap="innerHTML">
<p class="title is-6 is-clipped">{{.Title}}</p> <p class="title is-6 is-clipped">{{.Title}}</p>
{{if .DurationFmt}} {{if .DurationFmt}}<p class="subtitle is-7">{{.DurationFmt}}</p>{{end}}
<p class="subtitle is-7">{{.DurationFmt}}</p>
{{end}}
</a> </a>
</div> </div>
</div> </div>
@ -81,5 +78,6 @@
Aucun dossier ni média dans ce répertoire. Aucun dossier ni média dans ce répertoire.
</div> </div>
{{end}}{{end}} {{end}}{{end}}
</div> </div>
</section> </section>