slaguru666/roll20-character-sheets-tester
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

converted bonds into connections

Browse Source
This commit is contained in:
LeeRhodes
2021-08-15 19:16:39 +01:00
parent b653f3461d
commit 09a5d8d0ce
24 changed files with 602 additions and 278 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Ironsworn-Starforged/Ironsworn-starforged.css
+19 -19
View File
@@ -565,7 +565,7 @@
.charsheet .mode-image {
display: flex;
}
.charsheet input[type=radio].bonds:checked ~ div.bonds,
.charsheet input[type=radio].connections:checked ~ div.connections,
.charsheet input[type=radio].summary:checked ~ div.summary,
.charsheet input[type=radio].vows:checked ~ div.vows,
.charsheet input[type=radio].assets:checked ~ div.assets,
@@ -783,10 +783,10 @@
.charsheet .bonds-track .progress-row {
grid-template-columns: 0px repeat(10, 43.5px) 110px;
}
.charsheet .bonds {
.charsheet .connections {
margin-bottom: 0px;
}
.charsheet .bond-component {
.charsheet .connection-component {
margin-top: 1em;
}
.charsheet .bond {
@@ -795,32 +795,32 @@
justify-content: center;
align-items: center;
}
.charsheet .bond-container {
.charsheet .connection-container {
border: 2px solid #4c4d4f;
border-radius: 1em;
margin-bottom: 1em;
padding: 0.5em 1em;
}
.charsheet .bond-notes {
.charsheet .connection-notes {
width: 98.5%;
resize: vertical;
}
.charsheet .bond-name,
.charsheet .bond-location,
.charsheet .bond-descriptors {
.charsheet .connection-name,
.charsheet .connection-location,
.charsheet .connection-descriptors {
border: none;
border-radius: 0em;
background: transparent;
padding: 0;
padding-left: 0.5em;
}
.charsheet .bond-descriptors {
.charsheet .connection-descriptors {
width: 43%;
}
.charsheet .bond-location {
.charsheet .connection-location {
width: 40%;
}
.charsheet p.bond-title {
.charsheet p.connection-title {
text-align: left;
font-weight: bold;
margin: 0 0 0px;
@@ -839,12 +839,12 @@
margin: 0.3em 0.5em;
border-radius: 2em;
}
.charsheet .bond-name::placeholder,
.charsheet .bond-location::placeholder,
.charsheet .bond-descriptors::placeholder {
.charsheet .connection-name::placeholder,
.charsheet .connection-location::placeholder,
.charsheet .connection-descriptors::placeholder {
color: #8a8a8a;
}
.charsheet input[type="checkbox"].show-bond-info {
.charsheet input[type="checkbox"].show-connection-info {
width: 4.5em;
height: 18px;
top: 0;
@@ -852,7 +852,7 @@
border-radius: 0;
padding: 2px 4px;
}
.charsheet input[type="checkbox"].show-bond-info:checked ~ div.show-bond-info {
.charsheet input[type="checkbox"].show-connection-info:checked ~ div.show-connection-info {
display: flex;
flex-flow: row wrap;
visibility: visible;
@@ -860,21 +860,21 @@
opacity: 1;
transition: 0.2s ease;
}
.charsheet input[type="checkbox"].show-bond-info:checked ~ span.show-bond-info {
.charsheet input[type="checkbox"].show-connection-info:checked ~ span.show-connection-info {
border-radius: 0;
padding: 2px 4px;
border: 1px solid;
background-color: #4c4d4f;
color: #fff;
}
.charsheet input[type="checkbox"].show-bond-info:hover ~ span.show-bond-info {
.charsheet input[type="checkbox"].show-connection-info:hover ~ span.show-connection-info {
border-radius: 0;
padding: 2px 4px;
background-color: #ccc;
color: #4c4d4f;
transition: 0.5s ease;
}
.charsheet span.show-bond-info {
.charsheet span.show-connection-info {
margin-left: -4.9em;
border-radius: 0;
padding: 2px 4px;
Ironsworn-Starforged/Ironsworn-starforged.html
+499 -156
View File
@@ -248,7 +248,7 @@
<div class="nav-child">
<label class="page-label">
<input class="hide-element page-button" type="radio" name="attr_character_page_button" value="3"/>
<div class="page-button-back" data-i18n="nav-bonds"></div>
<div class="page-button-back" data-i18n="nav-connections"></div>
</label>
</div>
<div class="nav-child">
@@ -433,29 +433,201 @@
</div>
</div>
<div class="page-container">
<input class="bonds hide-element" type="radio" name="attr_character_page" value="3"/>
<div class="bonds showhide">
<div class="bond-component">
<fieldset class="repeating_bonds">
<div class="bond-container">
<p class="bond-title">NAME:</p>
<input class="border-bottom bond-name" type="text" name="attr_bond-name" placeholder="Name"/>
<input class="connections hide-element" type="radio" name="attr_character_page" value="3"/>
<div class="connections showhide">
<div class="connection-component">
<fieldset class="repeating_connection">
<div class="connection-container">
<p class="connection-title">NAME:</p>
<input class="border-bottom connection-name" type="text" name="attr_connection-name" placeholder="Name"/>
<label class="btn details-btn">
<input class="hide-element btn-input" type="checkbox" name="attr_details_button"/>
<div class="btn-content">DETAILS</div>
</label>
<input class="hide-element show-bond-info" type="checkbox" name="attr_details"/>
<div class="show-bond-info showhide">
<input class="hide-element show-connection-info" type="checkbox" name="attr_details"/>
<div class="show-connection-info showhide">
<div class="full-width">
<p class="bond-title">LOCATION:</p>
<input class="bond-location border-bottom" type="text" name="attr_bond-location" placeholder="Location"/>
<p class="connection-title">LOCATION:</p>
<input class="connection-location border-bottom" type="text" name="attr_connection-location" placeholder="Location"/>
</div>
<div class="full-width">
<p class="bond-title">DESCRIPTORS:</p>
<input class="bond-descriptors border-bottom" type="text" name="attr_bond-descriptors" placeholder="Descriptors"/>
<p class="connection-title">DESCRIPTORS:</p>
<input class="connection-descriptors border-bottom" type="text" name="attr_connection-descriptors" placeholder="Descriptors"/>
</div>
<div class="full-width">
<textarea class="bond-notes" name="attr_bond-notes"></textarea>
<div class="progress-header">
<label class="difficulty">
<input class="hide-element" type="radio" name="attr_rank" value="1" checked="checked"/>
<h5>troublesome</h5>
</label>
<label class="difficulty">
<input class="hide-element" type="radio" name="attr_rank" value="2"/>
<h5>dangerous</h5>
</label>
<label class="difficulty">
<input class="hide-element" type="radio" name="attr_rank" value="3"/>
<h5>formidable</h5>
</label>
<label class="difficulty">
<input class="hide-element" type="radio" name="attr_rank" value="4"/>
<h5>extreme</h5>
</label>
<label class="difficulty">
<input class="hide-element" type="radio" name="attr_rank" value="5"/>
<h5>epic</h5>
</label>
</div>
<div class="progress-container">
<div class="progress-row">
<div>
<label class="btn">MARK
<input class="mark-vow hide-element" type="checkbox" name="attr_mark_progress"/>
</label>
<label class="btn">CLEAR
<input class="clear-vow hide-element" type="checkbox" name="attr_clear_progress"/>
</label>
</div>
<div class="progress-input-holder">
<select class="progress-input" name="attr_progress_1">
<option value="0" selected="selected"></option>
<option value="1">-</option>
<option value="2">+</option>
<option value="3">*</option>
<option value="4">#</option>
</select>
<input class="hide" type="number" name="attr_progress_1" min="1" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_1" min="2" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_1" min="3" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_1" min="4" required="required"/><span></span>
</div>
<div class="progress-input-holder">
<select class="progress-input" name="attr_progress_2">
<option value="0" selected="selected"></option>
<option value="1">-</option>
<option value="2">+</option>
<option value="3">*</option>
<option value="4">#</option>
</select>
<input class="hide" type="number" name="attr_progress_2" min="1" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_2" min="2" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_2" min="3" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_2" min="4" required="required"/><span></span>
</div>
<div class="progress-input-holder">
<select class="progress-input" name="attr_progress_3">
<option value="0" selected="selected"></option>
<option value="1">-</option>
<option value="2">+</option>
<option value="3">*</option>
<option value="4">#</option>
</select>
<input class="hide" type="number" name="attr_progress_3" min="1" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_3" min="2" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_3" min="3" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_3" min="4" required="required"/><span></span>
</div>
<div class="progress-input-holder">
<select class="progress-input" name="attr_progress_4">
<option value="0" selected="selected"></option>
<option value="1">-</option>
<option value="2">+</option>
<option value="3">*</option>
<option value="4">#</option>
</select>
<input class="hide" type="number" name="attr_progress_4" min="1" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_4" min="2" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_4" min="3" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_4" min="4" required="required"/><span></span>
</div>
<div class="progress-input-holder">
<select class="progress-input" name="attr_progress_5">
<option value="0" selected="selected"></option>
<option value="1">-</option>
<option value="2">+</option>
<option value="3">*</option>
<option value="4">#</option>
</select>
<input class="hide" type="number" name="attr_progress_5" min="1" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_5" min="2" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_5" min="3" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_5" min="4" required="required"/><span></span>
</div>
<div class="progress-input-holder">
<select class="progress-input" name="attr_progress_6">
<option value="0" selected="selected"></option>
<option value="1">-</option>
<option value="2">+</option>
<option value="3">*</option>
<option value="4">#</option>
</select>
<input class="hide" type="number" name="attr_progress_6" min="1" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_6" min="2" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_6" min="3" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_6" min="4" required="required"/><span></span>
</div>
<div class="progress-input-holder">
<select class="progress-input" name="attr_progress_7">
<option value="0" selected="selected"></option>
<option value="1">-</option>
<option value="2">+</option>
<option value="3">*</option>
<option value="4">#</option>
</select>
<input class="hide" type="number" name="attr_progress_7" min="1" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_7" min="2" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_7" min="3" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_7" min="4" required="required"/><span></span>
</div>
<div class="progress-input-holder">
<select class="progress-input" name="attr_progress_8">
<option value="0" selected="selected"></option>
<option value="1">-</option>
<option value="2">+</option>
<option value="3">*</option>
<option value="4">#</option>
</select>
<input class="hide" type="number" name="attr_progress_8" min="1" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_8" min="2" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_8" min="3" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_8" min="4" required="required"/><span></span>
</div>
<div class="progress-input-holder">
<select class="progress-input" name="attr_progress_9">
<option value="0" selected="selected"></option>
<option value="1">-</option>
<option value="2">+</option>
<option value="3">*</option>
<option value="4">#</option>
</select>
<input class="hide" type="number" name="attr_progress_9" min="1" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_9" min="2" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_9" min="3" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_9" min="4" required="required"/><span></span>
</div>
<div class="progress-input-holder">
<select class="progress-input" name="attr_progress_10">
<option value="0" selected="selected"></option>
<option value="1">-</option>
<option value="2">+</option>
<option value="3">*</option>
<option value="4">#</option>
</select>
<input class="hide" type="number" name="attr_progress_10" min="1" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_10" min="2" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_10" min="3" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_10" min="4" required="required"/><span></span>
</div>
<div>
<label class="btn">CONCLUDE
<button class="hide-element" type="roll" name="rollProgress" value="&amp;{template:starforged_progress} {{progress_name=@{connection-name}}} {{progress=[[@{progress-filled}]]}} {{challenge1=[[d10]]}} {{challenge2=[[d10]]}}"> </button>
</label>
</div>
<input class="hide-element" type="text" name="attr_progress-filled" value="floor((@{progress_1}+@{progress_2}+@{progress_3}+@{progress_4}+@{progress_5}+@{progress_6}+@{progress_7}+@{progress_8}+@{progress_9}+@{progress_10})/4)" disabled="true"/>
</div>
</div>
</div>
<div class="full-width">
<textarea class="connection-notes" name="attr_connection-notes"></textarea>
</div>
</div>
</div>
@@ -638,7 +810,7 @@
<div class="btn-div" data-i18n="vow-fulfill">FULFILL</div>
</label>
</div>
<input class="hide-element" type="text" name="attr_vow-filled" value="floor((@{progress_0}+@{progress_1}+@{progress_2}+@{progress_3}+@{progress_4}+@{progress_5}+@{progress_6}+@{progress_7}+@{progress_8}+@{progress_9})/4)" disabled="disabled"/>
<input class="hide-element" type="text" name="attr_vow-filled" value="floor((@{progress_1}+@{progress_2}+@{progress_3}+@{progress_4}+@{progress_5}+@{progress_6}+@{progress_7}+@{progress_8}+@{progress_9}+@{progress_10})/4)" disabled="disabled"/>
</div>
</div>
</fieldset>
@@ -5529,141 +5701,141 @@
</label>
</div>
<div class="progress-input-holder">
<select class="progress-input" name="attr_progress_one">
<select class="progress-input" name="attr_progress_1">
<option value="0" selected="selected"></option>
<option value="1">-</option>
<option value="2">+</option>
<option value="3">*</option>
<option value="4">#</option>
</select>
<input class="hide" type="number" name="attr_progress_one" min="1" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_one" min="2" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_one" min="3" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_one" min="4" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_1" min="1" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_1" min="2" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_1" min="3" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_1" min="4" required="required"/><span></span>
</div>
<div class="progress-input-holder">
<select class="progress-input" name="attr_progress_two">
<select class="progress-input" name="attr_progress_2">
<option value="0" selected="selected"></option>
<option value="1">-</option>
<option value="2">+</option>
<option value="3">*</option>
<option value="4">#</option>
</select>
<input class="hide" type="number" name="attr_progress_two" min="1" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_two" min="2" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_two" min="3" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_two" min="4" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_2" min="1" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_2" min="2" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_2" min="3" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_2" min="4" required="required"/><span></span>
</div>
<div class="progress-input-holder">
<select class="progress-input" name="attr_progress_three">
<select class="progress-input" name="attr_progress_3">
<option value="0" selected="selected"></option>
<option value="1">-</option>
<option value="2">+</option>
<option value="3">*</option>
<option value="4">#</option>
</select>
<input class="hide" type="number" name="attr_progress_three" min="1" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_three" min="2" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_three" min="3" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_three" min="4" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_3" min="1" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_3" min="2" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_3" min="3" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_3" min="4" required="required"/><span></span>
</div>
<div class="progress-input-holder">
<select class="progress-input" name="attr_progress_four">
<select class="progress-input" name="attr_progress_4">
<option value="0" selected="selected"></option>
<option value="1">-</option>
<option value="2">+</option>
<option value="3">*</option>
<option value="4">#</option>
</select>
<input class="hide" type="number" name="attr_progress_four" min="1" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_four" min="2" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_four" min="3" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_four" min="4" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_4" min="1" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_4" min="2" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_4" min="3" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_4" min="4" required="required"/><span></span>
</div>
<div class="progress-input-holder">
<select class="progress-input" name="attr_progress_five">
<select class="progress-input" name="attr_progress_5">
<option value="0" selected="selected"></option>
<option value="1">-</option>
<option value="2">+</option>
<option value="3">*</option>
<option value="4">#</option>
</select>
<input class="hide" type="number" name="attr_progress_five" min="1" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_five" min="2" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_five" min="3" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_five" min="4" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_5" min="1" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_5" min="2" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_5" min="3" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_5" min="4" required="required"/><span></span>
</div>
<div class="progress-input-holder">
<select class="progress-input" name="attr_progress_six">
<select class="progress-input" name="attr_progress_6">
<option value="0" selected="selected"></option>
<option value="1">-</option>
<option value="2">+</option>
<option value="3">*</option>
<option value="4">#</option>
</select>
<input class="hide" type="number" name="attr_progress_six" min="1" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_six" min="2" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_six" min="3" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_six" min="4" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_6" min="1" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_6" min="2" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_6" min="3" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_6" min="4" required="required"/><span></span>
</div>
<div class="progress-input-holder">
<select class="progress-input" name="attr_progress_seven">
<select class="progress-input" name="attr_progress_7">
<option value="0" selected="selected"></option>
<option value="1">-</option>
<option value="2">+</option>
<option value="3">*</option>
<option value="4">#</option>
</select>
<input class="hide" type="number" name="attr_progress_seven" min="1" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_seven" min="2" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_seven" min="3" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_seven" min="4" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_7" min="1" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_7" min="2" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_7" min="3" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_7" min="4" required="required"/><span></span>
</div>
<div class="progress-input-holder">
<select class="progress-input" name="attr_progress_eight">
<select class="progress-input" name="attr_progress_8">
<option value="0" selected="selected"></option>
<option value="1">-</option>
<option value="2">+</option>
<option value="3">*</option>
<option value="4">#</option>
</select>
<input class="hide" type="number" name="attr_progress_eight" min="1" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_eight" min="2" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_eight" min="3" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_eight" min="4" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_8" min="1" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_8" min="2" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_8" min="3" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_8" min="4" required="required"/><span></span>
</div>
<div class="progress-input-holder">
<select class="progress-input" name="attr_progress_nine">
<select class="progress-input" name="attr_progress_9">
<option value="0" selected="selected"></option>
<option value="1">-</option>
<option value="2">+</option>
<option value="3">*</option>
<option value="4">#</option>
</select>
<input class="hide" type="number" name="attr_progress_nine" min="1" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_nine" min="2" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_nine" min="3" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_nine" min="4" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_9" min="1" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_9" min="2" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_9" min="3" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_9" min="4" required="required"/><span></span>
</div>
<div class="progress-input-holder">
<select class="progress-input" name="attr_progress_ten">
<select class="progress-input" name="attr_progress_10">
<option value="0" selected="selected"></option>
<option value="1">-</option>
<option value="2">+</option>
<option value="3">*</option>
<option value="4">#</option>
</select>
<input class="hide" type="number" name="attr_progress_ten" min="1" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_ten" min="2" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_ten" min="3" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_ten" min="4" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_10" min="1" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_10" min="2" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_10" min="3" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_10" min="4" required="required"/><span></span>
</div>
<div>
<label class="btn">CONCLUDE
<button class="hide-element" type="roll" name="rollProgress" value="&amp;{template:starforged_progress} {{progress_name=@{name}}} {{progress=[[@{progress-filled}]]}} {{challenge1=[[d10]]}} {{challenge2=[[d10]]}}"> </button>
</label>
</div>
<input class="hide-element" type="text" name="attr_progress-filled" value="floor((@{progress_one}+@{progress_two}+@{progress_three}+@{progress_four}+@{progress_five}+@{progress_six}+@{progress_seven}+@{progress_eight}+@{progress_nine}+@{progress_ten})/4)" disabled="true"/>
<input class="hide-element" type="text" name="attr_progress-filled" value="floor((@{progress_1}+@{progress_2}+@{progress_3}+@{progress_4}+@{progress_5}+@{progress_6}+@{progress_7}+@{progress_8}+@{progress_9}+@{progress_10})/4)" disabled="true"/>
</div>
</div>
<div class="progress-container">
@@ -10195,7 +10367,7 @@
<div class="nav-child">
<label class="page-label">
<input class="hide-element page-button" type="radio" name="attr_shared_page_button" value="3"/>
<div class="page-button-back" data-i18n="nav-bonds"></div>
<div class="page-button-back" data-i18n="nav-connections"></div>
</label>
</div>
</div>
@@ -10239,19 +10411,6 @@
<div class="btn-div" data-i18n="clear-btn">CLEAR</div>
</label>
</div>
<div class="progress-input-holder">
<select class="progress-input" name="attr_progress_0">
<option value="0" selected="selected"></option>
<option value="1">-</option>
<option value="2">+</option>
<option value="3">*</option>
<option value="4">#</option>
</select>
<input class="hide" type="number" name="attr_progress_0" min="1" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_0" min="2" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_0" min="3" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_0" min="4" required="required"/><span></span>
</div>
<div class="progress-input-holder">
<select class="progress-input" name="attr_progress_1">
<option value="0" selected="selected"></option>
@@ -10369,42 +10528,227 @@
<input class="hide" type="number" name="attr_progress_9" min="3" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_9" min="4" required="required"/><span></span>
</div>
<div class="progress-input-holder">
<select class="progress-input" name="attr_progress_10">
<option value="0" selected="selected"></option>
<option value="1">-</option>
<option value="2">+</option>
<option value="3">*</option>
<option value="4">#</option>
</select>
<input class="hide" type="number" name="attr_progress_10" min="1" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_10" min="2" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_10" min="3" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_10" min="4" required="required"/><span></span>
</div>
<div>
<label class="btn">
<button class="hide" type="roll" name="rollVow" value="&amp;{template:starforged_progress} {{progress_type=Vow}} {{progress_name=@{vow_name}}} {{progress=[[@{vow-filled}]]}} {{challenge1=[[d10]]}} {{challenge2=[[d10]]}}"></button>
<div class="btn-div" data-i18n="vow-fulfill">FULFILL</div>
</label>
</div>
<input class="hide-element" type="text" name="attr_vow-filled" value="floor((@{progress_0}+@{progress_1}+@{progress_2}+@{progress_3}+@{progress_4}+@{progress_5}+@{progress_6}+@{progress_7}+@{progress_8}+@{progress_9})/4)" disabled="disabled"/>
<input class="hide-element" type="text" name="attr_vow-filled" value="floor((@{progress_1}+@{progress_2}+@{progress_3}+@{progress_4}+@{progress_5}+@{progress_6}+@{progress_7}+@{progress_8}+@{progress_9}+@{progress_10})/4)" disabled="disabled"/>
</div>
</div>
</fieldset>
</div>
</div>
<div class="page-container">
<input class="bonds hide-element" type="radio" name="attr_shared_page" value="3"/>
<div class="bonds showhide">
<div class="bond-component">
<fieldset class="repeating_bonds">
<div class="bond-container">
<p class="bond-title">NAME:</p>
<input class="border-bottom bond-name" type="text" name="attr_bond-name" placeholder="Name"/>
<input class="connections hide-element" type="radio" name="attr_shared_page" value="3"/>
<div class="connections showhide">
<div class="connection-component">
<fieldset class="repeating_connection">
<div class="connection-container">
<p class="connection-title">NAME:</p>
<input class="border-bottom connection-name" type="text" name="attr_connection-name" placeholder="Name"/>
<label class="btn details-btn">
<input class="hide-element btn-input" type="checkbox" name="attr_details_button"/>
<div class="btn-content">DETAILS</div>
</label>
<input class="hide-element show-bond-info" type="checkbox" name="attr_details"/>
<div class="show-bond-info showhide">
<input class="hide-element show-connection-info" type="checkbox" name="attr_details"/>
<div class="show-connection-info showhide">
<div class="full-width">
<p class="bond-title">LOCATION:</p>
<input class="bond-location border-bottom" type="text" name="attr_bond-location" placeholder="Location"/>
<p class="connection-title">LOCATION:</p>
<input class="connection-location border-bottom" type="text" name="attr_connection-location" placeholder="Location"/>
</div>
<div class="full-width">
<p class="bond-title">DESCRIPTORS:</p>
<input class="bond-descriptors border-bottom" type="text" name="attr_bond-descriptors" placeholder="Descriptors"/>
<p class="connection-title">DESCRIPTORS:</p>
<input class="connection-descriptors border-bottom" type="text" name="attr_connection-descriptors" placeholder="Descriptors"/>
</div>
<div class="full-width">
<textarea class="bond-notes" name="attr_bond-notes"></textarea>
<div class="progress-header">
<label class="difficulty">
<input class="hide-element" type="radio" name="attr_rank" value="1" checked="checked"/>
<h5>troublesome</h5>
</label>
<label class="difficulty">
<input class="hide-element" type="radio" name="attr_rank" value="2"/>
<h5>dangerous</h5>
</label>
<label class="difficulty">
<input class="hide-element" type="radio" name="attr_rank" value="3"/>
<h5>formidable</h5>
</label>
<label class="difficulty">
<input class="hide-element" type="radio" name="attr_rank" value="4"/>
<h5>extreme</h5>
</label>
<label class="difficulty">
<input class="hide-element" type="radio" name="attr_rank" value="5"/>
<h5>epic</h5>
</label>
</div>
<div class="progress-container">
<div class="progress-row">
<div>
<label class="btn">MARK
<input class="mark-vow hide-element" type="checkbox" name="attr_mark_progress"/>
</label>
<label class="btn">CLEAR
<input class="clear-vow hide-element" type="checkbox" name="attr_clear_progress"/>
</label>
</div>
<div class="progress-input-holder">
<select class="progress-input" name="attr_progress_1">
<option value="0" selected="selected"></option>
<option value="1">-</option>
<option value="2">+</option>
<option value="3">*</option>
<option value="4">#</option>
</select>
<input class="hide" type="number" name="attr_progress_1" min="1" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_1" min="2" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_1" min="3" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_1" min="4" required="required"/><span></span>
</div>
<div class="progress-input-holder">
<select class="progress-input" name="attr_progress_2">
<option value="0" selected="selected"></option>
<option value="1">-</option>
<option value="2">+</option>
<option value="3">*</option>
<option value="4">#</option>
</select>
<input class="hide" type="number" name="attr_progress_2" min="1" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_2" min="2" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_2" min="3" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_2" min="4" required="required"/><span></span>
</div>
<div class="progress-input-holder">
<select class="progress-input" name="attr_progress_3">
<option value="0" selected="selected"></option>
<option value="1">-</option>
<option value="2">+</option>
<option value="3">*</option>
<option value="4">#</option>
</select>
<input class="hide" type="number" name="attr_progress_3" min="1" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_3" min="2" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_3" min="3" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_3" min="4" required="required"/><span></span>
</div>
<div class="progress-input-holder">
<select class="progress-input" name="attr_progress_4">
<option value="0" selected="selected"></option>
<option value="1">-</option>
<option value="2">+</option>
<option value="3">*</option>
<option value="4">#</option>
</select>
<input class="hide" type="number" name="attr_progress_4" min="1" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_4" min="2" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_4" min="3" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_4" min="4" required="required"/><span></span>
</div>
<div class="progress-input-holder">
<select class="progress-input" name="attr_progress_5">
<option value="0" selected="selected"></option>
<option value="1">-</option>
<option value="2">+</option>
<option value="3">*</option>
<option value="4">#</option>
</select>
<input class="hide" type="number" name="attr_progress_5" min="1" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_5" min="2" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_5" min="3" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_5" min="4" required="required"/><span></span>
</div>
<div class="progress-input-holder">
<select class="progress-input" name="attr_progress_6">
<option value="0" selected="selected"></option>
<option value="1">-</option>
<option value="2">+</option>
<option value="3">*</option>
<option value="4">#</option>
</select>
<input class="hide" type="number" name="attr_progress_6" min="1" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_6" min="2" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_6" min="3" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_6" min="4" required="required"/><span></span>
</div>
<div class="progress-input-holder">
<select class="progress-input" name="attr_progress_7">
<option value="0" selected="selected"></option>
<option value="1">-</option>
<option value="2">+</option>
<option value="3">*</option>
<option value="4">#</option>
</select>
<input class="hide" type="number" name="attr_progress_7" min="1" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_7" min="2" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_7" min="3" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_7" min="4" required="required"/><span></span>
</div>
<div class="progress-input-holder">
<select class="progress-input" name="attr_progress_8">
<option value="0" selected="selected"></option>
<option value="1">-</option>
<option value="2">+</option>
<option value="3">*</option>
<option value="4">#</option>
</select>
<input class="hide" type="number" name="attr_progress_8" min="1" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_8" min="2" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_8" min="3" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_8" min="4" required="required"/><span></span>
</div>
<div class="progress-input-holder">
<select class="progress-input" name="attr_progress_9">
<option value="0" selected="selected"></option>
<option value="1">-</option>
<option value="2">+</option>
<option value="3">*</option>
<option value="4">#</option>
</select>
<input class="hide" type="number" name="attr_progress_9" min="1" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_9" min="2" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_9" min="3" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_9" min="4" required="required"/><span></span>
</div>
<div class="progress-input-holder">
<select class="progress-input" name="attr_progress_10">
<option value="0" selected="selected"></option>
<option value="1">-</option>
<option value="2">+</option>
<option value="3">*</option>
<option value="4">#</option>
</select>
<input class="hide" type="number" name="attr_progress_10" min="1" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_10" min="2" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_10" min="3" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_10" min="4" required="required"/><span></span>
</div>
<div>
<label class="btn">CONCLUDE
<button class="hide-element" type="roll" name="rollProgress" value="&amp;{template:starforged_progress} {{progress_name=@{connection-name}}} {{progress=[[@{progress-filled}]]}} {{challenge1=[[d10]]}} {{challenge2=[[d10]]}}"> </button>
</label>
</div>
<input class="hide-element" type="text" name="attr_progress-filled" value="floor((@{progress_1}+@{progress_2}+@{progress_3}+@{progress_4}+@{progress_5}+@{progress_6}+@{progress_7}+@{progress_8}+@{progress_9}+@{progress_10})/4)" disabled="true"/>
</div>
</div>
</div>
<div class="full-width">
<textarea class="connection-notes" name="attr_connection-notes"></textarea>
</div>
</div>
</div>
@@ -10457,141 +10801,141 @@
</label>
</div>
<div class="progress-input-holder">
<select class="progress-input" name="attr_progress_one">
<select class="progress-input" name="attr_progress_1">
<option value="0" selected="selected"></option>
<option value="1">-</option>
<option value="2">+</option>
<option value="3">*</option>
<option value="4">#</option>
</select>
<input class="hide" type="number" name="attr_progress_one" min="1" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_one" min="2" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_one" min="3" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_one" min="4" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_1" min="1" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_1" min="2" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_1" min="3" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_1" min="4" required="required"/><span></span>
</div>
<div class="progress-input-holder">
<select class="progress-input" name="attr_progress_two">
<select class="progress-input" name="attr_progress_2">
<option value="0" selected="selected"></option>
<option value="1">-</option>
<option value="2">+</option>
<option value="3">*</option>
<option value="4">#</option>
</select>
<input class="hide" type="number" name="attr_progress_two" min="1" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_two" min="2" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_two" min="3" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_two" min="4" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_2" min="1" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_2" min="2" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_2" min="3" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_2" min="4" required="required"/><span></span>
</div>
<div class="progress-input-holder">
<select class="progress-input" name="attr_progress_three">
<select class="progress-input" name="attr_progress_3">
<option value="0" selected="selected"></option>
<option value="1">-</option>
<option value="2">+</option>
<option value="3">*</option>
<option value="4">#</option>
</select>
<input class="hide" type="number" name="attr_progress_three" min="1" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_three" min="2" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_three" min="3" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_three" min="4" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_3" min="1" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_3" min="2" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_3" min="3" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_3" min="4" required="required"/><span></span>
</div>
<div class="progress-input-holder">
<select class="progress-input" name="attr_progress_four">
<select class="progress-input" name="attr_progress_4">
<option value="0" selected="selected"></option>
<option value="1">-</option>
<option value="2">+</option>
<option value="3">*</option>
<option value="4">#</option>
</select>
<input class="hide" type="number" name="attr_progress_four" min="1" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_four" min="2" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_four" min="3" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_four" min="4" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_4" min="1" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_4" min="2" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_4" min="3" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_4" min="4" required="required"/><span></span>
</div>
<div class="progress-input-holder">
<select class="progress-input" name="attr_progress_five">
<select class="progress-input" name="attr_progress_5">
<option value="0" selected="selected"></option>
<option value="1">-</option>
<option value="2">+</option>
<option value="3">*</option>
<option value="4">#</option>
</select>
<input class="hide" type="number" name="attr_progress_five" min="1" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_five" min="2" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_five" min="3" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_five" min="4" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_5" min="1" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_5" min="2" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_5" min="3" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_5" min="4" required="required"/><span></span>
</div>
<div class="progress-input-holder">
<select class="progress-input" name="attr_progress_six">
<select class="progress-input" name="attr_progress_6">
<option value="0" selected="selected"></option>
<option value="1">-</option>
<option value="2">+</option>
<option value="3">*</option>
<option value="4">#</option>
</select>
<input class="hide" type="number" name="attr_progress_six" min="1" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_six" min="2" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_six" min="3" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_six" min="4" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_6" min="1" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_6" min="2" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_6" min="3" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_6" min="4" required="required"/><span></span>
</div>
<div class="progress-input-holder">
<select class="progress-input" name="attr_progress_seven">
<select class="progress-input" name="attr_progress_7">
<option value="0" selected="selected"></option>
<option value="1">-</option>
<option value="2">+</option>
<option value="3">*</option>
<option value="4">#</option>
</select>
<input class="hide" type="number" name="attr_progress_seven" min="1" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_seven" min="2" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_seven" min="3" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_seven" min="4" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_7" min="1" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_7" min="2" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_7" min="3" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_7" min="4" required="required"/><span></span>
</div>
<div class="progress-input-holder">
<select class="progress-input" name="attr_progress_eight">
<select class="progress-input" name="attr_progress_8">
<option value="0" selected="selected"></option>
<option value="1">-</option>
<option value="2">+</option>
<option value="3">*</option>
<option value="4">#</option>
</select>
<input class="hide" type="number" name="attr_progress_eight" min="1" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_eight" min="2" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_eight" min="3" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_eight" min="4" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_8" min="1" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_8" min="2" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_8" min="3" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_8" min="4" required="required"/><span></span>
</div>
<div class="progress-input-holder">
<select class="progress-input" name="attr_progress_nine">
<select class="progress-input" name="attr_progress_9">
<option value="0" selected="selected"></option>
<option value="1">-</option>
<option value="2">+</option>
<option value="3">*</option>
<option value="4">#</option>
</select>
<input class="hide" type="number" name="attr_progress_nine" min="1" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_nine" min="2" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_nine" min="3" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_nine" min="4" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_9" min="1" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_9" min="2" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_9" min="3" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_9" min="4" required="required"/><span></span>
</div>
<div class="progress-input-holder">
<select class="progress-input" name="attr_progress_ten">
<select class="progress-input" name="attr_progress_10">
<option value="0" selected="selected"></option>
<option value="1">-</option>
<option value="2">+</option>
<option value="3">*</option>
<option value="4">#</option>
</select>
<input class="hide" type="number" name="attr_progress_ten" min="1" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_ten" min="2" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_ten" min="3" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_ten" min="4" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_10" min="1" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_10" min="2" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_10" min="3" required="required"/><span></span>
<input class="hide" type="number" name="attr_progress_10" min="4" required="required"/><span></span>
</div>
<div>
<label class="btn">CONCLUDE
<button class="hide-element" type="roll" name="rollProgress" value="&amp;{template:starforged_progress} {{progress_name=@{name}}} {{progress=[[@{progress-filled}]]}} {{challenge1=[[d10]]}} {{challenge2=[[d10]]}}"> </button>
</label>
</div>
<input class="hide-element" type="text" name="attr_progress-filled" value="floor((@{progress_one}+@{progress_two}+@{progress_three}+@{progress_four}+@{progress_five}+@{progress_six}+@{progress_seven}+@{progress_eight}+@{progress_nine}+@{progress_ten})/4)" disabled="true"/>
<input class="hide-element" type="text" name="attr_progress-filled" value="floor((@{progress_1}+@{progress_2}+@{progress_3}+@{progress_4}+@{progress_5}+@{progress_6}+@{progress_7}+@{progress_8}+@{progress_9}+@{progress_10})/4)" disabled="true"/>
</div>
</div>
<div class="progress-container">
@@ -19916,12 +20260,11 @@ on('change:close_changelog', function() {
'changelog_1.0.0': 'on',
});
});
const stdProgress = ['one', 'two', 'three', 'four', 'five', 'six', 'seven', 'eight', 'nine', 'ten' ]
const vowProgress = [ '1', '2', '3', '4', '5', '6', '7', '8', '9', '10' ]
const stdProgress = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10 ]
on('change:repeating_progress:mark_progress change:repeating_vow:mark_progress change:repeating_sites:mark_progress', function(values) {
on('change:repeating_progress:mark_progress change:repeating_vow:mark_progress change:repeating_connection:mark_progress', function(values) {
const type = values.sourceAttribute.match(/repeating_(.*?)_/)[1];
const progressStrings = type === 'vow' ? vowProgress : stdProgress;
const progressStrings = stdProgress
const rankValue = `repeating_${type}_rank`;
const progressBoxAttrs = [
`repeating_${type}_progress_${progressStrings[0]}`,
@@ -20002,9 +20345,9 @@ function chosenDifficulty (rank) {
}
}
on('change:repeating_progress:clear_progress change:repeating_vow:clear_progress change:repeating_sites:clear_progress', function(values) {
on('change:repeating_progress:clear_progress change:repeating_vow:clear_progress change:repeating_connection:clear_progress', function(values) {
const type = values.sourceAttribute.match(/repeating_(.*?)_/)[1]
const progressStrings = type === 'vow' ? vowProgress : stdProgress
const progressStrings = stdProgress
setAttrs({
['repeating_' + type + '_progress_' + progressStrings[0]]: '0',
@@ -20061,12 +20404,12 @@ on('change:supply', function(eventinfo) {
});
if (parseInt(eventinfo.newValue) === 0) setAttrs({impactUnprepared: "on"});
});
on("remove:repeating_vow remove:repeating_bonds remove:repeating_progress remove:repeating_assets", function() {
on("remove:repeating_vow remove:repeating_connection remove:repeating_progress remove:repeating_assets", function() {
const timestamp = Number(new Date());
setAttrs({ repeat_delete: timestamp });
});on('change:repeating_bonds:details_button', function(eventinfo) {
});on('change:repeating_connection:details_button', function(eventinfo) {
setAttrs({
repeating_bonds_details: eventinfo.newValue,
repeating_connection_details: eventinfo.newValue,
});
});
on('change:clear_legacy_quests_button change:clear_legacy_bonds_button change:clear_legacy_discoveries_button', function(values) {
Ironsworn-Starforged/src/app/Ironsworn-starforged.styl
+1 -1
View File
@@ -462,7 +462,7 @@
// Components
@import './components/resources/resources'
@import './components/impacts/impacts'
@import './components/bonds/bonds'
@import './components/connections/connections'
@import './components/vows/vows'
@import './components/progress/progress'
@import './components/nav/nav-bar'
Ironsworn-Starforged/src/app/components/bonds/bonds.pug
-29
View File
@@ -1,29 +0,0 @@
//-
Generates a repeating fieldset for bonds.
Expands when clicking the DETAILS label.
@mixin
@outputs repeating html fieldset
@memberof components/bonds
mixin bonds()
.bond-component
fieldset.repeating_bonds
.bond-container
p.bond-title NAME:
input.border-bottom.bond-name(type='text' name='attr_bond-name' placeholder='Name')
label.btn.details-btn
input.hide-element.btn-input(type='checkbox' name='attr_details_button')
.btn-content DETAILS
input.hide-element.show-bond-info(type='checkbox' name='attr_details')
.show-bond-info.showhide
.full-width
p.bond-title LOCATION:
input.bond-location.border-bottom(type='text' name='attr_bond-location' placeholder='Location')
.full-width
p.bond-title DESCRIPTORS:
input.bond-descriptors.border-bottom(type='text' name='attr_bond-descriptors' placeholder='Descriptors')
.full-width
textarea.bond-notes(name='attr_bond-notes')
Ironsworn-Starforged/src/app/components/bonds/track.pug
-16
View File
@@ -1,16 +0,0 @@
- var track = [ 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 ]
include ../progress/mixins/box
mixin bondsTrack()
.bonds-track
.progress-row
div
each index in track
+progressBoxComplex(`attr_bond-${index}`)
input(
type="text"
class="hide-element"
name="attr_bond-filled"
value="floor((@{bond-0}+@{bond-1}+@{bond-2}+@{bond-3}+@{bond-4}+@{bond-5}+@{bond-6}+@{bond-7}+@{bond-8}+@{bond-9})/4)"
disabled="true"
)
Ironsworn-Starforged/src/app/components/connections/connections.pug
+32
View File
@@ -0,0 +1,32 @@
include ../progress/mixins/box
mixin connections()
.connection-component
fieldset.repeating_connection
.connection-container
p.connection-title NAME:
input.border-bottom.connection-name(type='text' name='attr_connection-name' placeholder='Name')
label.btn.details-btn
input.hide-element.btn-input(type='checkbox' name='attr_details_button')
.btn-content DETAILS
input.hide-element.show-connection-info(type='checkbox' name='attr_details')
.show-connection-info.showhide
.full-width
p.connection-title LOCATION:
input.connection-location.border-bottom(type='text' name='attr_connection-location' placeholder='Location')
.full-width
p.connection-title DESCRIPTORS:
input.connection-descriptors.border-bottom(type='text' name='attr_connection-descriptors' placeholder='Descriptors')
.full-width
.progress-header
each difficulty, index in difficulties
label.difficulty
if difficulty.checked
input(type="radio" class="hide-element" name="attr_rank" value=index checked)
else
input(type="radio" class="hide-element" name="attr_rank" value=index)
h5=difficulty.text
+progressTrack(track, 'connection-name')
.full-width
textarea.connection-notes(name='attr_connection-notes')
Ironsworn-Starforged/src/app/components/bonds/bonds.styl → Ironsworn-Starforged/src/app/components/connections/connections.styl
+18 -18
View File
@@ -5,10 +5,10 @@
.progress-row
grid-template-columns: 0px repeat(10, 43.5px) 110px;
.bonds
.connections
margin-bottom 0px
.bond-component
.connection-component
margin-top 1em
.bond
@@ -17,33 +17,33 @@
justify-content center
align-items center
.bond-container
.connection-container
border 2px solid #4C4D4F
border-radius 1em
margin-bottom 1em
padding 0.5em 1em
.bond-notes
.connection-notes
width 98.5%
resize vertical
.bond-name,
.bond-location,
.bond-descriptors
.connection-name,
.connection-location,
.connection-descriptors
border none
border-radius 0em
background transparent
padding 0
padding-left 0.5em
.bond-descriptors
.connection-descriptors
width 43%
.bond-location
.connection-location
width 40%
p
&.bond-title
&.connection-title
text-align left
font-weight bold
margin 0 0 0px
@@ -62,12 +62,12 @@ p
margin 0.3em 0.5em
border-radius 2em
.bond-name::placeholder,
.bond-location::placeholder,
.bond-descriptors::placeholder
.connection-name::placeholder,
.connection-location::placeholder,
.connection-descriptors::placeholder
color #8a8a8a
input[type="checkbox"].show-bond-info
input[type="checkbox"].show-connection-info
width 4.5em
height 18px
top 0
@@ -76,12 +76,12 @@ input[type="checkbox"].show-bond-info
padding 2px 4px
&:checked
& ~ div
&.show-bond-info
&.show-connection-info
display flex
flex-flow row wrap
show-hide()
& ~ span
&.show-bond-info
&.show-connection-info
border-radius 0
padding 2px 4px
border 1px solid
@@ -89,7 +89,7 @@ input[type="checkbox"].show-bond-info
color #fff
&:hover
& ~ span
&.show-bond-info
&.show-connection-info
border-radius 0
padding 2px 4px
background-color #ccc
@@ -97,7 +97,7 @@ input[type="checkbox"].show-bond-info
transition 0.5s ease
span
&.show-bond-info
&.show-connection-info
margin-left -4.9em
border-radius 0
padding 2px 4px
Ironsworn-Starforged/src/app/components/legacies/tracks.pug
-1
View File
@@ -1,7 +1,6 @@
include ../progress/mixins/box
- var legacies = [ 'quests', 'bonds', 'discoveries' ]
- var track = [ 1, 2 , 3, 4, 5, 6, 7, 8, 9, 10]
//-
@mixin
Ironsworn-Starforged/src/app/components/progress/mixins/box.pug
+3 -3
View File
@@ -13,8 +13,8 @@ mixin progressTrack(track, name)
input(class="mark-vow hide-element" type="checkbox" name="attr_mark_progress")
label.btn CLEAR
input(class="clear-vow hide-element" type="checkbox" name="attr_clear_progress")
each index in track
+progressBoxComplex(`attr_progress_${index}`)
each value in track
+progressBoxComplex(`attr_progress_${value}`)
div
label.btn CONCLUDE
button(
@@ -23,7 +23,7 @@ mixin progressTrack(track, name)
name="rollProgress"
value=`&{template:starforged_progress} {{progress_name=@{${name}}}} {{progress=[[@{progress-filled}]]}} {{challenge1=[[d10]]}} {{challenge2=[[d10]]}}`
)
input.hide-element(type='text' name='attr_progress-filled' value='floor((@{progress_one}+@{progress_two}+@{progress_three}+@{progress_four}+@{progress_five}+@{progress_six}+@{progress_seven}+@{progress_eight}+@{progress_nine}+@{progress_ten})/4)' disabled='true')
input.hide-element(type='text' name='attr_progress-filled' value=`floor((@{progress_${track[0]}}+@{progress_${track[1]}}+@{progress_${track[2]}}+@{progress_${track[3]}}+@{progress_${track[4]}}+@{progress_${track[5]}}+@{progress_${track[6]}}+@{progress_${track[7]}}+@{progress_${track[8]}}+@{progress_${track[9]}})/4)` disabled='true')
mixin progressBoxComplex(attribute_name)
.progress-input-holder
Ironsworn-Starforged/src/app/components/progress/progress.pug
+1 -1
View File
@@ -1,5 +1,5 @@
- var track = [ 'one', 'two', 'three', 'four', 'five', 'six', 'seven', 'eight', 'nine', 'ten' ]
- var challenge = [ 'one', 'two', 'three', 'four' ]
include ./mixins/box
fieldset.repeating_progress
Ironsworn-Starforged/src/app/components/vows/vow-container.pug
+1 -5
View File
@@ -1,9 +1,5 @@
include ../progress/mixins/box
- var track = [ 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 ]
- var menaceTrack = [ 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 ]
- var legacyVows = [ 1, 2, 3, 4, 5 ]
mixin input(id, nameValue)
input(
type="text"
@@ -50,6 +46,6 @@ mixin repeatingVow()
type="text"
class="hide-element"
name="attr_vow-filled"
value="floor((@{progress_0}+@{progress_1}+@{progress_2}+@{progress_3}+@{progress_4}+@{progress_5}+@{progress_6}+@{progress_7}+@{progress_8}+@{progress_9})/4)"
value=`floor((@{progress_${track[0]}}+@{progress_${track[1]}}+@{progress_${track[2]}}+@{progress_${track[3]}}+@{progress_${track[4]}}+@{progress_${track[5]}}+@{progress_${track[6]}}+@{progress_${track[7]}}+@{progress_${track[8]}}+@{progress_${track[9]}})/4)`
disabled
)
Ironsworn-Starforged/src/app/data/pages.json
+2 -2
View File
@@ -4,7 +4,7 @@
{ "id": "4", "text": "progress" },
{ "id": "7", "text": "oracles" },
{ "id": "6", "text": "moves" },
{ "id": "3", "text": "bonds" },
{ "id": "3", "text": "connections" },
{ "id": "10", "text": "legacies" }
],
[
@@ -17,7 +17,7 @@
[
{ "id": "2", "text": "vows", "checked": true},
{ "id": "4", "text": "progress" },
{ "id": "3", "text": "bonds" }
{ "id": "3", "text": "connections" }
]
]
}
Ironsworn-Starforged/src/app/data/track.json
+1
View File
@@ -0,0 +1 @@
[ 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 ]
Ironsworn-Starforged/src/app/pages/character/index.pug
+2 -2
View File
@@ -1,6 +1,6 @@
include ../../components/nav/nav-bar
include ../../components/resources/resources
include ../common/bonds
include ../common/connections
include ../common/vows
include ../common/progress
include ./moves
@@ -22,7 +22,7 @@ include ./legacies
//- Pages
+summaryPage
+bondsPage(type)
+connectionsPage(type)
+vowsPage(type)
+assetsPage
+movesPage
Ironsworn-Starforged/src/app/pages/common/bonds.pug
-8
View File
@@ -1,8 +0,0 @@
include ../../components/bonds/track
include ../../components/bonds/bonds
mixin bondsPage(sheetType)
div.page-container
input(type='radio' name=`attr_${sheetType}_page` class='bonds hide-element' value='3')
div.bonds.showhide
+bonds
Ironsworn-Starforged/src/app/pages/common/connections.pug
+7
View File
@@ -0,0 +1,7 @@
include ../../components/connections/connections
mixin connectionsPage(sheetType)
div.page-container
input(type='radio' name=`attr_${sheetType}_page` class='connections hide-element' value='3')
div.connections.showhide
+connections
Ironsworn-Starforged/src/app/pages/index.styl
+1 -1
View File
@@ -68,7 +68,7 @@ div.mode
.mode-image
display flex
input[type=radio].bonds:checked ~ div.bonds,
input[type=radio].connections:checked ~ div.connections,
input[type=radio].summary:checked ~ div.summary,
input[type=radio].vows:checked ~ div.vows,
input[type=radio].assets:checked ~ div.assets,
Ironsworn-Starforged/src/app/pages/shared/index.pug
+2 -2
View File
@@ -1,7 +1,7 @@
include ../../components/nav/nav-bar
include ../../components/resources/resources
include ../common/vows
include ../common/bonds
include ../common/connections
include ../common/progress
- var type = 'shared'
@@ -12,5 +12,5 @@ div.header
//- Pages
+navBar(type)
+vowsPage(type)
+bondsPage(type)
+connectionsPage(type)
+progressPage(type)
Ironsworn-Starforged/src/app/workers/Ironsworn.pug
+1 -1
View File
@@ -7,6 +7,6 @@ script(type="text/worker")
include ./scripts/progress.js
include ./scripts/stats.js
include ./scripts/vows.js
include ./scripts/bonds.js
include ./scripts/connections.js
include ./scripts/legacies.js
include ./scripts/impacts.js
Ironsworn-Starforged/src/app/workers/scripts/bonds.js
-5
View File
@@ -1,5 +0,0 @@
on('change:repeating_bonds:details_button', function(eventinfo) {
setAttrs({
repeating_bonds_details: eventinfo.newValue,
});
});
Ironsworn-Starforged/src/app/workers/scripts/connections.js
+5
View File
@@ -0,0 +1,5 @@
on('change:repeating_connection:details_button', function(eventinfo) {
setAttrs({
repeating_connection_details: eventinfo.newValue,
});
});
Ironsworn-Starforged/src/app/workers/scripts/progress.js
+5 -6
View File
@@ -1,9 +1,8 @@
const stdProgress = ['one', 'two', 'three', 'four', 'five', 'six', 'seven', 'eight', 'nine', 'ten' ]
const vowProgress = [ '1', '2', '3', '4', '5', '6', '7', '8', '9', '10' ]
const stdProgress = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10 ]
on('change:repeating_progress:mark_progress change:repeating_vow:mark_progress change:repeating_sites:mark_progress', function(values) {
on('change:repeating_progress:mark_progress change:repeating_vow:mark_progress change:repeating_connection:mark_progress', function(values) {
const type = values.sourceAttribute.match(/repeating_(.*?)_/)[1];
const progressStrings = type === 'vow' ? vowProgress : stdProgress;
const progressStrings = stdProgress
const rankValue = `repeating_${type}_rank`;
const progressBoxAttrs = [
`repeating_${type}_progress_${progressStrings[0]}`,
@@ -84,9 +83,9 @@ function chosenDifficulty (rank) {
}
}
on('change:repeating_progress:clear_progress change:repeating_vow:clear_progress change:repeating_sites:clear_progress', function(values) {
on('change:repeating_progress:clear_progress change:repeating_vow:clear_progress change:repeating_connection:clear_progress', function(values) {
const type = values.sourceAttribute.match(/repeating_(.*?)_/)[1]
const progressStrings = type === 'vow' ? vowProgress : stdProgress
const progressStrings = stdProgress
setAttrs({
['repeating_' + type + '_progress_' + progressStrings[0]]: '0',
Ironsworn-Starforged/src/app/workers/scripts/vows.js
+1 -1
View File
@@ -1,4 +1,4 @@
on("remove:repeating_vow remove:repeating_bonds remove:repeating_progress remove:repeating_assets", function() {
on("remove:repeating_vow remove:repeating_connection remove:repeating_progress remove:repeating_assets", function() {
const timestamp = Number(new Date());
setAttrs({ repeat_delete: timestamp });
});
Ironsworn-Starforged/translation.json
+1 -1
View File
@@ -14,7 +14,7 @@
"nav-sites": "Sites",
"nav-progress": "Progress",
"nav-oracles": "Oracles",
"nav-bonds": "Bonds",
"nav-connections": "Connections",
"nav-settings": "Settings",
"nav-moves": "Moves",
"nav-summary": "Summary",