Fully implemented adding private playlists to the queue.

backend/logic/actions/playlists.js

@@ -71,6 +71,16 @@ cache.sub('playlist.updateDisplayName', res => {
 
 let lib = {
 
+	getFirstSong: hooks.loginRequired((session, playlistId, cb, userId) => {
+		playlists.getPlaylist(playlistId, (err, playlist) => {
+			if (err || !playlist || playlist.createdBy !== userId) return cb({ status: 'failure', message: 'Something went wrong when getting the playlist'});
+			cb({
+				status: 'success',
+				song: playlist.songs[0]
+			});
+		});
+	}),
+
 	indexForUser: hooks.loginRequired((session, cb, userId) => {
 		db.models.playlist.find({ createdBy: userId }, (err, playlists) => {
 			if (err) return cb({ status: 'failure', message: 'Something went wrong when getting the playlists'});;

frontend/components/Modals/AddSongToQueue.vue

@@ -7,7 +7,7 @@
 				<button class="delete" @click="$parent.toggleModal('addSongToQueue')" ></button>
 			</header>
 			<section class="modal-card-body">
-				<aside class='menu' v-if='$parent.$parent.loggedIn'>
+				<aside class='menu' v-if='$parent.$parent.loggedIn && $parent.type === "community"'>
 					<ul class='menu-list'>
 						<li v-for='playlist in playlists' track-by='$index'>
 							<a :href='' target='_blank' @click='$parent.editPlaylist(playlist._id)'>{{ playlist.displayName }}</a>
@@ -52,6 +52,7 @@
 <script>
 	import { Toast } from 'vue-roaster';
 	import io from '../../io';
+	import auth from '../../auth';
 
 	export default {
 		data() {
@@ -64,7 +65,6 @@
 		},
 		methods: {
 			isPlaylistSelected: function(playlistId) {
-				console.log(this.privatePlaylistQueueSelected === playlistId);
 				return this.privatePlaylistQueueSelected === playlistId;
 			},
 			selectPlaylist: function (playlistId) {
@@ -72,6 +72,7 @@
 				if (_this.$parent.type === 'community') {
 					_this.privatePlaylistQueueSelected = playlistId;
 					_this.$parent.privatePlaylistQueueSelected = playlistId;
+					_this.$parent.addFirstPrivatePlaylistSongToQueue();
 				}
 			},
 			unSelectPlaylist: function () {

frontend/components/Station/Station.vue

@@ -117,7 +117,8 @@
 				timeBeforePause: 0,
 				station: {},
 				skipVotes: 0,
-				privatePlaylistQueueSelected: null
+				privatePlaylistQueueSelected: null,
+				automaticallyRequestedSongId: null
 			}
 		},
 		methods: {
@@ -281,6 +282,32 @@
 					if (data.status !== 'success') Toast.methods.addToast(`Error: ${data.message}`, 8000);
 				});
 			},
+			addFirstPrivatePlaylistSongToQueue: function() {
+				let _this = this;
+				let isInQueue = false;
+				let userId = _this.$parent.userId;
+				_this.queue.forEach((queueSong) => {
+					if (queueSong.requestedBy === userId) isInQueue = true;
+				});
+				if (!isInQueue && _this.privatePlaylistQueueSelected) {
+
+					_this.socket.emit('playlists.getFirstSong', _this.privatePlaylistQueueSelected, data => {
+						if (data.status === 'success') {
+							let songId = data.song._id;
+							_this.automaticallyRequestedSongId = songId;
+							_this.socket.emit('stations.addToQueue', _this.stationId, songId, data => {
+								if (data.status === 'success') {
+									_this.socket.emit('playlists.moveSongToBottom', _this.privatePlaylistQueueSelected, songId, data => {
+										if (data.status === 'success') {
+											console.log("Added first song to queue!");
+										}
+									});
+								}
+							});
+						}
+					});
+				}
+			},
 			joinStation: function () {
 				let _this = this;
 				_this.socket.emit('stations.join', _this.stationId, res => {
@@ -369,6 +396,15 @@
 						if (_this.playerReady) _this.player.pauseVideo();
 						_this.noSong = true;
 					}
+
+					let isInQueue = false;
+					let userId = _this.$parent.userId;
+					_this.queue.forEach((queueSong) => {
+						if (queueSong.requestedBy === userId) isInQueue = true;
+					});
+					if (!isInQueue && _this.privatePlaylistQueueSelected && (_this.automaticallyRequestedSongId !== _this.currentSong._id || !_this.currentSong._id)) {
+						_this.addFirstPrivatePlaylistSongToQueue();
+					}
 				});
 
 				_this.socket.on('event:stations.pause', data => {