diff --git a/apps/dashboard/assets/js/renderers/quick-access.js b/apps/dashboard/assets/js/renderers/quick-access.js index 263fa67..09e784e 100644 --- a/apps/dashboard/assets/js/renderers/quick-access.js +++ b/apps/dashboard/assets/js/renderers/quick-access.js @@ -1,24 +1,29 @@ const QUICK_LINKS = [ - { section: "Core", title: "Home Assistant", label: "OPEN CONTROL HUB", url: "http://localhost:8123" }, - { section: "Ops", title: "Uptime Kuma", label: "OPEN MONITORS", url: "http://localhost:3001" }, - { section: "Containers", title: "Portainer", label: "OPEN RUNTIME", url: "http://localhost:9000" }, - { section: "Media", title: "Immich", label: "OPEN GALLERY", url: "http://localhost:2283" }, + { label: "Home Assistant", icon: "🏠", url: "https://ha.kaleschke.info" }, + { label: "Komodo", icon: "🦎", url: "https://komodo.kaleschke.info" }, + { label: "Uptime Kuma", icon: "📡", url: "https://uptime.kaleschke.info" }, + { label: "Beszel", icon: "📊", url: "https://beszel.kaleschke.info" }, + { label: "Firefly III", icon: "🦋", url: "https://firefly.kaleschke.info" }, + { label: "Paperless", icon: "📄", url: "https://paperless.kaleschke.info" }, + { label: "Mealie", icon: "🍽️", url: "https://mealie.kaleschke.info" }, + { label: "Immich", icon: "🖼️", url: "https://immich.kaleschke.info" }, + { label: "Gitea", icon: "🐙", url: "https://git.kaleschke.info" }, + { label: "Code Server", icon: "💻", url: "https://code.kaleschke.info" }, + { label: "FileBrowser", icon: "📁", url: "https://files.kaleschke.info" }, + { label: "Backrest", icon: "💾", url: "https://backrest.kaleschke.info" }, + { label: "Vaultwarden", icon: "🔐", url: "https://vault.kaleschke.info" }, + { label: "AdGuard", icon: "🛡️", url: "https://adguard.kaleschke.info" }, + { label: "Traefik", icon: "🔀", url: "https://traefik.kaleschke.info" }, + { label: "Scrutiny", icon: "🔍", url: "https://scrutiny.kaleschke.info" }, ]; export function renderQuickAccess() { - const grid = document.getElementById("quick-grid"); - grid.innerHTML = QUICK_LINKS.map( - (link) => ` -
-
- ${link.section} -

${link.title}

- - ${link.label} - > - -
-
- `, - ).join(""); + const grid = document.getElementById("quick-access-grid"); + if (!grid) return; + grid.innerHTML = QUICK_LINKS.map(({ label, icon, url }) => ` + + ${icon} + ${label} + + `).join(""); }