152 lines
No EOL
3.8 KiB
Handlebars
152 lines
No EOL
3.8 KiB
Handlebars
<div class="HeroSkillsCardV1 {{ rc-toClasses classes }}" {{ rc-toAttributes attrs }}>
|
|
<div class="label col-header list-header gait-skills-header">
|
|
<span>{{ rc-i18n "RipCrypt.Apps.grit-skills" }}</span>
|
|
</div>
|
|
<ol class="num-before skill-list even grit-skills">
|
|
{{#each skills.grit as | skill |}}
|
|
{{#if skill}}
|
|
<li data-item-id="{{skill.uuid}}" data-ctx-menu="skill">
|
|
<span class="name">{{ skill.name }}</span>
|
|
<rc-icon
|
|
name="icons/info-circle"
|
|
var:size="16px"
|
|
var:fill="currentColor"
|
|
data-tooltip="{{ skill.use }}"
|
|
data-tooltip-direction="UP"
|
|
></rc-icon>
|
|
</li>
|
|
{{else}}
|
|
<li></li>
|
|
{{/if}}
|
|
{{/each}}
|
|
</ol>
|
|
|
|
<div class="label col-header list-header gait-skills-header">
|
|
<span>{{ rc-i18n "RipCrypt.Apps.gait-skills" }}</span>
|
|
</div>
|
|
<ol class="num-before skill-list even gait-skills">
|
|
{{#each skills.gait as | skill |}}
|
|
{{#if skill}}
|
|
<li data-item-id="{{skill.uuid}}" data-ctx-menu="skill">
|
|
<span class="name">{{ skill.name }}</span>
|
|
<rc-icon
|
|
name="icons/info-circle"
|
|
var:size="16px"
|
|
var:fill="currentColor"
|
|
data-tooltip="{{ skill.use }}"
|
|
data-tooltip-direction="UP"
|
|
></rc-icon>
|
|
</li>
|
|
{{else}}
|
|
<li></li>
|
|
{{/if}}
|
|
{{/each}}
|
|
</ol>
|
|
|
|
<div class="label col-header list-header grip-skills-header">
|
|
<span>{{ rc-i18n "RipCrypt.Apps.grip-skills" }}</span>
|
|
</div>
|
|
<ol class="num-before skill-list odd grip-skills">
|
|
{{#each skills.grip as | skill |}}
|
|
{{#if skill}}
|
|
<li data-item-id="{{skill.uuid}}" data-ctx-menu="skill">
|
|
<span class="name">{{ skill.name }}</span>
|
|
<rc-icon
|
|
name="icons/info-circle"
|
|
var:size="16px"
|
|
var:fill="currentColor"
|
|
data-tooltip="{{ skill.use }}"
|
|
data-tooltip-direction="UP"
|
|
></rc-icon>
|
|
</li>
|
|
{{else}}
|
|
<li></li>
|
|
{{/if}}
|
|
{{/each}}
|
|
</ol>
|
|
|
|
<div class="label col-header list-header glim-skills-header">
|
|
<span>{{ rc-i18n "RipCrypt.Apps.glim-skills" }}</span>
|
|
</div>
|
|
<ol class="num-before skill-list odd glim-skills">
|
|
{{#each skills.glim as | skill |}}
|
|
{{#if skill}}
|
|
<li data-item-id="{{skill.uuid}}" data-ctx-menu="skill">
|
|
<span class="name">{{ skill.name }}</span>
|
|
<rc-icon
|
|
name="icons/info-circle"
|
|
var:size="16px"
|
|
var:fill="currentColor"
|
|
data-tooltip="{{ skill.use }}"
|
|
data-tooltip-direction="UP"
|
|
></rc-icon>
|
|
</li>
|
|
{{else}}
|
|
<li></li>
|
|
{{/if}}
|
|
{{/each}}
|
|
</ol>
|
|
|
|
<div class="label col-header list-header">
|
|
<span>{{ rc-i18n "RipCrypt.common.gear" }}</span>
|
|
<span class="small">{{ rc-i18n "RipCrypt.common.slot" }}</span>
|
|
</div>
|
|
<ol class="num-after gear-list">
|
|
{{#each gear as | itemInSlot |}}
|
|
<li
|
|
data-slot="{{itemInSlot.index}}"
|
|
data-ctx-menu="gear"
|
|
data-slot-empty="{{ itemInSlot.empty }}"
|
|
data-item-id="{{ itemInSlot.uuid }}"
|
|
>
|
|
{{itemInSlot.name}}
|
|
</li>
|
|
{{/each}}
|
|
</ol>
|
|
|
|
<div class="ammo half-pill">
|
|
<div class="label">
|
|
{{ rc-i18n "RipCrypt.common.ammo"}}
|
|
</div>
|
|
<div class="input">
|
|
{{ ammo }}
|
|
</div>
|
|
</div>
|
|
|
|
{{!-- * Currencies --}}
|
|
<div class="currencies">
|
|
<div class="currency half-pill">
|
|
<label for="{{meta.idp}}-gold" >
|
|
{{ rc-i18n "RipCrypt.common.currency.gold"}}
|
|
</label>
|
|
<input
|
|
type="number"
|
|
id="{{meta.idp}}-gold"
|
|
class="input"
|
|
value="0"
|
|
>
|
|
</div>
|
|
<div class="currency half-pill">
|
|
<label for="{{meta.idp}}-silver" >
|
|
{{ rc-i18n "RipCrypt.common.currency.silver"}}
|
|
</label>
|
|
<input
|
|
type="number"
|
|
id="{{meta.idp}}-silver"
|
|
class="input"
|
|
value="0"
|
|
>
|
|
</div>
|
|
<div class="currency half-pill">
|
|
<label for="{{meta.idp}}-copper" >
|
|
{{ rc-i18n "RipCrypt.common.currency.copper"}}
|
|
</label>
|
|
<input
|
|
type="number"
|
|
id="{{meta.idp}}-copper"
|
|
class="input"
|
|
value="0"
|
|
>
|
|
</div>
|
|
</div>
|
|
</div> |