work on generator

components/PlaylistGenerator.vue

@@ -244,7 +244,7 @@
                         type="button"
                         class="btn btn-sm btn-primary join-item"
                         data-bs-dismiss="modal"
-                        @click="resetCheckboxes(), resetTemplate()"
+                        @click="resetCheckboxes(), resetTemplate(), close()"
                     >
                         Cancel
                     </button>
@@ -252,7 +252,7 @@
                         type="button"
                         class="btn btn-sm btn-primary join-item"
                         data-bs-dismiss="modal"
-                        @click="generatePlaylist()"
+                        @click="generatePlaylist(), close()"
                     >
                         Ok
                     </button>
@@ -271,6 +271,15 @@ const playlistStore = usePlaylist()
 const { processPlaylist } = playlistOperations()
 const contentType = { 'content-type': 'application/json;charset=UTF-8' }
 
+defineProps({
+    close: {
+        type: Function,
+        default() {
+            return ''
+        },
+    },
+})
+
 const advancedGenerator = ref(false)
 const playlistIsLoading = ref(false)
 const selectedFolders = ref([] as string[])

pages/player.vue

@@ -293,7 +293,7 @@
             </span>
         </Modal>
 
-        <PlaylistGenerator v-if="showPlaylistGenerator" />
+        <PlaylistGenerator v-if="showPlaylistGenerator" :close="closeGenerator" />
     </div>
 </template>
 
@@ -394,6 +394,10 @@ async function getPlaylist() {
     }
 }
 
+function closeGenerator() {
+    showPlaylistGenerator.value = false
+}
+
 function closePlayer() {
     showPreviewModal.value = false
     isVideo.value = false