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

Merge pull request #2937 from pensman/master

Browse Source 
Dynamic Forms + Pack Tab
This commit is contained in:
wing-it
2017-08-22 09:03:35 -04:00
committed by GitHub
parent 93fc1b1370 82a9cb8fc2
commit bf995dc499
2 changed files with 337 additions and 97 deletions
Download Patch File Download Diff File Expand all files Collapse all files
CWOD-W20/W20.css
+71 -2
View File
@@ -46,7 +46,7 @@ div.sheet-core-content {
}
.charsheet input.sheet-tab {
width: 100px;
width: 95px;
height: 40px;
cursor: pointer;
position: relative;
@@ -93,6 +93,17 @@ div.sheet-core-content {
}
/*----------- End Tab Setup -----------*/
.sheet-indent {
margin-left: 25px;
}
h4.sheet-inline {
display: inline;
margin-right: 10px;
margin-left: 10px;
}
.charsheet label {
display: inline-block;
width: 75px;
@@ -115,6 +126,8 @@ div.sheet-core-content {
}
.charsheet textarea {
resize:vertical;
width: 90%;
height: 80px;
}
.charsheet {
@@ -564,6 +577,11 @@ div[data-groupname="repeating_flaws"]{
display: none;
}
div.sheet-Dynamic-switch,
div.sheet-dynamic-controls{
display: none;
}
input.sheet-static {
z-index: 2;
}
@@ -585,6 +603,12 @@ input.sheet-dynamic:checked ~ div[data-groupname="repeating_flaws"]
display: inline;
}
input.sheet-static:checked ~ div.sheet-static,
input.sheet-dynamic:checked ~ div.sheet-dynamic-controls
{
display: block;
}
/*------------Forms-----------*/
/* Hide actual normal radio */
input.sheet-normal[type="radio"]
@@ -799,6 +823,51 @@ button[type=roll].sheet-adv:active {
background:red;
color:black;
}
table.sheet-general {
text-align: center;
table-layout: fixed;
width: 100%;
}
div.sheet-border {
border: solid 1px black;
border-radius: 4px;
padding: 2px;
margin-bottom: 10px;
}
select.sheet-unstyled {
width:auto;
}
textarea.sheet-thin {
height:40px;
}
input[type="checkbox"].sheet-real {
opacity: 100;
position: relative;
top: 0px;
left: 0px;
width: 16px;
height: 16px;
margin-left: 5px;
margin-right: 5px;
margin-top: 5px;
margin-bottom: 5px;
cursor: pointer;
z-index: 1;
}
.sheet-real {
width: auto;
}
.sheet-long {
width: 300px;
}
/* =====damage button ===== */
button[type=roll].sheet-damageroll:before {
background-image: none;
@@ -978,4 +1047,4 @@ button[type=roll].sheet-weaponroll:active {
.sheet-rolltemplate-wod .inlinerollresult.importantroll {
color: #3FB315;
border: none;
}
}
CWOD-W20/W20.html
+266 -95
View File
@@ -11,6 +11,8 @@
<span class="sheet-tab sheet-tab5" style='line-height: 20px;'>Gifts, Rites<br>& Fetishes</span>
<input type="radio" class="sheet-tab sheet-tab6" name="attr_core-tab" value="6" title="Combat" />
<span class="sheet-tab sheet-tab6" style='line-height: 40px;'>Combat</span>
<input type="radio" class="sheet-tab sheet-tab7" name="attr_core-tab" value="7" title="Pack" />
<span class="sheet-tab sheet-tab7" style='line-height: 40px;'>Pack</span>
<input type="radio" class="sheet-tab sheet-tab99" name="attr_core-tab" value="99" title="All" />
<span class="sheet-tab sheet-tab99" style='line-height: 40px;'>All</span>
<!-- End Tab setup -->
@@ -2001,21 +2003,53 @@
<h3 style="text-align:center; display:inline">Gifts</h3>
<input type="checkbox" class="sheet-claw" name="attr_claw-4" checked/><span></span>
<div class="sheet-body">
<br>
<div class="sheet-col" style="width:250px" align="center">
<textarea name="attr_gifts1" style="width:250px; height:160px"></textarea>
<input type="radio" class="sheet-Dynamic-switch sheet-static" name="attr_gift_type" value="" checked="checked">
<input type="radio" class="sheet-Dynamic-switch sheet-dynamic" name="attr_gift_type" value="">
<span class="sheet-Dynamic-switch sheet-static">Static</span>
<span class="sheet-Dynamic-switch sheet-dynamic">Dynamic</span><br>
<div class="sheet-body sheet-Dynamic-switch sheet-static">
<br>
<div class="sheet-col" style="width:250px" align="center">
<textarea name="attr_gifts1" style="width:250px; height:160px"></textarea>
</div>
<div class="sheet-col" style="width:5px"></div>
<div class="sheet-col" style="width:250px" align="center">
<textarea name="attr_gifts2" style="width:250px; height:160px"></textarea>
</div>
<div class="sheet-col" style="width:5px"></div>
<div class="sheet-col" style="width:250px" align="center">
<textarea name="attr_gifts3" style="width:250px; height:160px"></textarea>
</div>
</div>
<div class="sheet-col" style="width:5px"></div>
<div class="sheet-col" style="width:250px" align="center">
<textarea name="attr_gifts2" style="width:250px; height:160px"></textarea>
</div>
<div class="sheet-col" style="width:5px"></div>
<div class="sheet-col" style="width:250px" align="center">
<textarea name="attr_gifts3" style="width:250px; height:160px"></textarea>
<div class="sheet-body sheet-dynamic-controls">
<fieldset class="repeating_gifts">
<div class="sheet-2colrow">
<div class="sheet-col" >
<div class="border">
<table >
<tr><td>Name: </td><td><input type="text" name="attr_left_gift_name"></td><td>Level:</td><td><input type="number" name="attr_left_gift_level"></td></tr>
<tr><td>Book:</td><td><input type="text" name="attr_left_gift_book"></td><td>Pg:</td><td><input type="number" name="attr_left_gift_page"></td></tr>
</table>
Description: <textarea name="attr_gift_left_description" ></textarea>
System: <textarea name="attr_left_gift_system" ></textarea>
</div>
</div>
<div class="sheet-col" >
<div class="border">
<table >
<tr><td>Name: </td><td><input type="text" name="attr_right_gift_name"></td><td>Level:</td><td><input type="number" name="attr_right_gift_level"></td></tr>
<tr><td>Book:</td><td><input type="text" name="attr_right_gift_book"></td><td>Pg:</td><td><input type="number" name="attr_rightt_gift_page"></td></tr>
</table>
Description: <textarea name="attr_gift_right_description" ></textarea>
System: <textarea name="attr_right_gift_system" ></textarea>
</div>
</div>
</div> <!-- end 2colrow div -->
</fieldset>
</div>
</div>
</div>
@@ -2024,93 +2058,147 @@
<h3 style="text-align:center; display:inline">Fetishes</h3>
<input type="checkbox" class="sheet-claw" name="attr_claw-5" checked/><span></span>
<div class="sheet-body">
<br>
<table style="width:95%">
<tr>
<th>Item</th>
<td><input type="text" class="sheet-textbox" name="attr_fetish_name-1" value="" /></td>
<th>Level</th>
<td><input type="number" class="sheet-textbox" name="attr_fetish_level-1" value="" /></td>
<th>Gnosis</th>
<td><input type="number" class="sheet-textbox" name="attr_fetish_gnosis-1" value="" /></td>
</tr>
<tr>
<td colspan="6"><textarea wrap="soft" style="height:3em; width:100%" name="attr_fetish_power-1"></textarea></td>
</tr>
<tr>
<th>Item</th>
<td><input type="text" class="sheet-textbox" name="attr_fetish_name-2" value="" /></td>
<th>Level</th>
<td><input type="number" class="sheet-textbox" name="attr_fetish_level-2" value="" /></td>
<th>Gnosis</th>
<td><input type="number" class="sheet-textbox" name="attr_fetish_gnosis-2" value="" /></td>
</tr>
<tr>
<td colspan="6"><textarea wrap="soft" style="height:3em; width:100%" name="attr_fetish_power-2"></textarea></td>
</tr>
<tr>
<th>Item</th>
<td><input type="text" class="sheet-textbox" name="attr_fetish_name-3" value="" /></td>
<th>Level</th>
<td><input type="number" class="sheet-textbox" name="attr_fetish_level-3" value="" /></td>
<th>Gnosis</th>
<td><input type="number" class="sheet-textbox" name="attr_fetish_gnosis-3" value="" /></td>
</tr>
<tr>
<td colspan="6"><textarea wrap="soft" style="height:3em; width:100%" name="attr_fetish_power-3"></textarea></td>
</tr>
<tr>
<th>Item</th>
<td><input type="text" class="sheet-textbox" name="attr_fetish_name-4" value="" /></td>
<th>Level</th>
<td><input type="number" class="sheet-textbox" name="attr_fetish_level-4" value="" /></td>
<th>Gnosis</th>
<td><input type="number" class="sheet-textbox" name="attr_fetish_gnosis-4" value="" /></td>
</tr>
<tr>
<td colspan="6"><textarea wrap="soft" style="height:3em; width:100%" name="attr_fetish_power-4"></textarea></td>
</tr>
<tr>
<th>Item</th>
<td><input type="text" class="sheet-textbox" name="attr_fetish_name-5" value="" /></td>
<th>Level</th>
<td><input type="number" class="sheet-textbox" name="attr_fetish_level-5" value="" /></td>
<th>Gnosis</th>
<td><input type="number" class="sheet-textbox" name="attr_fetish_gnosis-5" value="" /></td>
</tr>
<tr>
<td colspan="6"><textarea wrap="soft" style="height:3em; width:100%" name="attr_fetish_power-5"></textarea></td>
</tr>
<tr>
<th>Item</th>
<td><input type="text" class="sheet-textbox" name="attr_fetish_name-6" value="" /></td>
<th>Level</th>
<td><input type="number" class="sheet-textbox" name="attr_fetish_level-6" value="" /></td>
<th>Gnosis</th>
<td><input type="number" class="sheet-textbox" name="attr_fetish_gnosis-6" value="" /></td>
</tr>
<tr>
<td colspan="6"><textarea wrap="soft" style="height:3em; width:100%" name="attr_fetish_power-6"></textarea></td>
</tr>
</table>
<input type="radio" class="sheet-Dynamic-switch sheet-static" name="attr_fetish_type" value="" checked="checked">
<input type="radio" class="sheet-Dynamic-switch sheet-dynamic" name="attr_fetish_type" value="">
<span class="sheet-Dynamic-switch sheet-static">Static</span>
<span class="sheet-Dynamic-switch sheet-dynamic">Dynamic</span><br>
<div class="sheet-body sheet-Dynamic-switch sheet-static">
<br>
<table style="width:95%">
<tr>
<th>Item</th>
<td><input type="text" class="sheet-textbox" name="attr_fetish_name-1" value="" /></td>
<th>Level</th>
<td><input type="number" class="sheet-textbox" name="attr_fetish_level-1" value="" /></td>
<th>Gnosis</th>
<td><input type="number" class="sheet-textbox" name="attr_fetish_gnosis-1" value="" /></td>
</tr>
<tr>
<td colspan="6"><textarea wrap="soft" style="height:3em; width:100%" name="attr_fetish_power-1"></textarea></td>
</tr>
<tr>
<th>Item</th>
<td><input type="text" class="sheet-textbox" name="attr_fetish_name-2" value="" /></td>
<th>Level</th>
<td><input type="number" class="sheet-textbox" name="attr_fetish_level-2" value="" /></td>
<th>Gnosis</th>
<td><input type="number" class="sheet-textbox" name="attr_fetish_gnosis-2" value="" /></td>
</tr>
<tr>
<td colspan="6"><textarea wrap="soft" style="height:3em; width:100%" name="attr_fetish_power-2"></textarea></td>
</tr>
<tr>
<th>Item</th>
<td><input type="text" class="sheet-textbox" name="attr_fetish_name-3" value="" /></td>
<th>Level</th>
<td><input type="number" class="sheet-textbox" name="attr_fetish_level-3" value="" /></td>
<th>Gnosis</th>
<td><input type="number" class="sheet-textbox" name="attr_fetish_gnosis-3" value="" /></td>
</tr>
<tr>
<td colspan="6"><textarea wrap="soft" style="height:3em; width:100%" name="attr_fetish_power-3"></textarea></td>
</tr>
<tr>
<th>Item</th>
<td><input type="text" class="sheet-textbox" name="attr_fetish_name-4" value="" /></td>
<th>Level</th>
<td><input type="number" class="sheet-textbox" name="attr_fetish_level-4" value="" /></td>
<th>Gnosis</th>
<td><input type="number" class="sheet-textbox" name="attr_fetish_gnosis-4" value="" /></td>
</tr>
<tr>
<td colspan="6"><textarea wrap="soft" style="height:3em; width:100%" name="attr_fetish_power-4"></textarea></td>
</tr>
<tr>
<th>Item</th>
<td><input type="text" class="sheet-textbox" name="attr_fetish_name-5" value="" /></td>
<th>Level</th>
<td><input type="number" class="sheet-textbox" name="attr_fetish_level-5" value="" /></td>
<th>Gnosis</th>
<td><input type="number" class="sheet-textbox" name="attr_fetish_gnosis-5" value="" /></td>
</tr>
<tr>
<td colspan="6"><textarea wrap="soft" style="height:3em; width:100%" name="attr_fetish_power-5"></textarea></td>
</tr>
<tr>
<th>Item</th>
<td><input type="text" class="sheet-textbox" name="attr_fetish_name-6" value="" /></td>
<th>Level</th>
<td><input type="number" class="sheet-textbox" name="attr_fetish_level-6" value="" /></td>
<th>Gnosis</th>
<td><input type="number" class="sheet-textbox" name="attr_fetish_gnosis-6" value="" /></td>
</tr>
<tr>
<td colspan="6"><textarea wrap="soft" style="height:3em; width:100%" name="attr_fetish_power-6"></textarea></td>
</tr>
</table>
</div>
<div class="sheet-body sheet-border sheet-dynamic-controls">
<br>
<fieldset class="repeating_fetish">
<table style="width:95%">
<tr>
<th>Item</th>
<td><input type="text" class="sheet-textbox sheet-long" name="attr_fetish_name" value="" /></td>
<th>Level</th>
<td><input type="number" class="sheet-textbox" name="attr_fetish_level" value="" /></td>
<th>Gnosis</th>
<td><input type="number" class="sheet-textbox" name="attr_fetish_gnosis" value="" /></td>
</tr>
<tr>
<td colspan="6"><textarea wrap="soft" style="height:3em; width:100%" name="attr_fetish_power"></textarea></td>
</tr>
</table>
</fieldset>
</div>
</div>
</div>
<br>
<div>
<h3 style="text-align:center; display:inline">Rites</h3>
<input type="checkbox" class="sheet-claw" name="attr_claw-6" checked/><span></span>
<h3 style="text-align:center; display:inline">Rites</h3>
<input type="checkbox" class="sheet-claw" name="attr_claw-6" checked/><span></span>
<div class="sheet-body">
<br>
<div class="sheet-col" style="width:250px" align="center">
<textarea name="attr_Rites1" style="width:250px; height:160px"></textarea>
<input type="radio" class="sheet-Dynamic-switch sheet-static" name="attr_rites_type" value="" checked="checked">
<input type="radio" class="sheet-Dynamic-switch sheet-dynamic" name="attr_rites_type" value="">
<span class="sheet-Dynamic-switch sheet-static">Static</span>
<span class="sheet-Dynamic-switch sheet-dynamic">Dynamic</span><br>
<div class="sheet-body sheet-Dynamic-switch sheet-static">
<br>
<div class="sheet-col" style="width:250px" align="center">
<textarea name="attr_Rites1" style="width:250px; height:160px"></textarea>
</div>
<div class="sheet-col" style="width:5px"></div>
<div class="sheet-col" style="width:250px" align="center">
<textarea name="attr_Rites2" style="width:250px; height:160px"></textarea>
</div>
<div class="sheet-col" style="width:5px"></div>
<div class="sheet-col" style="width:250px" align="center">
<textarea name="attr_Rites3" style="width:250px; height:160px"></textarea>
</div>
</div>
<div class="sheet-col" style="width:5px"></div>
<div class="sheet-col" style="width:250px" align="center">
<textarea name="attr_Rites2" style="width:250px; height:160px"></textarea>
</div>
<div class="sheet-col" style="width:5px"></div>
<div class="sheet-col" style="width:250px" align="center">
<textarea name="attr_Rites3" style="width:250px; height:160px"></textarea>
<div class="sheet-body sheet-dynamic-controls">
<fieldset class="repeating_rites">
<div class="border">
<table >
<tr>
<td>Name: </td><td><input class="sheet-long" type="text" name="attr_left_gift_name"></td>
<td>Type:
<select class="unstyled" name="attr_left_rite_type">
<option value="Accord">Accord</option>
<option value="Caern">Caern</option>
<option value="Death">Death</option>
<option value="Mystic">Mystic</option>
<option value="Punishment">Punishment</option>
<option value="Renown">Renown</option>
<option value="Seasonal">Seasonal</option>
<option value="Minor">Minor</option>
</select></td>
<td>Level:</td><td><input type="number" name="attr_left_gift_level"></td></tr>
</table>
Description: <br><textarea class="thin" name="attr_rite_left_description" ></textarea><br>
System: <br><textarea class="thin" name="attr_left_rite_system" ></textarea>
</div>
</fieldset>
</div>
</div>
</div>
@@ -2869,6 +2957,89 @@
</div>
</div>
</div>
<!--TAB 7 Pack-->
<div class="sheet-section-7">
<br>
<h1 style="text-align: center">Pack Totem, Members and Tactics</h1>
<div>
<h3 style="display:inline">Totem</h3><input type="checkbox" class="sheet-claw" name="attr_claw-totem" checked/><span></span><br><br>
<div class="sheet-body border">
<h4 class="sheet-inline">Name</h4> <input type="text" name="attr_totem_name" /><br><br>
<table class="sheet-general">
<tr>
<th><h4 class="sheet-inline">Background Cost</h4></th>
<th><h4 class="sheet-inline">Totem Points</h4></th>
<th><h4 class="sheet-inline">Rage</h4></th>
<th><h4 class="sheet-inline">Gnosis</h4></th>
<th><h4 class="sheet-inline">Willpower</h4></th>
</tr>
<tr>
<td><input type="number" name="attr_totem_background_cost"/></td>
<td><input type="number" name="attr_totem_points"/></td>
<td><input type="number" name="attr_totem_rage"/></td>
<td><input type="number" name="attr_totem_gnosis"/></td>
<td><input type="number" name="attr_totem_willpower"/></td>
</tr>
</table><br>
<div class="sheet-2colrow">
<div class="sheet-col">
<h3 class="sheet-center">Individual Traits</h3>
<textarea class="charsheet " name="attr_totem_individual_traits" placeholder="Traits, like attributes or abilities, granted to one pack member at a time."></textarea>
</div>
<div class="sheet-col">
<h3 class="sheet-center">Pack Traits</h3>
<textarea class="charsheet " name="attr_totem_pack_traits" placeholder="Traits, like attributes or abilities, granted to the whole pack at the same time."></textarea>
</div>
</div>
<div class="sheet-2colrow">
<div class="sheet-col">
<h3 class="sheet-center">Ban</h3>
<textarea class="charsheet padded" name="attr_totem_ban" placeholder="Some rule that must be followed to maintain the totem's favor."></textarea>
</div>
<div class="sheet-col">
<h3 class="sheet-center">Powers</h3>
<textarea class="charsheet padded" name="attr_totem_powers" placeholder="Innate abilities the totem possesses."></textarea>
</div>
</div>
<h4>Charms</h4>
<fieldset class="repeating_totem_charm">
<input type="text" name="attr_charm_name" placeholder="Charm Name"><br>
<textarea name="attr_charm_details" placeholder="Charm Details"></textarea>
</fieldset>
</div>
</div><!-- end totem div -->
<div>
<h3 style="text-align:center; display:inline">Members</h3>
<input type="checkbox" class="sheet-claw" name="attr_claw_pack_members" checked/><span></span><br><br>
<div class="sheet-body border">
<fieldset class="repeating_members">
<table >
<tr><td>Name: </td><td><input type="text" name="attr_pack_member_name"></td><td>Auspice:</td><td><input type="text" name="attr_pack_member_auspice"></td></tr>
</table>
Notes: <textarea name="attr_pack_member_notes" ></textarea>
</fieldset>
</div>
</div><!-- end members div -->
<div>
<h3 style="text-align:center; display:inline">Pack Tactics</h3>
<input type="checkbox" class="sheet-claw" name="attr_claw_pack_tactics" checked/><span></span><br><br>
<div class="sheet-body border">
<fieldset class="repeating_tactics">
<input type="text" name="attr_pack_tactic_name" placeholder="Pack Tactic">
Packmates Required: <input type="number" name="attr_pack_tactic_required_amount">
Forms:
<input type="checkbox" class="sheet-real" name="attr_tactic_form_homid" value="homid"/>Homid
<input type="checkbox" class="sheet-real" name="attr_tactic_form_glabro" value="glabro"/>Glabro
<input type="checkbox" class="sheet-real" name="attr_tactic_form_crinos" value="crinos"/>Crinos
<input type="checkbox" class="sheet-real" name="attr_tactic_form_hispo" value="hispo"/>Hispo
<input type="checkbox" class="sheet-real" name="attr_tactic_form_lupus" value="lupus"/>Lupus
<textarea name="attr_pack_tactic_description" placeholder="Description and mechanic of Pack Tactic"></textarea>
</fieldset>
</div>
</div>
</div><!-- end Pack Tactics div -->
<div>
<rolltemplate class="sheet-rolltemplate-wod">
<table>