mirror of
https://github.com/Theodor-Springmann-Stiftung/musenalm.git
synced 2026-02-04 02:25:30 +00:00
39 lines
1.4 KiB
Plaintext
39 lines
1.4 KiB
Plaintext
{{ $model := . }}
|
|
|
|
<div id="baenderesults"
|
|
x-data="{ hasMore: {{ if $model.has_more }}true{{ else }}false{{ end }}, offset: {{ if $model.next_offset }}{{ $model.next_offset }}{{ else }}0{{ end }}, loading: false }">
|
|
|
|
<div id="baende-count" class="text-lg font-semibold font-sans text-gray-600 whitespace-nowrap">
|
|
{{ if $model.current_count }}{{ $model.current_count }} / {{ end }}{{ if $model.total_count }}{{ $model.total_count }}{{ else }}{{ len $model.result.Entries }}{{ end }} Bände
|
|
</div>
|
|
|
|
{{ template "_baende_table" $model }}
|
|
|
|
<!-- Load More Button -->
|
|
<div class="mt-6 flex justify-center" x-show="hasMore">
|
|
<button
|
|
type="button"
|
|
class="content-action-button"
|
|
hx-get="/baende/more/?offset={{ if $model.next_offset }}{{ $model.next_offset }}{{ else }}0{{ end }}{{ if $model.search }}&search={{ $model.search }}{{ end }}{{ if $model.letter }}&letter={{ $model.letter }}{{ end }}&sort={{ $model.sort_field }}&order={{ $model.sort_order }}"
|
|
hx-target="#baende-tbody"
|
|
hx-swap="beforeend"
|
|
hx-indicator="this"
|
|
>
|
|
<i class="ri-arrow-down-line"></i>
|
|
<span>Weitere 150 laden</span>
|
|
</button>
|
|
</div>
|
|
|
|
{{ if $model.search }}
|
|
<script type="module">
|
|
let elements = document.querySelectorAll('.baende-text');
|
|
let mark_instance = new Mark(elements);
|
|
setTimeout(() => {
|
|
mark_instance.mark('{{ $model.search }}', {
|
|
"seperateWordSearch": true,
|
|
});
|
|
}, 200);
|
|
</script>
|
|
{{ end }}
|
|
</div>
|