mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-09-01 04:32:28 +00:00
Added Notes tab and section so players can keep notes on the Character Sheet in addition to the Bio & Info section.
Added Rolls tab and section, to be used in a future feature of commonly used rolls as roll buttons.
This commit is contained in:
James A Culp III
@@ -464,7 +464,7 @@ div.matrix-device .matrixFirewall {
|
||||
|
||||
#SR6WE .pc .tabs .header-navtabs {
|
||||
display: grid !important;
|
||||
grid-template-columns: 1fr 2.5em 2.5em repeat(8, 5em) !important;
|
||||
grid-template-columns: 1fr 2.5em 2.5em repeat(10, 5em) !important;
|
||||
vertical-align: middle;
|
||||
width: 100% !important;
|
||||
right: 0px !important; }
|
||||
@@ -2782,6 +2782,26 @@ div.contacts div.repitem div.settings input[type='number'] {
|
||||
margin: 0px 2px 0px 0px; }
|
||||
|
||||
|
||||
/***** Notes Section *****/
|
||||
.notes .pc-box {
|
||||
min-height: 800px !important; }
|
||||
.notes-col {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
width: 90%; }
|
||||
.notes-col textarea {
|
||||
margin-top: 8px;
|
||||
height: 785px !important;
|
||||
width: 111% !important; }
|
||||
|
||||
|
||||
/***** Rolls Section *****/
|
||||
.rolls .pc-box {
|
||||
min-height: 800px !important; }
|
||||
.rolls-col {
|
||||
display: inline-block; }
|
||||
|
||||
|
||||
/***** Options Section *****/
|
||||
.options .pc-box {
|
||||
min-height: 800px !important; }
|
||||
@@ -3572,7 +3592,7 @@ width: 100% !important; }
|
||||
.matrix, .magic, .resonance, .optional, .textboxes,
|
||||
.optional-flag[value='0'] + .attr-header,
|
||||
.category + div,
|
||||
.category + div + div, .npc, .pc, .arms, .augs, .core, .gear, .options, .social, .vehicle,
|
||||
.category + div + div, .npc, .pc, .arms, .augs, .core, .gear, .options, .social, .vehicle, .notes, .rolls,
|
||||
.skills-active, .skills-knowledge, .skills-language,
|
||||
.magic-spells, .magic-preps, .magic-rituals,
|
||||
.powers-adept, .powers-meta, .powers-conjuring,
|
||||
@@ -3663,12 +3683,12 @@ input[name='attr_sheet_type'][value='pc'] ~ .pc,
|
||||
.options_toggle[value='magic'] ~ .magic,
|
||||
.options_toggle[value='matrix'] ~ .matrix,
|
||||
.options_toggle[value='vehicle'] ~ .vehicle,
|
||||
.options_toggle[value='notes'] ~ .notes,
|
||||
.options_toggle[value='rolls'] ~ .rolls,
|
||||
input[name='attr_stats_toggle'][value='settings'] ~ .border-box .attribute .settings,
|
||||
input[name='attr_stats_toggle'][value='settings'] ~ .body .column .settings,
|
||||
input[name='attr_stats_toggle'][value='settings'] ~ .body .textrow .settings,
|
||||
|
||||
input[name='attr_stats_toggle'][value='settings'] ~ .settings,
|
||||
|
||||
input.settings-toggle[value='settings'] ~ .settings,
|
||||
.character-type[value='magic'] ~ .pc .pc-row .attr-col .hide-magic,
|
||||
input[name='attr_flag_special'][value='magic'] ~ .npc .hide-magic,
|
||||
@@ -3677,11 +3697,9 @@ input[name='attr_flag_special'][value='spirit'] ~ .npc .hide-spirit,
|
||||
input[name='attr_flag_special'][value='resonance'] ~ .npc .hide-resonance,
|
||||
input.tab-switch[value='range'] ~ .weapon-range,
|
||||
input.tab-switch[value='melee'] ~ .weapon-melee,
|
||||
|
||||
input[name='attr_sheet_type'][value='grunt'] ~ .npc .rows.grunt,
|
||||
input[name='attr_sheet_type'][value='grunt'] ~ .npc .textrow.grunt,
|
||||
input[name='attr_sheet_type'][value='grunt'] ~ .npc span.grunt,
|
||||
|
||||
input[name='attr_sheet_type'][value='host'] ~ .npc .rows.host,
|
||||
input[name='attr_sheet_type'][value='host'] ~ .npc .textrow.host,
|
||||
input[name='attr_sheet_type'][value='sprite'] ~ .npc .rows.sprite,
|
||||
@@ -3759,7 +3777,7 @@ input.collapse-flag:checked ~ div.collapse {
|
||||
input[name='attr_stats_toggle']:not([value='settings']) ~ div.body div.grunt.pain-tolerance {
|
||||
display: none !important; }
|
||||
|
||||
.pc .tabs input[value*='arms'] ~ button[name*='arms'], .pc .tabs input[value*='augs'] ~ button[name*='augs'], .pc .tabs input[value*='core'] ~ button[name*='core'], .pc .tabs input[value*='gear'] ~ button[name*='gear'], .pc .tabs input[value*='options'] ~ button[name*='options'], .pc .tabs input[value*='social'] ~ button[name*='social'], .pc .tabs input[value*='magic'] ~ button[name*='magic'], .pc .tabs input[value*='matrix'] ~ button[name*='matrix'], .pc .tabs input[value*='vehicle'] ~ button[name*='vehicle'] {
|
||||
.pc .tabs input[value*='arms'] ~ button[name*='arms'], .pc .tabs input[value*='augs'] ~ button[name*='augs'], .pc .tabs input[value*='core'] ~ button[name*='core'], .pc .tabs input[value*='gear'] ~ button[name*='gear'], .pc .tabs input[value*='options'] ~ button[name*='options'], .pc .tabs input[value*='social'] ~ button[name*='social'], .pc .tabs input[value*='magic'] ~ button[name*='magic'], .pc .tabs input[value*='matrix'] ~ button[name*='matrix'], .pc .tabs input[value*='vehicle'] ~ button[name*='vehicle'], .pc .tabs input[value*='notes'] ~ button[name*='notes'], .pc .tabs input[value*='rolls'] ~ button[name*='rolls'] {
|
||||
background-color: #79016f !important;
|
||||
box-shadow: inset 0px 0px 3px 1px #460141 !important;
|
||||
color: #fff !important; }
|
||||
|
||||
@@ -52,6 +52,8 @@
|
||||
<button data-i18n="matrix" name="act_tab_matrix" type="action" title="@{tab}">matrix</button>
|
||||
<button data-i18n="social" name="act_tab_social" type="action" title="@{tab}">social</button>
|
||||
<button data-i18n="vehicle" name="act_tab_vehicle" type="action" title="@{tab}">vehicle</button>
|
||||
<button data-i18n="notes" name="act_tab_notes" type="action" title="@{tab}">notes</button>
|
||||
<button data-i18n="rolls" name="act_tab_rolls" type="action" title="@{tab}">rolls</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -2848,65 +2850,98 @@
|
||||
|
||||
|
||||
|
||||
<div class="options pc-col">
|
||||
<div class="pc-row">
|
||||
<div class="header right-header"><h1 data-i18n="options">Options</h1><div class="right-tri"></div></div>
|
||||
<div class="border-box">
|
||||
<div class="pc-box">
|
||||
<div class="op-col">
|
||||
<div>
|
||||
<h2 data-i18n="character">Character</h2><br />
|
||||
<label data-i18n="mundane">Mundane</label><input class="character-type" type="checkbox" name="attr_flag_special" value="mundane" title="@{flag_special}" checked /><br />
|
||||
<label data-i18n="awakened">Awakened</label><input class="character-type" type="checkbox" name="attr_flag_special" value="magic" title="@{flag_special}" /><br />
|
||||
<label data-i18n="technomancer">Technomancer</label><input class="character-type" type="checkbox" name="attr_flag_special" value="resonance" title="@{flag_special}" />
|
||||
</div>
|
||||
<hr />
|
||||
<div>
|
||||
<h2 data-i18n="sheetselect">Sheet Select</h2><br />
|
||||
<select name="attr_sheet_type" title="@{sheet_type}">
|
||||
<option value="pc" data-i18n="pc">PC</option>
|
||||
<option value="grunt" data-i18n="grunt">Grunt</option>
|
||||
<option value="host" data-i18n="host">Host</option>
|
||||
<option value="sprite" data-i18n="sprite">Sprite</option>
|
||||
<option value="vehicle" data-i18n="vehicle">Vehicle</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="op-col">
|
||||
<div>
|
||||
<h2 data-i18n="temporarymodifiers">Temporary Modifiers</h2><br />
|
||||
<label data-i18n="defense">Defense</label><input type="number" name="attr_defense_temp" title="@{defense_temp}" /><input type="checkbox" name="attr_defense_temp_flag" value="on" checked />
|
||||
<label data-i18n="soak">Soak</label><input type="number" name="attr_soak_temp" title="@{soak_temp}" /><input type="checkbox" name="attr_soak_temp_flag" value="on" checked />
|
||||
<div class="options pc-col">
|
||||
<div class="pc-row">
|
||||
<div class="header right-header"><h1 data-i18n="options">Options</h1><div class="right-tri"></div></div>
|
||||
<div class="border-box">
|
||||
<div class="pc-box">
|
||||
<div class="op-col">
|
||||
<div>
|
||||
<h2 data-i18n="character">Character</h2><br />
|
||||
<label data-i18n="mundane">Mundane</label><input class="character-type" type="checkbox" name="attr_flag_special" value="mundane" title="@{flag_special}" checked /><br />
|
||||
<label data-i18n="awakened">Awakened</label><input class="character-type" type="checkbox" name="attr_flag_special" value="magic" title="@{flag_special}" /><br />
|
||||
<label data-i18n="technomancer">Technomancer</label><input class="character-type" type="checkbox" name="attr_flag_special" value="resonance" title="@{flag_special}" />
|
||||
</div>
|
||||
<hr />
|
||||
<label data-i18n="body">Body</label><input type="number" name="attr_body_temp" title="@{body_temp}" /><input type="checkbox" name="attr_body_temp_flag" value="on" checked />
|
||||
<label data-i18n="agility">Agility</label><input type="number" name="attr_agility_temp" title="@{agility_temp}" /><input type="checkbox" name="attr_agility_temp_flag" value="on" checked />
|
||||
<label data-i18n="reaction">Reaction</label><input type="number" name="attr_reaction_temp" title="@{reaction_temp}" /><input type="checkbox" name="attr_reaction_temp_flag" value="on" checked />
|
||||
<label data-i18n="strength">Strength</label><input type="number" name="attr_strength_temp" title="@{strength_temp}" /><input type="checkbox" name="attr_strength_temp_flag" value="on" checked />
|
||||
<label data-i18n="willpower">Willpower</label><input type="number" name="attr_willpower_temp" title="@{willpower_temp}" /><input type="checkbox" name="attr_willpower_temp_flag" value="on" checked />
|
||||
<label data-i18n="logic">Logic</label><input type="number" name="attr_logic_temp" title="@{logic_temp}" /><input type="checkbox" name="attr_logic_temp_flag" value="on" checked />
|
||||
<label data-i18n="intuition">Intuition</label><input type="number" name="attr_intuition_temp" title="@{intuition_temp}" /><input type="checkbox" name="attr_intuition_temp_flag" value="on" checked />
|
||||
<label data-i18n="charisma">Charisma</label><input type="number" name="attr_charisma_temp" title="@{charisma_temp}" /><input type="checkbox" name="attr_charisma_temp_flag" value="on" checked />
|
||||
<label data-i18n="magic">Magic</label><input type="number" name="attr_magic_temp" title="@{magic_temp}" /><input type="checkbox" name="attr_magic_temp_flag" value="on" checked />
|
||||
<label data-i18n="resonance">Resonance</label><input type="number" name="attr_resonance_temp" title="@{resonance_temp}" /><input type="checkbox" name="attr_resonance_temp_flag" value="on" checked />
|
||||
<hr />
|
||||
<label data-i18n="initiative">Initiative</label><input type="number" name="attr_initiative_temp" title="@{initiative_temp}" /><input type="checkbox" name="attr_initiative_temp_flag" value="on" checked />
|
||||
<label data-i18n="initiativedice">Initiative Dice</label><input type="number" name="attr_initiative_dice_temp" title="@{initiative_dice_temp}" /><input type="checkbox" name="attr_initiative_dice_temp_flag" value="on" checked />
|
||||
<div>
|
||||
<h2 data-i18n="sheetselect">Sheet Select</h2><br />
|
||||
<select name="attr_sheet_type" title="@{sheet_type}">
|
||||
<option value="pc" data-i18n="pc">PC</option>
|
||||
<option value="grunt" data-i18n="grunt">Grunt</option>
|
||||
<option value="host" data-i18n="host">Host</option>
|
||||
<option value="sprite" data-i18n="sprite">Sprite</option>
|
||||
<option value="vehicle" data-i18n="vehicle">Vehicle</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="op-col">
|
||||
<div>
|
||||
<h2 data-i18n="temporarymodifiers">Temporary Modifiers</h2><br />
|
||||
<label data-i18n="defense">Defense</label><input type="number" name="attr_defense_temp" title="@{defense_temp}" /><input type="checkbox" name="attr_defense_temp_flag" value="on" checked />
|
||||
<label data-i18n="soak">Soak</label><input type="number" name="attr_soak_temp" title="@{soak_temp}" /><input type="checkbox" name="attr_soak_temp_flag" value="on" checked />
|
||||
<hr />
|
||||
<label data-i18n="body">Body</label><input type="number" name="attr_body_temp" title="@{body_temp}" /><input type="checkbox" name="attr_body_temp_flag" value="on" checked />
|
||||
<label data-i18n="agility">Agility</label><input type="number" name="attr_agility_temp" title="@{agility_temp}" /><input type="checkbox" name="attr_agility_temp_flag" value="on" checked />
|
||||
<label data-i18n="reaction">Reaction</label><input type="number" name="attr_reaction_temp" title="@{reaction_temp}" /><input type="checkbox" name="attr_reaction_temp_flag" value="on" checked />
|
||||
<label data-i18n="strength">Strength</label><input type="number" name="attr_strength_temp" title="@{strength_temp}" /><input type="checkbox" name="attr_strength_temp_flag" value="on" checked />
|
||||
<label data-i18n="willpower">Willpower</label><input type="number" name="attr_willpower_temp" title="@{willpower_temp}" /><input type="checkbox" name="attr_willpower_temp_flag" value="on" checked />
|
||||
<label data-i18n="logic">Logic</label><input type="number" name="attr_logic_temp" title="@{logic_temp}" /><input type="checkbox" name="attr_logic_temp_flag" value="on" checked />
|
||||
<label data-i18n="intuition">Intuition</label><input type="number" name="attr_intuition_temp" title="@{intuition_temp}" /><input type="checkbox" name="attr_intuition_temp_flag" value="on" checked />
|
||||
<label data-i18n="charisma">Charisma</label><input type="number" name="attr_charisma_temp" title="@{charisma_temp}" /><input type="checkbox" name="attr_charisma_temp_flag" value="on" checked />
|
||||
<label data-i18n="magic">Magic</label><input type="number" name="attr_magic_temp" title="@{magic_temp}" /><input type="checkbox" name="attr_magic_temp_flag" value="on" checked />
|
||||
<label data-i18n="resonance">Resonance</label><input type="number" name="attr_resonance_temp" title="@{resonance_temp}" /><input type="checkbox" name="attr_resonance_temp_flag" value="on" checked />
|
||||
<hr />
|
||||
<label data-i18n="initiative">Initiative</label><input type="number" name="attr_initiative_temp" title="@{initiative_temp}" /><input type="checkbox" name="attr_initiative_temp_flag" value="on" checked />
|
||||
<label data-i18n="initiativedice">Initiative Dice</label><input type="number" name="attr_initiative_dice_temp" title="@{initiative_dice_temp}" /><input type="checkbox" name="attr_initiative_dice_temp_flag" value="on" checked />
|
||||
|
||||
<label data-i18n="astralinitiative">Astral Initiative</label><input type="number" name="attr_astral_initiative_temp" title="@{astral_initiative_temp}" /><input type="checkbox" name="attr_astral_initiative_temp_flag" value="on" checked />
|
||||
<label data-i18n="astralinitiativedice">Initiative Dice</label><input type="number" name="attr_astral_initiative_dice_temp" title="@{astral_initiative_dice_temp}" /><input type="checkbox" name="attr_astral_initiative_dice_temp_flag" value="on" checked />
|
||||
<label data-i18n="astralinitiative">Astral Initiative</label><input type="number" name="attr_astral_initiative_temp" title="@{astral_initiative_temp}" /><input type="checkbox" name="attr_astral_initiative_temp_flag" value="on" checked />
|
||||
<label data-i18n="astralinitiativedice">Initiative Dice</label><input type="number" name="attr_astral_initiative_dice_temp" title="@{astral_initiative_dice_temp}" /><input type="checkbox" name="attr_astral_initiative_dice_temp_flag" value="on" checked />
|
||||
|
||||
<label data-i18n="matrixinitiative">Matrix Initiative</label><input type="number" name="attr_matrix_initiative_temp" title="@{matrix_initiative_temp}" /><input type="checkbox" name="attr_matrix_initiative_temp_flag" value="on" checked />
|
||||
<label data-i18n="matrixinitiativedice">Matrix Initiative Dice</label><input type="number" name="attr_matrix_initiative_dice_temp" title="@{matrix_initiative_dice_temp}" /><input type="checkbox" name="attr_matrix_initiative_dice_temp_flag" value="on" checked />
|
||||
<label data-i18n="coldsiminitiative">Cold Sim VR Initiative</label><input type="number" name="attr_cold_sim_initiative_temp" title="@{cold_sim_initiative_temp}" /><input type="checkbox" name="attr_cold_sim_initiative_temp_flag" value="on" checked />
|
||||
<label data-i18n="coldsiminitiativedice">Cold Sim VR Initiative Dice</label><input type="number" name="attr_cold_sim_initiative_dice_temp" title="@{cold_sim_initiative_dice_temp}" /><input type="checkbox" name="attr_cold_sim_initiative_dice_temp_flag" value="on" checked />
|
||||
<label data-i18n="hotsiminitiative">Hot Sim VR Initiative</label><input type="number" name="attr_hot_sim_initiative_temp" title="@{hot_sim_initiative_temp}" /><input type="checkbox" name="attr_hot_sim_initiative_temp_flag" value="on" checked />
|
||||
<label data-i18n="hotsiminitiativedice">Hot Sim VR Initiative Dice</label><input type="number" name="attr_hot_sim_initiative_dice_temp" title="@{hot_sim_initiative_dice_temp}" /><input type="checkbox" name="attr_hot_sim_initiative_dice_temp_flag" value="on" checked />
|
||||
<label data-i18n="matrixinitiative">Matrix Initiative</label><input type="number" name="attr_matrix_initiative_temp" title="@{matrix_initiative_temp}" /><input type="checkbox" name="attr_matrix_initiative_temp_flag" value="on" checked />
|
||||
<label data-i18n="matrixinitiativedice">Matrix Initiative Dice</label><input type="number" name="attr_matrix_initiative_dice_temp" title="@{matrix_initiative_dice_temp}" /><input type="checkbox" name="attr_matrix_initiative_dice_temp_flag" value="on" checked />
|
||||
<label data-i18n="coldsiminitiative">Cold Sim VR Initiative</label><input type="number" name="attr_cold_sim_initiative_temp" title="@{cold_sim_initiative_temp}" /><input type="checkbox" name="attr_cold_sim_initiative_temp_flag" value="on" checked />
|
||||
<label data-i18n="coldsiminitiativedice">Cold Sim VR Initiative Dice</label><input type="number" name="attr_cold_sim_initiative_dice_temp" title="@{cold_sim_initiative_dice_temp}" /><input type="checkbox" name="attr_cold_sim_initiative_dice_temp_flag" value="on" checked />
|
||||
<label data-i18n="hotsiminitiative">Hot Sim VR Initiative</label><input type="number" name="attr_hot_sim_initiative_temp" title="@{hot_sim_initiative_temp}" /><input type="checkbox" name="attr_hot_sim_initiative_temp_flag" value="on" checked />
|
||||
<label data-i18n="hotsiminitiativedice">Hot Sim VR Initiative Dice</label><input type="number" name="attr_hot_sim_initiative_dice_temp" title="@{hot_sim_initiative_dice_temp}" /><input type="checkbox" name="attr_hot_sim_initiative_dice_temp_flag" value="on" checked />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="notes pc-col">
|
||||
<div class="pc-row">
|
||||
<div class="header right-header">
|
||||
<h1 data-i18n="notes">Notes</h1>
|
||||
<div class="right-tri"></div>
|
||||
</div>
|
||||
<div class="border-box">
|
||||
<div class="pc-box">
|
||||
<div class="notes-col">
|
||||
<textarea name="attr_player_notes" value="" placeholder="This space intentionally left blank."></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="rolls pc-col">
|
||||
<div class="pc-row">
|
||||
<div class="header right-header">
|
||||
<h1 data-i18n="rolls">Rolls</h1>
|
||||
<div class="right-tri"></div>
|
||||
</div>
|
||||
<div class="border-box">
|
||||
<div class="pc-box">
|
||||
<div class="rolls-col"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
@@ -4471,7 +4506,7 @@ const settingsToggle = (eventinfo) => {
|
||||
});
|
||||
};
|
||||
|
||||
[`core`, `arms`, `augs`, `gear`, `magic`, `matrix`, `social`, `vehicle`, `options`].forEach(attr => {
|
||||
[`core`, `arms`, `augs`, `gear`, `magic`, `matrix`, `social`, `vehicle`, `options`, `notes`, `rolls`].forEach(attr => {
|
||||
on(`clicked:tab_${attr}`, () => {
|
||||
setAttrs({tab: attr});
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user