This commit is contained in:
Peter Varaksin 2020-04-21 09:51:49 +03:00
parent 6a4c623a86
commit fee245cfcd
16 changed files with 732 additions and 245 deletions

View file

@ -9,7 +9,7 @@ export class BladesActorSheet extends ActorSheet {
return mergeObject(super.defaultOptions, {
classes: ["blades-in-the-dark", "sheet", "actor"],
template: "systems/blades-in-the-dark/templates/actor-sheet.html",
width: 1200,
width: 1400,
height: 1200
});
}
@ -131,7 +131,7 @@ export class BladesActorSheet extends ActorSheet {
const FD = new FormData(form);
const dtypes = {};
const editorTargets = Object.keys(this.editors);
console.log('YAMAMMMMMMAAAAAAAAAAAAAA!!!!');
// Always include checkboxes
for ( let el of form.elements ) {
if ( !el.name ) continue;

View file

@ -5,7 +5,8 @@
*/
// Import Modules
import { SimpleItemSheet } from "./item-sheet.js";
import { preloadHandlebarsTemplates } from "./templates.js";
// import { SimpleItemSheet } from "./item-sheet.js";
import { BladesActorSheet } from "./actor-sheet.js";
/* -------------------------------------------- */
@ -26,9 +27,10 @@ Hooks.once("init", async function() {
// Register sheet application classes
Actors.unregisterSheet("core", ActorSheet);
Actors.registerSheet("dnd5e", BladesActorSheet, { makeDefault: true });
Items.unregisterSheet("core", ItemSheet);
Items.registerSheet("dnd5e", SimpleItemSheet, {makeDefault: true});
Actors.registerSheet("bitd", BladesActorSheet, { makeDefault: true });
// Items.unregisterSheet("core", ItemSheet);
// Items.registerSheet("bitd", SimpleItemSheet, {makeDefault: true});
preloadHandlebarsTemplates();
// Multiboxes.
@ -58,4 +60,9 @@ Hooks.once("init", async function() {
});
// Equals handlebar.
Handlebars.registerHelper('eq', function (a, b, options) {
return (a === b) ? options.fn(this) : '';
});
});

25
module/templates.js Normal file
View file

@ -0,0 +1,25 @@
/**
* Define a set of template paths to pre-load
* Pre-loaded templates are compiled and cached for fast access when rendering
* @return {Promise}
*/
export const preloadHandlebarsTemplates = async function() {
// Define template paths to load
const templatePaths = [
// Actor Sheet Partials
"systems/blades-in-the-dark/templates/parts/attributes.html",
"systems/blades-in-the-dark/templates/parts/cutter-class.html",
"systems/blades-in-the-dark/templates/parts/hound-class.html",
"systems/blades-in-the-dark/templates/parts/leech-class.html",
"systems/blades-in-the-dark/templates/parts/lurk-class.html",
"systems/blades-in-the-dark/templates/parts/slide-class.html",
"systems/blades-in-the-dark/templates/parts/spider-class.html",
"systems/blades-in-the-dark/templates/parts/whisper-class.html"
];
// Load the template parts
return loadTemplates(templatePaths);
};

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

View file

@ -1,6 +1,12 @@
/*
* Custom single radio.
*/
/*
* Toothradio
*/
/*
* Custom Radio
*/
/*
* Checkboxes underscored.
*/
@ -10,9 +16,27 @@
/*
* General Styles
*/
* {
* {
font-family: Georgia, "Bitstream Charter", "Times New Roman", serif;
}
* ul {
list-style: none;
}
* .section {
margin-bottom: 10px;
display: flex;
flex-direction: row;
justify-content: space-between;
}
* .black-label {
background-color: black;
color: white;
font-size: 35px;
text-align: center;
padding: 0px 5px;
height: 50px !important;
text-transform: capitalize;
}
* #stress-trauma {
border-top: 3px solid black;
display: flex;
@ -25,19 +49,10 @@
* #stress-trauma:last-child {
margin-right: 0px;
}
* #stress-trauma .stress-trauma-label {
background-color: black;
color: white;
font-size: 35px;
text-align: center;
}
* #stress-trauma #character-stress {
display: flex;
/* Hide the browser's default checkbox */
}
* #stress-trauma #character-stress label {
display: block;
float: left;
}
* #stress-trauma #character-stress label {
height: 100px;
width: 32px;
@ -50,18 +65,14 @@
margin-right: 0px;
}
* #stress-trauma #character-stress label[for$="-0"] {
height: auto !important;
width: auto !important;
width: auto;
height: auto;
background-image: none !important;
background: black !important;
margin-right: 0px !important;
margin-right: 0px;
}
* #stress-trauma #character-stress input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
display: none;
}
* #stress-trauma #character-stress input:checked ~ label {
background-image: url("assets/teeth/stresstooth-halfgrey.png");
@ -70,11 +81,9 @@
background-image: url("assets/teeth/stresstooth-red.png");
}
* #stress-trauma #character-trauma-container #character-trauma {
display: flex;
/* Hide the browser's default checkbox */
}
* #stress-trauma #character-trauma-container #character-trauma label {
display: block;
float: left;
flex-direction: column;
}
* #stress-trauma #character-trauma-container #character-trauma label {
height: 100px;
@ -88,18 +97,14 @@
margin-right: 0px;
}
* #stress-trauma #character-trauma-container #character-trauma label[for$="-0"] {
height: auto !important;
width: auto !important;
width: auto;
height: auto;
background-image: none !important;
background: black !important;
margin-right: 0px !important;
margin-right: 0px;
}
* #stress-trauma #character-trauma-container #character-trauma input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
display: none;
}
* #stress-trauma #character-trauma-container #character-trauma input:checked ~ label {
background-image: url("assets/teeth/shorttooth-grey.png");
@ -107,28 +112,28 @@
* #stress-trauma #character-trauma-container #character-trauma input:checked + label {
background-image: url("assets/teeth/shorttooth-red.png");
}
* #stress-trauma #character-trauma-container .stress-trauma-label {
float: none !important;
* #stress-trauma #character-trauma-container #character-trauma #trauma-teeth {
display: flex;
flex-direction: row;
}
* #stress-trauma #trauma-list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}
* #stress-trauma #trauma-list label {
float: left;
display: block;
position: relative;
padding-left: 10px;
cursor: pointer;
font-size: 22px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin-right: 10px;
/* Hide the browser's default checkbox */
}
* #stress-trauma #trauma-list label input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
display: none;
}
* #stress-trauma #trauma-list label input:checked ~ .checkmark {
color: red;
@ -137,24 +142,23 @@
text-decoration: none;
font-weight: bold;
}
* #character-harm {
float: left;
width: 70%;
* #harm-armor {
display: flex;
}
* #character-harm table {
* #harm-armor #character-harm {
width: 100%;
}
* #character-harm table th {
* #harm-armor #character-harm table {
width: 100%;
}
* #harm-armor #character-harm table th {
background-color: black;
color: white;
}
* #character-harm table input {
* #harm-armor #character-harm table input[type=text] {
width: 100%;
}
* #character-healing {
float: left;
}
* #character-healing #character-health-clock {
* #harm-armor #character-health-clock {
position: relative;
border: 3px solid black;
padding: 0;
@ -163,8 +167,9 @@
border-radius: 50%;
list-style: none;
overflow: hidden;
margin: 0 auto;
}
* #character-healing #character-health-clock label {
* #harm-armor #character-health-clock label {
overflow: hidden;
position: absolute;
top: -50%;
@ -172,41 +177,116 @@
width: 100%;
height: 100%;
transform-origin: 0% 100%;
background-color: purple;
background-color: red;
}
* #character-healing #character-health-clock input {
* #harm-armor #character-health-clock input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
display: none;
}
* #character-healing #character-health-clock input:checked ~ label {
* #harm-armor #character-health-clock input:checked ~ label {
background-color: white;
}
* #character-healing #character-health-clock input:checked + label {
background-color: purple;
* #harm-armor #character-health-clock input:checked + label {
background-color: red;
}
* #character-healing #character-health-clock input[value="0"] {
* #harm-armor #character-health-clock input[value="0"] {
display: block;
opacity: 1;
height: 16px;
width: 16px;
z-index: 10;
left: 44px;
top: 44px;
left: 0px;
top: 0px;
margin: 0px;
}
* #character-healing #character-health-clock *:nth-child(3) {
* #harm-armor #character-health-clock *:nth-child(3) {
transform: rotate(0deg) skewY(180deg);
}
* #character-healing #character-health-clock *:nth-child(5) {
* #harm-armor #character-health-clock *:nth-child(5) {
transform: rotate(90deg) skewY(180deg);
}
* #character-healing #character-health-clock *:nth-child(7) {
* #harm-armor #character-health-clock *:nth-child(7) {
transform: rotate(180deg) skewY(180deg);
}
* #character-healing #character-health-clock *:nth-child(9) {
* #harm-armor #character-health-clock *:nth-child(9) {
transform: rotate(270deg) skewY(180deg);
}
* #harm-armor #character-armor-uses {
display: flex;
flex-direction: column;
}
* #harm-armor #character-armor-uses div {
display: flex;
flex-direction: row;
justify-content: space-between;
}
* #attributes .attributes-exp {
display: flex;
/* Hide the browser's default checkbox */
}
* #attributes .attributes-exp label {
height: 50px;
width: 17px;
background-image: url("assets/teeth/xptooth-red.png");
background-repeat: no-repeat;
background-size: contain;
margin-right: 5px;
}
* #attributes .attributes-exp label:last-of-type {
margin-right: 0px;
}
* #attributes .attributes-exp label[for$="-0"] {
width: auto;
height: auto;
background-image: none !important;
background: black !important;
margin-right: 0px;
}
* #attributes .attributes-exp input {
display: none;
}
* #attributes .attributes-exp input:checked ~ label {
background-image: url("assets/teeth/xptooth-white.png");
}
* #attributes .attributes-exp input:checked + label {
background-image: url("assets/teeth/xptooth-red.png");
}
* #attributes .attributes-exp {
border-top: 5px solid black;
}
* #attributes .attributes-container {
display: flex;
margin: 5px 0px;
display: flex;
/* Hide the browser's default checkbox */
}
* #attributes .attributes-container label {
height: 20px;
width: 20px;
background-color: black;
vertical-align: middle;
border: 2px solid black;
border-radius: 24px;
}
* #attributes .attributes-container label[for$="-0"] {
height: 5px;
width: 5px;
border-radius: 24px;
background-image: none !important;
background-color: red !important;
margin-right: 0px;
}
* #attributes .attributes-container input {
display: none;
}
* #attributes .attributes-container input:checked ~ label {
background-color: white;
}
* #attributes .attributes-container input:checked + label {
background-color: black;
}
* #attributes .attributes-container * {
margin-right: 5px;
}
/*# sourceMappingURL=style.css.map */

View file

@ -9,6 +9,7 @@
"stress": [0],
"traumas": [],
"healing-clock": [0],
"class": "cutter",
"harm": {
"light": {
"one": "",
@ -32,22 +33,31 @@
},
"attributes": {
"insight": {
"hunt": 0,
"study": 0,
"survey": 0,
"tinker": 0
"exp": [0],
"skills": {
"hunt": [0],
"study": [0],
"survey": [0],
"tinker": [0]
}
},
"prowess": {
"finesse": 0,
"prowl": 0,
"skirmish": 0,
"wreck": 0
"exp": [0],
"skills": {
"finesse": [0],
"prowl": [0],
"skirmish": [0],
"wreck": [0]
}
},
"resolve": {
"attune": 0,
"command": 0,
"consort": 0,
"sway": 0
"exp": [0],
"skills": {
"attune": [0],
"command": [0],
"consort": [0],
"sway": [0]
}
}
},
"heritages": {
@ -135,7 +145,59 @@
"label": "Weird",
"dtype": "String"
}
},
"classes": {
"cutter": {
"skills": {
"skirmish": 2,
"command": 1
}
},
"hound": {
"skills": {
"hunt": 2,
"survey": 1
}
},
"leech": {
"skills": {
"tinker": 2,
"wreck": 1
}
},
"lurk": {
"skills": {
"finesse": 1,
"prowl": 2
}
},
"slide": {
"skills": {
"consort": 1,
"sway": 2
}
},
"spider": {
"skills": {
"study": 1,
"consort": 2
}
},
"whisper": {
"skills": {
"study": 1,
"attune": 2
}
}
}
}
},
"Item": {
"types": ["item"],
"item": {
"class_restriction": "",
"load": 0,
"description": ""
}
}
}

View file

@ -1,43 +1,68 @@
<form class="{{cssClass}}" autocomplete="off">
<label for="character-name">Name</label>
<input type="text" id="character-name" name="name" value="{{actor.name}}">
<br><br>
<label for="character-alias">Alias</label>
<input type="text" id="character-alias" name="data.alias" value="{{data.alias}}">
<br><br>
<label for="character-heritage">Heritage</label>
<select id="character-heritage" name="data.heritage">
{{#select data.heritage}}
{{#each data.heritages as |heritage key|}}
<option value="{{key}}">{{heritage.label}}</option>
{{/each}}
{{/select}}
</select>
<br><br>
<label for="character-background">Background</label>
<select id="character-background" name="data.background">
{{#select data.background}}
{{#each data.backgrounds as |background key|}}
<option value="{{key}}">{{background.label}}</option>
{{/each}}
{{/select}}
</select>
<br><br>
<label for="character-vice">Vice</label>
<select id="character-vice" name="data.vice">
{{#select data.vice}}
{{#each data.vices as |vice key|}}
<option value="{{key}}">{{vice.label}}</option>
{{/each}}
{{/select}}
</select>
<!-- Stress and Trauma -->
<div id="stress-trauma">
<div id="name-alias" class="section">
<div>
<label for="character-name">Name</label>
<input type="text" id="character-name" name="name" value="{{actor.name}}">
</div>
<div>
<img class="profile-img" src="{{actor.img}}" data-edit="img" title="{{actor.name}}" height="100" width="100"/>
</div>
<div>
<label for="character-alias">Alias</label>
<input type="text" id="character-alias" name="data.alias" value="{{data.alias}}">
</div>
</div>
<div id="dropdowns-details" class="section">
<div>
<label for="character-heritage">Heritage</label>
<select id="character-heritage" name="data.heritage">
{{#select data.heritage}}
{{#each data.heritages as |heritage key|}}
<option value="{{key}}">{{heritage.label}}</option>
{{/each}}
{{/select}}
</select>
</div>
<div>
<label for="character-background">Background</label>
<select id="character-background" name="data.background">
{{#select data.background}}
{{#each data.backgrounds as |background key|}}
<option value="{{key}}">{{background.label}}</option>
{{/each}}
{{/select}}
</select>
</div>
<div>
<label for="character-vice">Vice</label>
<select id="character-vice" name="data.vice">
{{#select data.vice}}
{{#each data.vices as |vice key|}}
<option value="{{key}}">{{vice.label}}</option>
{{/each}}
{{/select}}
</select>
</div>
<div>
<label for="character-class">Class</label>
<select id="character-class" name="data.class">
{{#select data.class}}
{{#each data.classes as |class key|}}
<option value="{{key}}">{{key}}</option>
{{/each}}
{{/select}}
</select>
</div>
</div>
{{!-- Stress and Trauma --}}
<div id="stress-trauma" class="section">
<div id="character-stress">
{{#multiboxes data.stress}}
<input type="radio" id="character-stress-0" name="data.stress" value="0" dtype="Radio">
<label class="stress-trauma-label" for="character-stress-0">Stress</label>
<label class="black-label" for="character-stress-0">Stress</label>
<input type="radio" id="character-stress-1" name="data.stress" value="1" dtype="Radio">
<label for="character-stress-1"></label>
<input type="radio" id="character-stress-2" name="data.stress" value="2" dtype="Radio">
@ -59,142 +84,141 @@
{{/multiboxes}}
</div>
<div id="character-trauma-container">
{{#traumacounter data.traumas}}
<div id="character-trauma">
{{#traumacounter data.traumas}}
<input type="radio" id="character-trauma-counter-0" name="trauma-counter" value="0">
<label class="stress-trauma-label" for="character-trauma-counter-0">Trauma</label>
<input type="radio" id="character-trauma-counter-1" name="trauma-counter" value="1">
<label for="character-trauma-counter-1"></label>
<input type="radio" id="character-trauma-counter-2" name="trauma-counter" value="2">
<label for="character-trauma-counter-2"></label>
<input type="radio" id="character-trauma-counter-3" name="trauma-counter" value="3">
<label for="character-trauma-counter-3"></label>
<input type="radio" id="character-trauma-counter-4" name="trauma-counter" value="4">
<label for="character-trauma-counter-4"></label>
{{/traumacounter}}
<label class="black-label" for="character-trauma-counter-0">Trauma</label>
<div id="trauma-teeth">
<input type="radio" id="character-trauma-counter-0" name="trauma-counter" value="0" checked="checked">
<input type="radio" id="character-trauma-counter-1" name="trauma-counter" value="1">
<label for="character-trauma-counter-1"></label>
<input type="radio" id="character-trauma-counter-2" name="trauma-counter" value="2">
<label for="character-trauma-counter-2"></label>
<input type="radio" id="character-trauma-counter-3" name="trauma-counter" value="3">
<label for="character-trauma-counter-3"></label>
<input type="radio" id="character-trauma-counter-4" name="trauma-counter" value="4">
<label for="character-trauma-counter-4"></label>
</div>
</div>
{{/traumacounter}}
</div>
<div id="trauma-list">
{{#multiboxes data.traumas}}
<div>
<label>
<input type="checkbox" name="data.traumas" value="cold" dtype="Radio">
<span class="checkmark">cold</span>
</label>
<label>
<input type="checkbox" name="data.traumas" value="haunted" dtype="Radio">
<span class="checkmark">haunted</span>
</label>
<label>
<input type="checkbox" name="data.traumas" value="obsessed" dtype="Radio">
<span class="checkmark">obsessed</span>
</label>
<label>
<input type="checkbox" name="data.traumas" value="paranoid" dtype="Radio">
<span class="checkmark">paranoid</span>
</label>
</div>
<div>
<label>
<input type="checkbox" name="data.traumas" value="reckless" dtype="Radio">
<span class="checkmark">reckless</span>
</label>
<label>
<input type="checkbox" name="data.traumas" value="soft" dtype="Radio">
<span class="checkmark">soft</span>
</label>
<label>
<input type="checkbox" name="data.traumas" value="unstable" dtype="Radio">
<span class="checkmark">unstable</span>
</label>
<label>
<input type="checkbox" name="data.traumas" value="vicious" dtype="Radio">
<span class="checkmark">vicious</span>
</label>
</div>
<label>
<input type="checkbox" name="data.traumas" value="cold">
<span class="checkmark">cold</span>
</label>
<label>
<input type="checkbox" name="data.traumas" value="haunted">
<span class="checkmark">haunted</span>
</label>
<label>
<input type="checkbox" name="data.traumas" value="obsessed">
<span class="checkmark">obsessed</span>
</label>
<label>
<input type="checkbox" name="data.traumas" value="paranoid">
<span class="checkmark">paranoid</span>
</label>
<label>
<input type="checkbox" name="data.traumas" value="reckless">
<span class="checkmark">reckless</span>
</label>
<label>
<input type="checkbox" name="data.traumas" value="soft">
<span class="checkmark">soft</span>
</label>
<label>
<input type="checkbox" name="data.traumas" value="unstable">
<span class="checkmark">unstable</span>
</label>
<label>
<input type="checkbox" name="data.traumas" value="vicious">
<span class="checkmark">vicious</span>
</label>
{{/multiboxes}}
</div>
</div>
<!-- Harm, Healing and Armor -->
<div id="character-harm">
<table>
<thead>
<th colspan="4">Harm</th>
</thead>
<tbody>
<tr>
<td>3</td>
<td colspan="2">
<input type="text" id="character-harm-3-1" name="data.harm.heavy.one" value="{{data.harm.heavy.one}}">
</td>
<td>Need Help</td>
</tr>
<tr>
<td>2</td>
<td>
<input type="text" id="character-harm-2-1" name="data.harm.medium.one" value="{{data.harm.medium.one}}">
</td>
<td>
<input type="text" id="character-harm-2-2" name="data.harm.medium.two" value="{{data.harm.medium.two}}">
</td>
<td>-1D</td>
</tr>
<tr>
<td>1</td>
<td>
<input type="text" id="character-harm-1-1" name="data.harm.light.one" value="{{data.harm.light.one}}">
</td>
<td>
<input type="text" id="character-harm-1-2" name="data.harm.light.two" value="{{data.harm.light.two}}">
</td>
<td>Less Effect</td>
</tr>
</tbody>
</table>
</div>
<div id="character-healing">
<span>Healing</span>
<div id="character-health-clock">
{{#multiboxes data.healing-clock}}
<input type="radio" value="0" id="character-healing-clock-0" name="data.healing-clock">
<input type="radio" value="1" id="character-healing-clock-1" name="data.healing-clock">
<label for="character-healing-clock-1"></label>
<input type="radio" value="2" id="character-healing-clock-2" name="data.healing-clock">
<label for="character-healing-clock-2"></label>
<input type="radio" value="3" id="character-healing-clock-3" name="data.healing-clock">
<label for="character-healing-clock-3"></label>
<input type="radio" value="4" id="character-healing-clock-4" name="data.healing-clock">
<label for="character-healing-clock-4"></label>
{{/multiboxes}}
{{!-- Harm, Healing and Armor --}}
<div id="harm-armor" class="section">
<div id="character-harm">
<table>
<thead>
<th class="black-white" colspan="4">Harm</th>
<th class="black-white">Healing</th>
<th class="black-white">Armor</th>
</thead>
<tbody>
<tr>
<td>3</td>
<td colspan="2">
<input type="text" id="character-harm-3-1" name="data.harm.heavy.one" value="{{data.harm.heavy.one}}">
</td>
<td>Need Help</td>
<td rowspan="3">
{{#multiboxes data.healing-clock}}
<div id="character-health-clock">
<input type="radio" value="0" id="character-healing-clock-0" name="data.healing-clock" checked="checked">
<input type="radio" value="1" id="character-healing-clock-1" name="data.healing-clock">
<label for="character-healing-clock-1"></label>
<input type="radio" value="2" id="character-healing-clock-2" name="data.healing-clock">
<label for="character-healing-clock-2"></label>
<input type="radio" value="3" id="character-healing-clock-3" name="data.healing-clock">
<label for="character-healing-clock-3"></label>
<input type="radio" value="4" id="character-healing-clock-4" name="data.healing-clock">
<label for="character-healing-clock-4"></label>
{{/multiboxes}}
</div>
</td>
<td rowspan="3" id="character-armor-uses">
<div>
<label for="armor-uses-armor">Armor</label>
<input id="armor-uses-armor" type="checkbox" name="data.armor-uses.armor" {{checked data.armor-uses.armor}}>
</div>
<div>
<label for="armor-uses-heavy">Heavy</label>
<input id="armor-uses-heavy" type="checkbox" name="data.armor-uses.heavy" {{checked data.armor-uses.heavy}}>
</div>
<div>
<label for="armor-uses-special">Special</label>
<input id="armor-uses-special" type="checkbox" name="data.armor-uses.special" {{checked data.armor-uses.special}}>
</div>
</td>
</tr>
<tr>
<td>2</td>
<td>
<input type="text" id="character-harm-2-1" name="data.harm.medium.one" value="{{data.harm.medium.one}}">
</td>
<td>
<input type="text" id="character-harm-2-2" name="data.harm.medium.two" value="{{data.harm.medium.two}}">
</td>
<td>-1D</td>
</tr>
<tr>
<td>1</td>
<td>
<input type="text" id="character-harm-1-1" name="data.harm.light.one" value="{{data.harm.light.one}}">
</td>
<td>
<input type="text" id="character-harm-1-2" name="data.harm.light.two" value="{{data.harm.light.two}}">
</td>
<td>Less Effect</td>
</tr>
</tbody>
</table>
</div>
</div>
<div id="character-armor-uses">
<span>Armor</span>
<ul>
<li>
<label>
<span>Armor</span>
<input type="checkbox" name="data.armor-uses.armor" {{checked data.armor-uses.armor}}>
</label>
</li>
<li>
<label>
<span>Heavy</span>
<input type="checkbox" name="data.armor-uses.heavy" {{checked data.armor-uses.heavy}}>
</label>
</li>
<li>
<label>
<span>Special</span>
<input type="checkbox" name="data.armor-uses.special" {{checked data.armor-uses.special}}>
</label>
</li>
</ul>
</div>
{{!-- Attributes --}}
{{> "systems/blades-in-the-dark/templates/parts/attributes.html"}}
{{!-- Test --}}
{{#eq data.class "cutter"}}
{{> "systems/blades-in-the-dark/templates/parts/cutter-class.html"}}
{{/eq}}
</form>

View file

@ -0,0 +1,268 @@
<div id="attributes" class="section">
<div id="attributes-insight">
<div id="attributes-insight-title" class="attributes-exp">
{{#multiboxes data.attributes.insight.exp}}
<input type="radio" id="insight-exp-0" name="data.attributes.insight.exp" value="0" checked="checked">
<label class="black-label" for="insight-exp-0">Insight</label>
<input type="radio" id="insight-exp-1" name="data.attributes.insight.exp" value="1">
<label for="insight-exp-1"></label>
<input type="radio" id="insight-exp-2" name="data.attributes.insight.exp" value="2">
<label for="insight-exp-2"></label>
<input type="radio" id="insight-exp-3" name="data.attributes.insight.exp" value="3">
<label for="insight-exp-3"></label>
<input type="radio" id="insight-exp-4" name="data.attributes.insight.exp" value="4">
<label for="insight-exp-4"></label>
<input type="radio" id="insight-exp-5" name="data.attributes.insight.exp" value="5">
<label for="insight-exp-5"></label>
<input type="radio" id="insight-exp-6" name="data.attributes.insight.exp" value="6">
<label for="insight-exp-6"></label>
{{/multiboxes}}
</div>
{{!-- Skills --}}
<div class="attributes-container">
{{#multiboxes data.attributes.insight.skills.hunt}}
<input type="radio" id="attributes-hunt-0" name="data.attributes.insight.skills.hunt" value="0">
<label for="attributes-hunt-0"></label>
<input type="radio" id="attributes-hunt-1" name="data.attributes.insight.skills.hunt" value="1">
<label for="attributes-hunt-1"></label>
<span>|</span>
<input type="radio" id="attributes-hunt-2" name="data.attributes.insight.skills.hunt" value="2">
<label for="attributes-hunt-2"></label>
<input type="radio" id="attributes-hunt-3" name="data.attributes.insight.skills.hunt" value="3">
<label for="attributes-hunt-3"></label>
<input type="radio" id="attributes-hunt-4" name="data.attributes.insight.skills.hunt" value="4">
<label for="attributes-hunt-4"></label>
<div class="attribute-skill-label">Hunt</div>
{{/multiboxes}}
</div>
<div class="attributes-container">
{{#multiboxes data.attributes.insight.skills.study}}
<input type="radio" id="attributes-study-0" name="data.attributes.insight.skills.study" value="0">
<label for="attributes-study-0"></label>
<input type="radio" id="attributes-study-1" name="data.attributes.insight.skills.study" value="1">
<label for="attributes-study-1"></label>
<span>|</span>
<input type="radio" id="attributes-study-2" name="data.attributes.insight.skills.study" value="2">
<label for="attributes-study-2"></label>
<input type="radio" id="attributes-study-3" name="data.attributes.insight.skills.study" value="3">
<label for="attributes-study-3"></label>
<input type="radio" id="attributes-study-4" name="data.attributes.insight.skills.study" value="4">
<label for="attributes-study-4"></label>
<div class="attribute-skill-label">study</div>
{{/multiboxes}}
</div>
<div class="attributes-container">
{{#multiboxes data.attributes.insight.skills.survey}}
<input type="radio" id="attributes-survey-0" name="data.attributes.insight.skills.survey" value="0">
<label for="attributes-survey-0"></label>
<input type="radio" id="attributes-survey-1" name="data.attributes.insight.skills.survey" value="1">
<label for="attributes-survey-1"></label>
<span>|</span>
<input type="radio" id="attributes-survey-2" name="data.attributes.insight.skills.survey" value="2">
<label for="attributes-survey-2"></label>
<input type="radio" id="attributes-survey-3" name="data.attributes.insight.skills.survey" value="3">
<label for="attributes-survey-3"></label>
<input type="radio" id="attributes-survey-4" name="data.attributes.insight.skills.survey" value="4">
<label for="attributes-survey-4"></label>
<div class="attribute-skill-label">survey</div>
{{/multiboxes}}
</div>
<div class="attributes-container">
{{#multiboxes data.attributes.insight.skills.tinker}}
<input type="radio" id="attributes-tinker-0" name="data.attributes.insight.skills.tinker" value="0">
<label for="attributes-tinker-0"></label>
<input type="radio" id="attributes-tinker-1" name="data.attributes.insight.skills.tinker" value="1">
<label for="attributes-tinker-1"></label>
<span>|</span>
<input type="radio" id="attributes-tinker-2" name="data.attributes.insight.skills.tinker" value="2">
<label for="attributes-tinker-2"></label>
<input type="radio" id="attributes-tinker-3" name="data.attributes.insight.skills.tinker" value="3">
<label for="attributes-tinker-3"></label>
<input type="radio" id="attributes-tinker-4" name="data.attributes.insight.skills.tinker" value="4">
<label for="attributes-tinker-4"></label>
<div class="attribute-skill-label">tinker</div>
{{/multiboxes}}
</div>
</div>
<div id="attributes-prowess">
<div id="attributes-prowess-title" class="attributes-exp">
{{#multiboxes data.attributes.prowess.exp}}
<input type="radio" id="prowess-exp-0" name="data.attributes.prowess.exp" value="0" checked="checked">
<label class="black-label" for="prowess-exp-0">prowess</label>
<input type="radio" id="prowess-exp-1" name="data.attributes.prowess.exp" value="1">
<label for="prowess-exp-1"></label>
<input type="radio" id="prowess-exp-2" name="data.attributes.prowess.exp" value="2">
<label for="prowess-exp-2"></label>
<input type="radio" id="prowess-exp-3" name="data.attributes.prowess.exp" value="3">
<label for="prowess-exp-3"></label>
<input type="radio" id="prowess-exp-4" name="data.attributes.prowess.exp" value="4">
<label for="prowess-exp-4"></label>
<input type="radio" id="prowess-exp-5" name="data.attributes.prowess.exp" value="5">
<label for="prowess-exp-5"></label>
<input type="radio" id="prowess-exp-6" name="data.attributes.prowess.exp" value="6">
<label for="prowess-exp-6"></label>
{{/multiboxes}}
</div>
{{!-- Skills --}}
<div class="attributes-container">
{{#multiboxes data.attributes.prowess.skills.finesse}}
<input type="radio" id="attributes-finesse-0" name="data.attributes.prowess.skills.finesse" value="0">
<label for="attributes-finesse-0"></label>
<input type="radio" id="attributes-finesse-1" name="data.attributes.prowess.skills.finesse" value="1">
<label for="attributes-finesse-1"></label>
<span>|</span>
<input type="radio" id="attributes-finesse-2" name="data.attributes.prowess.skills.finesse" value="2">
<label for="attributes-finesse-2"></label>
<input type="radio" id="attributes-finesse-3" name="data.attributes.prowess.skills.finesse" value="3">
<label for="attributes-finesse-3"></label>
<input type="radio" id="attributes-finesse-4" name="data.attributes.prowess.skills.finesse" value="4">
<label for="attributes-finesse-4"></label>
<div class="attribute-skill-label">finesse</div>
{{/multiboxes}}
</div>
<div class="attributes-container">
{{#multiboxes data.attributes.prowess.skills.prowl}}
<input type="radio" id="attributes-prowl-0" name="data.attributes.prowess.skills.prowl" value="0">
<label for="attributes-prowl-0"></label>
<input type="radio" id="attributes-prowl-1" name="data.attributes.prowess.skills.prowl" value="1">
<label for="attributes-prowl-1"></label>
<span>|</span>
<input type="radio" id="attributes-prowl-2" name="data.attributes.prowess.skills.prowl" value="2">
<label for="attributes-prowl-2"></label>
<input type="radio" id="attributes-prowl-3" name="data.attributes.prowess.skills.prowl" value="3">
<label for="attributes-prowl-3"></label>
<input type="radio" id="attributes-prowl-4" name="data.attributes.prowess.skills.prowl" value="4">
<label for="attributes-prowl-4"></label>
<div class="attribute-skill-label">prowl</div>
{{/multiboxes}}
</div>
<div class="attributes-container">
{{#multiboxes data.attributes.prowess.skills.skirmish}}
<input type="radio" id="attributes-skirmish-0" name="data.attributes.prowess.skills.skirmish" value="0">
<label for="attributes-skirmish-0"></label>
<input type="radio" id="attributes-skirmish-1" name="data.attributes.prowess.skills.skirmish" value="1">
<label for="attributes-skirmish-1"></label>
<span>|</span>
<input type="radio" id="attributes-skirmish-2" name="data.attributes.prowess.skills.skirmish" value="2">
<label for="attributes-skirmish-2"></label>
<input type="radio" id="attributes-skirmish-3" name="data.attributes.prowess.skills.skirmish" value="3">
<label for="attributes-skirmish-3"></label>
<input type="radio" id="attributes-skirmish-4" name="data.attributes.prowess.skills.skirmish" value="4">
<label for="attributes-skirmish-4"></label>
<div class="attribute-skill-label">skirmish</div>
{{/multiboxes}}
</div>
<div class="attributes-container">
{{#multiboxes data.attributes.prowess.skills.wreck}}
<input type="radio" id="attributes-wreck-0" name="data.attributes.prowess.skills.wreck" value="0">
<label for="attributes-wreck-0"></label>
<input type="radio" id="attributes-wreck-1" name="data.attributes.prowess.skills.wreck" value="1">
<label for="attributes-wreck-1"></label>
<span>|</span>
<input type="radio" id="attributes-wreck-2" name="data.attributes.prowess.skills.wreck" value="2">
<label for="attributes-wreck-2"></label>
<input type="radio" id="attributes-wreck-3" name="data.attributes.prowess.skills.wreck" value="3">
<label for="attributes-wreck-3"></label>
<input type="radio" id="attributes-wreck-4" name="data.attributes.prowess.skills.wreck" value="4">
<label for="attributes-wreck-4"></label>
<div class="attribute-skill-label">wreck</div>
{{/multiboxes}}
</div>
</div>
<div id="attributes-resolve">
<div id="attributes-resolve-title" class="attributes-exp">
{{#multiboxes data.attributes.resolve.exp}}
<input type="radio" id="resolve-exp-0" name="data.attributes.resolve.exp" value="0" checked="checked">
<label class="black-label" for="resolve-exp-0">resolve</label>
<input type="radio" id="resolve-exp-1" name="data.attributes.resolve.exp" value="1">
<label for="resolve-exp-1"></label>
<input type="radio" id="resolve-exp-2" name="data.attributes.resolve.exp" value="2">
<label for="resolve-exp-2"></label>
<input type="radio" id="resolve-exp-3" name="data.attributes.resolve.exp" value="3">
<label for="resolve-exp-3"></label>
<input type="radio" id="resolve-exp-4" name="data.attributes.resolve.exp" value="4">
<label for="resolve-exp-4"></label>
<input type="radio" id="resolve-exp-5" name="data.attributes.resolve.exp" value="5">
<label for="resolve-exp-5"></label>
<input type="radio" id="resolve-exp-6" name="data.attributes.resolve.exp" value="6">
<label for="resolve-exp-6"></label>
{{/multiboxes}}
</div>
{{!-- Skills --}}
<div class="attributes-container">
{{#multiboxes data.attributes.resolve.skills.attune}}
<input type="radio" id="attributes-attune-0" name="data.attributes.resolve.skills.attune" value="0">
<label for="attributes-attune-0"></label>
<input type="radio" id="attributes-attune-1" name="data.attributes.resolve.skills.attune" value="1">
<label for="attributes-attune-1"></label>
<span>|</span>
<input type="radio" id="attributes-attune-2" name="data.attributes.resolve.skills.attune" value="2">
<label for="attributes-attune-2"></label>
<input type="radio" id="attributes-attune-3" name="data.attributes.resolve.skills.attune" value="3">
<label for="attributes-attune-3"></label>
<input type="radio" id="attributes-attune-4" name="data.attributes.resolve.skills.attune" value="4">
<label for="attributes-attune-4"></label>
<div class="attribute-skill-label">attune</div>
{{/multiboxes}}
</div>
<div class="attributes-container">
{{#multiboxes data.attributes.resolve.skills.command}}
<input type="radio" id="attributes-command-0" name="data.attributes.resolve.skills.command" value="0">
<label for="attributes-command-0"></label>
<input type="radio" id="attributes-command-1" name="data.attributes.resolve.skills.command" value="1">
<label for="attributes-command-1"></label>
<span>|</span>
<input type="radio" id="attributes-command-2" name="data.attributes.resolve.skills.command" value="2">
<label for="attributes-command-2"></label>
<input type="radio" id="attributes-command-3" name="data.attributes.resolve.skills.command" value="3">
<label for="attributes-command-3"></label>
<input type="radio" id="attributes-command-4" name="data.attributes.resolve.skills.command" value="4">
<label for="attributes-command-4"></label>
<div class="attribute-skill-label">command</div>
{{/multiboxes}}
</div>
<div class="attributes-container">
{{#multiboxes data.attributes.resolve.skills.consort}}
<input type="radio" id="attributes-consort-0" name="data.attributes.resolve.skills.consort" value="0">
<label for="attributes-consort-0"></label>
<input type="radio" id="attributes-consort-1" name="data.attributes.resolve.skills.consort" value="1">
<label for="attributes-consort-1"></label>
<span>|</span>
<input type="radio" id="attributes-consort-2" name="data.attributes.resolve.skills.consort" value="2">
<label for="attributes-consort-2"></label>
<input type="radio" id="attributes-consort-3" name="data.attributes.resolve.skills.consort" value="3">
<label for="attributes-consort-3"></label>
<input type="radio" id="attributes-consort-4" name="data.attributes.resolve.skills.consort" value="4">
<label for="attributes-consort-4"></label>
<div class="attribute-skill-label">consort</div>
{{/multiboxes}}
</div>
<div class="attributes-container">
{{#multiboxes data.attributes.resolve.skills.sway}}
<input type="radio" id="attributes-sway-0" name="data.attributes.resolve.skills.sway" value="0">
<label for="attributes-sway-0"></label>
<input type="radio" id="attributes-sway-1" name="data.attributes.resolve.skills.sway" value="1">
<label for="attributes-sway-1"></label>
<span>|</span>
<input type="radio" id="attributes-sway-2" name="data.attributes.resolve.skills.sway" value="2">
<label for="attributes-sway-2"></label>
<input type="radio" id="attributes-sway-3" name="data.attributes.resolve.skills.sway" value="3">
<label for="attributes-sway-3"></label>
<input type="radio" id="attributes-sway-4" name="data.attributes.resolve.skills.sway" value="4">
<label for="attributes-sway-4"></label>
<div class="attribute-skill-label">sway</div>
{{/multiboxes}}
</div>
</div>
</div>

View file

@ -0,0 +1,3 @@
<div>
TESTOOOOO
</div>

View file

@ -0,0 +1,3 @@
<div>
TESTOOOOO
</div>

View file

@ -0,0 +1,3 @@
<div>
TESTOOOOO
</div>

View file

@ -0,0 +1,3 @@
<div>
TESTOOOOO
</div>

View file

@ -0,0 +1,3 @@
<div>
TESTOOOOO
</div>

View file

@ -0,0 +1,3 @@
<div>
TESTOOOOO
</div>

View file

@ -0,0 +1,3 @@
<div>
TESTOOOOO
</div>