Clean up character sheet
This commit is contained in:
Johannes Loher
parent
3fa6b1fab1
commit
cd6be32583
13 changed files with 251 additions and 140 deletions
|
|
@ -6,83 +6,17 @@ SPDX-FileCopyrightText: 2021 Gesina Schwalbe
|
|||
SPDX-License-Identifier: MIT
|
||||
--}}
|
||||
|
||||
<form class="{{cssClass}} flexcol" autocomplete="off">
|
||||
{{!-- Sheet Header --}}
|
||||
<header class="sheet-header">
|
||||
<img class="profile-img" src="{{data.img}}" data-edit="img" alt="Actor Icon" title="{{data.name}}" height="100"
|
||||
width="100" />
|
||||
<div class="header-fields flexrow">
|
||||
<h1 class="charname">
|
||||
<label for="name" class="hidden">Name</label>
|
||||
<input name="name" type="text" id="name" value="{{data.name}}" placeholder="Name" />
|
||||
</h1>
|
||||
{{> systems/ds4/templates/sheets/actor/components/character-progression.hbs}}
|
||||
|
||||
<div class="flexrow basic-properties">
|
||||
<div class="basic-property">
|
||||
<label class="basic-property-label"
|
||||
for="data.baseInfo.race">{{config.i18n.characterBaseInfo.race}}</label>
|
||||
<input type="text" name="data.baseInfo.race" id="data.baseInfo.race"
|
||||
value="{{data.data.baseInfo.race}}" data-dtype="String" />
|
||||
</div>
|
||||
<div class="basic-property">
|
||||
<label class="basic-property-label"
|
||||
for="data.baseInfo.culture">{{config.i18n.characterBaseInfo.culture}}</label>
|
||||
<input id="data.baseInfo.culture" type="text" name="data.baseInfo.culture"
|
||||
value="{{data.data.baseInfo.culture}}" data-dtype="String" />
|
||||
</div>
|
||||
<div class="basic-property flex125">
|
||||
<label class="basic-property-label"
|
||||
for="data.progression.progressPoints.used">{{config.i18n.characterProgression.progressPoints}}</label>
|
||||
<div class="flexrow">
|
||||
<input id="data.progression.progressPoints.used" type="number"
|
||||
name="data.progression.progressPoints.used"
|
||||
value="{{data.data.progression.progressPoints.used}}" data-dtype="Number" />
|
||||
<span class="input-divider"> / </span>
|
||||
<label class="hidden" for="data.progression.progressPoints.total">Total
|
||||
Progression Points</label>
|
||||
<input type="number" id="data.progression.progressPoints.total"
|
||||
name="data.progression.progressPoints.total"
|
||||
value="{{data.data.progression.progressPoints.total}}" data-dtype="Number" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="basic-property flex125">
|
||||
<label class="basic-property-label"
|
||||
for="data.progression.talentPoints.used">{{config.i18n.characterProgression.talentPoints}}</label>
|
||||
<div class="flexrow">
|
||||
<input type="number" name="data.progression.talentPoints.used"
|
||||
id="data.progression.talentPoints.used" value="{{data.data.progression.talentPoints.used}}"
|
||||
data-dtype="Number" />
|
||||
<span class="input-divider"> / </span>
|
||||
<label for="data.progression.talentPoints.total" class="hidden">Total Talent Points</label>
|
||||
<input type="number" name="data.progression.talentPoints.total"
|
||||
id="data.progression.talentPoints.total"
|
||||
value="{{data.data.progression.talentPoints.total}}" data-dtype="Number" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="basic-property">
|
||||
<label class="basic-property-label"
|
||||
for="data.baseInfo.class">{{config.i18n.characterBaseInfo.class}}</label>
|
||||
<input type="text" id="data.baseInfo.class" name="data.baseInfo.class"
|
||||
value="{{data.data.baseInfo.class}}" data-dtype="String" />
|
||||
</div>
|
||||
<div class="basic-property">
|
||||
<label class="basic-property-label"
|
||||
for="data.baseInfo.heroClass">{{config.i18n.characterBaseInfo.heroClass}}</label>
|
||||
<input type="text" id="data.baseInfo.heroClass" name="data.baseInfo.heroClass"
|
||||
value="{{data.data.baseInfo.heroClass}}" data-dtype="String" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<form class="{{cssClass}} ds4-sheet" autocomplete="off">
|
||||
{{!-- Character Header --}}
|
||||
{{> systems/ds4/templates/sheets/actor/components/character-header.hbs}}
|
||||
|
||||
{{!-- Sheet Tab Navigation --}}
|
||||
<nav class="sheet-tabs tabs" data-group="primary">
|
||||
<a class="item" data-tab="values">{{localize 'DS4.HeadingValues'}}</a>
|
||||
<a class="item" data-tab="inventory">{{localize 'DS4.HeadingInventory'}}</a>
|
||||
<a class="item" data-tab="spells">{{localize 'DS4.HeadingSpells'}}</a>
|
||||
<a class="item" data-tab="abilities">{{localize 'DS4.HeadingAbilities'}}</a>
|
||||
<a class="item" data-tab="biography">{{localize 'DS4.HeadingBiography'}}</a>
|
||||
<nav class="ds4-sheet-tab-nav sheet-tabs tabs" data-group="primary">
|
||||
<a class="ds4-sheet-tab-nav__item item" data-tab="values">{{localize 'DS4.HeadingValues'}}</a>
|
||||
<a class="ds4-sheet-tab-nav__item item" data-tab="inventory">{{localize 'DS4.HeadingInventory'}}</a>
|
||||
<a class="ds4-sheet-tab-nav__item item" data-tab="spells">{{localize 'DS4.HeadingSpells'}}</a>
|
||||
<a class="ds4-sheet-tab-nav__item item" data-tab="abilities">{{localize 'DS4.HeadingAbilities'}}</a>
|
||||
<a class="ds4-sheet-tab-nav__item item" data-tab="biography">{{localize 'DS4.HeadingBiography'}}</a>
|
||||
</nav>
|
||||
|
||||
<!-- beautify ignore:start -->
|
||||
|
|
|
|||
25
src/templates/sheets/actor/components/character-header.hbs
Normal file
25
src/templates/sheets/actor/components/character-header.hbs
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
{{!--
|
||||
SPDX-FileCopyrightText: 2021 Johannes Loher
|
||||
SPDX-FileCopyrightText: 2021 Oliver Rümpelein
|
||||
SPDX-FileCopyrightText: 2021 Gesina Schwalbe
|
||||
|
||||
SPDX-License-Identifier: MIT
|
||||
--}}
|
||||
|
||||
<header class="ds4-character-header">
|
||||
<img class="ds4-character-header__img" src="{{data.img}}" data-edit="img" alt="{{localize 'DS4.ActorImageAltText'}}"
|
||||
title="{{data.name}}" height="100" width="100" />
|
||||
<div class="ds4-character-header__data">
|
||||
<div class="ds4-character-header__data-row">
|
||||
<h1 class="ds4-character-header__name">
|
||||
<label for="name" class="hidden">Name</label>
|
||||
<input class="ds4-character-header__name-input" name="name" type="text" id="name" value="{{data.name}}"
|
||||
placeholder="{{localize 'DS4.PlaceholderName'}}" />
|
||||
</h1>
|
||||
{{> systems/ds4/templates/sheets/actor/components/character-progression.hbs}}
|
||||
</div>
|
||||
<div class="ds4-character-header__data-row">
|
||||
{{> systems/ds4/templates/sheets/actor/components/character-properties.hbs}}
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
|
@ -6,41 +6,41 @@ SPDX-FileCopyrightText: 2021 Gesina Schwalbe
|
|||
SPDX-License-Identifier: MIT
|
||||
--}}
|
||||
|
||||
<div class="progression flexrow">
|
||||
<div class="progression-entry">
|
||||
<h2 class="progression-label"><label for="data.combatValues.hitPoints.value"
|
||||
<div class="ds4-character-progression">
|
||||
<div class="ds4-character-progression__entry">
|
||||
<h2 class="ds4-character-progression__label"><label for="data.combatValues.hitPoints.value"
|
||||
title="{{localize 'DS4.CombatValuesHitPointsCurrent'}}">{{localize
|
||||
"DS4.CombatValuesHitPointsCurrentAbbr"}}</label>
|
||||
</h2>
|
||||
<input class="progression-value" type="number" name="data.combatValues.hitPoints.value"
|
||||
<input class="ds4-character-progression__input" type="number" name="data.combatValues.hitPoints.value"
|
||||
id="data.combatValues.hitPoints.value" value="{{data.data.combatValues.hitPoints.value}}"
|
||||
data-dtype="Number" />
|
||||
</div>
|
||||
{{#if (eq actor.type "character")}}
|
||||
{{#if (eq data.type "character")}}
|
||||
{{#if settings.showSlayerPoints}}
|
||||
<div class="progression-entry">
|
||||
<h2 class="progression-label"><label for="data.slayersPoints.value"
|
||||
<div class="ds4-character-progression__entry">
|
||||
<h2 class="ds4-character-progression__label"><label for="data.slayersPoints.value"
|
||||
title="{{localize 'DS4.CharacterSlayerPoints'}}">{{localize "DS4.CharacterSlayerPointsAbbr"}}</label>
|
||||
</h2>
|
||||
<input class="progression-value progression-value--slayer-points" type="number"
|
||||
<input class="ds4-character-progression__input ds4-character-progression__input--slayer-points" type="number"
|
||||
max="{{data.data.slayerPoints.max}}" min="0" step="1" name="data.slayerPoints.value"
|
||||
id="data.slayersPoints.value" value="{{data.data.slayerPoints.value}}" data-dtype="Number" />
|
||||
</div>
|
||||
{{/if}}
|
||||
<div class="progression-entry">
|
||||
<h2 class="progression-label"><label for="data.progression.level"
|
||||
<div class="ds4-character-progression__entry">
|
||||
<h2 class="ds4-character-progression__label"><label for="data.progression.level"
|
||||
title="{{localize 'DS4.CharacterProgressionLevel'}}">{{localize
|
||||
"DS4.CharacterProgressionLevelAbbr"}}</label>
|
||||
</h2>
|
||||
<input class="progression-value" type="number" min="0" name="data.progression.level" id="data.progression.level"
|
||||
value="{{data.data.progression.level}}" data-dtype="Number" />
|
||||
<input class="ds4-character-progression__input" type="number" min="0" name="data.progression.level"
|
||||
id="data.progression.level" value="{{data.data.progression.level}}" data-dtype="Number" />
|
||||
</div>
|
||||
<div class="progression-entry">
|
||||
<h2 class="progression-label"><label for="data.progression.experiencePoints"
|
||||
<div class="ds4-character-progression__entry">
|
||||
<h2 class="ds4-character-progression__label"><label for="data.progression.experiencePoints"
|
||||
title="{{localize 'DS4.CharacterProgressionExperiencePoints'}}">{{localize
|
||||
"DS4.CharacterProgressionExperiencePointsAbbr"}}</label>
|
||||
</h2>
|
||||
<input class="progression-value" type="number" min="0" name="data.progression.experiencePoints"
|
||||
<input class="ds4-character-progression__input" type="number" min="0" name="data.progression.experiencePoints"
|
||||
id="data.progression.experiencePoints" value="{{data.data.progression.experiencePoints}}"
|
||||
data-dtype="Number" />
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,59 @@
|
|||
{{!--
|
||||
SPDX-FileCopyrightText: 2021 Johannes Loher
|
||||
SPDX-FileCopyrightText: 2021 Oliver Rümpelein
|
||||
SPDX-FileCopyrightText: 2021 Gesina Schwalbe
|
||||
|
||||
SPDX-License-Identifier: MIT
|
||||
--}}
|
||||
|
||||
<div class="ds4-character-properties">
|
||||
<div class="ds4-character-properties__property">
|
||||
<label class="ds4-character-properties__property-label"
|
||||
for="data.baseInfo.race">{{config.i18n.characterBaseInfo.race}}</label>
|
||||
<input type="text" name="data.baseInfo.race" id="data.baseInfo.race" value="{{data.data.baseInfo.race}}"
|
||||
data-dtype="String" />
|
||||
</div>
|
||||
<div class="ds4-character-properties__property">
|
||||
<label class="ds4-character-properties__property-label"
|
||||
for="data.baseInfo.culture">{{config.i18n.characterBaseInfo.culture}}</label>
|
||||
<input id="data.baseInfo.culture" type="text" name="data.baseInfo.culture"
|
||||
value="{{data.data.baseInfo.culture}}" data-dtype="String" />
|
||||
</div>
|
||||
<div class="ds4-character-properties__property">
|
||||
<label class="ds4-character-properties__property-label"
|
||||
for="data.progression.progressPoints.used">{{config.i18n.characterProgression.progressPoints}}</label>
|
||||
<div class="ds4-character-properties__property-multi-input">
|
||||
<input id="data.progression.progressPoints.used" type="number" name="data.progression.progressPoints.used"
|
||||
value="{{data.data.progression.progressPoints.used}}" data-dtype="Number" />
|
||||
<span class="input-divider"> / </span>
|
||||
<label class="hidden" for="data.progression.progressPoints.total">Total
|
||||
Progression Points</label>
|
||||
<input type="number" id="data.progression.progressPoints.total" name="data.progression.progressPoints.total"
|
||||
value="{{data.data.progression.progressPoints.total}}" data-dtype="Number" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="ds4-character-properties__property">
|
||||
<label class="ds4-character-properties__property-label"
|
||||
for="data.progression.talentPoints.used">{{config.i18n.characterProgression.talentPoints}}</label>
|
||||
<div class="ds4-character-properties__property-multi-input">
|
||||
<input type="number" name="data.progression.talentPoints.used" id="data.progression.talentPoints.used"
|
||||
value="{{data.data.progression.talentPoints.used}}" data-dtype="Number" />
|
||||
<span class="input-divider"> / </span>
|
||||
<label for="data.progression.talentPoints.total" class="hidden">Total Talent Points</label>
|
||||
<input type="number" name="data.progression.talentPoints.total" id="data.progression.talentPoints.total"
|
||||
value="{{data.data.progression.talentPoints.total}}" data-dtype="Number" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="ds4-character-properties__property">
|
||||
<label class="ds4-character-properties__property-label"
|
||||
for="data.baseInfo.class">{{config.i18n.characterBaseInfo.class}}</label>
|
||||
<input type="text" id="data.baseInfo.class" name="data.baseInfo.class" value="{{data.data.baseInfo.class}}"
|
||||
data-dtype="String" />
|
||||
</div>
|
||||
<div class="ds4-character-properties__property">
|
||||
<label class="ds4-character-properties__property-label"
|
||||
for="data.baseInfo.heroClass">{{config.i18n.characterBaseInfo.heroClass}}</label>
|
||||
<input type="text" id="data.baseInfo.heroClass" name="data.baseInfo.heroClass"
|
||||
value="{{data.data.baseInfo.heroClass}}" data-dtype="String" />
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -61,12 +61,13 @@ SPDX-License-Identifier: MIT
|
|||
</header>
|
||||
|
||||
{{!-- Sheet Tab Navigation --}}
|
||||
<nav class="sheet-tabs tabs" data-group="primary">
|
||||
<a class="item" data-tab="values">{{localize 'DS4.HeadingValues'}}</a>
|
||||
<a class="item" data-tab="inventory">{{localize 'DS4.HeadingInventory'}}</a>
|
||||
<a class="item" data-tab="special-creature-abilities">{{localize 'DS4.HeadingSpecialCreatureAbilities'}}</a>
|
||||
<a class="item" data-tab="spells">{{localize 'DS4.HeadingSpells'}}</a>
|
||||
<a class="item" data-tab="description">{{localize 'DS4.HeadingDescription'}}</a>
|
||||
<nav class="ds4-sheet-tab-nav sheet-tabs tabs" data-group="primary">
|
||||
<a class="ds4-sheet-tab-nav__item item" data-tab="values">{{localize 'DS4.HeadingValues'}}</a>
|
||||
<a class="ds4-sheet-tab-nav__item item" data-tab="inventory">{{localize 'DS4.HeadingInventory'}}</a>
|
||||
<a class="ds4-sheet-tab-nav__item item" data-tab="special-creature-abilities">{{localize
|
||||
'DS4.HeadingSpecialCreatureAbilities'}}</a>
|
||||
<a class="ds4-sheet-tab-nav__item item" data-tab="spells">{{localize 'DS4.HeadingSpells'}}</a>
|
||||
<a class="ds4-sheet-tab-nav__item item" data-tab="description">{{localize 'DS4.HeadingDescription'}}</a>
|
||||
</nav>
|
||||
|
||||
{{!-- Sheet Body --}}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue