From 5eb5399088969e496def5443f10da231ef623f56 Mon Sep 17 00:00:00 2001
From: cclohmar <claus.lohmar@lohmar.co.uk>
Date: Mon, 15 Jun 2026 19:42:10 +0000
Subject: [PATCH] fix(apps): simple onclick with data-url, all tiles clickable

---
 src/core/ui/app-grid.templ    | 18 +++++++++---------
 src/core/ui/app-grid_templ.go | 32 ++++++++++++++++----------------
 2 files changed, 25 insertions(+), 25 deletions(-)

diff --git a/src/core/ui/app-grid.templ b/src/core/ui/app-grid.templ
index fc847b6..da441bf 100644
--- a/src/core/ui/app-grid.templ
+++ b/src/core/ui/app-grid.templ
@@ -22,19 +22,19 @@ func DefaultApps(role string) []AppTile {
 		},
 		{
 			Name: "Files", Description: "Storage & sharing",
-			URL: "/files", Color: "#2563eb",
+			URL: "#", Color: "#2563eb",
 			Icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"/><polyline points="14 2 14 8 20 8"/></svg>`,
 			Status: "coming-soon",
 		},
 		{
 			Name: "Mail", Description: "Email client",
-			URL: "/mail", Color: "#dc2626",
+			URL: "#", Color: "#dc2626",
 			Icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>`,
 			Status: "coming-soon",
 		},
 		{
 			Name: "Calendar", Description: "Schedule & events",
-			URL: "/calendar", Color: "#059669",
+			URL: "#", Color: "#059669",
 			Icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>`,
 			Status: "coming-soon",
 		},
@@ -64,19 +64,19 @@ func DefaultApps(role string) []AppTile {
 		},
 		{
 			Name: "Contacts", Description: "People & directory",
-			URL: "/contacts", Color: "#d97706",
+			URL: "#", Color: "#d97706",
 			Icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2"><path d="M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>`,
 			Status: "coming-soon",
 		},
 		{
 			Name: "Tasks", Description: "Project management",
-			URL: "/tasks", Color: "#7c3aed",
+			URL: "#", Color: "#7c3aed",
 			Icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2"><path d="M9 11l3 3L22 4"/><path d="M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11"/></svg>`,
 			Status: "coming-soon",
 		},
 		{
 			Name: "Chat", Description: "Team messaging",
-			URL: "/chat", Color: "#db2777",
+			URL: "#", Color: "#db2777",
 			Icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2"><path d="M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z"/></svg>`,
 			Status: "coming-soon",
 		},
@@ -102,8 +102,8 @@ templ AppGrid(apps []AppTile) {
 }
 
 templ appTile(a AppTile) {
-	if a.URL == "#" || a.URL == "" {
-		<div class="app-card disabled">
+	if a.Status == "coming-soon" {
+		<div class="app-card disabled"
 			oncontextmenu="return false"
 			ontouchstart="startLongPress(event)" ontouchend="cancelLongPress()"
 			onmousedown="startLongPress(event)" onmouseup="cancelLongPress()">
@@ -112,7 +112,7 @@ templ appTile(a AppTile) {
 			<div class="app-badge">Coming Soon</div>
 		</div>
 	} 	else {
-		<div class="app-card" onclick={ "window.location.href='" + a.URL + "'" } oncontextmenu="return false">
+		<div class="app-card" data-url={ a.URL } onclick="window.location.href=this.getAttribute('data-url')" oncontextmenu="return false">
 			<div class="app-icon" style={ "background:" + a.Color }>@templ.Raw(a.Icon)</div>
 			<div class="app-name">{ a.Name }</div>
 			<div class="app-badge">Available</div>
diff --git a/src/core/ui/app-grid_templ.go b/src/core/ui/app-grid_templ.go
index fb921b2..d55a73e 100644
--- a/src/core/ui/app-grid_templ.go
+++ b/src/core/ui/app-grid_templ.go
@@ -30,19 +30,19 @@ func DefaultApps(role string) []AppTile {
 		},
 		{
 			Name: "Files", Description: "Storage & sharing",
-			URL: "/files", Color: "#2563eb",
+			URL: "#", Color: "#2563eb",
 			Icon:   `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"/><polyline points="14 2 14 8 20 8"/></svg>`,
 			Status: "coming-soon",
 		},
 		{
 			Name: "Mail", Description: "Email client",
-			URL: "/mail", Color: "#dc2626",
+			URL: "#", Color: "#dc2626",
 			Icon:   `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>`,
 			Status: "coming-soon",
 		},
 		{
 			Name: "Calendar", Description: "Schedule & events",
-			URL: "/calendar", Color: "#059669",
+			URL: "#", Color: "#059669",
 			Icon:   `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>`,
 			Status: "coming-soon",
 		},
@@ -72,19 +72,19 @@ func DefaultApps(role string) []AppTile {
 		},
 		{
 			Name: "Contacts", Description: "People & directory",
-			URL: "/contacts", Color: "#d97706",
+			URL: "#", Color: "#d97706",
 			Icon:   `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2"><path d="M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>`,
 			Status: "coming-soon",
 		},
 		{
 			Name: "Tasks", Description: "Project management",
-			URL: "/tasks", Color: "#7c3aed",
+			URL: "#", Color: "#7c3aed",
 			Icon:   `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2"><path d="M9 11l3 3L22 4"/><path d="M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11"/></svg>`,
 			Status: "coming-soon",
 		},
 		{
 			Name: "Chat", Description: "Team messaging",
-			URL: "/chat", Color: "#db2777",
+			URL: "#", Color: "#db2777",
 			Icon:   `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2"><path d="M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z"/></svg>`,
 			Status: "coming-soon",
 		},
@@ -161,8 +161,8 @@ func appTile(a AppTile) templ.Component {
 			templ_7745c5c3_Var2 = templ.NopComponent
 		}
 		ctx = templ.ClearChildren(ctx)
-		if a.URL == "#" || a.URL == "" {
-			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 3, "<div class=\"app-card disabled\">oncontextmenu=\"return false\" ontouchstart=\"startLongPress(event)\" ontouchend=\"cancelLongPress()\" onmousedown=\"startLongPress(event)\" onmouseup=\"cancelLongPress()\"><div class=\"app-icon\" style=\"")
+		if a.Status == "coming-soon" {
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 3, "<div class=\"app-card disabled\" oncontextmenu=\"return false\" ontouchstart=\"startLongPress(event)\" ontouchend=\"cancelLongPress()\" onmousedown=\"startLongPress(event)\" onmouseup=\"cancelLongPress()\"><div class=\"app-icon\" style=\"")
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
@@ -201,20 +201,20 @@ func appTile(a AppTile) templ.Component {
 				return templ_7745c5c3_Err
 			}
 		} else {
-			templ_7745c5c3_Err = templ.RenderScriptItems(ctx, templ_7745c5c3_Buffer, "window.location.href='"+a.URL+"'")
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 7, "<div class=\"app-card\" data-url=\"")
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
-			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 7, "<div class=\"app-card\" onclick=\"")
+			var templ_7745c5c3_Var5 string
+			templ_7745c5c3_Var5, templ_7745c5c3_Err = templ.ResolveAttributeValue(a.URL)
+			if templ_7745c5c3_Err != nil {
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `core/ui/app-grid.templ`, Line: 115, Col: 40}
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var5)
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
-			var templ_7745c5c3_Var5 templ.ComponentScript = "window.location.href='" + a.URL + "'"
-			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var5.Call)
-			if templ_7745c5c3_Err != nil {
-				return templ_7745c5c3_Err
-			}
-			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 8, "\" oncontextmenu=\"return false\"><div class=\"app-icon\" style=\"")
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 8, "\" onclick=\"window.location.href=this.getAttribute('data-url')\" oncontextmenu=\"return false\"><div class=\"app-icon\" style=\"")
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}