reinstate refresh control

Author: PhilBastian

src/Frontend/src/components/audit/AuditList.vue

@@ -10,6 +10,7 @@ import { dotNetTimespanToMilliseconds, formatDotNetTimespan } from "@/composable
 import "@vuepic/vue-datepicker/dist/main.css";
 import FiltersPanel from "@/components/audit/FiltersPanel.vue";
 import { onBeforeMount, watch } from "vue";
+import RefreshConfig from "../RefreshConfig.vue";
 
 const store = useAuditStore();
 const { messages, totalCount, sortBy, messageFilterString, selectedEndpointName, itemsPerPage, dateRange } = storeToRefs(store);
@@ -166,6 +167,7 @@ const watchHandle = watch([() => route.query, itemsPerPage, sortBy, messageFilte
 
 <template>
   <div>
+      <RefreshConfig id="auditListRefresh" @change="store.updateRefreshTimer" @manual-refresh="store.refresh" />
     <div class="row">
       <FiltersPanel />
     </div>

src/Frontend/src/stores/AuditStore.ts

@@ -4,6 +4,7 @@ import { ref } from "vue";
 import type { SortInfo } from "@/components/SortInfo";
 import Message from "@/resources/Message";
 import { EndpointsView } from "@/resources/EndpointView.ts";
+import useAutoRefresh from "@/composables/autoRefresh";
 
 export const useAuditStore = defineStore("AuditStore", () => {
   const sortByInstances = ref<SortInfo>({
@@ -29,7 +30,7 @@ export const useAuditStore = defineStore("AuditStore", () => {
     }
   }
 
-  async function refresh() {
+  const dataRetriever = useAutoRefresh(async () => {
     try {
       let from = "",
         to = "";
@@ -46,10 +47,11 @@ export const useAuditStore = defineStore("AuditStore", () => {
       messages.value = [];
       throw e;
     }
-  }
+  }, null);
 
   return {
-    refresh,
+    refresh: dataRetriever.executeAndResetTimer,
+    updateRefreshTimer: dataRetriever.updateTimeout,
     loadEndpoints,
     sortBy: sortByInstances,
     messages,