125 lines
5.3 KiB
Handlebars
125 lines
5.3 KiB
Handlebars
<div>
|
|
|
|
{{!-- Sheet Header --}}
|
|
<header class="sheet-header">
|
|
{{!-- Header stuff goes here --}}
|
|
|
|
<div class="header-fields">
|
|
<div>
|
|
<input class="name" name="name" type="text" value="{{name}}" placeholder="Name"/>
|
|
<div class="rkp">
|
|
<span class="pill species" data-action="openSpeciesDocument">{{spezies}}</span>
|
|
<span class="pill culture" data-action="openCultureDocument">{{kultur}}</span>
|
|
{{#each professions}}
|
|
<span class="pill profession" data-action="openEmbeddedDocument"
|
|
data-item-id="{{this.id}}">{{this.name}}</span>
|
|
{{/each}}
|
|
</div>
|
|
</div>
|
|
<div class="attributes {{#if this.colorfulDice}}colorfulDice{{/if}}">
|
|
{{#each attributes}}
|
|
{{> "systems/DSA_4-1/templates/ui/partial-attribute-button.hbs" this}}
|
|
{{/each}}
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<div class="head-data">
|
|
|
|
<img class="profile-img" src="{{img}}" data-action="editImage" data-edit="img" title="{{name}}"/>
|
|
|
|
<div class="sidebar-element resource-bar">
|
|
<label>LeP: {{this.lep}}</label><span class="resource-fill lep" style="width: {{this.lepper}}%"></span>
|
|
</div>
|
|
|
|
{{#if ausdauer}}
|
|
<div class="sidebar-element resource-bar">
|
|
<label>AuP: {{this.aup}}</label><span class="resource-fill aup" style="width: {{this.aupper}}%"></span>
|
|
</div>
|
|
{{/if}}
|
|
|
|
{{#if this.hasLiturgies}}
|
|
<div class="sidebar-element resource-bar">
|
|
<label>KE: {{this.ke}}</label><span class="resource-fill kap" style="width: {{this.keper}}%"></span>
|
|
</div>
|
|
{{/if}}
|
|
|
|
{{#if this.hasSpells}}
|
|
<div class="sidebar-element resource-bar">
|
|
<label>AsP: {{this.asp}}</label><span class="resource-fill asp" style="width: {{this.aspper}}%"></span>
|
|
</div>
|
|
{{/if}}
|
|
|
|
{{#each attacks}}
|
|
<div class="attack">
|
|
<h3>{{this.using}} ({{this.name}})</h3>
|
|
|
|
{{#if this.at}}
|
|
<div class="at sidebar-element rollable" data-mode="attack" data-action="openCombatAction">
|
|
<label>AT</label>
|
|
<div class="formula">{{this.at}}</div>
|
|
</div>
|
|
{{/if}}
|
|
{{#if this.pa}}
|
|
<div class="pa sidebar-element rollable" data-mode="defense" data-action="openCombatAction">
|
|
<label>PA</label>
|
|
<div class="formula">{{this.pa}}</div>
|
|
</div>
|
|
{{/if}}
|
|
{{#if this.at}}
|
|
<div class="tp sidebar-element rollable" data-roll="{{this.tproll}}" data-label="Schaden">
|
|
<label>TP</label>
|
|
<div class="formula">{{this.tp}}</div>
|
|
</div>
|
|
{{/if}}
|
|
{{#if this.ini}}
|
|
<div class="ini sidebar-element rollable" data-action="openInitiative"><label>INI</label>
|
|
<div class="formula">{{this.ini}}</div>
|
|
</div>
|
|
{{/if}}
|
|
|
|
</div>
|
|
{{/each}}
|
|
|
|
<section class="cooldowns">
|
|
<h3>Abklingzeiten</h3>
|
|
{{#each this.cooldowns}}
|
|
<div class="cooldown">
|
|
<div class="progress" style="width: {{this.progress}}"></div>
|
|
{{#if (gt this.current 0)}}
|
|
<button class="btn-left" data-action="progressCooldown" data-cooldown-id="{{@key}}">
|
|
<i class="fa fa-timer"></i>
|
|
</button>
|
|
<span data-tooltip="{{this.tooltip}}">{{this.data.maneuver.name}}</span>
|
|
<button class="btn-right" data-action="cancelCooldown" data-cooldown-id="{{@key}}">
|
|
<i class="fa fa-xmark"></i>
|
|
</button>
|
|
{{else}}
|
|
<button class="btn-left" data-action="activateCooldown" data-cooldown-id="{{@key}}">
|
|
<i class="fa fa-person-running"></i>
|
|
</button>
|
|
<span data-tooltip="{{this.tooltip}}">{{this.data.maneuver.name}}</span>
|
|
<button class="btn-right" data-action="cancelCooldown" data-cooldown-id="{{@key}}">
|
|
<i class="fa fa-xmark"></i>
|
|
</button>
|
|
{{/if}}</div>
|
|
{{/each}}
|
|
</section>
|
|
|
|
</div>
|
|
|
|
{{!-- Sheet Tab Navigation --}}
|
|
<nav class="sheet-tabs tabs{{#if verticalTabs}} vertical{{/if}}"
|
|
aria-roledescription="{{localize "SHEETS.FormNavLabel"}}">
|
|
{{#each tabs as |tab|}}
|
|
<a data-action="tab" data-group="{{tab.group}}" data-tab="{{tab.id}}"
|
|
{{#if tab.cssClass}}class="{{tab.cssClass}}"{{/if}}
|
|
{{#if tab.tooltip}}data-tooltip="{{tab.tooltip}}"{{/if}}>
|
|
{{#if tab.icon}}<i class="{{tab.icon}}" inert></i>{{/if}}
|
|
{{#if tab.label}}<span>{{localize tab.label}}</span>{{/if}}
|
|
</a>
|
|
{{/each}}
|
|
</nav>
|
|
|
|
</div>
|