mirror of
https://github.com/Foundryborne/daggerheart.git
synced 2026-01-15 13:11:08 +01:00
[Fix] 691 - CharacterCreation Improvement (#863)
* Removed main creation tab. Added equipment to remaining tab * Fixed MixedAncestry name setting * Fixed tab after first creation
This commit is contained in:
WBHarry
GitHub
parent
7755179434
commit
e90355b08b
15 changed files with 141 additions and 263 deletions
63
templates/characterCreation/tabs/ancestry.hbs
Normal file
63
templates/characterCreation/tabs/ancestry.hbs
Normal file
|
|
@ -0,0 +1,63 @@
|
|||
<section
|
||||
class='tab {{tabs.ancestry.cssClass}} {{tabs.ancestry.id}}'
|
||||
data-tab='{{tabs.ancestry.id}}'
|
||||
data-group='{{tabs.ancestry.group}}'
|
||||
>
|
||||
<div class="main-selections-container">
|
||||
<fieldset class="section-container">
|
||||
<legend>{{localize "TYPES.Item.ancestry"}}</legend>
|
||||
|
||||
<div class="ancestry-name">
|
||||
<input type="text" name="ancestryName.overwrite" value="{{ancestryName}}" placeholder="{{localize "DAGGERHEART.APPLICATIONS.CharacterCreation.ancestryNamePlaceholder"}}" {{disabled (not primaryAncestry.uuid)}} />
|
||||
</div>
|
||||
|
||||
<div class="ancestry-mixed-controller {{#if mixedAncestry}}active{{/if}}">
|
||||
<label class="mixed-ancestry-slider">
|
||||
{{localize "DAGGERHEART.APPLICATIONS.CharacterCreation.mixedAncestry"}}
|
||||
<i class="fa-solid {{#if mixedAncestry}}fa-circle-check{{else}}fa-circle{{/if}}"></i>
|
||||
</label>
|
||||
<input type="range" id="volume" class="mixed-ancestry-slider" value="{{mixedAncestry}}" min="0" max="1" />
|
||||
</div>
|
||||
|
||||
<div class="selections-outer-container enlarged">
|
||||
<div class="selections-container primary-ancestry-card">
|
||||
{{#> "systems/daggerheart/templates/components/card-preview.hbs" primaryAncestry altPartialBlock=true secondaryDisabled=secondaryAncestry.uuid mixedAncestry=mixedAncestry }}
|
||||
{{#if uuid}}
|
||||
<div class="ancestry-preview-info-container">
|
||||
<div class="ancestry-preview-label">{{name}}</div>
|
||||
<div class="ancestry-preview-features">
|
||||
<div class="ancestry-preview-feature" data-tooltip="{{concat "#item#" system.primaryFeature.uuid}}">{{system.primaryFeature.name}}</div>
|
||||
<div class="ancestry-preview-feature {{#if secondaryDisabled}}inactive{{/if}}" data-tooltip="{{concat "#item#" system.secondaryFeature.uuid}}">{{system.secondaryFeature.name}}</div>
|
||||
</div>
|
||||
</div>
|
||||
{{else}}
|
||||
{{#if mixedAncestry}}
|
||||
{{localize "DAGGERHEART.APPLICATIONS.CharacterCreation.selectPrimaryAncestry"}}
|
||||
{{else}}
|
||||
{{localize "DAGGERHEART.APPLICATIONS.CharacterCreation.selectAncestry"}}
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
{{/"systems/daggerheart/templates/components/card-preview.hbs"}}
|
||||
</div>
|
||||
|
||||
{{#if mixedAncestry}}
|
||||
<div class="selections-container secondary-ancestry-card">
|
||||
{{#> "systems/daggerheart/templates/components/card-preview.hbs" secondaryAncestry altPartialBlock=true }}
|
||||
{{#if uuid}}
|
||||
<div class="ancestry-preview-info-container">
|
||||
<div class="ancestry-preview-label">{{name}}</div>
|
||||
<div class="ancestry-preview-features">
|
||||
<div class="ancestry-preview-feature inactive" data-tooltip="{{concat "#item#" system.primaryFeature.uuid}}">{{system.primaryFeature.name}}</div>
|
||||
<div class="ancestry-preview-feature" data-tooltip="{{concat "#item#" system.secondaryFeature.uuid}}">{{system.secondaryFeature.name}}</div>
|
||||
</div>
|
||||
</div>
|
||||
{{else}}
|
||||
{{localize "DAGGERHEART.APPLICATIONS.CharacterCreation.selectSecondaryAncestry"}}
|
||||
{{/if}}
|
||||
{{/"systems/daggerheart/templates/components/card-preview.hbs"}}
|
||||
</div>
|
||||
{{/if}}
|
||||
</div>
|
||||
</fieldset>
|
||||
</div>
|
||||
</section>
|
||||
24
templates/characterCreation/tabs/class.hbs
Normal file
24
templates/characterCreation/tabs/class.hbs
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
<section
|
||||
class='tab {{tabs.class.cssClass}} {{tabs.class.id}}'
|
||||
data-tab='{{tabs.class.id}}'
|
||||
data-group='{{tabs.class.group}}'
|
||||
>
|
||||
<div class="main-selections-container">
|
||||
<fieldset class="section-container">
|
||||
<legend>{{localize "TYPES.Item.class"}}</legend>
|
||||
<div class="selections-outer-container">
|
||||
<div class="selections-container class-card">
|
||||
{{#> "systems/daggerheart/templates/components/card-preview.hbs" class }}
|
||||
{{localize "DAGGERHEART.APPLICATIONS.CharacterCreation.selectClass"}}
|
||||
{{/"systems/daggerheart/templates/components/card-preview.hbs"}}
|
||||
</div>
|
||||
|
||||
<div class="selections-container subclass-card">
|
||||
{{#> "systems/daggerheart/templates/components/card-preview.hbs" subclass disabled=(not class.img) }}
|
||||
{{localize "DAGGERHEART.APPLICATIONS.CharacterCreation.selectSubclass"}}
|
||||
{{/"systems/daggerheart/templates/components/card-preview.hbs"}}
|
||||
</div>
|
||||
</div>
|
||||
</fieldset>
|
||||
</div>
|
||||
</section>
|
||||
18
templates/characterCreation/tabs/community.hbs
Normal file
18
templates/characterCreation/tabs/community.hbs
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
<section
|
||||
class='tab {{tabs.community.cssClass}} {{tabs.community.id}}'
|
||||
data-tab='{{tabs.community.id}}'
|
||||
data-group='{{tabs.community.group}}'
|
||||
>
|
||||
<div class="main-selections-container">
|
||||
<fieldset class="section-container">
|
||||
<legend>{{localize "TYPES.Item.community"}}</legend>
|
||||
<div class="selections-outer-container">
|
||||
<div class="selections-container community-card">
|
||||
{{#> "systems/daggerheart/templates/components/card-preview.hbs" community }}
|
||||
{{localize "DAGGERHEART.APPLICATIONS.CharacterCreation.selectCommunity"}}
|
||||
{{/"systems/daggerheart/templates/components/card-preview.hbs"}}
|
||||
</div>
|
||||
</div>
|
||||
</fieldset>
|
||||
</div>
|
||||
</section>
|
||||
20
templates/characterCreation/tabs/domainCards.hbs
Normal file
20
templates/characterCreation/tabs/domainCards.hbs
Normal file
|
|
@ -0,0 +1,20 @@
|
|||
<section
|
||||
class='tab {{tabs.domainCards.cssClass}} {{tabs.domainCards.id}}'
|
||||
data-tab='{{tabs.domainCards.id}}'
|
||||
data-group='{{tabs.domainCards.group}}'
|
||||
>
|
||||
<div class="main-selections-container">
|
||||
<fieldset class="section-container">
|
||||
<legend>{{localize "TYPES.Item.domainCard"}}</legend>
|
||||
<div class="selections-outer-container">
|
||||
{{#each domainCards as |domainCard id|}}
|
||||
<div class="selections-container domain-card" data-card="{{id}}">
|
||||
{{#> "systems/daggerheart/templates/components/card-preview.hbs" domainCard }}
|
||||
{{#each @root.classDomains }}<div>{{this}}</div>{{/each}}
|
||||
{{/"systems/daggerheart/templates/components/card-preview.hbs"}}
|
||||
</div>
|
||||
{{/each}}
|
||||
</div>
|
||||
</fieldset>
|
||||
</div>
|
||||
</section>
|
||||
|
|
@ -1,109 +0,0 @@
|
|||
<section
|
||||
class='tab {{tabs.equipment.cssClass}} {{tabs.equipment.id}}'
|
||||
data-tab='{{tabs.equipment.id}}'
|
||||
data-group='{{tabs.equipment.group}}'
|
||||
>
|
||||
<div class="main-selections-container">
|
||||
<div class="main-equipment-selection">
|
||||
<fieldset class="equipment-selection">
|
||||
<legend>{{localize "DAGGERHEART.APPLICATIONS.CharacterCreation.suggestedArmor"}}</legend>
|
||||
|
||||
<div class="selections-container armor-card">
|
||||
{{#> "systems/daggerheart/templates/components/card-preview.hbs" armor }}
|
||||
{{localize "DAGGERHEART.APPLICATIONS.CharacterCreation.selectArmor"}}
|
||||
{{/"systems/daggerheart/templates/components/card-preview.hbs"}}
|
||||
</div>
|
||||
{{#if armor.suggestion.name}}
|
||||
<fieldset class="suggestion-container">
|
||||
<legend>{{armor.suggestion.name}}</legend>
|
||||
<div class="suggestion-inner-container {{#if armor.suggestion.taken}}taken{{/if}}" data-action="viewItem" data-uuid="{{armor.suggestion.uuid}}">
|
||||
<img src="{{armor.suggestion.img}}" />
|
||||
</div>
|
||||
</fieldset>
|
||||
{{/if}}
|
||||
</fieldset>
|
||||
|
||||
<fieldset class="equipment-selection">
|
||||
<legend>{{localize "DAGGERHEART.APPLICATIONS.CharacterCreation.suggestedWeapons"}}</legend>
|
||||
|
||||
<div class="equipment-subsection">
|
||||
<div class="equipment-wrapper">
|
||||
<div class="selections-container primary-weapon-card">
|
||||
{{#> "systems/daggerheart/templates/components/card-preview.hbs" primaryWeapon }}
|
||||
{{localize "DAGGERHEART.APPLICATIONS.CharacterCreation.selectPrimaryWeapon"}}
|
||||
{{/"systems/daggerheart/templates/components/card-preview.hbs"}}
|
||||
</div>
|
||||
{{#if primaryWeapon.suggestion.name}}
|
||||
<fieldset class="suggestion-container">
|
||||
<legend>{{primaryWeapon.suggestion.name}}</legend>
|
||||
<div class="suggestion-inner-container {{#if primaryWeapon.suggestion.taken}}taken{{/if}}" data-action="viewItem" data-uuid="{{primaryWeapon.suggestion.uuid}}">
|
||||
<img src="{{primaryWeapon.suggestion.img}}" />
|
||||
</div>
|
||||
</fieldset>
|
||||
{{/if}}
|
||||
</div>
|
||||
<div class="equipment-wrapper">
|
||||
<div class="selections-container secondary-weapon-card">
|
||||
{{#> "systems/daggerheart/templates/components/card-preview.hbs" secondaryWeapon }}
|
||||
{{localize "DAGGERHEART.APPLICATIONS.CharacterCreation.selectSecondaryWeapon"}}
|
||||
{{/"systems/daggerheart/templates/components/card-preview.hbs"}}
|
||||
</div>
|
||||
{{#if secondaryWeapon.suggestion.name}}
|
||||
<fieldset class="suggestion-container">
|
||||
<legend>{{secondaryWeapon.suggestion.name}}</legend>
|
||||
<div
|
||||
class="suggestion-inner-container {{#if secondaryWeapon.suggestion.taken}}taken{{/if}}"
|
||||
data-action="viewItem" data-uuid="{{secondaryWeapon.suggestion.uuid}}"
|
||||
>
|
||||
<img src="{{secondaryWeapon.suggestion.img}}" />
|
||||
</div>
|
||||
</fieldset>
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
</fieldset>
|
||||
</div>
|
||||
{{#unless noInventoryChoices}}
|
||||
<div class="main-equipment-selection triple">
|
||||
<fieldset class="equipment-selection">
|
||||
<legend>{{localize "DAGGERHEART.APPLICATIONS.CharacterCreation.startingItems"}}</legend>
|
||||
|
||||
<div class="simple-equipment-container">
|
||||
{{#each inventory.take}}
|
||||
<div class="simple-equipment">
|
||||
<label>{{this.name}}</label>
|
||||
<img src="{{this.img}}" />
|
||||
</div>
|
||||
{{/each}}
|
||||
</div>
|
||||
</fieldset>
|
||||
|
||||
<fieldset class="equipment-selection">
|
||||
<legend>{{localize "DAGGERHEART.APPLICATIONS.CharacterCreation.choice"}}</legend>
|
||||
|
||||
<div class="simple-equipment-container">
|
||||
{{#each inventory.choiceA.suggestions}}
|
||||
<div class="simple-equipment selectable {{#if (not this.selected)}}inactive{{/if}}" data-action="equipmentChoice" data-path="choiceA" data-uuid="{{this.uuid}}">
|
||||
<label>{{this.name}}</label>
|
||||
<img src="{{this.img}}" />
|
||||
</div>
|
||||
{{/each}}
|
||||
</div>
|
||||
</fieldset>
|
||||
|
||||
<fieldset class="equipment-selection">
|
||||
<legend>{{localize "DAGGERHEART.APPLICATIONS.CharacterCreation.choice"}}</legend>
|
||||
|
||||
<div class="simple-equipment-container">
|
||||
{{#each inventory.choiceB.suggestions}}
|
||||
<div class="simple-equipment selectable {{#if (not this.selected)}}inactive{{/if}}" data-action="equipmentChoice" data-path="choiceB" data-uuid="{{this.uuid}}" >
|
||||
<label>{{this.name}}</label>
|
||||
<img src="{{this.img}}" />
|
||||
</div>
|
||||
{{/each}}
|
||||
</div>
|
||||
</fieldset>
|
||||
</div>
|
||||
{{/unless}}
|
||||
</div>
|
||||
</section>
|
||||
23
templates/characterCreation/tabs/experience.hbs
Normal file
23
templates/characterCreation/tabs/experience.hbs
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
<section
|
||||
class='tab {{tabs.experience.cssClass}} {{tabs.experience.id}}'
|
||||
data-tab='{{tabs.experience.id}}'
|
||||
data-group='{{tabs.experience.group}}'
|
||||
>
|
||||
<div class="main-selections-container">
|
||||
<fieldset class="section-container">
|
||||
<legend>{{localize "DAGGERHEART.APPLICATIONS.CharacterCreation.initialExperiences"}} {{experience.nrSelected}}/{{experience.nrTotal}}</legend>
|
||||
<div class="experiences-inner-container">
|
||||
{{#each experience.values as |experience id|}}
|
||||
<div class="experience-container">
|
||||
<div class="experience-inner-container">
|
||||
<input class="experience-description" type="text" name="{{concat "experiences." id ".name" }}" value="{{experience.name}}" placeholder="{{localize "DAGGERHEART.APPLICATIONS.CharacterCreation.newExperience"}}" />
|
||||
<div class="experience-value">{{numberFormat this.value sign=true}}</div>
|
||||
</div>
|
||||
|
||||
<textarea name="{{concat "experiences." id ".description"}}">{{experience.description}}</textarea>
|
||||
</div>
|
||||
{{/each}}
|
||||
</div>
|
||||
</fieldset>
|
||||
</div>
|
||||
</section>
|
||||
|
|
@ -1,13 +0,0 @@
|
|||
<section
|
||||
class='tab {{tabs.setup.cssClass}} {{tabs.setup.id}}'
|
||||
data-tab='{{tabs.setup.id}}'
|
||||
data-group='{{tabs.setup.group}}'
|
||||
>
|
||||
<nav class='feature-tab sheet-tabs tabs setup-tabs' data-group='setup'>
|
||||
{{#each setupTabs as |tab|}}
|
||||
<button class='{{tab.id}} {{tab.cssClass}}' data-action='tab' data-group='{{tab.group}}' data-tab='{{tab.id}}' {{disabled tab.disabled}}>
|
||||
{{localize tab.label}}
|
||||
</button>
|
||||
{{/each}}
|
||||
</nav>
|
||||
</section>
|
||||
|
|
@ -1,9 +0,0 @@
|
|||
<section
|
||||
class='tab {{tabs.story.cssClass}} {{tabs.story.id}}'
|
||||
data-tab='{{tabs.story.id}}'
|
||||
data-group='{{tabs.story.group}}'
|
||||
>
|
||||
<div>
|
||||
{{localize "DAGGERHEART.APPLICATIONS.CharacterCreation.story"}}
|
||||
</div>
|
||||
</section>
|
||||
32
templates/characterCreation/tabs/traits.hbs
Normal file
32
templates/characterCreation/tabs/traits.hbs
Normal file
|
|
@ -0,0 +1,32 @@
|
|||
<section
|
||||
class='tab {{tabs.traits.cssClass}} {{tabs.traits.id}}'
|
||||
data-tab='{{tabs.traits.id}}'
|
||||
data-group='{{tabs.traits.group}}'
|
||||
>
|
||||
<div class="main-selections-container">
|
||||
<fieldset class="section-container">
|
||||
<legend>{{localize "DAGGERHEART.APPLICATIONS.CharacterCreation.traitIncreases"}} {{traits.nrSelected}}/{{traits.nrTotal}}</legend>
|
||||
<div class="traits-container">
|
||||
<fieldset class="section-inner-container">
|
||||
<legend>{{localize "DAGGERHEART.APPLICATIONS.CharacterCreation.suggestedTraits"}}</legend>
|
||||
<div class="suggested-traits-container">
|
||||
{{#each suggestedTraits}}
|
||||
<div class="suggested-trait-container">{{this}}</div>
|
||||
{{/each}}
|
||||
</div>
|
||||
<button class="action-button" data-action="useSuggestedTraits">{{localize "Use"}}</button>
|
||||
</fieldset>
|
||||
<div class="traits-inner-container">
|
||||
{{#each traits.values}}
|
||||
<div class="trait-container">
|
||||
<div>{{this.name}}</div>
|
||||
<select name="{{concat "traits." this.key ".value"}}" data-dtype="Number">
|
||||
{{selectOptions this.options selected=this.value valueAttr="key" labelAttr="value" blank=""}}
|
||||
</select>
|
||||
</div>
|
||||
{{/each}}
|
||||
</div>
|
||||
</div>
|
||||
</fieldset>
|
||||
</div>
|
||||
</section>
|
||||
Loading…
Add table
Add a link
Reference in a new issue