refactor(Admin): Cleanup old and commented code

frontend/src/pages/Admin/tabs/News.vue

@@ -199,9 +199,6 @@ export default {
 		...mapState("modalVisibility", {
 			modals: state => state.modals
 		}),
-		...mapState("admin/news", {
-			news: state => state.news
-		}),
 		...mapGetters({
 			socket: "websockets/getSocket"
 		})
@@ -219,7 +216,7 @@ export default {
 				res => new Toast(res.message)
 			);
 		},
-		...mapActions("modalVisibility", ["openModal", "closeModal"])
+		...mapActions("modalVisibility", ["openModal"])
 	}
 };
 </script>

frontend/src/pages/Admin/tabs/Playlists.vue

@@ -91,7 +91,7 @@
 </template>
 
 <script>
-import { mapState, mapActions, mapGetters } from "vuex";
+import { mapState, mapActions } from "vuex";
 import { defineAsyncComponent } from "vue";
 
 import AdvancedTable from "@/components/AdvancedTable.vue";
@@ -326,38 +326,8 @@ export default {
 	computed: {
 		...mapState("modalVisibility", {
 			modals: state => state.modals
-		}),
-		...mapGetters({
-			socket: "websockets/getSocket"
 		})
 	},
-	mounted() {
-		// TODO
-		// this.socket.on("event:admin.playlist.song.added", res =>
-		// 	this.addPlaylistSong({
-		// 		playlistId: res.data.playlistId,
-		// 		song: res.data.song
-		// 	})
-		// );
-		// this.socket.on("event:admin.playlist.song.removed", res =>
-		// 	this.removePlaylistSong({
-		// 		playlistId: res.data.playlistId,
-		// 		youtubeId: res.data.youtubeId
-		// 	})
-		// );
-		// this.socket.on("event:admin.playlist.displayName.updated", res =>
-		// 	this.updatePlaylistDisplayName({
-		// 		playlistId: res.data.playlistId,
-		// 		displayName: res.data.displayName
-		// 	})
-		// );
-		// this.socket.on("event:admin.playlist.privacy.updated", res =>
-		// 	this.updatePlaylistPrivacy({
-		// 		playlistId: res.data.playlistId,
-		// 		privacy: res.data.privacy
-		// 	})
-		// );
-	},
 	methods: {
 		edit(playlistId) {
 			this.editPlaylist(playlistId);

frontend/src/pages/Admin/tabs/Punishments.vue

@@ -131,8 +131,6 @@ import { mapState, mapGetters, mapActions } from "vuex";
 import Toast from "toasters";
 import { defineAsyncComponent } from "vue";
 
-// import ws from "@/ws";
-
 import AdvancedTable from "@/components/AdvancedTable.vue";
 import UserIdToUsername from "@/components/UserIdToUsername.vue";
 
@@ -276,9 +274,6 @@ export default {
 		};
 	},
 	computed: {
-		sortedPunishments() {
-			return this.punishments;
-		},
 		...mapState("modalVisibility", {
 			modals: state => state.modals
 		}),
@@ -286,12 +281,6 @@ export default {
 			socket: "websockets/getSocket"
 		})
 	},
-	mounted() {
-		// ws.onConnect(this.init);
-		// this.socket.on("event:admin.punishment.created", res =>
-		// 	this.punishments.push(res.data.punishment)
-		// );
-	},
 	methods: {
 		view(punishmentId) {
 			this.viewingPunishmentId = punishmentId;
@@ -317,9 +306,6 @@ export default {
 			const minute = `${date.getMinutes()}`.padStart(2, 0);
 			return `${year}-${month}-${day} ${hour}:${minute}`;
 		},
-		// init() {
-		// 	this.socket.dispatch("apis.joinAdminRoom", "punishments", () => {});
-		// },
 		...mapActions("modalVisibility", ["openModal"]),
 		...mapActions("admin/punishments", ["viewPunishment"])
 	}

frontend/src/pages/Admin/tabs/Reports.vue

@@ -103,7 +103,7 @@
 </template>
 
 <script>
-import { mapState, mapActions, mapGetters } from "vuex";
+import { mapState, mapActions } from "vuex";
 import { defineAsyncComponent } from "vue";
 
 import Toast from "toasters";
@@ -248,9 +248,6 @@ export default {
 	computed: {
 		...mapState("modalVisibility", {
 			modals: state => state.modals
-		}),
-		...mapGetters({
-			socket: "websockets/getSocket"
 		})
 	},
 	methods: {

frontend/src/pages/Admin/tabs/Users.vue

@@ -166,7 +166,6 @@ import Toast from "toasters";
 import AdvancedTable from "@/components/AdvancedTable.vue";
 import ProfilePicture from "@/components/ProfilePicture.vue";
 import QuickConfirm from "@/components/QuickConfirm.vue";
-// import ws from "@/ws";
 
 export default {
 	components: {

frontend/src/store/modules/admin.js

@@ -18,37 +18,14 @@ const modules = {
 	},
 	stations: {
 		namespaced: true,
-		state: {
-			stations: []
-		},
+		state: {},
 		getters: {},
-		actions: {
-			loadStations: ({ commit }, stations) =>
-				commit("loadStations", stations),
-			stationRemoved: ({ commit }, stationId) =>
-				commit("stationRemoved", stationId),
-			stationAdded: ({ commit }, station) =>
-				commit("stationAdded", station)
-		},
-		mutations: {
-			loadStations(state, stations) {
-				state.stations = stations;
-			},
-			stationAdded(state, station) {
-				state.stations.push(station);
-			},
-			stationRemoved(state, stationId) {
-				state.stations = state.stations.filter(
-					station => station._id !== stationId
-				);
-			}
-		}
+		actions: {},
+		mutations: {}
 	},
 	reports: {
 		namespaced: true,
-		state: {
-			reports: []
-		},
+		state: {},
 		getters: {},
 		actions: {
 			/* eslint-disable-next-line no-unused-vars */
@@ -58,10 +35,7 @@ const modules = {
 						.resolve(reportId)
 						.then(res => resolve(res))
 						.catch(err => reject(new Error(err.message)))
-				),
-			indexReports({ commit }, reports) {
-				commit("indexReports", reports);
-			}
+				)
 		},
 		mutations: {}
 	},
@@ -74,108 +48,17 @@ const modules = {
 	},
 	news: {
 		namespaced: true,
-		state: {
-			news: []
-		},
+		state: {},
 		getters: {},
-		actions: {
-			setNews: ({ commit }, news) => commit("setNews", news),
-			addNews: ({ commit }, news) => commit("addNews", news),
-			removeNews: ({ commit }, newsId) => commit("removeNews", newsId),
-			updateNews: ({ commit }, updatedNews) =>
-				commit("updateNews", updatedNews)
-		},
-		mutations: {
-			setNews(state, news) {
-				state.news = news;
-			},
-			addNews(state, news) {
-				state.news.push(news);
-			},
-			removeNews(state, newsId) {
-				state.news = state.news.filter(news => news._id !== newsId);
-			},
-			updateNews(state, updatedNews) {
-				state.news.forEach((news, index) => {
-					if (news._id === updatedNews._id)
-						this.set(state.news, index, updatedNews);
-				});
-			}
-		}
+		actions: {},
+		mutations: {}
 	},
 	playlists: {
 		namespaced: true,
-		state: {
-			playlists: []
-		},
+		state: {},
 		getters: {},
-		actions: {
-			setPlaylists: ({ commit }, playlists) =>
-				commit("setPlaylists", playlists),
-			addPlaylist: ({ commit }, playlist) =>
-				commit("addPlaylist", playlist),
-			removePlaylist: ({ commit }, playlistId) =>
-				commit("removePlaylist", playlistId),
-			addPlaylistSong: ({ commit }, { playlistId, song }) =>
-				commit("addPlaylistSong", { playlistId, song }),
-			removePlaylistSong: ({ commit }, { playlistId, youtubeId }) =>
-				commit("removePlaylistSong", { playlistId, youtubeId }),
-			updatePlaylistDisplayName: (
-				{ commit },
-				{ playlistId, displayName }
-			) =>
-				commit("updatePlaylistDisplayName", {
-					playlistId,
-					displayName
-				}),
-			updatePlaylistPrivacy: ({ commit }, { playlistId, privacy }) =>
-				commit("updatePlaylistPrivacy", { playlistId, privacy })
-		},
-		mutations: {
-			setPlaylists(state, playlists) {
-				state.playlists = playlists;
-			},
-			addPlaylist(state, playlist) {
-				state.playlists.unshift(playlist);
-			},
-			removePlaylist(state, playlistId) {
-				state.playlists = state.playlists.filter(
-					playlist => playlist._id !== playlistId
-				);
-			},
-			addPlaylistSong(state, { playlistId, song }) {
-				state.playlists[
-					state.playlists.findIndex(
-						playlist => playlist._id === playlistId
-					)
-				].songs.push(song);
-			},
-			removePlaylistSong(state, { playlistId, youtubeId }) {
-				const playlistIndex = state.playlists.findIndex(
-					playlist => playlist._id === playlistId
-				);
-				state.playlists[playlistIndex].songs.splice(
-					state.playlists[playlistIndex].songs.findIndex(
-						song => song.youtubeId === youtubeId
-					),
-					1
-				);
-			},
-			updatePlaylistDisplayName(state, { playlistId, displayName }) {
-				state.playlists[
-					state.playlists.findIndex(
-						playlist => playlist._id === playlistId
-					)
-				].displayName = displayName;
-			},
-			updatePlaylistPrivacy(state, { playlistId, privacy }) {
-				state.playlists[
-					state.playlists.findIndex(
-						playlist => playlist._id === playlistId
-					)
-				].privacy = privacy;
-			}
-		}
+		actions: {},
+		mutations: {}
 	}
 };