New Admin UI: user actions tab. In development.

Author: riclolsen

src/AdminUI/src/components/AdminPage.vue

@@ -9,6 +9,7 @@
         <v-tab :value="4" @click="fetchProtocolConnections"><v-icon>mdi-lan-connect</v-icon> {{ $t('admin.tabs.protocolConnections') }}</v-tab>
         <v-tab :value="5"><v-icon>mdi-cog</v-icon> {{ $t('admin.tabs.systemSettings') }}</v-tab>
         <v-tab :value="6"><v-icon>mdi-file-document-outline</v-icon> {{ $t('admin.tabs.logs') }}</v-tab>
+        <v-tab :value="7" @click="fetchUserActions"><v-icon>mdi-account-clock</v-icon> {{ $t('admin.tabs.userActions') }}</v-tab>
       </v-tabs>
 
       <v-card-text class="ma-0 pa-0">
@@ -36,20 +37,24 @@
           <v-window-item :value="6">
             <logs-tab ref="logsTab" />
           </v-window-item>
+
+          <v-window-item :value="7">
+            <user-actions-tab ref="userActionsTabRef" />
+          </v-window-item>
         </v-window>
       </v-card-text>
     </v-card>
   </v-container>
 </template>
 
-
 <script setup>
 import UserManagementTab from './UserManagementTab.vue';
 import RolesManagementTab from './RolesManagementTab.vue';
 import ProtocolDriverInstancesTab from './ProtocolDriverInstancesTab.vue';
 import ProtocolConnectionsTab from './ProtocolConnectionsTab.vue';
 import SystemSettingsTab from './SystemSettingsTab.vue';
 import LogsTab from './LogsTab.vue';
+import UserActionsTab from './UserActions.vue';
 import { ref } from 'vue';
 
 const userManagementTabRef = ref(null);
@@ -58,6 +63,7 @@ const protocolDriverInstancesTabRef = ref(null);
 const protocolConnectionsTabRef = ref(null);
 const systemSettingsTabRef = ref(null);
 const logsTab = ref(null);
+const userActionsTabRef = ref(null);
 const activeTab = ref(1);
 
 const fetchUsersAndRoles = async () => {
@@ -82,6 +88,11 @@ const fetchProtocolConnections = async () => {
     await protocolConnectionsTabRef.value.fetchProtocolConnections();
 }
 
+const fetchUserActions = async () => {
+  if (userActionsTabRef?.value?.fetchUserActions)
+    await userActionsTabRef.value.fetchUserActions();
+}
+
 </script>
 
 <style scoped>