Add the buttons for creating new embedded items from the sheet

This commit is contained in:
Eldritch-Oliver 2025-10-05 16:28:40 -06:00
parent 9b239831b8
commit 495e669ba6
5 changed files with 90 additions and 2 deletions

View file

@ -1,6 +1,19 @@
<div class="SkillsCardV1">
<div class="label col-header list-header gait-skills-header">
<span>{{ rc-i18n "RipCrypt.Apps.grit-skills" }}</span>
<button
class="transparent"
data-action="createItem"
data-item-types="skill"
data-tooltip="{{ rc-i18n "RipCrypt.tooltips.create-new-item" }}"
aria-label="{{ rc-i18n "RipCrypt.tooltips.create-new-item" }}"
>
<rc-icon
name="icons/plus"
var:size="16px"
var:fill="var(--accent-3)"
></rc-icon>
</button>
</div>
<ol class="num-before skill-list even grit-skills">
{{#each skills.grit as | skill |}}
@ -23,6 +36,19 @@
<div class="label col-header list-header gait-skills-header">
<span>{{ rc-i18n "RipCrypt.Apps.gait-skills" }}</span>
<button
class="transparent"
data-action="createItem"
data-item-types="skill"
data-tooltip="{{ rc-i18n "RipCrypt.tooltips.create-new-item" }}"
aria-label="{{ rc-i18n "RipCrypt.tooltips.create-new-item" }}"
>
<rc-icon
name="icons/plus"
var:size="16px"
var:fill="var(--accent-3)"
></rc-icon>
</button>
</div>
<ol class="num-before skill-list even gait-skills">
{{#each skills.gait as | skill |}}
@ -45,6 +71,19 @@
<div class="label col-header list-header grip-skills-header">
<span>{{ rc-i18n "RipCrypt.Apps.grip-skills" }}</span>
<button
class="transparent"
data-action="createItem"
data-item-types="skill"
data-tooltip="{{ rc-i18n "RipCrypt.tooltips.create-new-item" }}"
aria-label="{{ rc-i18n "RipCrypt.tooltips.create-new-item" }}"
>
<rc-icon
name="icons/plus"
var:size="16px"
var:fill="var(--accent-3)"
></rc-icon>
</button>
</div>
<ol class="num-before skill-list odd grip-skills">
{{#each skills.grip as | skill |}}
@ -67,6 +106,19 @@
<div class="label col-header list-header glim-skills-header">
<span>{{ rc-i18n "RipCrypt.Apps.glim-skills" }}</span>
<button
class="transparent"
data-action="createItem"
data-item-types="skill"
data-tooltip="{{ rc-i18n "RipCrypt.tooltips.create-new-item" }}"
aria-label="{{ rc-i18n "RipCrypt.tooltips.create-new-item" }}"
>
<rc-icon
name="icons/plus"
var:size="16px"
var:fill="var(--accent-3)"
></rc-icon>
</button>
</div>
<ol class="num-before skill-list odd glim-skills">
{{#each skills.glim as | skill |}}
@ -89,6 +141,21 @@
<div class="label col-header list-header">
<span>{{ rc-i18n "RipCrypt.common.gear" }}</span>
<button
class="transparent"
data-action="createItem"
data-item-types="ammo,armour,good,shield,weapon"
data-default-item-type="good"
data-tooltip="{{ rc-i18n "RipCrypt.tooltips.create-new-item" }}"
aria-label="{{ rc-i18n "RipCrypt.tooltips.create-new-item" }}"
>
<rc-icon
name="icons/plus"
var:size="16px"
var:fill="var(--accent-3)"
></rc-icon>
</button>
<div class="grow"></div>
<span class="small">{{ rc-i18n "RipCrypt.common.slot" }}</span>
</div>
<ol class="num-after gear-list">