Add Activities to Dashboard

app/assets/views/Dashboard/DashboardActivities.vue

@@ -0,0 +1,42 @@
+<script lang="ts" setup>
+import moment from 'moment'
+</script>
+
+<template>
+    <UFCardBox title="Latest Activities">
+        <UFSprunjeTable dataUrl="/api/activities" :defaultSorts="{ occurred_at: 'desc' }" no-pagination>
+            <template #header>
+                <UFSprunjeHeader>Activity Time</UFSprunjeHeader>
+                <UFSprunjeHeader>User</UFSprunjeHeader>
+                <UFSprunjeHeader>Description</UFSprunjeHeader>
+            </template>
+
+            <template #body="{ item }">
+                <UFSprunjeColumn>
+                    <div>{{ moment(item.occurred_at).format('dddd') }}</div>
+                    <div>{{ moment(item.occurred_at).format('MMM Do, YYYY h:mm a') }}</div>
+                </UFSprunjeColumn>
+                <UFSprunjeColumn>
+                    <strong>
+                        <RouterLink
+                            :to="{
+                                name: 'admin.user',
+                                params: { user_name: item.user.user_name }
+                            }">
+                            {{ item.user.full_name }} ({{ item.user.user_name }})
+                        </RouterLink>
+                    </strong>
+                    <div class="uk-text-meta">{{ item.user.email }}</div>
+                </UFSprunjeColumn>
+                <UFSprunjeColumn>
+                    <div>
+                        {{ item.ip_address }}
+                    </div>
+                    <div>
+                        <i>{{ item.description }}</i>
+                    </div>
+                </UFSprunjeColumn>
+            </template>
+        </UFSprunjeTable>
+    </UFCardBox>
+</template>

app/assets/views/DashboardView.vue

@@ -3,6 +3,7 @@ import { useDashboardApi } from '../composable/dashboard'
 import DashboardStats from './Dashboard/DashboardStats.vue'
 import DashboardRecentUsers from './Dashboard/DashboardRecentUsers.vue'
 import DashboardSystemInfo from './Dashboard/DashboardSystemInfo.vue'
+import DashboardActivities from './Dashboard/DashboardActivities.vue'
 
 const dashboard = useDashboardApi()
 dashboard.load()
@@ -30,7 +31,7 @@ dashboard.load()
             </div>
         </div>
         <div>
-            <UFCardBox title="Activities"></UFCardBox>
+            <DashboardActivities />
         </div>
     </div>
 </template>