Big Species Update

All manner of Species updates, as well as some new CSS for journal entries and rollable tables.
This commit is contained in:
professorbunbury 2020-08-31 16:32:00 -04:00
parent 60c587024f
commit ebc70539ff
376 changed files with 5339 additions and 51 deletions

View file

@ -16,7 +16,7 @@
<ul class="summary">
<li>
<input type="text" name="data.source" value="{{data.source}}" placeholder="{{ localize 'SW5E.Source' }}"/>
<input type="text" name="data.source" value="{{data.source}}" placeholder="Source"/>
</li>
</ul>
</div>
@ -24,8 +24,8 @@
{{!-- Item Sheet Navigation --}}
<nav class="sheet-navigation tabs" data-group="primary">
<a class="item active" data-tab="description">{{ localize "SW5E.Description" }}</a>
<a class="item" data-tab="species-traits">{{ localize "SW5E.SpeciesTraits" }}</a>
<a class="item active" data-tab="description">Description</a>
<a class="item" data-tab="species-traits">Species Traits</a>
</nav>
{{!-- Item Sheet Body --}}
@ -34,65 +34,66 @@
{{!-- Description Tab --}}
<div class="tab description flexcol" data-group="primary" data-tab="description">
<table style="background-color: #c2e0f4; border-color: #3598db; border-style: solid; height: 217px; width: 520px; word-wrap: break-word;" border="1">
<table id="characteristics-table" style="background-color: #c2e0f4; border-color: #3598db; border-style: solid; height: 217px; width: 630px; word-wrap: break-word;" border="1">
<tbody>
<tr style="height: 17px; background-color: #ced4d9;">
<th style="text-align: left; height: 17px; width: 350px;" colspan="4">VISUAL CHARACTERISTICS</th>
</tr>
<tr style="height: 17px; border-style: none;">
<td style="border-style: none; height: 17px; width: 148px;"><em>Skin Color</em></td>
<tr class="nondroidtr" style="height: 17px; border-style: none;">
<td style="border-style: none; height: 17px; width: 148px;"><em><strong>Skin Color</strong></em></td>
<td style="border-style: none; height: 17px; width: 20px;">&nbsp;</td>
<td style="border-style: none; width: 154px; height: 17px;"><input name="data.skinColorOptions.value" type="text" value="{{data.skinColorOptions.value}}" placeholder="{{ localize SW5E.skinColorOptions }}"/></td>
<td style="border-style: none; height: 17px; width: 150px;">&nbsp;</td>
</tr>
<tr style="border-style: none; height: 17px; background-color: #ced4d9;">
<td style="border-style: none; height: 17px; width: 148px;"><em>Hair Color</em></td>
<tr class="nondroidtr" style="border-style: none; height: 17px; background-color: #ced4d9;">
<td style="border-style: none; height: 17px; width: 148px;"><em><strong>Hair Color</strong></em></td>
<td style="border-style: none; height: 17px; width: 20px;">&nbsp;</td>
<td style="border-style: none; width: 154px; height: 17px;"><input name="data.hairColorOptions.value" type="text" value="{{data.hairColorOptions.value}}" placeholder="{{ localize SW5E.hairColorOptions }}"/></td>
<td style="border-style: none; height: 17px; width: 150px;">&nbsp;</td>
</tr>
<tr style="height: 17px;">
<td style="border-style: none; height: 17px; width: 148px;"><em>Eye Color</em></td>
<tr class="nondroidtr" style="height: 17px;">
<td style="border-style: none; height: 17px; width: 148px;"><em><strong>Eye Color</strong></em></td>
<td style="border-style: none; height: 17px; width: 20px;">&nbsp;</td>
<td style="border-style: none; width: 154px; height: 17px;"><input name="data.eyeColorOptions.value" type="text" value="{{data.eyeColorOptions.value}}" placeholder="{{ localize SW5E.eyeColorOptions }}"/></td>
<td style="border-style: none; height: 17px; width: 150px;">&nbsp;</td>
</tr>
<tr style="border-style: none; height: 17px; background-color: #ced4d9; text-wrap: normal;">
<td style="border-style: none; height: 17px; width: 148px;"><em>Distinctions</em></td>
<tr style="border-style: none; height: 17px; background-color: #ced4d9;">
<td style="border-style: none; height: 17px; width: 148px;"><em><strong>Distinctions</strong></em></td>
<td style="border-style: none; height: 17px; width: 20px;">&nbsp;</td>
<td style="border-style: none; text-wrap: normal; width: 154px; height: 17px;" colspan="2"><input text-wrap="break-word" name="data.distinctions.value" type="text" value="{{data.distinctions.value}}" placeholder="{{ localize SW5E.distinctions }}"/></td>
<td style="border-style: none; width: 154px; height: 17px;" colspan="2"><input name="data.distinctions.value" type="text" value="{{data.distinctions.value}}" placeholder="{{ localize SW5E.distinctions }}"/></td>
</tr>
<tr style="background-color: #ced4d9;">
<th style="text-align: left; height: 17px; width: 519px;" colspan="4">PHYSICAL CHARACTERISTICS</th>
</tr>
<tr style="height: 17px;">
<td style="border-style: none; height: 17px; width: 148px;"><em>Height</em></td>
<td style="border-style: none; height: 17px; width: 148px;"><em><strong>Height</strong></em></td>
<td style="border-style: none; height: 17px; width: 20px;">&nbsp;</td>
<td style="text-align: center; border-style: none; width: 155px; height: 17px;"><input name="data.heightAverage.value" type="text" value="{{data.heightAverage.value}}" placeholder="5'2&rdquo;"/></td>
<td style="text-align: center; border-style: none; height: 17px; width: 151px;"><input name="data.heightRollMod.value" type="text" value="{{data.heightRollMod.value}}" placeholder="+1d4&rdquo;"/></td>
</tr>
<tr style="background-color: #ced4d9;">
<td style="border-style: none; height: 17px; width: 148px; background-color: #ced4d9;"><em>Weight</em></td>
<td style="border-style: none; height: 17px; width: 148px; background-color: #ced4d9;"><em><strong>Weight</strong></em></td>
<td style="border-style: none; height: 17px; width: 20px;">&nbsp;</td>
<td style="text-align: center; border-style: none; width: 155px; height: 17px;"><input name="data.weightAverage.value" type="text" value="{{data.weightAverage.value}}" placeholder="100 lb."/></td>
<td style="text-align: center; border-style: none; height: 17px; width: 151px;"><input name="data.weightRollMod.value" type="text" value="{{data.weightRollMod.value}}" placeholder="x(1d4) lb."/></td>
</tr>
<tr style="background-color: #ced4d9;">
<tr class="nondroidtr" style="background-color: #ced4d9;">
<th style="text-align: left; height: 17px; width: 519px;" colspan="4">SOCIOCULTURAL CHARACTERISTICS</th>
</tr>
<tr style="height: 17px;">
<td style="border-style: none; height: 17px; width: 148px;"><em>Homeworld</em></td>
</tr>
<tr class="nondroidtr" style="height: 17px;">
<td style="border-style: none; height: 17px; width: 148px;"><em><strong>Homeworld</strong></em></td>
<td style="border-style: none; height: 17px; width: 20px;">&nbsp;</td>
<td style="border-style: none; width: 154px; height: 17px;" colspan="2"><input name="data.homeworld.value" type="text" value="{{data.homeworld.value}}" placeholder="{{ localize SW5E.homeworld }}"/></td>
</tr>
<tr style="background-color: #ced4d9;">
<td style="border-style: none; height: 17px; width: 148px;"><em>Language</em></td>
<tr class="nondroidtr" style="background-color: #ced4d9;">
<td style="border-style: none; height: 17px; width: 148px;"><em><strong>Language</strong></em></td>
<td style="border-style: none; height: 17px; width: 20px;">&nbsp;</td>
<td style="border-style: none; width: 154px; height: 17px;" colspan="2"><input name="data.slanguage.value" type="text" value="{{data.slanguage.value}}" placeholder="{{ localize SW5E.slanguage }}"/></td>
</tr>
</tr>
</tbody>
</table>
<div id="species-description">
<p>
<!--Species Description-->
@ -103,14 +104,10 @@
{{!-- Traits Tab --}}
<div class="tab species-traits flexcol" data-group="primary" data-tab="species-traits">
<span id="Traits"><h2>{{item.name}} Traits</h2>
<div id="species traits" class="tab species-traits flexcol" data-group="primary" data-tab="species-traits">
<span id="Traits"><h2>{{item.name}} TRAITS</h2>
<p>As a/an {{item.name}}, you have the following special traits.<br>
<ul style="list-style-type:none;">
{{#each data.traits as | d t |}}
<li><em><strong>{{t}}</strong></em>. {{{desc}}}</li>
{{/each}}
</ul>
{{editor content=data.traits.value target="data.traits.value" button=true editable=editable}}
</span>
</div>

View file

@ -0,0 +1,120 @@
<form class="{{cssClass}} flexcol" autocomplete="off">
{{!-- Item Sheet Header --}}
<header class="sheet-header flexrow">
<img class="profile" src="{{item.img}}" title="{{item.name}}" data-edit="img"/>
<div class="header-details flexrow">
<h1 class="charname">
<input name="name" type="text" value="{{item.name}}" placeholder="{{ localize 'SW5E.ItemName' }}"/>
</h1>
<div class="item-subtitle">
<h4 class="item-type">{{itemType}}</h4>
<span class="item-status">{{itemStatus}}</span>
</div>
<ul class="summary">
<li>
<input type="text" name="data.source" value="{{data.source}}" placeholder="{{ localize 'SW5E.Source' }}"/>
</li>
</ul>
</div>
</header>
{{!-- Item Sheet Navigation --}}
<nav class="sheet-navigation tabs" data-group="primary">
<a class="item active" data-tab="description">{{ localize "SW5E.Description" }}</a>
<a class="item" data-tab="species-traits">{{ localize "SW5E.SpeciesTraits" }}</a>
</nav>
{{!-- Item Sheet Body --}}
<section class="sheet-body">
{{!-- Description Tab --}}
<div class="tab description flexcol" data-group="primary" data-tab="description">
<table style="background-color: #c2e0f4; border-color: #3598db; border-style: solid; height: 217px; width: 520px; word-wrap: break-word;" border="1">
<tbody>
<tr style="height: 17px; background-color: #ced4d9;">
<th style="text-align: left; height: 17px; width: 350px;" colspan="4">VISUAL CHARACTERISTICS</th>
</tr>
<tr style="height: 17px; border-style: none;">
<td style="border-style: none; height: 17px; width: 148px;"><em>Skin Color</em></td>
<td style="border-style: none; height: 17px; width: 20px;">&nbsp;</td>
<td style="border-style: none; width: 154px; height: 17px;"><input name="data.skinColorOptions.value" type="text" value="{{data.skinColorOptions.value}}" placeholder="{{ localize SW5E.skinColorOptions }}"/></td>
<td style="border-style: none; height: 17px; width: 150px;">&nbsp;</td>
</tr>
<tr style="border-style: none; height: 17px; background-color: #ced4d9;">
<td style="border-style: none; height: 17px; width: 148px;"><em>Hair Color</em></td>
<td style="border-style: none; height: 17px; width: 20px;">&nbsp;</td>
<td style="border-style: none; width: 154px; height: 17px;"><input name="data.hairColorOptions.value" type="text" value="{{data.hairColorOptions.value}}" placeholder="{{ localize SW5E.hairColorOptions }}"/></td>
<td style="border-style: none; height: 17px; width: 150px;">&nbsp;</td>
</tr>
<tr style="height: 17px;">
<td style="border-style: none; height: 17px; width: 148px;"><em>Eye Color</em></td>
<td style="border-style: none; height: 17px; width: 20px;">&nbsp;</td>
<td style="border-style: none; width: 154px; height: 17px;"><input name="data.eyeColorOptions.value" type="text" value="{{data.eyeColorOptions.value}}" placeholder="{{ localize SW5E.eyeColorOptions }}"/></td>
<td style="border-style: none; height: 17px; width: 150px;">&nbsp;</td>
</tr>
<tr style="border-style: none; height: 17px; background-color: #ced4d9; text-wrap: normal;">
<td style="border-style: none; height: 17px; width: 148px;"><em>Distinctions</em></td>
<td style="border-style: none; height: 17px; width: 20px;">&nbsp;</td>
<td style="border-style: none; text-wrap: normal; width: 154px; height: 17px;" colspan="2"><input text-wrap="break-word" name="data.distinctions.value" type="text" value="{{data.distinctions.value}}" placeholder="{{ localize SW5E.distinctions }}"/></td>
</tr>
<tr style="background-color: #ced4d9;">
<th style="text-align: left; height: 17px; width: 519px;" colspan="4">PHYSICAL CHARACTERISTICS</th>
</tr>
<tr style="height: 17px;">
<td style="border-style: none; height: 17px; width: 148px;"><em>Height</em></td>
<td style="border-style: none; height: 17px; width: 20px;">&nbsp;</td>
<td style="text-align: center; border-style: none; width: 155px; height: 17px;"><input name="data.heightAverage.value" type="text" value="{{data.heightAverage.value}}" placeholder="5'2&rdquo;"/></td>
<td style="text-align: center; border-style: none; height: 17px; width: 151px;"><input name="data.heightRollMod.value" type="text" value="{{data.heightRollMod.value}}" placeholder="+1d4&rdquo;"/></td>
</tr>
<tr style="background-color: #ced4d9;">
<td style="border-style: none; height: 17px; width: 148px; background-color: #ced4d9;"><em>Weight</em></td>
<td style="border-style: none; height: 17px; width: 20px;">&nbsp;</td>
<td style="text-align: center; border-style: none; width: 155px; height: 17px;"><input name="data.weightAverage.value" type="text" value="{{data.weightAverage.value}}" placeholder="100 lb."/></td>
<td style="text-align: center; border-style: none; height: 17px; width: 151px;"><input name="data.weightRollMod.value" type="text" value="{{data.weightRollMod.value}}" placeholder="x(1d4) lb."/></td>
</tr>
<tr style="background-color: #ced4d9;">
<th style="text-align: left; height: 17px; width: 519px;" colspan="4">SOCIOCULTURAL CHARACTERISTICS</th>
</tr>
<tr style="height: 17px;">
<td style="border-style: none; height: 17px; width: 148px;"><em>Homeworld</em></td>
<td style="border-style: none; height: 17px; width: 20px;">&nbsp;</td>
<td style="border-style: none; width: 154px; height: 17px;" colspan="2"><input name="data.homeworld.value" type="text" value="{{data.homeworld.value}}" placeholder="{{ localize SW5E.homeworld }}"/></td>
</tr>
<tr style="background-color: #ced4d9;">
<td style="border-style: none; height: 17px; width: 148px;"><em>Language</em></td>
<td style="border-style: none; height: 17px; width: 20px;">&nbsp;</td>
<td style="border-style: none; width: 154px; height: 17px;" colspan="2"><input name="data.slanguage.value" type="text" value="{{data.slanguage.value}}" placeholder="{{ localize SW5E.slanguage }}"/></td>
</tr>
</tbody>
</table>
<div id="species-description">
<p>
<!--Species Description-->
{{editor content=data.description.value target="data.description.value" fontsize=12px button=true editable=editable}}
</p>
</div>
</div>
{{!-- Traits Tab --}}
<div class="tab species-traits flexcol" data-group="primary" data-tab="species-traits">
<span id="Traits"><h2>{{item.name}} Traits</h2>
<p>As a/an {{item.name}}, you have the following special traits.<br>
<ul style="list-style-type:none;">
{{#each data.traits as | d t |}}
<li><em><strong>{{t}}</strong></em>. {{{desc}}}</li>
{{/each}}
</ul>
</span>
</div>
</section>
</form>

View file

@ -0,0 +1,18 @@
<form class="{{cssClass}}" autocomplete="off">
<input name="name" type="text" value="{{entity.name}}" placeholder="Entry Title"/>
<select name="folder">
{{#select entity.folder}}
<option value=""></option>
{{#each folders}}
<option value="{{this.id}}">{{this.name}}</option>
{{/each}}
{{/select}}
</select>
{{editor content=entity.content target="content" button=true editable=editable owner=owner}}
{{#if editable}}
<button type="submit" name="submit"><i class="fas fa-feather-alt"></i> Save Entry</button>
{{/if}}
</form>

View file

@ -0,0 +1,144 @@
<form class="{{cssClass}}" autocomplete="off" onsubmit="event.preventDefault();">
<header class="sheet-header flexrow">
<h1 class="name">
<input type="text" name="name" value="{{entity.name}}" placeholder="Name"/>
</h1>
</header>
<div class="form-group stacked">
<label>{{ localize "TABLE.Description" }}</label>
<textarea name="description">{{ entity.description }}</textarea>
</div>
<div class="form-group">
<label>{{ localize "TABLE.Formula" }}</label>
<input type="text" name="formula" value="{{entity.formula}}" placeholder="Roll Formula"/>
</div>
<div class="form-group">
<label>{{ localize "TABLE.Replacement" }}</label>
<input type="checkbox" name="replacement" {{checked entity.replacement}}/>
</div>
<div class="form-group">
<label>{{ localize "TABLE.DisplayRoll" }}</label>
<input type="checkbox" name="displayRoll" {{checked entity.displayRoll}}/>
</div>
<!-- Roll Table Results Loop -->
<section class="results">
<ol class="table-results">
<li class="table-result table-header flexrow">
<div class="result-image">
<a class="create-result" title="{{ localize "TABLE.ResultCreate" }}">
<i class="fas fa-plus"></i>
</a>
</div>
<div class="result-type">
<label>{{ localize "TABLE.ResultType" }}</label>
</div>
<div class="result-details">
<label>{{ localize "TABLE.ResultDetails" }}</label>
</div>
<div class="result-weight">
<label>{{ localize "TABLE.ResultWeight" }}</label>
</div>
<div class="result-range">
<label>{{ localize "TABLE.ResultRange" }}</label>
</div>
{{#if owner}}
<div class="result-controls">
<a class="normalize-results" title="{{ localize "TABLE.Normalize" }}">
<i class="fas fa-balance-scale"></i>
</a>
</div>
{{/if}}
</li>
{{#each results as |result i|}}
<li class="table-result flexrow {{#if result.drawn}}drawn{{/if}}" data-result-id="{{result._id}}">
<input type="hidden" name="results.{{i}}._id" value="{{result._id}}"/>
<div class="result-image">
<img src="{{result.img}}" data-edit="results.{{i}}.img" width="32" height="32"/>
</div>
<div class="result-type">
<select name="results.{{i}}.type" data-dtype="Number">
{{#select result.type}}
{{#each ../resultTypes as |title type|}}
<option value="{{type}}">{{title}}</option>
{{/each}}
{{/select}}
</select>
</div>
<div class="result-details">
<input type="hidden" name="results.{{i}}.resultId" value="{{result.resultId}}"/>
{{#if result.isText}}
<input type="text" name="results.{{i}}.text" value="{{result.text}}" placeholder="Result description"/>
{{else if result.isEntity}}
<select name="results.{{i}}.collection">
{{#select result.collection}}
{{#each ../entityTypes}}
<option value="{{this}}">{{this}}</option>
{{/each}}
{{/select}}
</select>
<input class="result-target" name="results.{{i}}.text" type="text" value="{{result.text}}"/>
{{else if result.isCompendium}}
<select name="results.{{i}}.collection">
{{#select result.collection}}
{{#each ../compendiumPacks}}
<option value="{{this}}">{{this}}</option>
{{/each}}
{{/select}}
</select>
<input class="result-target" name="results.{{i}}.text" type="text" value="{{result.text}}"/>
{{/if}}
</div>
<div class="result-weight">
<input type="text" name="results.{{i}}.weight" value="{{result.weight}}" placeholder="1" data-dtype="Number"/>
</div>
<div class="result-range">
<input type="text" name="results.{{i}}.rangeL" value="{{result.range.[0]}}" placeholder="L" data-dtype="Number"/>
<span> - </span>
<input type="text" name="results.{{i}}.rangeH" value="{{result.range.[1]}}" placeholder="H" data-dtype="Number"/>
</div>
{{#if ../owner}}
<div class="result-controls">
<a class="lock-result" title="{{ localize "TABLE.ToggleDrawn" }}">
<i class="fas {{#if result.drawn}}fa-lock{{else}}fa-unlock{{/if}} fa-fw"></i>
</a>
<input type="hidden" name="results.{{i}}.drawn" value="{{result.drawn}}" data-dtype="Boolean"/>
<a class="delete-result" title="{{ localize "TABLE.ResultDelete" }}">
<i class="fas fa-trash fa-fw"></i>
</a>
</div>
{{/if}}
</li>
{{/each}}
</ol>
</section>
<!-- Roll Table Footer -->
<footer class="sheet-footer flexrow">
{{#if owner}}
<button class="submit" type="submit"><i class="fas fa-save"></i> {{ localize "TABLE.Update" }}</button>
<button class="reset" type="button"><i class="fas fa-undo"></i> {{ localize "TABLE.Reset" }}</button>
{{/if}}
<button class="roll" type="button"><i class="fas fa-dice-d20"></i> {{ localize "TABLE.Roll" }}</button>
</footer>
</form>