foundry-sw5e/templates/actors/newActor/starship.html
supervj a1a7843454 Further Updates to starship sheet
With the help of Cyr we made some progress

Connected fuel burn and refuel
connected power die
connected power routing

added debug handlebar helper to help see scope of html pages
2021-06-09 01:16:38 -04:00

347 lines
No EOL
22 KiB
HTML

<form class="{{cssClass}} swalt-sheet" autocomplete="off">
{{!-- Starship Sheet Header --}}
<header class="panel">
<img class="profile" src="{{actor.img}}" title="{{actor.name}}" data-edit="img" />
<h1 class="character-name">
<input name="name" type="text" value="{{actor.name}}" placeholder="{{ localize 'SW5E.Name' }}" />
</h1>
<div class="level-experience">
<div class="charlevel">
{{ localize "SW5E.StarshipTier" }}
<input name="data.details.tier" type="text" value="{{data.details.tier}}" placeholder="0" />
</div>
</div>
<div class="summary">
<span class="summary-input" style="text-transform: capitalize;font-family: 'Russo One';display: inline; height: auto; font-size: 17px; font-weight: 400; letter-spacing: 0.5px; line-height: 24px; color: #4f4f4f;">{{lookup config.actorSizes data.traits.size}}</span>
<input type="text" name="data.details.source" value="{{data.details.source}}" placeholder="{{ localize 'SW5E.Source' }}" />
</div>
<div class="attributes">
{{!-- ARMOR CLASS --}}
<section style="box-sizing: border-box; width: 150px;">
<h1>{{ localize "SW5E.ArmorClass" }}</h1>
<div class="attribute-value">
<input class="ac-display" name="data.attributes.ac.value" type="text"
value="{{data.attributes.ac.value}}" data-dtype="Number" placeholder="10" />
</div>
<footer class="attribute-footer hit-dice" style="grid-template-columns: 1fr 1fr 1fr; column-gap: 4px;">
<button type="button" class="rest short-rest">{{ localize "SW5E.Recharge" }}</button>
<button type="button" class="rest long-rest">{{ localize "SW5E.Refitting" }}</button>
<button type="button" class="rest long-rest">{{ localize "SW5E.ShieldRegen" }}</button>
</footer>
</section>
{{!-- HULL POINTS --}}
<section class="attribute health" style="box-sizing: border-box; width: 150px;">
<h1 class="attribute-name rollable">{{ localize "SW5E.HullPoints" }}</h1>
<div class="attribute-value multiple">
<input name="data.attributes.hp.value" type="text" value="{{data.attributes.hp.value}}"
data-dtype="Number" class="value-number" />
<span class="value-separator">/</span>
<input name="data.attributes.hp.max" type="text" value="{{data.attributes.hp.max}}"
data-dtype="Number" class="value-number" />
</div>
<footer class="attribute-footer" style="line-height: 12px; height: 12px; text-align: center; font-family: 'Russo One';">
<!-- <input name="data.attributes.hull.formula" class="hpformula" type="text"
placeholder="{{ localize 'SW5E.HullPointsFormula' }}" value="{{data.attributes.hull.formula}}" style="min-width: 150px;" /> -->
<strong>{{localize "SW5E.HullDice"}}:</strong> {{data.attributes.hull.dice}}{{data.attributes.hull.die}}
</footer>
</section>
{{!-- SHIELD POINTS --}}
<section class="attribute health" style="box-sizing: border-box; width: 150px;">
<h1 class="attribute-name rollable">{{ localize "SW5E.ShieldPoints" }}</h1>
<div class="attribute-value multiple">
<input name="data.attributes.hp.temp" type="text" value="{{round data.attributes.hp.temp}}"
data-dtype="Number" placeholder="0" class="value-number" />
<span class="value-separator">/</span>
<input name="data.attributes.hp.tempmax" type="text" value="{{round data.attributes.hp.tempmax}}"
data-dtype="Number" placeholder="0" class="value-number" />
</div>
<footer class="attribute-footer" style="line-height: 12px; height: 12px; text-align: center; font-family: 'Russo One';">
<!-- <input name="data.attributes.shld.formula" class="hpformula" type="text"
placeholder="{{ localize 'SW5E.ShieldPointsFormula' }}" value="{{data.attributes.shld.formula}}" style="min-width: 150px;" /> -->
<strong>{{localize "SW5E.ShieldDice"}}: </strong> {{data.attributes.shld.dice}}{{data.attributes.shld.die}}
</footer>
</section>
<section style="box-sizing: border-box; width: 150px;">
<h1>{{ localize "SW5E.Movement" }}
<a class="config-button" data-action="movement" title="{{localize 'SW5E.MovementConfig'}}"><i class="fas fa-cog"></i></a>
</h1>
<div class="attribute-value">
<span>{{data.attributes.movement.space}} {{data.attributes.movement.units}}</span>
</div>
<footer class="attribute-footer" style="font-family: 'Russo One'; text-align: center;">
<span>Turning Speed: {{data.attributes.movement.turn}} {{data.attributes.movement.units}}</span>
</footer>
</section>
</div>
</header>
{{!-- Starship Sheet Navigation --}}
<nav class="sheet-navigation root-tabs" style="grid-template-columns: repeat(4, 1fr);" data-group="primary">
<button class="item active" data-tab="attributes">{{ localize "SW5E.Attributes" }}</button>
<button class="item" data-tab="cargo">{{localize 'SW5E.VehicleCargoCrew'}}</button>
<button class="item" data-tab="features">{{ localize "SW5E.Features" }}</button>
<button class="item" data-tab="effects">{{ localize "SW5E.Effects" }}</button>
</nav>
{{!-- Starship Sheet Body --}}
<section class="sheet-body">
<section class="tab attributes core" data-group="primary" data-tab="attributes">
<section class="panel abilities">
{{!-- Ability Scores --}}
<section class="scores">
<h1>{{localize "SW5E.AbilityScores" }}</h1>
<ol>
{{#each data.abilities as |ability id|}}
<li class="ability {{#if ability.proficient}}proficient{{/if}}" data-ability="{{id}}">
<h2 class="ability-name rollable">{{ability.label}}</h4>
<input class="ability-score" name="data.abilities.{{id}}.value" type="text"
value="{{ability.value}}" data-dtype="Number" placeholder="10" />
<div class="ability-modifiers">
<span class="ability-mod"
title="Modifier">{{numberFormat ability.mod decimals=0 sign=true}}</span>
<input type="hidden" name="data.abilities.{{id}}.proficient"
value="{{ability.proficient}}" data-dtype="Number" />
<button class="proficiency-toggle ability-proficiency"
title="Proficiency">{{{ability.icon}}}</button>
<span class="ability-save"
title="Saving Throw">{{numberFormat ability.save decimals=0 sign=true}}</span>
</div>
</li>
{{/each}}
</ol>
</section>
{{!-- Skills --}}
<section class="skills">
<h1>{{localize "SW5E.Skills"}}</h1>
<ol>
{{#each data.skills as |skill s|}}
<li class="skill {{#if skill.value}}proficient{{/if}}" data-skill="{{s}}">
<input type="hidden" name="data.skills.{{s}}.value" value="{{skill.value}}"
data-dtype="Number" />
<button class="proficiency-toggle skill-proficiency"
title="{{skill.hover}}">{{{skill.icon}}}</button>
<span class="skill-name rollable">{{skill.label}}</span>
<span class="skill-ability">{{skill.ability}}</span>
<span class="skill-mod">{{numberFormat skill.total decimals=0 sign=true}}</span>
{{!-- <input class="skill-bonus" name="data.skills.{{s}}.bonus" type="text" value="{{numberFormat skill.bonus decimals=0 sign=true}}" data-dtype="Number" placeholder="0" title="Misc. Modifier"/> --}}
{{!-- <span class="skill-passive">({{skill.passive}})</span> --}}
</li>
{{/each}}
</ol>
</section>
</section>
<section class="panel resources">
<h1>Resources and Traits</h1>
<div class="traits">
<table style="border: none; background: none;">
<tr>
<td>
<!-- <label>
{{localize "SW5E.Size"}}
<select class="actor-size" name="data.traits.size">
{{#select data.traits.size}}
<option value=""> </option>
{{#each config.actorSizes as |label size|}}
<option value="{{size}}">{{label}}</option>
{{/each}}
{{/select}}
</select>
</label>
<label>
{{localize "SW5E.Role"}}
<select class="actor-size" name="data.details.role">
{{#select data.details.role}}
<option value=""> </option>
{{#each config.starshipRolessm as |label role|}}
<option value="{{role}}">{{label}}</option>
{{/each}}
{{/select}}
</select>
</label>
<br /> -->
<label>
{{localize "SW5E.DmgRed"}}: <input class="hpformula" style="max-width:30px;" name="data.attributes.dr" value="{{data.attributes.dr}}" placeholder="0" />
</label>
<label>
{{localize "SW5E.VehicleCargoCapacity"}}: {{data.attributes.equip.cargoCap}} tons
</label>
</td>
<td>
<label>
{{localize "SW5E.CrewCap"}}: {{data.attributes.equip.crewMinWorkforce}}
</label>
</td>
</tr>
<tr>
<td>
<label>
{{localize "SW5E.FuelCostPerUnit"}}: {{data.attributes.fuel.cost}} cr/unit
</label>
</td>
<td>
<button type="button" class="rest long-rest burnfuel" style="width:40%;" title="Burn 1 Unit of Fuel">{{ localize "SW5E.BurnFuel" }}</button>&nbsp;&nbsp;
<button type="button" class="rest long-rest refuel" style="width:40%;" title="Refuel">{{ localize "SW5E.Refuel" }}</button>
</td>
</tr>
</table>
<label>
{{localize "SW5E.FuelCapacity"}}
</label>
{{#with data.attributes.fuel}}
<div class="fuel-wrapper" title="Fuel">
<div class="fuel {{#if fueled}}fueled{{/if}}">
<span class="fuel-bar" style="width:{{pct}}%"></span>
<i class="fuel-breakpoint fuel-20 arrow-up"></i>
<i class="fuel-breakpoint fuel-20 arrow-down"></i>
<i class="fuel-breakpoint fuel-40 arrow-up"></i>
<i class="fuel-breakpoint fuel-40 arrow-down"></i>
<i class="fuel-breakpoint fuel-60 arrow-up"></i>
<i class="fuel-breakpoint fuel-60 arrow-down"></i>
<i class="fuel-breakpoint fuel-80 arrow-up"></i>
<i class="fuel-breakpoint fuel-80 arrow-down"></i>
</div>
<span class="fuel-label">{{value}} / {{cap}} units</span>
</div>
{{/with}}
<!-- <label>
{{localize "SW5E.CentStorageCapacity"}}: <input class="hpformula" style="max-width:30px;" name="data.attributes.cscap" value="{{data.attributes.cscap}}" placeholder="0" />
</label>
<label>
{{localize "SW5E.SysStorageCapacity"}}: <input class="hpformula" style="max-width:30px;" name="data.attributes.sscap" value="{{data.attributes.sscap}}" placeholder="0" />
</label> -->
</div>
<h1>{{localize "SW5E.PowerRouting"}}</h1>
<div class="traits">
<table style="border:none;">
<tr>
<td align="center"><strong>{{localize "SW5E.EnginePl"}}</strong></td>
<td rowspan=3><input type="range" orient="vertical" id="engineslidervalue" class="vertslider" value={{data.attributes.power.routing.engines}} step="1" min="0" max="2" ></td>
<td align="center"><strong>{{localize "SW5E.EquipmentShieldProficiency"}}</strong></td>
<td rowspan=3><input type="range" orient="vertical" id="shieldslidervalue" class="vertslider" value={{data.attributes.power.routing.shields}} step="1" min="0" max="2" ></td>
<td align="center"><strong>{{localize "SW5E.ItemTypeWeaponPl"}}</strong></td>
<td rowspan=3><input type="range" orient="vertical" id="weaponslidervalue" class="vertslider" value={{data.attributes.power.routing.weapons}} step="1" min="0" max="2" ></td>
</tr>
<tr>
<td rowspan=2 align="center"><strong><output for=value id="engineslideroutput">=</output></td>
<td rowspan=2 align="center"><strong><output for=value id="shieldslideroutput">=</output></td>
<td rowspan=2 align="center"><strong><output for=value id="weaponslideroutput">=</output></td>
</tr>
<tr></tr>
</table>
<!-- <label>
{{localize "SW5E.EnginePl"}}:
<select name="data.attributes.engpow">
{{#select data.attributes.engpow}}
<option value="1">&#61;</option>
<option value="2">&#8593;</option>
<option value="0.5">&#8595;</option>
{{/select}}
</select>
</label>
<label>
{{localize "SW5E.EquipmentShieldProficiency"}}:
<select name="data.attributes.shieldpow">
{{#select data.attributes.shieldpow}}
<option value="1">&#61;</option>
<option value="2">&#8593;</option>
<option value="0.5">&#8595;</option>
{{/select}}
</select>
</label>
<label>
{{localize "SW5E.ItemTypeWeaponPl"}}:
<select name="data.attributes.weaponpow">
{{#select data.attributes.weaponpow}}
<option value="1">&#61;</option>
<option value="2">&#8593;</option>
<option value="0.5">&#8595;</option>
{{/select}}
</select>
</label>
<br /> -->
<table style="border: none; width: 400px;">
<tr><th colspan=3 align="left">{{localize "SW5E.PowerDieAlloc"}}</th><th colspan=3 align="right">
<label>
{{localize "SW5E.PowerDie"}}: {{data.attributes.power.die}}
</label>
</tr>
<tr><th style="border-top: 2px solid #0d99cc; border-left: 2px solid #0d99cc; border-right: 2px solid #0d99cc;">Central</th><th style="border-top: 2px solid #0d99cc; border-left: 2px solid #0d99cc; border-right: 2px solid #0d99cc;">Comms</th><th style="border-top: 2px solid #0d99cc; border-left: 2px solid #0d99cc; border-right: 2px solid #0d99cc;">Engines</th><th style="border-top: 2px solid #0d99cc; border-left: 2px solid #0d99cc; border-right: 2px solid #0d99cc;">Sensors</th><th style="border-top: 2px solid #0d99cc; border-left: 2px solid #0d99cc; border-right: 2px solid #0d99cc;">Shields</th><th style="border-top: 2px solid #0d99cc; border-left: 2px solid #0d99cc; border-right: 2px solid #0d99cc;">Weapons</th>
<tr>
<td style="border-bottom: 2px solid #0d99cc; border-left: 2px solid #0d99cc; border-right: 2px solid #0d99cc;"><input class="hpformula" style="max-width:25px;" name="data.attributes.pwrdice.central.value" value="{{data.attributes.pwrdice.central.value}}" placeholder="{{data.attributes.pwrdice.central.value}}" /> / {{data.attributes.cscap}}</td>
<td style="border-bottom: 2px solid #0d99cc; border-left: 2px solid #0d99cc; border-right: 2px solid #0d99cc;"><input class="hpformula" style="max-width:25px;" name="data.attributes.pwrdice.comms.value" value="{{data.attributes.pwrdice.comms.value}}" placeholder="{{data.attributes.pwrdice.comms.value}}" /> / {{data.attributes.sscap}}</td>
<td style="border-bottom: 2px solid #0d99cc; border-left: 2px solid #0d99cc; border-right: 2px solid #0d99cc;"><input class="hpformula" style="max-width:25px;" name="data.attributes.pwrdice.engines.value" value="{{data.attributes.pwrdice.engines.value}}" placeholder="{{data.attributes.pwrdice.engines.value}}" /> / {{data.attributes.sscap}}</td>
<td style="border-bottom: 2px solid #0d99cc; border-left: 2px solid #0d99cc; border-right: 2px solid #0d99cc;"><input class="hpformula" style="max-width:25px;" name="data.attributes.pwrdice.sensors.value" value="{{data.attributes.pwrdice.sensors.value}}" placeholder="{{data.attributes.pwrdice.sensors.value}}" /> / {{data.attributes.sscap}}</td>
<td style="border-bottom: 2px solid #0d99cc; border-left: 2px solid #0d99cc; border-right: 2px solid #0d99cc;"><input class="hpformula" style="max-width:25px;" name="data.attributes.pwrdice.shields.value" value="{{data.attributes.pwrdice.shields.value}}" placeholder="{{data.attributes.pwrdice.shields.value}}" /> / {{data.attributes.sscap}}</td>
<td style="border-bottom: 2px solid #0d99cc; border-left: 2px solid #0d99cc; border-right: 2px solid #0d99cc;"><input class="hpformula" style="max-width:25px;" name="data.attributes.pwrdice.weapons.value" value="{{data.attributes.pwrdice.weapons.value}}" placeholder="{{data.attributes.pwrdice.weapons.value}}" /> / {{data.attributes.sscap}}</td>
</tr>
</table>
</label>
</div>
<section class="counters" style="border: none; margin: 8px 0; display: grid; grid-template-columns: repeat(2, 1fr);">
<div class="counter">
<h4 class="death-save rollable" data-action="rollDeathSave">{{ localize "SW5E.DestructionSave" }}</h4>
<div class="counter-value" style="text-align: left;">
<div class="death-success" style="color: #0dce0d;">
<i class="fas fa-check"></i>
<input type="text" name="data.attributes.death.success" data-dtype="Number" placeholder="0"
value="{{data.attributes.death.success}}" />
</div>
<div class="death-fail" style="color: #c40f0f;">
<i class="fas fa-times"></i>
<input type="text" name="data.attributes.death.failure" data-dtype="Number" placeholder="0"
value="{{data.attributes.death.failure}}" />
</div>
</div>
</div>
<div class="counter">
<h4>{{ localize "SW5E.SystemDrainage" }}</h4>
<div class="counter-value" style="text-align: left;">
<input type="text" name="data.attributes.systemDamage" data-dtype="Number" placeholder="0"
value="{{data.attributes.systemDamage}}" />
</div>
</div></section>
<h1>{{localize "SW5E.StarshipmodPl"}}</h1>
<div class="traits">
<label>
{{localize "SW5E.ModCap"}}: <input class="hpformula" style="max-width:30px;" name="data.attributes.mods.capUsed" value="{{data.attributes.mods.capUsed}}" placeholder="10" />/ {{data.attributes.mods.capLimit}}
</label>
<label>
{{localize "SW5E.SuiteCap"}}: <input class="hpformula" style="max-width:30px;" name="data.attributes.suites.open" value="{{data.attributes.suites.open}}" placeholder="0" />/ {{data.attributes.suites.max}}
</label>
<br />
<label>
{{localize "SW5E.HardpointSizeMod"}}: {{data.attributes.hsm}}
</label>
<label>
{{localize "SW5E.DmgRed"}}: {{data.attributes.dr}}
</label>
</div>
</section>
</section>
{{!-- Cargo & Crew --}}
<div class="tab features flexcol" data-group="primary" data-tab="cargo">
{{> 'systems/sw5e/templates/actors/newActor/parts/swalt-crew.html'}}
</div>
{{!-- Features Tab --}}
<div class="tab features flexcol" data-group="primary" data-tab="features">
{{> "systems/sw5e/templates/actors/newActor/parts/swalt-features.html" sections=features}}
</div>
{{!-- Effects Tab --}}
<div class="tab effects flexcol" data-group="primary" data-tab="effects">
{{> "systems/sw5e/templates/actors/newActor/parts/swalt-active-effects.html"}}
</div>
</section>
</form>