change name from audit to all messages and include message view route

Author: PhilBastian

src/Frontend/src/components/audit/AuditMenuItem.vue

@@ -5,8 +5,8 @@ import routeLinks from "@/router/routeLinks";
 
 <template>
   <RouterLink :to="routeLinks.audit.root">
-    <i class="fa fa-envelope icon-white" title="Audit"></i>
-    <span class="navbar-label">Audit</span>
+    <i class="fa fa-envelope icon-white" title="All Messages"></i>
+    <span class="navbar-label">All Messages</span>
   </RouterLink>
 </template>
 

src/Frontend/src/components/audit/MessageView.vue

@@ -0,0 +1,5 @@
+<script setup lang="ts"></script>
+
+<template>
+  <div>Hello</div>
+</template>

src/Frontend/src/router/config.ts

@@ -56,7 +56,12 @@ const config: RouteItem[] = [
   {
     path: routeLinks.audit.root,
     component: AuditView,
-    title: "Messages",
+    title: "All Messages",
+  },
+  {
+    path: routeLinks.audit.message.template,
+    title: "Message",
+    component: () => import("@/components/audit/MessageView.vue"),
   },
   {
     path: routeLinks.failedMessage.root,

src/Frontend/src/router/routeLinks.ts

@@ -13,13 +13,9 @@ const heartbeatLinks = (root: string) => {
 };
 
 const auditLinks = (root: string) => {
-  // function createLink(template: string) {
-  //   return { link: `${root}/${template}`, template: template };
-  // }
-
   return {
     root,
-    message: { link: (id: string) => `${root}/message/${id}`, template: "message/:id" },
+    message: { link: (id: string) => `${root}/message/${id}`, template: `${root}/message/:id` },
   };
 };
 

src/Frontend/src/views/AuditView.vue

@@ -10,7 +10,7 @@ import AuditList from "@/components/audit/AuditList.vue";
     <div class="container">
       <div class="row">
         <div class="col-12">
-          <h1>Audit Messages</h1>
+          <h1>All Messages</h1>
         </div>
       </div>
       <div class="row">