From 87cd3229d2ba4e3a8370aafc7a849cd4d72092e9 Mon Sep 17 00:00:00 2001
From: srahn <srahn@uni-osnabrueck.de>
Date: Thu, 31 Aug 2023 23:24:57 +0200
Subject: [PATCH] Implement dropdown to choose playlist in mediaupload dialog

---
 vueapp/components/Videos/VideoUpload.vue | 65 ++++++++++++++++++------
 1 file changed, 49 insertions(+), 16 deletions(-)

diff --git a/vueapp/components/Videos/VideoUpload.vue b/vueapp/components/Videos/VideoUpload.vue
index fa31264b0..d11614024 100644
--- a/vueapp/components/Videos/VideoUpload.vue
+++ b/vueapp/components/Videos/VideoUpload.vue
@@ -42,6 +42,20 @@
                                 name="title" id="titleField" v-model="upload.title" required>
                         </label>
 
+                        <label>
+                            <span v-translate>
+                                Zu Wiedergabeliste hinzufügen
+                            </span>
+
+                            <select v-model="upload.playlist" required>
+                                <option v-for="playlist in upload_playlists"
+                                    v-bind:key="playlist.id"
+                                    :value="playlist.id">
+                                    {{ playlist.title }}
+                                </option>
+                            </select>
+                        </label>
+
                         <label>
                             <span class="required" v-translate>
                                 Aufnahmezeitpunkt
@@ -229,6 +243,7 @@ export default {
                 creator: this.currentUser.username,
                 contributor: this.currentUser.fullname,
                 workflow: null,
+                playlist: null,
                 recordDate: format(new Date(), "yyyy-MM-dd'T'HH:ii", { locale: de}),
                 subject: this.$gettext('Medienupload, Stud.IP')
             },
@@ -245,9 +260,21 @@ export default {
             'config'       : 'simple_config_list',
             'course_config': 'course_config',
             'cid'          : 'cid',
-            'playlist'     : 'playlist'
+            'playlist'     : 'playlist',
+            'playlists'    : 'playlists'
         }),
 
+        upload_playlists() {
+            let upload_playlists = this.playlists
+            if (!this.playlist) {
+                upload_playlists.unshift({
+                    id: null,
+                    title: 'Keine Wiedergabeliste auswählen'
+                })
+            }
+            return upload_playlists;
+        },
+
         upload_workflows() {
             let upload_wfs = [];
 
@@ -379,28 +406,30 @@ export default {
                         }
                     });
 
-                    // If a playlist is selected, add the Video to the playlist
-                    if (view.playlist) {
-                        view.$store.dispatch('createVideo', {
-                            'episode': episode_id,
-                            'config_id': view.selectedServer.id,
-                            'title': uploadData.title,
-                            'description': uploadData.description
-                        })
-                        .then(({ data }) => {
-                            this.$store.dispatch('addMessage', data.message);
-
-                            if(data.event?.token) {
+                    // Add event to database
+                    view.$store.dispatch('createVideo', {
+                        'episode': episode_id,
+                        'config_id': view.selectedServer.id,
+                        'title': uploadData.title,
+                        'description': uploadData.description
+                    })
+                    .then(({ data }) => {
+                        this.$store.dispatch('addMessage', data.message);
+
+                        // If a playlist is selected, connect event with playlist
+                        if (data.event?.token && uploadData.playlist) {
+                            let playlist = view.playlists.find(p => p.id === uploadData.playlist);
+                            if (playlist) {
                                 this.$store.dispatch('addVideoToPlaylists', {
                                     token: data.event.token,
-                                    playlists: [view.playlist],
+                                    playlists: [playlist],
                                 })
                                 .then(({data}) => {
                                     this.$store.dispatch('addMessage', data.message);
                                 })
                             }
-                        });
-                    }
+                        }
+                    });
                 }
             });
         },
@@ -425,6 +454,10 @@ export default {
         if (this.cid) {
             this.$store.dispatch('loadCourseConfig', this.cid);
         }
+
+        if (this.playlist) {
+            this.upload.playlist = this.playlist.id;
+        }
     }
 }
 </script>