Final v0.0.2
This commit is contained in:
@@ -1,19 +1,19 @@
|
||||
<form class="{{cssClass}}" autocomplete="off">
|
||||
<div class="character">
|
||||
<div class="header grid-container" style="grid-template-columns: auto auto 1.7fr 2fr;">
|
||||
<div class="header grid-container" style="grid-template-columns: auto auto 1fr auto 1fr; margin-bottom: 10px;">
|
||||
<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}}" />
|
||||
<h1 class="charname" style="margin-bottom: 0;grid-column: 3/6;"><input name="name" type="text" value="{{actor.name}}" placeholder="{{localize "BIO.NAME"}}" /></h1>
|
||||
|
||||
<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.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.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" />
|
||||
@@ -34,35 +34,11 @@
|
||||
<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="main">{{localize "TAB.MAIN"}}</b>
|
||||
<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>
|
||||
@@ -70,14 +46,12 @@
|
||||
</div>
|
||||
|
||||
<div class="sheet-body">
|
||||
<div class="tab" data-group="primary" data-tab="main">
|
||||
{{> systems/kopparhavet/templates/parts/actor/main.html}}
|
||||
</div>
|
||||
<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>
|
||||
|
||||
51
templates/actors/ht-adversary-sheet.html
Normal file
51
templates/actors/ht-adversary-sheet.html
Normal file
@@ -0,0 +1,51 @@
|
||||
<form class="{{cssClass}}" autocomplete="off">
|
||||
<div class="adversary">
|
||||
<div class="header grid-container" style="grid-template-columns: auto 1fr auto 1fr auto;margin-bottom: 5px">
|
||||
<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/6;"><input name="name" type="text" value="{{actor.name}}" placeholder="{{localize "BIO.NAME"}}" /></h1>
|
||||
|
||||
<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>
|
||||
|
||||
<div class="sheet-tabs tabs flex row" data-group="primary">
|
||||
<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="note">{{localize "TAB.NOTE"}}</b>
|
||||
</div>
|
||||
|
||||
<div class="sheet-body">
|
||||
<div class="tab" data-group="primary" data-tab="combat">
|
||||
{{> systems/kopparhavet/templates/parts/actor/ht-combat.html}}
|
||||
</div>
|
||||
<div class="tab" data-group="primary" data-tab="talent">
|
||||
{{> systems/kopparhavet/templates/parts/actor/talent.html}}
|
||||
</div>
|
||||
<div class="tab border note" data-group="primary" data-tab="note" style="height: 100%; border-top: none;">
|
||||
{{editor content=data.bio.note.value target="data.bio.note.value" button=true owner=owner editable=editable}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
68
templates/actors/ht-character-sheet.html
Normal file
68
templates/actors/ht-character-sheet.html
Normal file
@@ -0,0 +1,68 @@
|
||||
<form class="{{cssClass}}" autocomplete="off">
|
||||
<div class="character">
|
||||
<div class="header grid-container" style="grid-template-columns: auto auto 1fr auto 1fr; margin-bottom: 10px;">
|
||||
<div class="avatar flex-group-center" style="grid-row: 1/8;">
|
||||
<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/6;"><input name="name" type="text" value="{{actor.name}}" placeholder="{{localize "BIO.NAME"}}" /></h1>
|
||||
|
||||
<label style="margin: auto;">{{localize data.bio.nickname.label}}:</label>
|
||||
<input name="data.bio.nickname.value" style="grid-column: 3/6;" type="text" value="{{data.bio.nickname.value}}" placeholder="{{localize data.bio.nickname.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.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.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>
|
||||
|
||||
<div class="sheet-tabs tabs flex row" data-group="primary">
|
||||
<b class="item" data-tab="main">{{localize "TAB.MAIN"}}</b>
|
||||
<b class="item" data-tab="skills">{{localize "TAB.SKILLS"}}</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="note">{{localize "TAB.NOTE"}}</b>
|
||||
</div>
|
||||
|
||||
<div class="sheet-body">
|
||||
<div class="tab" data-group="primary" data-tab="main">
|
||||
{{> systems/kopparhavet/templates/parts/actor/ht-main.html}}
|
||||
</div>
|
||||
<div class="tab" data-group="primary" data-tab="skills">
|
||||
{{> systems/kopparhavet/templates/parts/actor/ht-skills.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 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>
|
||||
68
templates/parts/actor/ht-combat.html
Normal file
68
templates/parts/actor/ht-combat.html
Normal file
@@ -0,0 +1,68 @@
|
||||
<div class="border grid-container" style="height: 100%; border-top: none; grid-template-columns: 1fr 1fr; grid-template-rows: auto 1fr;">
|
||||
<div class="combat border">
|
||||
<ul class="items">
|
||||
<ul class="items-list">
|
||||
<li class="item flexrow">
|
||||
<div class="item-name" style="flex-grow: 8;">{{localize "MOD.INIT"}}</div>
|
||||
<div class="item-value" style="flex: none;"><input name="data.combat.init" class="skill-value" type="number" value="{{data.combat.init}}" data-dtype="Number" /></div>
|
||||
</li>
|
||||
|
||||
<li class="item flexrow">
|
||||
<div class="item-name roll-defence rollable" data-defence="{{data.combat.defence}}" style="flex-grow: 8;">{{localize "ADVERSARY.DEFENCE"}}</div>
|
||||
<div class="item-value" style="flex: none;"><input name="data.combat.defence" class="skill-value" type="text" value="{{data.combat.defence}}" /></div>
|
||||
</li>
|
||||
|
||||
<li class="item flexrow">
|
||||
<div class="item-name roll-adversary-armor rollable" data-armor="{{data.combat.armor}}" style="flex-grow: 8;">{{localize "ITEM.DEFENCE"}}</div>
|
||||
<div class="item-value" style="flex: none;"><input name="data.combat.armor" class="skill-value" type="text" value="{{data.combat.armor}}" /></div>
|
||||
</li>
|
||||
</ul>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="talents border" style="grid-row: 1/3; grid-column-start: 2;">
|
||||
<h1 style="margin-bottom: 0; grid-column: 1/4;">{{localize "TAB.SKILLS"}}</h1>
|
||||
<ul class="items">
|
||||
<ul class="items-list">
|
||||
{{#each actor.skills as |skill key|}}
|
||||
<li class="item flexrow" data-item-id="{{skill._id}}">
|
||||
<div class="item-name roll-skill rollable" style="flex-grow: 8;">{{skill.name}}</div>
|
||||
<div class="item-value" style="flex: none;"><input class="skill-value" type="number" value="{{skill.data.value}}" min="0" data-item-id="{{skill._id}}" data-dtype="Number" /></div>
|
||||
</li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="attacks border">
|
||||
<ul class="items">
|
||||
<li class="items-header flexrow">
|
||||
<div class="header-name">{{localize "ITEM.ATTACK"}}</div>
|
||||
<div class="">{{localize "ITEM.SKILL"}}</div>
|
||||
<div>{{localize "ITEM.DAMAGE"}}</div>
|
||||
<div></div>
|
||||
</li>
|
||||
|
||||
<ul class="items-list">
|
||||
{{#each actor.attacks as |item key|}}
|
||||
<li class="item flexrow" data-item-id="{{item._id}}" data-ability="{{item.data.skill.value}}">
|
||||
<div class="item-name">{{item.name}}</div>
|
||||
<div class="skill-roll">
|
||||
<div class="roll-button">
|
||||
<div class="roll-adversary-attack rollable">{{item.data.skill.value}}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="skill-roll">
|
||||
<div class="roll-button">
|
||||
<div class="roll-damage rollable">{{item.data.damage.value}}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-controls">
|
||||
<a class="item-control item-edit" title="Edit Item"><i class="fas fa-edit"></i></a>
|
||||
<a class="item-control item-delete" title="Delete Item"><i class="fas fa-trash"></i></a>
|
||||
</div>
|
||||
</li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
99
templates/parts/actor/ht-main.html
Normal file
99
templates/parts/actor/ht-main.html
Normal file
@@ -0,0 +1,99 @@
|
||||
<div class="bio-tab border scroll-y" style="height: 100%; border-top: none;">
|
||||
<div class="grid-container" style="height: fit-content; border-top: none; grid-template-rows: 1fr auto auto; grid-template-columns: 1fr 1fr;">
|
||||
<div class="border grid-container" style="height: 100%; grid-row: 1/4; grid-template-rows: auto 1fr; height: fit-content; min-height: 200px;">
|
||||
<h2 style="margin-bottom: 0;">{{localize data.bio.appearance.label}}</h2>
|
||||
<div class="description">
|
||||
{{editor content=data.bio.appearance.value target="data.bio.appearance.value" button=true owner=owner editable=editable}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="border grid-container" style="grid-column-gap: 5px; grid-template-columns: 1fr auto; max-height: 163px;">
|
||||
<h2 style="margin-bottom: 0; grid-column: 1/3;">{{localize "HT.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 class="border">
|
||||
<header class="relation-header" >
|
||||
<h2 class="grid-container" style="margin-bottom: 0; grid-template-columns: 2fr 1fr auto;">
|
||||
{{localize "HT.RELATIONSHIP.TITLE"}}
|
||||
<div></div>
|
||||
<a class="relation-control" data-action="create"><i class="fas fa-plus"></i></a>
|
||||
</h2>
|
||||
</header>
|
||||
<ol class="relation-list" style="padding: 0;">
|
||||
{{#each data.relationships as |attr key|}}
|
||||
<li class="relation grid-container" style="grid-template-columns: 2fr auto auto;" data-attribute="{{key}}">
|
||||
<input class="relation-key" type="text" name="data.relationships.{{key}}.key" value="{{key}}" style="display: none;" />
|
||||
<input class="relation-value" type="text" name="data.relationships.{{key}}.value" value="{{attr.value}}" />
|
||||
<a style="margin: auto 10px;" class="relation-click {{#if attr.check}}active{{/if}}">
|
||||
<i class="far {{#if attr.check}}fa-times-circle{{else}}fa-circle{{/if}}"></i>
|
||||
</a>
|
||||
<a style="margin: auto;" class="relation-control" data-action="delete"><i class="fas fa-trash"></i></a>
|
||||
</li>
|
||||
{{/each}}
|
||||
</ol>
|
||||
</div>
|
||||
<div class="border">
|
||||
<header class="learning-header" >
|
||||
<h2 class="grid-container" style="margin-bottom: 0; grid-template-columns: 2fr 1fr auto;">
|
||||
{{localize "LEARNING.TITLE"}}
|
||||
<div></div>
|
||||
<a class="learning-control" data-action="create"><i class="fas fa-plus"></i></a>
|
||||
</h2>
|
||||
</header>
|
||||
<ol class="learning-list" style="padding: 0;">
|
||||
{{#each data.learning as |attr key|}}
|
||||
<li class="learning grid-container" style="grid-template-columns: 2fr auto auto;" data-attribute="{{key}}">
|
||||
<input class="learning-key" type="text" name="data.learning.{{key}}.key" value="{{key}}" style="display: none;" />
|
||||
<input style="margin-top: auto; margin-bottom: auto;" class="learning-value" type="text" name="data.learning.{{key}}.value" value="{{attr.value}}" />
|
||||
<div class="grid-container" style="margin: auto 10px; grid-template-rows: auto auto; grid-template-columns: auto auto auto auto;">
|
||||
<a data-num="one" class="learning-click {{#if attr.one}}active{{/if}}">
|
||||
<i class="far {{#if attr.one}}fa-times-circle{{else}}fa-circle{{/if}}"></i>
|
||||
</a>
|
||||
<a data-num="two" class="learning-click {{#if attr.two}}active{{/if}}">
|
||||
<i class="far {{#if attr.two}}fa-times-circle{{else}}fa-circle{{/if}}"></i>
|
||||
</a>
|
||||
<a data-num="three" class="learning-click {{#if attr.three}}active{{/if}}">
|
||||
<i class="far {{#if attr.three}}fa-times-circle{{else}}fa-circle{{/if}}"></i>
|
||||
</a>
|
||||
<a data-num="four" class="learning-click {{#if attr.four}}active{{/if}}">
|
||||
<i class="far {{#if attr.four}}fa-times-circle{{else}}fa-circle{{/if}}"></i>
|
||||
</a>
|
||||
<a data-num="five" class="learning-click {{#if attr.five}}active{{/if}}">
|
||||
<i class="far {{#if attr.five}}fa-times-circle{{else}}fa-circle{{/if}}"></i>
|
||||
</a>
|
||||
<a data-num="six" class="learning-click {{#if attr.six}}active{{/if}}">
|
||||
<i class="far {{#if attr.six}}fa-times-circle{{else}}fa-circle{{/if}}"></i>
|
||||
</a>
|
||||
<a data-num="seven" class="learning-click {{#if attr.seven}}active{{/if}}">
|
||||
<i class="far {{#if attr.seven}}fa-times-circle{{else}}fa-circle{{/if}}"></i>
|
||||
</a>
|
||||
<a data-num="eight" class="learning-click {{#if attr.eight}}active{{/if}}">
|
||||
<i class="far {{#if attr.eight}}fa-times-circle{{else}}fa-circle{{/if}}"></i>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
<a style="margin: auto;" class="learning-control" data-action="delete"><i class="fas fa-trash"></i></a>
|
||||
</li>
|
||||
{{/each}}
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
46
templates/parts/actor/ht-skills.html
Normal file
46
templates/parts/actor/ht-skills.html
Normal file
@@ -0,0 +1,46 @@
|
||||
<div class="skills-tab border scroll-y grid-container" style="grid-template-columns: 1fr 1fr; border-top: none;">
|
||||
<div class="skills border" style="grid-column: 2; grid-row: 1/5;">
|
||||
<h1 style="margin-bottom: 0; grid-column: 1/4;">{{localize "SKILL.ADVENTURE"}}</h1>
|
||||
<ul class="items">
|
||||
<ul class="items-list">
|
||||
{{#each actor.skills as |skill key|}}
|
||||
{{#if skill.hasAdventure}}
|
||||
<li class="item flexrow" data-item-id="{{skill._id}}">
|
||||
<div class="item-name roll-skill" style="flex-grow: 8;">{{skill.name}}</div>
|
||||
<div class="item-value" style="flex: none;"><input class="skill-value" type="number" value="{{skill.data.value}}" min="0" data-item-id="{{skill._id}}" data-dtype="Number" /></div>
|
||||
<div style="align-self: flex-end">
|
||||
<a style="margin: auto;" class="click-skill {{#if skill.data.used}}active{{/if}}" data-item-id="{{skill._id}}">
|
||||
<i class="far {{#if skill.data.used}}fa-times-circle{{else}}fa-circle{{/if}}"></i>
|
||||
</a>
|
||||
</div>
|
||||
</li>
|
||||
{{/if}}
|
||||
{{/each}}
|
||||
</ul>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="skills border">
|
||||
<h1 style="margin-bottom: 0; grid-column: 1/4;">{{localize "SKILL.COMBAT"}}</h1>
|
||||
<ul class="items">
|
||||
<ul class="items-list">
|
||||
{{#each actor.skills as |skill key|}}
|
||||
{{#if skill.hasCombat}}
|
||||
<li class="item flexrow" data-item-id="{{skill._id}}">
|
||||
<div class="item-name roll-skill" style="flex-grow: 8;">{{skill.name}}</div>
|
||||
<div class="item-value" style="flex: none;"><input class="skill-value" type="number" value="{{skill.data.value}}" min="0" data-item-id="{{skill._id}}" data-dtype="Number" /></div>
|
||||
<div style="align-self: flex-end">
|
||||
<a style="margin: auto;" class="click-skill {{#if skill.data.used}}active{{/if}}" data-item-id="{{skill._id}}">
|
||||
<i class="far {{#if skill.data.used}}fa-times-circle{{else}}fa-circle{{/if}}"></i>
|
||||
</a>
|
||||
</div>
|
||||
</li>
|
||||
{{/if}}
|
||||
{{/each}}
|
||||
</ul>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="skills border grid-container" style="grid-column-gap: 5px; grid-template-columns: 1fr;">
|
||||
<h1 style="grid-column: unset;">{{localize data.languages.label}}</h1>
|
||||
<input name="data.languages.value" type="text" value="{{data.languages.value}}" />
|
||||
</div>
|
||||
</div>
|
||||
78
templates/parts/actor/main.html
Normal file
78
templates/parts/actor/main.html
Normal file
@@ -0,0 +1,78 @@
|
||||
<div class="bio-tab border scroll-y" style="height: 100%; border-top: none;">
|
||||
<div class="grid-container" style="height: fit-content; border-top: none; grid-template-rows: 1fr auto; grid-template-columns: 1fr 1fr;">
|
||||
<div class="border grid-container" style="height: 100%; grid-row: 1/4; grid-template-rows: auto 1fr; height: fit-content; min-height: 200px;">
|
||||
<h2 style="margin-bottom: 0;">{{localize data.bio.appearance.label}}</h2>
|
||||
<div class="description">
|
||||
{{editor content=data.bio.appearance.value target="data.bio.appearance.value" button=true owner=owner editable=editable}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="border grid-container" style="grid-column-gap: 5px; grid-template-columns: 1fr auto; max-height: 163px;">
|
||||
<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 class="border">
|
||||
<header class="learning-header" >
|
||||
<h2 class="grid-container" style="margin-bottom: 0; grid-template-columns: 2fr 1fr auto;">
|
||||
{{localize "LEARNING.TITLE"}}
|
||||
<div></div>
|
||||
<a class="learning-control" data-action="create"><i class="fas fa-plus"></i></a>
|
||||
</h2>
|
||||
</header>
|
||||
<ol class="learning-list" style="padding: 0;">
|
||||
{{#each data.learning as |attr key|}}
|
||||
<li class="learning grid-container" style="grid-template-columns: 2fr auto auto;" data-attribute="{{key}}">
|
||||
<input class="learning-key" type="text" name="data.learning.{{key}}.key" value="{{key}}" style="display: none;" />
|
||||
<input style="margin-top: auto; margin-bottom: auto;" class="learning-value" type="text" name="data.learning.{{key}}.value" value="{{attr.value}}" />
|
||||
<div class="grid-container" style="margin: auto 10px; grid-template-rows: auto auto; grid-template-columns: auto auto auto auto;">
|
||||
<a data-num="one" class="learning-click {{#if attr.one}}active{{/if}}">
|
||||
<i class="far {{#if attr.one}}fa-times-circle{{else}}fa-circle{{/if}}"></i>
|
||||
</a>
|
||||
<a data-num="two" class="learning-click {{#if attr.two}}active{{/if}}">
|
||||
<i class="far {{#if attr.two}}fa-times-circle{{else}}fa-circle{{/if}}"></i>
|
||||
</a>
|
||||
<a data-num="three" class="learning-click {{#if attr.three}}active{{/if}}">
|
||||
<i class="far {{#if attr.three}}fa-times-circle{{else}}fa-circle{{/if}}"></i>
|
||||
</a>
|
||||
<a data-num="four" class="learning-click {{#if attr.four}}active{{/if}}">
|
||||
<i class="far {{#if attr.four}}fa-times-circle{{else}}fa-circle{{/if}}"></i>
|
||||
</a>
|
||||
<a data-num="five" class="learning-click {{#if attr.five}}active{{/if}}">
|
||||
<i class="far {{#if attr.five}}fa-times-circle{{else}}fa-circle{{/if}}"></i>
|
||||
</a>
|
||||
<a data-num="six" class="learning-click {{#if attr.six}}active{{/if}}">
|
||||
<i class="far {{#if attr.six}}fa-times-circle{{else}}fa-circle{{/if}}"></i>
|
||||
</a>
|
||||
<a data-num="seven" class="learning-click {{#if attr.seven}}active{{/if}}">
|
||||
<i class="far {{#if attr.seven}}fa-times-circle{{else}}fa-circle{{/if}}"></i>
|
||||
</a>
|
||||
<a data-num="eight" class="learning-click {{#if attr.eight}}active{{/if}}">
|
||||
<i class="far {{#if attr.eight}}fa-times-circle{{else}}fa-circle{{/if}}"></i>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
<a style="margin: auto;" class="learning-control" data-action="delete"><i class="fas fa-trash"></i></a>
|
||||
</li>
|
||||
{{/each}}
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user