Nighthawk/roll20-character-sheets
1
0
Fork 0
mirror of https://github.com/Nighthawk42/roll20-character-sheets.git synced 2026-09-08 08:02:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

more spell page revamp

Browse Source
This commit is contained in:
Mark
2016-01-29 17:18:23 +01:00
parent 0b692e06e2
commit ba8f9f592b
5 changed files with 120 additions and 92 deletions
Download Patch File Download Diff File Expand all files Collapse all files
D&D_5e_Shaped/D&D_5e.css
+1 -1
View File
File diff suppressed because one or more lines are too long
D&D_5e_Shaped/D&D_5e.html
+1 -1
View File
File diff suppressed because one or more lines are too long
D&D_5e_Shaped/precompiled/D&D_5e.scss
+22 -2
View File
@@ -534,6 +534,10 @@ $pad-mar: (
}
}
.sheet-auto-width {
width: auto !important;
}
.sheet-inline {
display: inline;
}
@@ -1606,8 +1610,15 @@ span[class^='sheet-toggle-spells-prep-con-rit'] {
height: 12px;
}
.sheet-spell {
input,
select,
textarea {
background-color: transparent;
}
}
.sheet-spell-name {
background-color: transparent;
border: 0;
color: $deep-red;
font-family: 'Times New Roman';
@@ -1868,7 +1879,8 @@ textarea {
}
.sheet-shaped-row,
.sheet-rolltemplate-5e-shaped .sheet-shaped-row {
.sheet-rolltemplate-5e-shaped .sheet-shaped-row,
.sheet-section-spells .repcontainer {
display: flex;
flex-direction: row;
&.sheet-center {
@@ -1882,6 +1894,14 @@ textarea {
}
}
.sheet-section-spells {
.repitem {
margin-left: 3px;
margin-right: 3px;
width: 50%;
}
}
.sheet-col-1-3,
.sheet-rolltemplate-5e-shaped .sheet-col-1-3 {
width: 33.33333%;
D&D_5e_Shaped/precompiled/components/spells/spellPage.html
+93 -88
View File
@@ -1,7 +1,79 @@
<fieldset name="repeating_spell" class="spell">
<fieldset class="repeating_spell spell">
<div class="wrap-box compendium-drop-target relative mar-b-md">
<span class="small-label">{{'LEVEL' | translate}}</span>
<input type="number" name="attr_base_level" accept="Level">
<div class="shaped-row">
<div class="col-80">
<input type="text" name="attr_name" class="spell-name" placeholder="name" accept="Name">
</div>
<div class="col-20">
<input type="checkbox" name="attr_is_prepared" class="toggle-spells-prep-con-rit-prepared"><span class="toggle-spells-prep-con-rit-prepared">{{'PREPARED' | translate}}</span>
</div>
</div>
<div class="shaped-row">
<div class="col-14 pad-r-sm">
<select name="attr_base_level" accept="Level">
<option value="0">Cantrip</option>
<option value="1">1st-level</option>
<option value="2">2nd-level</option>
<option value="3">3rd-level</option>
<option value="4">4th-level</option>
<option value="5">5th-level</option>
<option value="6">6th-level</option>
<option value="7">7th-level</option>
<option value="8">8th-level</option>
<option value="9">9th-level</option>
</select>
</div>
<div class="col-20 center pad-r-sm">
<span class="en">
<select name="attr_school">
<option value="Abjuration">Abjuration</option>
<option value="Conjuration">Conjuration</option>
<option value="Divination">Divination</option>
<option value="Enchantment">Enchantment</option>
<option value="Evocation">Evocation</option>
<option value="Illusion">Illusion</option>
<option value="Necromancy">Necromancy</option>
<option value="Transmutation">Transmutation</option>
</select>
</span>
<span class="de">
<select name="attr_school">
<option value="Abjuration">Bannzauber</option>
<option value="Conjuration">Beschwörung</option>
<option value="Divination">Erkenntniszauber</option>
<option value="Enchantment">Verzauberung</option>
<option value="Evocation">Hervorrufung</option>
<option value="Illusion">Illusion</option>
<option value="Necromancy">Nekromantie</option>
<option value="Transmutation">Verwandlung</option>
</select>
</span>
<span class="fr">
<select name="attr_school">
<option value="Abjuration">Abjuration</option>
<option value="Conjuration">Invocation</option>
<option value="Divination">Divination</option>
<option value="Enchantment">Enchantement</option>
<option value="Evocation">Evocation</option>
<option value="Illusion">Illusion</option>
<option value="Necromancy">Necromancie</option>
<option value="Transmutation">Transmutation</option>
</select>
</span>
<span class="ru">
<select name="attr_school">
<option value="Abjuration">??????????</option>
<option value="Conjuration">?????????</option>
<option value="Divination">??????????</option>
<option value="Enchantment">??????????</option>
<option value="Evocation">?????</option>
<option value="Illusion">???????</option>
<option value="Necromancy">???????????</option>
<option value="Transmutation">??????????????</option>
</select>
</span>
</div>
</div>
<input type="hidden" name="attr_level_readable">
<input type="hidden" name="attr_higher_level_query" value="?{Spell Level|1|2|3|4|5|6|7|8|9}">
@@ -17,34 +89,28 @@
<input type="radio" name="attr_base_level" value="8" class="hidden">
<input type="radio" name="attr_base_level" value="9" class="hidden">
<div class="col-25 pad-r-sm">
<input type="text" class="spell-name" name="attr_name" placeholder="name" accept="Name">
</div>
<input type="checkbox" name="attr_is_prepared" class="toggle-spells-prep-con-rit-prepared"><span class="toggle-spells-prep-con-rit-prepared">{{'PREPARED' | translate}}</span>
<input type="checkbox" name="attr_ritual" class="toggle-spells-prep-con-rit-ritual" value="{{ritual=1}}"><span class="toggle-spells-prep-con-rit-ritual">{{'RITUAL' | translate}}</span>
<input type="checkbox" name="attr_concentration" class="toggle-spells-prep-con-rit-concentration" value="{{concentration=1}}"><span class="toggle-spells-prep-con-rit-concentration">{{'CONCENTRATION' | translate}}</span>
<input type="hidden" name="attr_components_material_var" value="{{spell_components_material=@{components}}}">
<input type="checkbox" name="attr_components_verbal" class="toggle-spell-vsm-v" value="@{components_verbal_var}"><span class="toggle-spell-vsm-v">V</span>
<input type="checkbox" name="attr_components_somatic" class="toggle-spell-vsm-s" value="@{components_somatic_var}"><span class="toggle-spell-vsm-s">S</span>
<input type="checkbox" name="attr_components_material" class="toggle-spell-vsm-m" value="@{components_material_var}"><span class="toggle-spell-vsm-m">M</span>
<input type="hidden" name="attr_asting_time_longer_var" value="@{casting_time}">
<input type="radio" name="attr_casting_time" class="toggle-casting-time-reaction" value="@{casting_time_reaction_var}"><span class="toggle-casting-time-reaction">reaction</span><input type="radio" name="attr_casting_time" class="toggle-casting-time-bonus" value="@{casting_time_bonus_var}"><span class="toggle-casting-time-bonus border-left">bonus</span><input type="radio" name="attr_casting_time" class="toggle-casting-time-action" value="@{casting_time_action_var}" checked><span class="toggle-casting-time-action border-left">action</span><input type="radio" name="attr_casting_time" class="toggle-casting-time-minute" value="@{casting_time_minute_var}"><span class="toggle-casting-time-minute border-left">1 min</span><input type="radio" name="attr_casting_time" class="toggle-casting-time-longer" value="@{asting_time_longer_var}"><span class="toggle-casting-time-longer border-left"><span class="en">longer</span><span class="de">longer</span><span class="fr">perso</span><span class="ru">????</span></span>
<!--put in hidden checkboxes for casting time, components, concentration, and ritual-->
<div class="spells-toggle-spell inline">
<div class="col relative toggle-casting-time-longer">
<div class="casting-time-longer center pad-l-sm">
<input type="text" class="center" name="attr_casting_time" accept="Casting Time">
</div>
<div></div>
<span class="bold mar-r-sm">{{'CASTING_TIME' | translate}}:</span>
<div class="inline-block auto-width center pad-l-sm">
<input type="text" name="attr_cating_time" accept="Range">
</div>
<div class="col-07 center pad-l-sm">
<input type="text" class="center" name="attr_range" accept="Range">
<div class="small-label">{{'RANGE' | translate}}</div>
<div></div>
<span class="bold mar-r-sm">{{'RANGE' | translate}}:</span>
<div class="inline-block auto-width center pad-l-sm">
<input type="text" name="attr_range" accept="Range">
</div>
<div class="col-10 center pad-l-sm">
<input type="text" class="center" name="attr_duration" accept="Duration">
<div class="small-label">{{'DURATION' | translate}}</div>
<div></div>
<span class="bold mar-r-sm">{{'COMPONENTS' | translate}}:</span>
<div class="inline-block auto-width center pad-l-sm">
<input type="text" name="attr_components" accept="Range">
</div>
<div></div>
<span class="bold mar-r-sm">{{'DURATION' | translate}}:</span>
<div class="inline-block auto-width center pad-l-sm">
<input type="text" name="attr_duration" accept="Duration">
</div>
<div class="spell-button-group right">
<div class="shaped-row">
@@ -59,67 +125,6 @@
</div>
<div class="spells-toggle-spell spells-toggle-spell-details">
<div class="shaped-row vert-center mar-b-md">
<div class="col-11 center pad-r-sm">
<span class="en">
<select name="attr_school">
<option value="" selected>&#8212;</option>
<option value="Abjuration">Abjuration</option>
<option value="Conjuration">Conjuration</option>
<option value="Divination">Divination</option>
<option value="Enchantment">Enchantment</option>
<option value="Evocation">Evocation</option>
<option value="Illusion">Illusion</option>
<option value="Necromancy">Necromancy</option>
<option value="Transmutation">Transmutation</option>
</select>
</span>
<span class="de">
<select name="attr_school">
<option value="" selected>&#8212;</option>
<option value="Abjuration">Bannzauber</option>
<option value="Conjuration">Beschwörung</option>
<option value="Divination">Erkenntniszauber</option>
<option value="Enchantment">Verzauberung</option>
<option value="Evocation">Hervorrufung</option>
<option value="Illusion">Illusion</option>
<option value="Necromancy">Nekromantie</option>
<option value="Transmutation">Verwandlung</option>
</select>
</span>
<span class="fr">
<select name="attr_school">
<option value="" selected>&#8212;</option>
<option value="Abjuration">Abjuration</option>
<option value="Conjuration">Invocation</option>
<option value="Divination">Divination</option>
<option value="Enchantment">Enchantement</option>
<option value="Evocation">Evocation</option>
<option value="Illusion">Illusion</option>
<option value="Necromancy">Necromancie</option>
<option value="Transmutation">Transmutation</option>
</select>
</span>
<span class="ru">
<select name="attr_school">
<option value="" selected>&#8212;</option>
<option value="Abjuration">??????????</option>
<option value="Conjuration">?????????</option>
<option value="Divination">??????????</option>
<option value="Enchantment">??????????</option>
<option value="Evocation">?????</option>
<option value="Illusion">???????</option>
<option value="Necromancy">???????????</option>
<option value="Transmutation">??????????????</option>
</select>
</span>
<div class="small-label">
<span class="en">School</span>
<span class="de">Schule</span>
<span class="fr">Ecole</span>
<span class="ru">?????</span>
</div>
</div>
<div class="col-20 center pad-r-sm toggle-spell-vsm-m">
<textarea class="center xs-textarea" name="attr_components"></textarea>
D&D_5e_Shaped/precompiled/translations/en.json
+3
View File
@@ -162,6 +162,7 @@
"CARRIED": "Carried",
"CARRYING_CAPACITY": "Carrying capacity",
"CARRYING_PUSH_DRAG_LIFT": "Push/Drag/Lift",
"CASTING_TIME": "Casting Time",
"CHALLENGE": "Challenge",
"CHARACTER_NAME": "Character name",
"CHECK_BONUS": "Check bonus",
@@ -180,6 +181,7 @@
"COINS_GP": "GP",
"COINS_PP": "PP",
"COINS_TOTAL_GOLD": "Total GP",
"COMPONENTS": "Components",
"CONCENTRATION": "Concentration",
"CONDENSED": "Condensed",
"CONDITION_IMMUNITIES": "Condition immunities",
@@ -259,6 +261,7 @@
"RACE": "Race",
"RANGE": "Range",
"REACH": "Reach",
"REACTION": "reaction",
"RESISTANCES_AND_IMMUNITIES": "Resistances & Immunities",
"RESOURCES": "Resources",
"RITUAL": "Ritual",