From daba58f05f54c4240456376b6a7eff1068230453 Mon Sep 17 00:00:00 2001
From: chme <christian.meffert@googlemail.com>
Date: Wed, 15 Jun 2022 19:53:17 +0200
Subject: [PATCH] [web] Fix display of playlists in files page

---
 web-src/src/lib/GroupByList.js  | 4 +++-
 web-src/src/pages/PageFiles.vue | 5 ++++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/web-src/src/lib/GroupByList.js b/web-src/src/lib/GroupByList.js
index 4e956f80..1ce613d1 100644
--- a/web-src/src/lib/GroupByList.js
+++ b/web-src/src/lib/GroupByList.js
@@ -148,7 +148,9 @@ export class GroupByList {
             groupIndex
         )
          */
-        if (groupIndex >= this.indexList.length) {
+        if (this.isEmpty()) {
+          return { done: true }
+        } else if (groupIndex >= this.indexList.length) {
           // We reached the end of all groups and items
           //
           // This should never happen, as the we already
diff --git a/web-src/src/pages/PageFiles.vue b/web-src/src/pages/PageFiles.vue
index fcf0fc28..06c3caee 100644
--- a/web-src/src/pages/PageFiles.vue
+++ b/web-src/src/pages/PageFiles.vue
@@ -23,7 +23,7 @@
       </template>
       <template #content>
         <list-directories :directories="files.directories" />
-        <list-playlists :playlists="files.playlists.items" />
+        <list-playlists :playlists="playlists_list" />
         <list-tracks
           :tracks="files.tracks.items"
           :expression="play_expression"
@@ -46,6 +46,7 @@ import ListPlaylists from '@/components/ListPlaylists.vue'
 import ListTracks from '@/components/ListTracks.vue'
 import ModalDialogDirectory from '@/components/ModalDialogDirectory.vue'
 import webapi from '@/webapi'
+import { GroupByList } from '@/lib/GroupByList'
 
 const dataObject = {
   load: function (to) {
@@ -58,6 +59,7 @@ const dataObject = {
   set: function (vm, response) {
     if (response) {
       vm.files = response.data
+      vm.playlists_list = new GroupByList(response.data.playlists)
     } else {
       vm.files = {
         directories: vm.$store.state.config.directories.map((dir) => {
@@ -100,6 +102,7 @@ export default {
         tracks: { items: [] },
         playlists: { items: [] }
       },
+      playlists_list: new GroupByList(),
       show_details_modal: false
     }
   },