modification mineures, ajout de la latence bdd dans la page superadmin

resources/js/Pages/SuperAdmin/Index.vue

@@ -1,11 +1,14 @@
 <script setup>
 import AuthenticatedLayout from '@/Layouts/AuthenticatedLayout.vue';
 import { Head, Link, router } from '@inertiajs/vue3';
-import { ref } from 'vue';
+import { ref, onMounted, onUnmounted } from 'vue';
+
 
 const props = defineProps({
     structures: Array,
-    current_structure_id: Number
+    current_structure_id: Number,
+    db_latency: Number,
+    db_type: String
 });
 
 const switchTo = (id) => {
@@ -21,6 +24,25 @@ const deleteStructure = (id) => {
         router.delete(route('superadmin.destroy', id));
     }
 };
+
+let refreshInterval = null;
+
+onMounted(() => {
+    refreshInterval = setInterval(() => {
+        router.reload({ 
+            only: ['db_latency'],
+            preserveScroll: true,
+            preserveState: true
+        });
+    }, 30000); // 30 seconds
+});
+
+onUnmounted(() => {
+    if (refreshInterval) {
+        clearInterval(refreshInterval);
+    }
+});
+
 </script>
 
 <template>
@@ -29,9 +51,20 @@ const deleteStructure = (id) => {
     <AuthenticatedLayout>
         <template #header>
             <div class="flex justify-between items-center">
-                <h2 class="text-xl font-semibold leading-tight text-gray-800 dark:text-gray-200">
-                    Super Administration SaaS
-                </h2>
+                <div class="flex items-center space-x-4">
+                    <h2 class="text-xl font-semibold leading-tight text-gray-800 dark:text-gray-200">
+                        Super Administration SaaS
+                    </h2>
+                    <span v-if="db_type" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400 border border-blue-200 dark:border-blue-800">
+                        Type : {{ db_type.toUpperCase() }}
+                    </span>
+                    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400 border border-green-200 dark:border-green-800">
+                        <svg class="mr-1.5 h-2 w-2 text-green-400" fill="currentColor" viewBox="0 0 8 8">
+                            <circle cx="4" cy="4" r="3" />
+                        </svg>
+                        Latence BDD : {{ db_latency }}ms
+                    </span>
+                </div>
                 <div class="flex space-x-4">
                     <Link :href="route('superadmin.create')" class="px-4 py-2 bg-indigo-600 text-white rounded-md text-sm hover:bg-indigo-700">
                         + Créer une Structure