erebus
2e389704ea
Finishing v0.0.3 Layout fixes Added support for rolling skill on spells Fixed migration Cleaned up the code Fixed Hjältarnas Tid skill error, updated layout, fixed buttons not working Fixed right click menu for weapons Added roll dialog and exceptional rolls Updated skills styling Co-Authored-By: erebus <erebus@rikspolisen.se> Co-Committed-By: erebus <erebus@rikspolisen.se>
66 lines
3.9 KiB
HTML
66 lines
3.9 KiB
HTML
<div class="skills-tab border scroll-y grid-container" style="grid-template-columns: 1fr 1fr; border-top: none;">
|
|
<div class="skills border">
|
|
<h1 style="margin-bottom: 0; grid-column: 1/4;">{{localize "SKILL.BASE"}}</h1>
|
|
<ul class="items">
|
|
<ul class="items-list">
|
|
{{#each actor.skills as |skill key|}}
|
|
{{#if skill.hasBase}}
|
|
<li class="item-skill 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>
|
|
<div style="align-self: flex-end; margin-top: auto; margin-bottom: auto;">
|
|
<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" 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-skill 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>
|
|
<div style="align-self: flex-end; margin-top: auto; margin-bottom: auto;">
|
|
<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-skill 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>
|
|
<div style="align-self: flex-end; margin-top: auto; margin-bottom: auto;">
|
|
<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> |