6a10138291
- Closes #1 - Adds cohort functionality and styles - Adds Cohort block view - Adds "Add Item" functionality - CSS design fixes
131 lines
4.4 KiB
HTML
131 lines
4.4 KiB
HTML
<form class="{{cssClass}}" autocomplete="off">
|
|
|
|
<header class="sheet-header">
|
|
<img class="profile-img" src="{{item.img}}" data-edit="img" title="{{item.name}}"/>
|
|
<div class="header-fields">
|
|
<h1 class="charname"><input name="name" type="text" value="{{item.name}}" placeholder="Name"/></h1>
|
|
</div>
|
|
</header>
|
|
|
|
<section class="flex-vertical">
|
|
|
|
<div class="label-stripe">Information</div>
|
|
|
|
<div>
|
|
You can add an additional type to a gang or expert by spending two crew upgrades.
|
|
<br>
|
|
When a cohort performs actions for which its types apply, it uses its full quality rating. Otherwise, its quality is zero. A given cohort can have up to two types.
|
|
Some crew upgrades will add the “Elite” feature to a gang, which gives them +1d when they roll for a given Type.
|
|
</div>
|
|
</section>
|
|
|
|
<section class="flex-vertical">
|
|
|
|
<div class="label-stripe">Cohort Type</div>
|
|
|
|
<div id="cohort-type-list">
|
|
{{#each data.cohort_list as |cohort key|}}
|
|
{{#multiboxes ../data.cohort}}
|
|
<label for="{{key}}-cohort">{{cohort.label}}</label>
|
|
<input id="{{key}}-cohort" type="radio" name="data.cohort" value="{{key}}">
|
|
{{/multiboxes}}
|
|
{{/each}}
|
|
</div>
|
|
</section>
|
|
|
|
<section id="gang-expert-type-selector" class="flex-vertical">
|
|
{{#eq data.cohort.[0] "Gang"}}
|
|
|
|
<div class="label-stripe">Gang Type</div>
|
|
<div id="gang-type-boxes" class="flex-horizontal">
|
|
{{#multiboxes ../data.gang_type}}
|
|
{{#each ../../data.gang_type_list as |gang_type key|}}
|
|
<input id="gang-type-{{key}}" type="checkbox" name="data.gang_type" value="{{key}}">
|
|
<label for="gang-type-{{key}}">{{gang_type.label}}</label>
|
|
{{/each}}
|
|
{{/multiboxes}}
|
|
</div>
|
|
<div id="selected-gang-description" class="description">
|
|
{{#each ../data.gang_type as |gang_type key|}}
|
|
{{#with (lookup ../../data.gang_type_list gang_type)}}
|
|
{{description}}
|
|
{{/with}}
|
|
{{/each}}
|
|
</div>
|
|
|
|
{{/eq}}
|
|
|
|
{{#eq data.cohort.[0] "Expert"}}
|
|
<div class="label-stripe">Expert Type</div>
|
|
<input type="text" name="data.expert_type" value="{{../data.expert_type}}">
|
|
{{/eq}}
|
|
</section>
|
|
|
|
{{!-- Scale and Quality if attached to Actor --}}
|
|
{{#if data.quality}}
|
|
<section id="quality-scale" class="flex-vertical">
|
|
<div class="label-stripe">Scale and quality</div>
|
|
<div>Quality: {{data.quality}}</div>
|
|
<div>Scale: {{data.scale}}</div>
|
|
</section>
|
|
{{/if}}
|
|
|
|
{{!-- Edges and Flaws --}}
|
|
<section id="edges-flaws" class="flex-vertical">
|
|
|
|
<div class="label-stripe">Choose one or two edges and an equal number of flaws</div>
|
|
|
|
<div class="flex-horizontal">
|
|
|
|
<div class="edgeflaw-container flex-vertical">
|
|
<div class="label-stripe">Edges</div>
|
|
{{#each data.edges_list as |edge key|}}
|
|
{{#multiboxes ../data.edges}}
|
|
<div class="edgeflaw flex-horizontal">
|
|
<input id="edge-{{key}}" type="checkbox" name="data.edges" value="{{key}}">
|
|
<label for="edge-{{key}}">{{edge.label}}</label>
|
|
</div>
|
|
{{/multiboxes}}
|
|
{{/each}}
|
|
</div>
|
|
|
|
<div class="edgeflaw-container flex-vertical">
|
|
<div class="label-stripe">Flaws</div>
|
|
{{#each data.flaws_list as |flaw key|}}
|
|
{{#multiboxes ../data.flaws}}
|
|
<div class="edgeflaw flex-horizontal">
|
|
<input id="flaw-{{key}}" type="checkbox" name="data.flaws" value="{{key}}">
|
|
<label for="flaw-{{key}}">{{flaw.label}}</label>
|
|
</div>
|
|
{{/multiboxes}}
|
|
{{/each}}
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
</section>
|
|
|
|
<section id="cohort-harm" class="flex-vertical">
|
|
<div class="label-stripe">Harm</div>
|
|
<div id="harm-list" class="flex-horizontal">
|
|
{{#multiboxes data.harm}}
|
|
{{#each data.harm_list as |harm harm_key|}}
|
|
<input id="{{harm_key}}-harm" type="radio" name="data.harm" value="{{harm_key}}">
|
|
<label for="{{harm_key}}-harm">{{harm.label}}</label>
|
|
{{/each}}
|
|
{{/multiboxes}}
|
|
</div>
|
|
</section>
|
|
|
|
<section>
|
|
<input id="cohort-armor" type="checkbox" name="data.armor" value="{{data.armor}}" {{checked data.armor}}>
|
|
<label for="cohort-armor">Armor</label>
|
|
</section>
|
|
|
|
<section class="sheet-body flex-vertical">
|
|
<div class="label-stripe">Description</div>
|
|
<textarea name="data.description">{{data.description}}</textarea>
|
|
</section>
|
|
</form>
|