show if an interface has ifac enabled

liamcottle · May 29, 2024 · 72d07e4 · 72d07e4
1 parent 9741aa3
commit 72d07e4
Showing 1 changed file with 13 additions and 2 deletions.
diff --git a/public/index.html b/public/index.html
@@ -709,7 +709,18 @@
                 <!-- interface list -->
                 <div v-for="(iface, interface_name) of interfaces" class="border rounded bg-white shadow overflow-hidden">
 
-                    <div class="flex py-2 border-b">
+                    <div v-if="findInterfaceStats(interface_name)?.ifac_signature != null" class="bg-gray-50 p-1 text-sm text-gray-500 space-x-1 border-b">
+                        <div class="flex text-sm">
+                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="size-4 my-auto text-green-500">
+                                <path fill-rule="evenodd" d="M10 1a4.5 4.5 0 0 0-4.5 4.5V9H5a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6a2 2 0 0 0-2-2h-.5V5.5A4.5 4.5 0 0 0 10 1Zm3 8V5.5a3 3 0 1 0-6 0V9h6Z" clip-rule="evenodd" />
+                            </svg>
+                            <span class="ml-1 my-auto">
+                                <span class="text-green-500">{{ findInterfaceStats(interface_name)?.ifac_size * 8 }}-bit IFAC</span> with sig &lt;{{ findInterfaceStats(interface_name)?.ifac_signature?.slice(0, 5) }}...{{ findInterfaceStats(interface_name)?.ifac_signature?.slice(-5) }}&gt;
+                            </span>
+                        </div>
+                    </div>
+
+                    <div class="flex py-2">
 
                         <!-- icon -->
                         <div class="my-auto mx-2">
@@ -812,7 +823,7 @@
 
                     </div>
 
-                    <div class="flex bg-gray-50 p-1 text-sm text-gray-500 space-x-1">
+                    <div class="flex bg-gray-50 p-1 text-sm text-gray-500 space-x-1 border-t">
 
                         <!-- status -->
                         <div v-if="findInterfaceStats(interface_name)?.status === true" class="text-sm text-green-500">Connected</div>