✨ feat: Add new input, select, and tooltip components with validation and accessibility features

- Introduced Input component with support for various input types, validation, and error handling. - Added MedialibImage component for displaying images with lazy loading and caption support. - Implemented Pagination component for navigating through pages with ellipsis for large page sets. - Created SearchableSelect component allowing users to search and select options from a dropdown. - Developed Select component with integrated styling and validation. - Added Tooltip component for displaying additional information on hover/focus.
2026-02-25 20:15:23 +00:00
parent 74bb860d4f
commit 602fd6101f
13 changed files with 1807 additions and 0 deletions
@@ -0,0 +1,47 @@
+<script lang="ts">
+    import { onMount, onDestroy } from "svelte"
+    import { gitHash, buildTime } from "../lib/buildInfo"
+    import { serverBuildTime } from "../lib/serverBuildInfo"
+
+    let debugText = ""
+    let interval: ReturnType<typeof setInterval> | undefined
+
+    function formatBuildTime(value: string | null | undefined): string {
+        if (!value) return "-"
+        try {
+            return new Date(value).toLocaleString("de-DE", {
+                day: "2-digit",
+                month: "2-digit",
+                year: "2-digit",
+                hour: "2-digit",
+                minute: "2-digit",
+                second: "2-digit",
+            })
+        } catch {
+            return "?"
+        }
+    }
+
+    function update() {
+        try {
+            const frontendBuilt = formatBuildTime(buildTime)
+            const serverBuilt = formatBuildTime($serverBuildTime)
+            debugText = `fe:${frontendBuilt} | srv:${serverBuilt} | v:${gitHash}`
+        } catch (e) {
+            debugText = `debug-error: ${e}`
+        }
+    }
+
+    onMount(() => {
+        update()
+        interval = setInterval(update, 5000)
+    })
+
+    onDestroy(() => {
+        if (interval) clearInterval(interval)
+    })
+</script>
+
+<span class="text-[10px] leading-none select-all text-gray-400" aria-hidden="true" title="Debug Info">
+    {debugText}
+</span>