Add a route for each admin page/tab, requires admin authentication to access

backend/logic/actions/playlists.js

@@ -49,7 +49,7 @@ cache.sub('playlist.moveSongToBottom', res => {
 cache.sub('playlist.addSong', res => {
 	utils.socketsFromUser(res.userId, (sockets) => {
 		sockets.forEach((socket) => {
-			socket.emit('event:playlist.addSong', {playlistId: res.playlistId, song: res.song});
+			socket.emit('event:playlist.addSong', { playlistId: res.playlistId, song: res.song });
 		});
 	});
 });
@@ -57,7 +57,7 @@ cache.sub('playlist.addSong', res => {
 cache.sub('playlist.removeSong', res => {
 	utils.socketsFromUser(res.userId, (sockets) => {
 		sockets.forEach((socket) => {
-			socket.emit('event:playlist.removeSong', {playlistId: res.playlistId, songId: res.songId});
+			socket.emit('event:playlist.removeSong', { playlistId: res.playlistId, songId: res.songId });
 		});
 	});
 });
@@ -65,7 +65,7 @@ cache.sub('playlist.removeSong', res => {
 cache.sub('playlist.updateDisplayName', res => {
 	utils.socketsFromUser(res.userId, (sockets) => {
 		sockets.forEach((socket) => {
-			socket.emit('event:playlist.updateDisplayName', {playlistId: res.playlistId, displayName: res.displayName});
+			socket.emit('event:playlist.updateDisplayName', { playlistId: res.playlistId, displayName: res.displayName });
 		});
 	});
 });

frontend/components/Admin/Stations.vue

@@ -141,7 +141,6 @@
 					privacy: station.privacy,
 					displayName: station.displayName
 				});
-				this.modals.editStation = !this.modals.editStation;
 			},
 			addGenre: function () {
 				let genre = $('#new-genre').val().toLowerCase().trim();

frontend/components/Modals/EditStation.vue

@@ -149,6 +149,7 @@
 				this.$parent.modals.editStation = false;
 			},
 			editStation: function(station) {
+				console.log('edit', 5);
 				for (let prop in station) {
 					this.editing[prop] = station[prop];
 				}

frontend/components/Station/Station.vue

@@ -144,7 +144,6 @@
 					privacy: _this.station.privacy,
 					displayName: _this.station.displayName
 				});
-				//this.modals.editStation = !this.modals.editStation;
 			},
 			toggleSidebar: function (type) {
 				Object.keys(this.sidebars).forEach(sidebar => {

frontend/main.js

@@ -7,7 +7,15 @@ import io from './io';
 import NotFound from './components/404.vue';
 import Home from './components/pages/Home.vue';
 import Station from './components/Station/Station.vue';
+
 import Admin from './components/pages/Admin.vue';
+import AdminNews from './components/Admin/News.vue';
+import AdminUsers from './components/Admin/Users.vue';
+import AdminReports from './components/Admin/Reports.vue';
+import AdminStations from './components/Admin/Stations.vue';
+import AdminSongs from './components/Admin/Songs.vue';
+import AdminQueueSongs from './components/Admin/QueueSongs.vue';
+
 import News from './components/pages/News.vue';
 import About from './components/pages/About.vue';
 import Terms from './components/pages/Terms.vue';
@@ -105,6 +113,30 @@ router.map({
 		component: Admin,
 		adminRequired: true
 	},
+	'/admin/news': {
+		component: AdminNews,
+		adminRequired: true
+	},
+	'/admin/users': {
+		component: AdminUsers,
+		adminRequired: true
+	},
+	'/admin/reports': {
+		component: AdminReports,
+		adminRequired: true
+	},
+	'/admin/stations': {
+		component: AdminStations,
+		adminRequired: true
+	},
+	'/admin/songs': {
+		component: AdminSongs,
+		adminRequired: true
+	},
+	'/admin/queuesongs': {
+		component: AdminQueueSongs,
+		adminRequired: true
+	},
 	'/official/:id': {
 		component: Station
 	},