feat: make Overview live tiles link to NRL detail
Each live monitoring tile is now a clickable link to its NRL detail page
(/projects/{id}/nrl/{location_id}) — same target as the NRL card name — with
a hover border + lift affordance so it reads as clickable.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -2186,7 +2186,8 @@ function lsRenderTile(loc) {
|
|||||||
: '';
|
: '';
|
||||||
|
|
||||||
return `
|
return `
|
||||||
<div class="bg-white dark:bg-slate-800 rounded-xl shadow-lg p-4">
|
<a href="/projects/${projectId}/nrl/${encodeURIComponent(loc.id)}"
|
||||||
|
class="block bg-white dark:bg-slate-800 rounded-xl shadow-lg p-4 border border-transparent hover:border-seismo-orange hover:shadow-xl transition-all">
|
||||||
<div class="flex items-start justify-between gap-2">
|
<div class="flex items-start justify-between gap-2">
|
||||||
<div class="font-semibold text-gray-900 dark:text-white truncate">${lsEsc(loc.name)}</div>
|
<div class="font-semibold text-gray-900 dark:text-white truncate">${lsEsc(loc.name)}</div>
|
||||||
${badge}
|
${badge}
|
||||||
@@ -2199,7 +2200,7 @@ function lsRenderTile(loc) {
|
|||||||
<div class="mt-2 text-[11px] text-gray-400 dark:text-gray-500 flex flex-wrap gap-x-2 gap-y-0.5">
|
<div class="mt-2 text-[11px] text-gray-400 dark:text-gray-500 flex flex-wrap gap-x-2 gap-y-0.5">
|
||||||
${bits.join('<span class="opacity-40">·</span>')}
|
${bits.join('<span class="opacity-40">·</span>')}
|
||||||
</div>
|
</div>
|
||||||
</div>`;
|
</a>`;
|
||||||
}
|
}
|
||||||
|
|
||||||
function lsRender(locations) {
|
function lsRender(locations) {
|
||||||
|
|||||||
Reference in New Issue
Block a user