[web] Rewrite of the GroupedList to accept multiple sort criteria

This commit is contained in:
Alain Nussbaumer
2024-03-18 21:34:43 +01:00
parent 824a37f0a6
commit 3f8ca8cda3
26 changed files with 225 additions and 222 deletions

View File

@@ -2,9 +2,9 @@
<template v-for="album in albums" :key="album.itemId">
<div v-if="!album.isItem && !hide_group_title" class="mt-6 mb-5 py-2">
<span
:id="'index_' + album.groupKey"
:id="'index_' + album.index"
class="tag is-info is-light is-small has-text-weight-bold"
v-text="album.groupKey"
v-text="album.index"
/>
</div>
<div

View File

@@ -3,9 +3,9 @@
<div v-if="!artist.isItem && !hide_group_title" class="mt-6 mb-5 py-2">
<div class="media-content is-clipped">
<span
:id="'index_' + artist.groupKey"
:id="'index_' + artist.index"
class="tag is-info is-light is-small has-text-weight-bold"
v-text="artist.groupKey"
v-text="artist.index"
/>
</div>
</div>

View File

@@ -3,9 +3,9 @@
<div v-if="!composer.isItem && !hide_group_title" class="mt-6 mb-5 py-2">
<div class="media-content is-clipped">
<span
:id="'index_' + composer.groupKey"
:id="'index_' + composer.index"
class="tag is-info is-light is-small has-text-weight-bold"
v-text="composer.groupKey"
v-text="composer.index"
/>
</div>
</div>

View File

@@ -3,9 +3,9 @@
<div v-if="!genre.isItem && !hide_group_title" class="mt-6 mb-5 py-2">
<div class="media-content is-clipped">
<span
:id="'index_' + genre.groupKey"
:id="'index_' + genre.index"
class="tag is-info is-light is-small has-text-weight-bold"
v-text="genre.groupKey"
v-text="genre.index"
/>
</div>
</div>

View File

@@ -2,9 +2,9 @@
<template v-for="track in tracks" :key="track.itemId">
<div v-if="!track.isItem" class="mt-6 mb-5 py-2">
<span
:id="'index_' + track.groupKey"
:id="'index_' + track.index"
class="tag is-info is-light is-small has-text-weight-bold"
v-text="track.groupKey"
v-text="track.index"
/>
</div>
<div