Foundry/ripcrypt
1
0
Fork 0
Code Issues 22 Pull requests Releases Activity Actions

Add the buttons for creating new embedded items from the sheet

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

67
templates/Apps/SkillsCardV1/content.hbs
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">

2
templates/Apps/SkillsCardV1/style.css
View file

@ -34,7 +34,7 @@
.list-header {
display: flex;
justify-content: space-between;
gap: 4px;
align-items: center;
border-radius: 999px;
}

18
templates/Apps/StatsCardV1/content.hbs
View file

@ -205,7 +205,23 @@
<table class="weapons">
<thead>
<tr>
<th class="label col-header left-pill">{{ rc-i18n "RipCrypt.common.weapon.singular" }}</th>
<th class="label col-header left-pill">
{{ rc-i18n "RipCrypt.common.weapon.singular" }}
<button
class="transparent"
data-action="createItem"
data-item-types="weapon,ammo"
data-default-item-type="weapon"
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>
</th>
<th class="label col-header">{{ rc-i18n "RipCrypt.Apps.traits-range" }}</th>
<th class="label col-header">{{ rc-i18n "RipCrypt.common.wear" }}</th>
<th class="label col-header right-pill">{{ rc-i18n "RipCrypt.common.damage" }}</th>

4
templates/Apps/StatsCardV1/style.css
View file

@ -12,6 +12,10 @@
color: var(--base-text);
.col-header {
display: flex;
flex-direction: row;
gap: 4px;
align-items: center;
background: var(--section-header-background);
color: var(--section-header-text);
}