ripcrypt/templates/Apps/HeroCraftCardV1/content.hbs

101 lines
2.5 KiB
Handlebars

<div class="HeroCraftCardV1">
<div class="col-header">
Glimcraft
</div>
<div class="aura-container">
<div class="circle-fragment">10</div>
<div class="circle-fragment">8</div>
<div class="circle-fragment">6</div>
<div class="full-circle">4</div>
<rc-svg
class="caster-silhouette"
name="caster-silhouette.v1"
var:fill="var(--accent-1)"
></rc-svg>
<div class="aura-values">
<div class="dual-pill">
<span class="label">Aura</span>
<div class="values">
<span class="value"></span>
<span class="slash" aria-hidden="true"></span>
<span class="value"></span>
</div>
</div>
</div>
</div>
<div data-aspect="focus" class="col-header aspect-header">
<span class="name">Focus</span>
<span class="small">Details</span>
</div>
<ol data-aspect="focus" class="num-before craft-list">
{{#each craft.focus as | craft |}}
{{#if craft}}
<li data-item-id="{{craft.uuid}}" data-ctx-menu="craft">
<span class="name">{{ craft.name }}</span>
{{#if craft.use}}
<rc-icon
name="icons/info-circle"
var:size="16px"
var:fill="currentColor"
data-tooltip="{{ craft.use }}"
data-tooltip-direction="UP"
></rc-icon>
{{/if}}
</li>
{{else}}
<li></li>
{{/if}}
{{/each}}
</ol>
<div data-aspect="flect" class="col-header aspect-header">
<span class="name">Flect</span>
<span class="small">Details</span>
</div>
<ol data-aspect="flect" class="num-before craft-list">
{{#each craft.flect as | craft |}}
{{#if craft}}
<li data-item-id="{{craft.uuid}}" data-ctx-menu="craft">
<span class="name">{{ craft.name }}</span>
{{#if craft.use}}
<rc-icon
name="icons/info-circle"
var:size="16px"
var:fill="currentColor"
data-tooltip="{{ craft.use }}"
data-tooltip-direction="UP"
></rc-icon>
{{/if}}
</li>
{{else}}
<li></li>
{{/if}}
{{/each}}
</ol>
<div data-aspect="fract" class="col-header aspect-header">
<span class="name">Fract</span>
<span class="small">Details</span>
</div>
<ol data-aspect="fract" class="num-before craft-list">
{{#each craft.fract as | craft |}}
{{#if craft}}
<li data-item-id="{{craft.uuid}}" data-ctx-menu="craft">
<span class="name">{{ craft.name }}</span>
{{#if craft.use}}
<rc-icon
name="icons/info-circle"
var:size="16px"
var:fill="currentColor"
data-tooltip="{{ craft.use }}"
data-tooltip-direction="UP"
></rc-icon>
{{/if}}
</li>
{{else}}
<li></li>
{{/if}}
{{/each}}
</ol>
</div>