From 56c9408ef928682b9fef386a0dce2e48cc7c9bac Mon Sep 17 00:00:00 2001
From: Alain Nussbaumer <alain.nussbaumer@alleluia.ch>
Date: Sun, 27 Apr 2025 09:05:09 +0200
Subject: [PATCH] [web] Add index for radio stations

---
 web-src/src/pages/PageRadioStreams.vue | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/web-src/src/pages/PageRadioStreams.vue b/web-src/src/pages/PageRadioStreams.vue
index 424106de..4fe73094 100644
--- a/web-src/src/pages/PageRadioStreams.vue
+++ b/web-src/src/pages/PageRadioStreams.vue
@@ -1,5 +1,8 @@
 <template>
   <content-with-heading>
+    <template #options>
+      <list-index-buttons :indices="tracks.indices" />
+    </template>
     <template #heading>
       <heading-title :content="heading" />
     </template>
@@ -13,16 +16,24 @@
 import ContentWithHeading from '@/templates/ContentWithHeading.vue'
 import { GroupedList } from '@/lib/GroupedList'
 import HeadingTitle from '@/components/HeadingTitle.vue'
+import ListIndexButtons from '@/components/ListIndexButtons.vue'
 import ListTracks from '@/components/ListTracks.vue'
 import webapi from '@/webapi'
 
 export default {
   name: 'PageRadioStreams',
-  components: { ContentWithHeading, HeadingTitle, ListTracks },
+  components: {
+    ContentWithHeading,
+    HeadingTitle,
+    ListIndexButtons,
+    ListTracks
+  },
   beforeRouteEnter(to, from, next) {
     webapi.library_radio_streams().then((tracks) => {
       next((vm) => {
-        vm.tracks = new GroupedList(tracks)
+        vm.tracks = new GroupedList(tracks, {
+          index: { field: 'title_sort', type: String }
+        })
       })
     })
   },