84 lines
4.3 KiB
Handlebars
84 lines
4.3 KiB
Handlebars
|
<form class="{{cssClass}} {{actor.type}} flexcol" autocomplete="off">
|
||
|
<div class="circle">
|
||
|
{{!-- Sheet Header --}}
|
||
|
<header class="sheet-header">
|
||
|
<img class="profile-img" src="{{actor.img}}" data-edit="img" title="{{actor.name}}" height="100" width="100" />
|
||
|
<div class="header-fields">
|
||
|
<h1 class="charname"><input name="name" type="text" value="{{actor.name}}" placeholder="Name" /></h1>
|
||
|
<div class="grid grid-8col">
|
||
|
<div class="grid-span-2 chapterhouse bold">Chapter House</div>
|
||
|
<span class="grid-span-5"><input name="system.chapterHouse" type="text" value="{{system.chapterHouse}}" placeholder="Chapter House"/></span>
|
||
|
{{!-- <div class="grid-span-2 circle-color bold">Circle color</div> --}}
|
||
|
<div class="grid-span-1 circle-color-wrapper">{{colorPicker name="system.color" value=system.color default="#000000" class="grid-span-1"}}</div>
|
||
|
</div>
|
||
|
{{!-- The grid classes are defined in scss/global/_grid.scss. To use,
|
||
|
use both the "grid" and "grid-Ncol" class where "N" can be any number
|
||
|
from 1 to 12 and will create that number of columns. --}}
|
||
|
<div class="resources grid grid-3col">
|
||
|
|
||
|
{{!-- "flex-group-center" is also defined in the _grid.scss file
|
||
|
and it will add a small amount of padding, a border, and will
|
||
|
center all of its child elements content and text. --}}
|
||
|
|
||
|
{{#each system.resources as |resource key|}}
|
||
|
<div class="resource flex-group-center">
|
||
|
<span for="system.resources.{{key}}.value" class="resource-label">{{ localize (concat "CANDELAFVTT." key
|
||
|
)}}</span>
|
||
|
<div class="resource-content flexrow flex-center flex-between">
|
||
|
<input type="number" min=0 max={{resource.max}} name="system.resources.{{key}}.value" value="{{resource.value}}" data-dtype="Number" />
|
||
|
<span> / </span>
|
||
|
<span class="flexrow" name="system.resources.{{key}}.max">{{resource.max}}</span>
|
||
|
</div>
|
||
|
</div>
|
||
|
{{/each}}
|
||
|
|
||
|
</div>
|
||
|
</div>
|
||
|
</header>
|
||
|
|
||
|
{{!-- Sheet Tab Navigation --}}
|
||
|
<nav class="sheet-tabs tabs" data-group="primary">
|
||
|
{{!-- Default tab is specified in actor-sheet.mjs --}}
|
||
|
<a class="item" data-tab="abilities">{{ localize "CANDELAFVTT.abilities" }}</a>
|
||
|
<a class="item" data-tab="members">{{ localize "CANDELAFVTT.members" }}</a>
|
||
|
<a class="item" data-tab="biography">{{ localize "CANDELAFVTT.biography" }}</a>
|
||
|
<a class="item" data-tab="illumination">{{ localize "CANDELAFVTT.illumination" }}</a>
|
||
|
<a class="item" data-tab="gear">{{ localize "CANDELAFVTT.gear" }}</a>
|
||
|
</nav>
|
||
|
|
||
|
{{!-- Sheet Body --}}
|
||
|
<section class="sheet-body">
|
||
|
|
||
|
{{!-- Abilities Tab --}}
|
||
|
<div class="tab circle-abilities" data-group="primary" data-tab="abilities">
|
||
|
<!-- {{!-- If you want TinyMCE editors to output inline rolls when rendered, you need to pass the actor's roll data to the rollData property. --}}
|
||
|
{{editor system.biography target="system.biography" rollData=rollData button=true owner=owner editable=editable}} -->
|
||
|
<div class="circle-abilities-description align-center">{{ localize "CANDELAFVTT.abilities-description" }}</div>
|
||
|
{{> "systems/candelafvtt/templates/actor/parts/actor-abilities.hbs"}}
|
||
|
</div>
|
||
|
|
||
|
{{!-- Members Tab --}}
|
||
|
<div class="tab circle-members flexcol" data-group="primary" data-tab="members">
|
||
|
{{> "systems/candelafvtt/templates/actor/parts/actor-members.hbs"}}
|
||
|
</div>
|
||
|
|
||
|
{{!-- Biography Tab --}}
|
||
|
<div class="tab biography" data-group="primary" data-tab="biography">
|
||
|
{{!-- If you want TinyMCE editors to output inline rolls when rendered, you need to pass the actor's roll data to the rollData property. --}}
|
||
|
{{editor system.biography target="system.biography" rollData=rollData button=true owner=owner editable=editable engine="prosemirror" class="prosemirror-editor" }}
|
||
|
</div>
|
||
|
|
||
|
|
||
|
{{!-- Illumination Tab --}}
|
||
|
<div class="tab illumination" data-group="primary" data-tab="illumination">
|
||
|
{{> "systems/candelafvtt/templates/actor/parts/actor-illumination.hbs"}}
|
||
|
</div>
|
||
|
|
||
|
{{!-- Gear Tab --}}
|
||
|
<div class="tab gear flexcol" data-group="primary" data-tab="gear">
|
||
|
{{> "systems/candelafvtt/templates/actor/parts/actor-gear.hbs"}}
|
||
|
</div>
|
||
|
|
||
|
</section>
|
||
|
</div>
|
||
|
</form>
|