goyimnose/TaroTime
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update commit message

Browse Source
This commit is contained in:
Nose
2026-04-24 01:20:21 -07:00
parent fe323552b2
commit e18ec31cf9
10 changed files with 141 additions and 122 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/ui-calendar-detail-panels.js
+23 -13
View File
@@ -19,6 +19,14 @@
return null;
}
function inlineNavButton(label, nav, attrs = {}, extraClass = "") {
const dataAttrs = Object.entries(attrs)
.map(([key, value]) => `data-${key}="${value}"`)
.join(" ");
const className = ["detail-inline-link", extraClass].filter(Boolean).join(" ");
return `<button class="${className}" data-nav="${nav}" ${dataAttrs}>${label}</button>`;
}
function buildMajorArcanaRowsForMonth(context) {
const { month, api, getState } = context;
const currentState = getState();
@@ -142,10 +150,10 @@
<span class="planet-list-meta">${row.rangeLabel}</span>
</div>
<div class="planet-list-meta">${row.signSymbol} ${row.signName} · Hebrew: ${label}</div>
<div class="alpha-nav-btns">
<button class="alpha-nav-btn" data-nav="calendar-day-range" data-range-start="${row.dayStart}" data-range-end="${row.dayEnd}">${row.rangeLabel} ↗</button>
<button class="alpha-nav-btn" data-nav="tarot-card" data-card-name="${row.cardName}" data-trump-number="${row.trumpNumber ?? ""}">${displayCardName} ↗</button>
${row.hebrewLetterId ? `<button class="alpha-nav-btn" data-nav="alphabet" data-alphabet="hebrew" data-hebrew-letter-id="${row.hebrewLetterId}">${label} ↗</button>` : ""}
<div class="planet-text detail-inline-value">
Days ${inlineNavButton(row.rangeLabel, "calendar-day-range", { "range-start": row.dayStart, "range-end": row.dayEnd })}
· Tarot ${inlineNavButton(displayCardName, "tarot-card", { "card-name": row.cardName, "trump-number": row.trumpNumber ?? "" })}
${row.hebrewLetterId ? ` · Hebrew ${inlineNavButton(label, "alphabet", { alphabet: "hebrew", "hebrew-letter-id": row.hebrewLetterId })}` : ""}
</div>
</div>
`;
@@ -200,9 +208,7 @@
<span class="cal-item-name">${row.signSymbol} ${row.signName} · Decan ${row.decanIndex}</span>
<span class="planet-list-meta">${row.startDegree}°–${row.endDegree}° · ${row.dateRange}</span>
</div>
<div class="alpha-nav-btns">
<button class="alpha-nav-btn" data-nav="tarot-card" data-card-name="${row.cardName}">${displayCardName} ↗</button>
</div>
<div class="planet-text detail-inline-value">Tarot ${inlineNavButton(displayCardName, "tarot-card", { "card-name": row.cardName })}</div>
</div>
`;
}).join("");
@@ -233,11 +239,15 @@
}
const isSelected = selectedDaySet.has(Number(row.day));
return `<button class="alpha-nav-btn${isSelected ? " is-selected" : ""}" data-nav="calendar-day" data-day-number="${row.day}" data-gregorian-date="${row.gregorianDate}" aria-pressed="${isSelected ? "true" : "false"}" title="Filter this month by day ${row.day}">${row.day}</button>`;
return inlineNavButton(String(row.day), "calendar-day", {
"day-number": row.day,
"gregorian-date": row.gregorianDate,
"aria-pressed": isSelected ? "true" : "false"
}, isSelected ? "is-selected" : "").replace("data-aria-pressed", "aria-pressed");
}).join("");
const clearButton = selectedContext
? '<button class="alpha-nav-btn" data-nav="calendar-day-clear" type="button">Show All Days</button>'
? inlineNavButton("Show All Days", "calendar-day-clear")
: "";
const helperText = selectedContext
@@ -249,8 +259,8 @@
<strong>Day Links</strong>
<div class="planet-text">Filter this month to events, holidays, and data connected to a specific day.</div>
${helperText}
<div class="alpha-nav-btns">${links}</div>
${clearButton ? `<div class="alpha-nav-btns">${clearButton}</div>` : ""}
<div class="planet-text detail-inline-value">Days ${links}</div>
${clearButton ? `<div class="planet-text detail-inline-value">${clearButton}</div>` : ""}
</div>
`;
}
@@ -376,7 +386,7 @@
const god = getState().godsById?.get(godId);
const label = god?.name || cleanName;
buttons.push(`<button class="alpha-nav-btn" data-nav="god" data-god-id="${godId}" data-god-name="${label}">${label} ↗</button>`);
buttons.push(inlineNavButton(label, "god", { "god-id": godId, "god-name": label }));
});
return buttons;
}
@@ -410,7 +420,7 @@
const deityButtons = buildWheelDeityButtons(assoc?.deities, context);
const deityLinksCard = deityButtons.length
? `<div class="planet-meta-card"><strong>Linked Deities</strong><div class="alpha-nav-btns">${deityButtons.join("")}</div></div>`
? `<div class="planet-meta-card"><strong>Linked Deities</strong><div class="planet-text detail-inline-value">${deityButtons.join(", ")}</div></div>`
: "";
const monthOrder = Number(month?.order);