cosmo/dh-ikonis
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

feat: add item icons to data schema and update picker UI to display them

Browse source
This commit is contained in:
CPTN Cosmo 2026-04-26 19:16:38 +02:00
parent e2625219e2
commit a335b51932
2 changed files with 4 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

1
scripts/ikonis-data.js
View file

@ -39,6 +39,7 @@ export function getAugments() {
id: id, id: id,
name: name.replace("Ikonis:", "").trim(), name: name.replace("Ikonis:", "").trim(),
fullName: name, fullName: name,
img: feature.img || "systems/daggerheart/assets/icons/documents/items/chip.svg",
effect: effectLine || "Native Feature", effect: effectLine || "Native Feature",
cost: costLine || "" cost: costLine || ""
}); });

5
scripts/ikonis-sheet.js
View file

@ -135,11 +135,12 @@ export function patchIkonisSheet() {
</div> </div>
<div class="picker-list" style="flex: 1; overflow-y: auto; display: flex; flex-direction: column; gap: 0.75rem;"> <div class="picker-list" style="flex: 1; overflow-y: auto; display: flex; flex-direction: column; gap: 0.75rem;">
${available.map(a => ` ${available.map(a => `
<div class="picker-item" data-id="${a.id}" style="border: 2px solid #2d3436; background: #1a1a2e; padding: 1rem; border-radius: 8px; cursor: pointer;"> <div class="picker-item" data-id="${a.id}" style="border: 2px solid #2d3436; background: #1a1a2e; padding: 1rem; border-radius: 8px; cursor: pointer; display: flex; align-items: center; gap: 1rem;">
<img src="${a.img}" style="width: 40px; height: 40px; border: none; filter: drop-shadow(0 0 5px rgba(255,255,255,0.1));">
<div class="augment-info"> <div class="augment-info">
<strong class="aug-name" style="display: block; font-size: 1.1rem; color: #ffffff;">${a.name}</strong> <strong class="aug-name" style="display: block; font-size: 1.1rem; color: #ffffff;">${a.name}</strong>
<span style="display: block; margin: 2px 0; font-size: 0.9rem; color: #d1d8e0;">${a.effect}</span> <span style="display: block; margin: 2px 0; font-size: 0.9rem; color: #d1d8e0;">${a.effect}</span>
<small style="display: block; color: #888; font-style: italic;">Cost: ${a.cost}</small> <small style="display: block; color: #888; font-style: italic;">${a.cost}</small>
</div> </div>
</div> </div>
`).join('')} `).join('')}