Add settings tab

This commit is contained in:
Jakob
2021-02-14 23:49:09 +01:00
parent 64624313e5
commit 199f0bc6bd
2 changed files with 37 additions and 6 deletions
+17 -4
View File
@@ -4,14 +4,16 @@
.sheet-charactertab,
.sheet-skillstab,
.sheet-ancestortab,
.sheet-inventorytab {
.sheet-inventorytab,
.sheet-settingstab {
display: none;
}
.sheet-tabstoggle[value="charactertab"] ~ div.sheet-charactertab,
.sheet-tabstoggle[value="skillstab"] ~ div.sheet-skillstab,
.sheet-tabstoggle[value="ancestortab"] ~ div.sheet-ancestortab,
.sheet-tabstoggle[value="inventorytab"] ~ div.sheet-inventorytab {
.sheet-tabstoggle[value="inventorytab"] ~ div.sheet-inventorytab,
.sheet-tabstoggle[value="settingstab"] ~ div.sheet-settingstab {
display: block;
}
@@ -29,7 +31,7 @@
.sheet-tab-navi {
margin-bottom: 20px;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-columns: repeat(4, 1fr) 50px;
grid-gap: 5px;
}
@@ -42,6 +44,10 @@
border: 2px solid var(--theme-2nd-color);
}
.sheet-tab-navi button[name="act_settingstab"] {
font-family: "pictos";
}
/* ------------------ Container & General styling ------------------ */
/* Remove arrows from number inputs: Chrome, Safari, Edge, Opera */
@@ -70,7 +76,8 @@
.sheet-container select,
.sheet-container select:focus,
.sheet-container select:focus,
.sheet-container textarea:focus {
.sheet-container textarea:focus,
.sheet-container button:focus {
border-color: var(--theme-2nd-color);
outline: none;
}
@@ -1160,4 +1167,10 @@ input[type="checkbox"].sheet-toggle-schoenedinge-detail + label::before {
grid-column: 1/3;
max-height: 120px;
overflow-y: scroll;
}
.sheet-settings-container {
display: grid;
grid-template-columns: auto;
grid-template-rows: auto auto;
}
+20 -2
View File
@@ -4,6 +4,7 @@
<button type="action" name="act_skillstab" >Fertigkeiten</button>
<button type="action" name="act_ancestortab" >Ahnen</button>
<button type="action" name="act_inventorytab" >Inventar</button>
<button type="action" name="act_settingstab" >y</button>
</div>
<input type='hidden' class='sheet-tabstoggle' name='attr_sheetTab' value='charactertab' />
@@ -238,7 +239,7 @@
<input type="number" name="attr_rangedaw" value="0" />
<div>
<button type='roll' name='roll_attackranged'
value='&{template:attack} [[[[[[ceil(([[@{rangedaw}[AW] - (@{belastung}[BE]) + (?{Probewert Modifikator (Zustände etc.)|0}[Modifikator]) - (?{Verteidigungswert des Ziels|0}[Ziel VW])]] - [[2d20cs1cf20]] + [[1]]) / [[5]]) ]][QS] + [[@{rangedtp}]][TP] ]][Gesamtschaden] * 3[Kritisch] ]] {{weapon=@{rangedweapon}}} {{probenwert=$[[0]]}} {{qs=$[[4]]}} {{result=$[[1]]}} {{damageroll=$[[5]]}} {{totaldamage=$[[6]]}} {{totaldamagekritisch=$[[7]]}}'>{{Angreifer=@{character_name}}}
value='&{template:attack} [[[[[[ceil(([[@{rangedaw}[AW] - (@{belastung}[BE]) + (?{Probewert Modifikator (Zustände etc.)|0}[Modifikator]) - (?{Verteidigungswert des Ziels|0}[Ziel VW])]] - [[2d20cs1cf20]] + [[1]]) / [[5]]) ]][QS] + [[@{rangedtp}]][TP] ]][Gesamtschaden] * 3[Kritisch] ]] {{weapon=@{rangedweapon}}} {{probenwert=$[[0]]}} {{qs=$[[4]]}} {{result=$[[1]]}} {{damageroll=$[[5]]}} {{totaldamage=$[[6]]}} {{totaldamagekritisch=$[[7]]}} {{Angreifer=@{character_name}}}'>
</button>
</div>
<div class="rangedweapon-detail detail-container">
@@ -1231,6 +1232,23 @@
</div>
</div>
</div>
<div class="settingstab">
<div class="settings-container">
<h2>Informationen</h2>
<h4>Belastung und Zustände</h4>
<p>
Die im Charakterbogen eingetragene Belastung (BE) wird automatisch von allen von Belastung betroffenen Proben abgezogen und muss daher nicht extra als Modifikator angegeben werden.
Bei Proben bei denen die Belastung optional berücksichtigt werden kann, wird der Belastungswert nicht automatisch abgezogen sondern nur im Modifikator-Dialog vorausgewählt.
</p>
<p>
Andere Zustände werden in der Berechnung nicht automatisch berücksichtigt.
</p>
<h4>Abenteuerpunkte</h4>
<p>
Verbrauchte Abenteuerpunkte werden nicht automatisch berechnet. Die Eingabefelder dienen nur einer besseren Übersicht.
</p>
</div>
</div>
</div>
<rolltemplate class="sheet-rolltemplate-attack">
@@ -1359,7 +1377,7 @@
<script type="text/worker">
// character sheet tab control
const buttonlist = ["charactertab", "skillstab", "ancestortab", "inventorytab"];
const buttonlist = ["charactertab", "skillstab", "ancestortab", "inventorytab", "settingstab"];
buttonlist.forEach(button => {
on(`clicked:${button}`, function() {
setAttrs({