96 lines
5.9 KiB
HTML
96 lines
5.9 KiB
HTML
<form class="{{cssClass}}" autocomplete="off">
|
|
<div class="character">
|
|
<div class="header grid-container" style="grid-template-columns: auto auto 1.7fr 2fr;">
|
|
<div class="avatar flex-group-center" style="grid-row: 1/7;">
|
|
<img class="profile-img actor-avatar-img" src="{{actor.img}}" data-edit="img" title="{{actor.name}}" />
|
|
</div>
|
|
|
|
<label style="margin: auto;">{{localize "BIO.NAME"}}:</label>
|
|
<h1 class="charname" style="margin-bottom: 0;grid-column: 3/5;"><input name="name" type="text" value="{{actor.name}}" placeholder="{{localize "BIO.NAME"}}" /></h1>
|
|
|
|
<label style="margin: auto;">{{localize data.bio.profession.label}}:</label>
|
|
<input name="data.bio.profession.value" type="text" value="{{data.bio.profession.value}}" placeholder="{{localize data.bio.profession.label}}" />
|
|
|
|
<label style="margin: auto;">{{localize data.bio.kin.label}}:</label>
|
|
<input name="data.bio.kin.value" type="text" value="{{data.bio.kin.value}}" placeholder="{{localize data.bio.kin.label}}" />
|
|
|
|
<label style="margin: auto;">{{localize data.health.label}}:</label>
|
|
<div class="grid-container" style="grid-template-columns: auto 1fr auto;">
|
|
<input class="center-text" type="text" name="data.health.value" value="{{data.health.value}}" data-dtype="Number" />
|
|
<span> / </span>
|
|
<input class="center-text" type="text" name="data.health.max" value="{{data.health.max}}" data-dtype="Number" />
|
|
</div>
|
|
|
|
<label style="margin: auto;">{{localize data.stamina.label}}:</label>
|
|
<div class="grid-container" style="grid-template-columns: auto 1fr auto;">
|
|
<input class="center-text" type="text" name="data.stamina.value" value="{{data.stamina.value}}" data-dtype="Number" />
|
|
<span> / </span>
|
|
<input class="center-text" type="text" name="data.stamina.max" value="{{data.stamina.max}}" data-dtype="Number" />
|
|
</div>
|
|
|
|
<label style="margin: auto;">{{localize data.mana.label}}:</label>
|
|
<div class="grid-container" style="grid-template-columns: auto 1fr auto;">
|
|
<input class="center-text" type="text" name="data.mana.value" value="{{data.mana.value}}" data-dtype="Number" />
|
|
<span> / </span>
|
|
<input class="center-text" type="text" name="data.mana.max" value="{{data.mana.max}}" data-dtype="Number" />
|
|
</div>
|
|
|
|
<div class="border grid-container" style="grid-column-gap: 5px; grid-column: 4; grid-row: 2/7; grid-template-columns: 1fr auto;">
|
|
<h2 style="margin-bottom: 0; grid-column: 1/3;">{{localize "FEATURES.TITLE"}}</h2>
|
|
|
|
<input name="data.feature.one.label" class="roll-feature" type="text" value="{{data.feature.one.label}}" />
|
|
<a style="margin: auto;" class="feature {{#if data.feature.one.value}}active{{/if}}" data-feature="one">
|
|
<i class="far {{#if data.feature.one.value}}fa-times-circle{{else}}fa-circle{{/if}}"></i>
|
|
</a>
|
|
|
|
<input name="data.feature.two.label" class="roll-feature" type="text" value="{{data.feature.two.label}}" />
|
|
<a style="margin: auto;" class="feature {{#if data.feature.two.value}}active{{/if}}" data-feature="two">
|
|
<i class="far {{#if data.feature.two.value}}fa-times-circle{{else}}fa-circle{{/if}}"></i>
|
|
</a>
|
|
|
|
<input name="data.feature.three.label" class="roll-feature" type="text" value="{{data.feature.three.label}}" />
|
|
<a style="margin: auto;" class="feature {{#if data.feature.three.value}}active{{/if}}" data-feature="three">
|
|
<i class="far {{#if data.feature.three.value}}fa-times-circle{{else}}fa-circle{{/if}}"></i>
|
|
</a>
|
|
|
|
<input name="data.feature.four.label" class="roll-feature" type="text" value="{{data.feature.four.label}}" />
|
|
<a style="margin: auto;" class="feature {{#if data.feature.four.value}}active{{/if}}" data-feature="four">
|
|
<i class="far {{#if data.feature.four.value}}fa-times-circle{{else}}fa-circle{{/if}}"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="sheet-tabs tabs flex row" data-group="primary">
|
|
<b class="item" data-tab="skills">{{localize "TAB.SKILLS"}}</b>
|
|
<!-- <b class="item" data-tab="combat">{{localize "TAB.COMBAT"}}</b> -->
|
|
<b class="item" data-tab="talent">{{localize "TAB.TALENTS"}}</b>
|
|
<b class="item" data-tab="gear">{{localize "TAB.GEAR"}}</b>
|
|
<b class="item" data-tab="bio">{{localize "TAB.BIO"}}</b>
|
|
<b class="item" data-tab="note">{{localize "TAB.NOTE"}}</b>
|
|
</div>
|
|
|
|
<div class="sheet-body">
|
|
<div class="tab" data-group="primary" data-tab="skills">
|
|
{{> systems/kopparhavet/templates/parts/actor/skills.html}}
|
|
</div>
|
|
<!--
|
|
<div class="tab" data-group="primary" data-tab="combat">
|
|
{{> systems/kopparhavet/templates/parts/actor/combat.html}}
|
|
</div>
|
|
-->
|
|
<div class="tab" data-group="primary" data-tab="talent">
|
|
{{> systems/kopparhavet/templates/parts/actor/talent.html}}
|
|
</div>
|
|
<div class="tab" data-group="primary" data-tab="gear">
|
|
{{> systems/kopparhavet/templates/parts/actor/gear.html}}
|
|
</div>
|
|
<div class="tab" data-group="primary" data-tab="bio">
|
|
{{> systems/kopparhavet/templates/parts/actor/bio.html}}
|
|
</div>
|
|
<div class="tab note border" data-group="primary" data-tab="note" style="border-top: none;">
|
|
{{editor content=data.bio.note.value target="data.bio.note.value" button=true owner=owner editable=editable}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|