add discord log module

resources/js/router/index.js

@@ -304,6 +304,15 @@ export const routes = [
                     },
                 ],
             },
+            {
+                path: "discord-bot-logs",
+                name: "discord-bot-logs",
+                meta: {
+                    title: "Discord Bot Logs",
+                    middleware: "authenticated",
+                },
+                component: () => import("@/views/dashboard/DiscordBotLogs.vue"),
+            },
         ],
     },
     {

resources/js/views/dashboard/Dashboard.vue

@@ -41,6 +41,13 @@
                 <font-awesome-icon icon="fa-solid fa-photo-film" />
                 <h2>Media</h2>
             </router-link>
+            <router-link
+                v-if="userStore.permissions.includes('logs/discord')"
+                to="/dashboard/discord-bot-logs"
+                class="box">
+                <font-awesome-icon icon="fa-brands fa-discord" />
+                <h2>Discord Bot Logs</h2>
+            </router-link>
         </div>
     </SMContainer>
 </template>

resources/js/views/dashboard/DiscordBotLogs.vue

@@ -0,0 +1,45 @@
+<template>
+    <SMContainer :loading="formLoading" permission="logs/discord">
+        <h1>Discord Bot Logs</h1>
+        <SMMessage
+            v-if="formMessage.message"
+            :icon="formMessage.icon"
+            :type="formMessage.type"
+            :message="formMessage.message" />
+        <div>{{ logContent }}</div>
+    </SMContainer>
+</template>
+
+<script setup lang="ts">
+import { ref, computed } from "vue";
+import SMButton from "../../components/SMButton.vue";
+import SMMessage from "../../components/SMMessage.vue";
+import axios from "axios";
+
+let formLoading = ref(false);
+let logContent = ref("");
+const formMessage = reactive({
+    icon: "",
+    type: "",
+    message: "",
+});
+
+const loadData = async () => {
+    formMessage.icon = "";
+    formMessage.type = "error";
+    formMessage.message = "";
+
+    try {
+        formLoading.value = true;
+        let res = await axios.get(`logs/discord`);
+
+        logContent = res.data.log;
+    } catch (err) {
+        formMessage.message = "Could not load log from server";
+    }
+
+    formLoading.value = false;
+};
+
+loadData();
+</script>