sjs/spirit-tracker
1
0
Fork 0
mirror of https://github.com/samsonjs/spirit-tracker.git synced 2026-04-27 15:07:43 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

link sku

Browse source
This commit is contained in:
Brennan Wilkes (Text Groove) 2026-02-02 17:14:42 -08:00
parent 14d6c6eafc
commit 36460eb5af
1 changed files with 19 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
viz/app/linker_page.js
View file

@ -193,14 +193,18 @@ export async function renderSkuLinker($app) {
)}${esc(plus)}</a>` )}${esc(plus)}</a>`
: `<span class="badge">${esc(store)}${esc(plus)}</span>`; : `<span class="badge">${esc(store)}${esc(plus)}</span>`;
const thumbHref = href || "";
const pinnedBadge = pinned ? `<span class="badge">PINNED</span>` : ``; const pinnedBadge = pinned ? `<span class="badge">PINNED</span>` : ``;
return ` return `
<div class="item ${pinned ? "pinnedItem" : ""}" data-sku="${esc(it.sku)}"> <div class="item ${pinned ? "pinnedItem" : ""}" data-sku="${esc(it.sku)}">
<div class="itemRow"> <div class="itemRow">
<div class="thumbBox">${renderThumbHtml(it.img)}</div> <div class="thumbBox thumbLink" data-href="${esc(thumbHref)}">
${renderThumbHtml(it.img)}
</div>
<div class="itemBody"> <div class="itemBody">
<div class="itemTop"> <div class="itemTop">
<div class="itemName">${esc(it.name || "(no name)")}</div> <div class="itemName">${esc(it.name || "(no name)")}</div>
<span class="badge mono">${esc(displaySku(it.sku))}</span> <span class="badge mono">${esc(displaySku(it.sku))}</span>
</div> </div>
@ -266,6 +270,19 @@ export async function renderSkuLinker($app) {
} }
function attachHandlers($root, side) { function attachHandlers($root, side) {
for (const el of Array.from($root.querySelectorAll(".thumbLink"))) {
el.addEventListener("click", (e) => {
e.preventDefault();
e.stopPropagation();
const href = (el.getAttribute("data-href") || "").trim();
if (!href) return;
window.open(href, "_blank", "noopener,noreferrer");
});
}
for (const el of Array.from($root.querySelectorAll(".item"))) { for (const el of Array.from($root.querySelectorAll(".item"))) {
el.addEventListener("click", () => { el.addEventListener("click", () => {
const skuKey = el.getAttribute("data-sku") || ""; const skuKey = el.getAttribute("data-sku") || "";