first page

This commit is contained in:
François-Xavier Guillois
2023-04-20 18:27:54 +02:00
parent 5ddd9db9b3
commit 5761587649
9 changed files with 207 additions and 200 deletions
+42 -52
View File
@@ -8,35 +8,15 @@
{{!-- 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. --}}
<div class="resources grid grid-4col">
{{#each system.attributes as |attribute att|}}
<div class="resource flex-group-center">
<label for="system.health.value" class="resource-label">Health</label>
<label for="system.attributes.level.value" class="resource-label">{{ localize attribute.label }}</label>
<div class="resource-content flexrow flex-center flex-between">
<input type="text" name="system.health.value" value="{{system.health.value}}" data-dtype="Number"/>
<span> / </span>
<input type="text" name="system.health.max" value="{{system.health.max}}" data-dtype="Number"/>
<input type="text" name="system.attributes.{{att}}.value" value="{{attribute.value}}" data-dtype="Number"/>
</div>
</div>
<div class="resource flex-group-center">
<label for="system.power.value" class="resource-label">Power</label>
<div class="resource-content flexrow flex-center flex-between">
<input type="text" name="system.power.value" value="{{system.power.value}}" data-dtype="Number"/>
<span> / </span>
<input type="text" name="system.power.max" value="{{system.power.max}}" data-dtype="Number"/>
</div>
</div>
<div class="resource flex-group-center">
<label for="system.attributes.level.value" class="resource-label">Level</label>
<div class="resource-content flexrow flex-center flex-between">
<input type="text" name="system.attributes.level.value" value="{{system.attributes.level.value}}" data-dtype="Number"/>
</div>
</div>
</div>
{{/each}}
</div>
</div>
@@ -45,11 +25,11 @@
{{!-- Sheet Tab Navigation --}}
<nav class="sheet-tabs tabs" data-group="primary">
{{!-- Default tab is specified in actor-sheet.mjs --}}
<a class="item" data-tab="features">Features</a>
<a class="item" data-tab="description">Description</a>
<a class="item" data-tab="items">Items</a>
<a class="item" data-tab="spells">Spells</a>
<a class="item" data-tab="effects">Effects</a>
<a class="item" data-tab="features">Statistiques</a>
<a class="item" data-tab="description">Background</a>
<a class="item" data-tab="items">Matos</a>
<a class="item" data-tab="spells">Totem</a>
<a class="item" data-tab="effects">Santé</a>
</nav>
{{!-- Sheet Body --}}
@@ -57,30 +37,40 @@
{{!-- Owned Features Tab --}}
<div class="tab features" data-group="primary" data-tab="features">
<section class="grid grid-3col">
<aside class="sidebar">
{{!-- 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="abilities flexcol">
{{#each system.abilities as |ability key|}}
<div class="ability flexrow flex-group-center">
<label for="system.abilities.{{key}}.value" class="resource-label rollable flexlarge align-left" data-roll="d20+@abilities.{{key}}.mod" data-label="{{ability.label}}">{{ability.label}}</label>
<input type="text" name="system.abilities.{{key}}.value" value="{{ability.value}}" data-dtype="Number"/>
<span class="ability-mod rollable" data-roll="d20+@abilities.{{key}}.mod" data-label="{{ability.label}}">{{numberFormat ability.mod decimals=0 sign=true}}</span>
</div>
<h3>Caractéristiques</h3>
<section class="grid grid-4col">
{{#each config.abilityCategories as |abilityCategory ackey|}}
<div>
<h4>{{ localize abilityCategory.label }}</h4>
{{#each @root.system.abilities as |ability key|}}
{{#ife ability.category ackey }}
<div class="ability flexcol flex-group-center items-center">
<label for="system.abilities.{{key}}.value" class="resource-label rollable flexlarge align-left" data-roll="d20+@abilities.{{key}}.mod" data-label="{{ability.label}}">{{ability.label}}</label>
<input type="text" name="system.abilities.{{key}}.value" value="{{ability.value}}" data-dtype="Number"/>
</div>
{{/ife}}
{{/each}}
</div>
</aside>
{{!-- For the main features list, span the right two columns --}}
<section class="main grid-span-2">
{{!-- This is a Handlebars partial. They're stored in the `/parts` folder next to this sheet, and defined in module/helpers/templates.mjs --}}
{{> "systems/totem/templates/actor/parts/actor-features.html"}}
</section>
{{/each}}
</section>
<h3>Compétences</h3>
<div class="grid grid-cols-3">
{{#each config.skillCategories as |skillCategory sckey|}}
<div class="col">
<h4>{{ localize skillCategory.label }}</h4>
{{#each @root.system.skills as |skill skey|}}
{{#ife skill.category sckey }}
<div class="ability flexrow flex-group-center">
<label style="flex:80%;" for="system.skills.{{skey}}.value" class="resource-label rollable flexlarge align-left" data-roll="d20+@skills.{{skey}}.mod" data-label="{{skill.label}}">{{ localize skill.label}}</label>
<input type="text" name="system.skills.{{skey}}.value" value="{{skill.value}}" data-dtype="Number"/>
</div>
{{/ife}}
{{/each}}
</div>
{{/each}}
</div>
</div>
{{!-- Biography Tab --}}