Show total running time of a playlist in edit modal

backend/logic/actions/playlists.js

@@ -14,7 +14,7 @@ cache.sub('playlist.create', playlistId => {
 	playlists.getPlaylist(playlistId, (err, playlist) => {
 		if (!err) {
 			utils.socketsFromUser(playlist.createdBy, (sockets) => {
-				sockets.forEach((socket) => {
+				sockets.forEach(socket => {
 					socket.emit('event:playlist.create', playlist);
 				});
 			});
@@ -22,49 +22,68 @@ cache.sub('playlist.create', playlistId => {
 	});
 });
 
+cache.sub('playlist.updateTotalLength', res => {
+	playlists.getPlaylist(res.playlistId, (err, playlist) => {
+		if (!err) {
+			let totalLength = 0;
+			for (let i = 0; i < playlist.songs.length; i++) {
+				totalLength += playlist.songs[i].duration;
+			}
+			utils.socketsFromUser(res.userId, sockets => {
+				sockets.forEach(socket => {
+					socket.emit('event:playlist.updateTotalLength', {
+						status: 'success',
+						data: totalLength
+					});
+				});
+			});
+		}
+	});
+});
+
 cache.sub('playlist.delete', res => {
-	utils.socketsFromUser(res.userId, (sockets) => {
-		sockets.forEach((socket) => {
+	utils.socketsFromUser(res.userId, sockets => {
+		sockets.forEach(socket => {
 			socket.emit('event:playlist.delete', res.playlistId);
 		});
 	});
 });
 
 cache.sub('playlist.moveSongToTop', res => {
-	utils.socketsFromUser(res.userId, (sockets) => {
-		sockets.forEach((socket) => {
+	utils.socketsFromUser(res.userId, sockets => {
+		sockets.forEach(socket => {
 			socket.emit('event:playlist.moveSongToTop', {playlistId: res.playlistId, songId: res.songId});
 		});
 	});
 });
 
 cache.sub('playlist.moveSongToBottom', res => {
-	utils.socketsFromUser(res.userId, (sockets) => {
-		sockets.forEach((socket) => {
+	utils.socketsFromUser(res.userId, sockets => {
+		sockets.forEach(socket => {
 			socket.emit('event:playlist.moveSongToBottom', {playlistId: res.playlistId, songId: res.songId});
 		});
 	});
 });
 
 cache.sub('playlist.addSong', res => {
-	utils.socketsFromUser(res.userId, (sockets) => {
-		sockets.forEach((socket) => {
+	utils.socketsFromUser(res.userId, sockets => {
+		sockets.forEach(socket => {
 			socket.emit('event:playlist.addSong', { playlistId: res.playlistId, song: res.song });
 		});
 	});
 });
 
 cache.sub('playlist.removeSong', res => {
-	utils.socketsFromUser(res.userId, (sockets) => {
-		sockets.forEach((socket) => {
+	utils.socketsFromUser(res.userId, sockets => {
+		sockets.forEach(socket => {
 			socket.emit('event:playlist.removeSong', { playlistId: res.playlistId, songId: res.songId });
 		});
 	});
 });
 
 cache.sub('playlist.updateDisplayName', res => {
-	utils.socketsFromUser(res.userId, (sockets) => {
-		sockets.forEach((socket) => {
+	utils.socketsFromUser(res.userId, sockets => {
+		sockets.forEach(socket => {
 			socket.emit('event:playlist.updateDisplayName', { playlistId: res.playlistId, displayName: res.displayName });
 		});
 	});
@@ -199,6 +218,46 @@ let lib = {
 		});
 	}),
 
+	/**
+	 * Gets the total length of a playlist from id
+	 *
+	 * @param {Object} session - the session object automatically added by socket.io
+	 * @param {String} playlistId - the id of the playlist we are getting
+	 * @param {Function} cb - gets called with the result
+	 */
+	totalLength: hooks.loginRequired((session, playlistId, cb) => {
+		async.waterfall([
+			(next) => {
+				playlists.getPlaylist(playlistId, next);
+			},
+
+			(playlist, next) => {
+				if (!playlist) return next('Playlist not found');
+				next(null, playlist);
+			},
+
+			(playlist, next) => {
+				let totalLength = 0;
+				for (let i = 0; i < playlist.songs.length; i++) {
+					totalLength += playlist.songs[i].duration;
+				}
+				next(null, totalLength);
+			}
+		], (err, totalLength) => {
+			if (err) {
+				err = utils.getError(err);
+				logger.error("PLAYLIST_TOTAL_LENGTH", `Getting private playlist "${playlistId}" failed. "${err}"`);
+				return cb({ status: 'failure', message: err});
+			} else{
+				logger.success("PLAYLIST_TOTAL_LENGTH", `Successfully got private playlist "${playlistId}" length.`);
+				cb({
+					status: 'success',
+					data: totalLength
+				});
+			}
+		});
+	}),
+
 	//TODO Remove this
 	/**
 	 * Updates a private playlist
@@ -283,10 +342,12 @@ let lib = {
 				err = utils.getError(err);
 				logger.error("PLAYLIST_ADD_SONG", `Adding song "${songId}" to private playlist "${playlistId}" failed for user "${userId}". "${err}"`);
 				return cb({ status: 'failure', message: err});
+			} else {
+				logger.success("PLAYLIST_ADD_SONG", `Successfully added song "${songId}" to private playlist "${playlistId}" for user "${userId}".`);
+				cache.pub('playlist.addSong', { playlistId: playlist._id, song: newSong, userId });
+				cache.pub('playlist.updateTotalLength', { playlistId: playlist._id, userId });
+				return cb({ status: 'success', message: 'Song has been successfully added to the playlist', data: playlist.songs });
 			}
-			logger.success("PLAYLIST_ADD_SONG", `Successfully added song "${songId}" to private playlist "${playlistId}" for user "${userId}".`);
-			cache.pub('playlist.addSong', { playlistId: playlist._id, song: newSong, userId: userId });
-			return cb({ status: 'success', message: 'Song has been successfully added to the playlist', data: playlist.songs });
 		});
 	}),
 
@@ -331,9 +392,11 @@ let lib = {
 				err = utils.getError(err);
 				logger.error("PLAYLIST_IMPORT", `Importing a YouTube playlist to private playlist "${playlistId}" failed for user "${userId}". "${err}"`);
 				return cb({ status: 'failure', message: err});
+			} else {
+				cache.pub('playlist.updateTotalLength', { playlistId: playlist._id, userId });
+				logger.success("PLAYLIST_IMPORT", `Successfully imported a YouTube playlist to private playlist "${playlistId}" for user "${userId}".`);
+				cb({ status: 'success', message: 'Playlist has been successfully imported.', data: playlist.songs });
 			}
-			logger.success("PLAYLIST_IMPORT", `Successfully imported a YouTube playlist to private playlist "${playlistId}" for user "${userId}".`);
-			cb({ status: 'success', message: 'Playlist has been successfully imported.', data: playlist.songs });
 		});
 	}),
 
@@ -371,10 +434,12 @@ let lib = {
 				err = utils.getError(err);
 				logger.error("PLAYLIST_REMOVE_SONG", `Removing song "${songId}" from private playlist "${playlistId}" failed for user "${userId}". "${err}"`);
 				return cb({ status: 'failure', message: err});
+			} else {
+				logger.success("PLAYLIST_REMOVE_SONG", `Successfully removed song "${songId}" from private playlist "${playlistId}" for user "${userId}".`);
+				cache.pub('playlist.removeSong', { playlistId: playlist._id, songId: songId, userId });
+				cache.pub('playlist.updateTotalLength', { playlistId: playlist._id, userId });
+				return cb({ status: 'success', message: 'Song has been successfully removed from playlist', data: playlist.songs });
 			}
-			logger.success("PLAYLIST_REMOVE_SONG", `Successfully removed song "${songId}" from private playlist "${playlistId}" for user "${userId}".`);
-			cache.pub('playlist.removeSong', {playlistId: playlist._id, songId: songId, userId: userId});
-			return cb({ status: 'success', message: 'Song has been successfully removed from playlist', data: playlist.songs });
 		});
 	}),
 
@@ -549,4 +614,4 @@ let lib = {
 
 };
 
-module.exports = lib;
+module.exports = lib;

frontend/components/Modals/Playlists/Edit.vue

@@ -1,6 +1,14 @@
 <template>
 	<modal title='Edit Playlist'>
 		<div slot='body'>
+			<nav class="level">
+				<div class="level-item has-text-centered">
+					<div>
+						<p class="heading">Total Length</p>
+						<p class="title">{{ formatTime(totalLength) }}</p>
+					</div>
+				</div>
+			</nav>
 			<aside class='menu' v-if='playlist.songs && playlist.songs.length > 0'>
 				<ul class='menu-list'>
 					<li v-for='song in playlist.songs' track-by='$index'>
@@ -78,12 +86,18 @@
 		data() {
 			return {
 				playlist: {},
+				totalLength: 0,
 				songQueryResults: [],
 				songQuery: '',
 				importQuery: ''
 			}
 		},
 		methods: {
+			formatTime: function () {
+				let duration = moment.duration(this.totalLength, 'seconds');
+				if (this.totalLength < 0) return '0 minutes';
+				return ((duration.hours() > 0) ? (duration.hours() < 10 ? ('0' + duration.hours() + ' hours ') : (duration.hours() + ' hours ')) : '') + (duration.minutes() + ' minutes ') + (duration.seconds() > 0 ? (duration.seconds() < 10 ? ('0' + duration.seconds() + ' seconds') : duration.seconds() + ' seconds') : (duration.seconds() + ' seconds'));
+			},
 			searchForSongs: function () {
 				let _this = this;
 				let query = _this.songQuery;
@@ -168,22 +182,28 @@
 			io.getSocket((socket) => {
 				_this.socket = socket;
 				_this.socket.emit('playlists.getPlaylist', _this.$parent.playlistBeingEdited, res => {
-					if (res.status == 'success') _this.playlist = res.data; _this.playlist.oldId = res.data._id;
+					if (res.status === 'success') _this.playlist = res.data; _this.playlist.oldId = res.data._id;
+				});
+				_this.socket.emit('playlists.totalLength', _this.$parent.playlistBeingEdited, res => {
+					if (res.status === 'success') _this.totalLength = res.data;
+				});
+				_this.socket.on('event:playlist.updateTotalLength', res => {
+					if (res.status === 'success') _this.totalLength = res.data;
 				});
-				_this.socket.on('event:playlist.addSong', (data) => {
+				_this.socket.on('event:playlist.addSong', data => {
 					if (_this.playlist._id === data.playlistId) _this.playlist.songs.push(data.song);
 				});
-				_this.socket.on('event:playlist.removeSong', (data) => {
+				_this.socket.on('event:playlist.removeSong', data => {
 					if (_this.playlist._id === data.playlistId) {
 						_this.playlist.songs.forEach((song, index) => {
 							if (song.songId === data.songId) _this.playlist.songs.splice(index, 1);
 						});
 					}
 				});
-				_this.socket.on('event:playlist.updateDisplayName', (data) => {
+				_this.socket.on('event:playlist.updateDisplayName', data => {
 					if (_this.playlist._id === data.playlistId) _this.playlist.displayName = data.displayName;
 				});
-				_this.socket.on('event:playlist.moveSongToBottom', (data) => {
+				_this.socket.on('event:playlist.moveSongToBottom', data => {
 					if (_this.playlist._id === data.playlistId) {
 						let songIndex;
 						_this.playlist.songs.forEach((song, index) => {
@@ -242,4 +262,4 @@
 	}
 
 	h5 { padding: 20px 0; }
-</style>
+</style>