Template:Character: Difference between revisions

3,458 bytes added ,  14:56, 19 August 2019
divide attribute collapsible into desktop and mobile versions
m (fix)
(divide attribute collapsible into desktop and mobile versions)
Line 71: Line 71:
----------------------------------------->
----------------------------------------->
{{infobox row|class=qud-attributes|field=
{{infobox row|class=qud-attributes|field=
<!----------------------------------------
          ATTRIBUTES (Desktop / Fullscreen)
----------------------------------------->
<div class="nomobile">
{{#if: {{#pos: {{{strength|}}}{{{agility|}}}{{{toughness|}}}{{{intelligence|}}}{{{willpower|}}}{{{ego|}}} | d }}
| <!-- Only create the "toggle detailed stats" button if there are variable stats. To test this, we just check if there's a "d" in the stat string indicating a dice roll -->
<div class="qud-attributes-header-row">
<div class="qud-attributes-header-button mw-customtoggle-qud-basic-attributes mw-customtoggle-qud-detailed-attributes" title="Show full stat possibilities">toggle detailed stats</div>
</div>
<div class="mw-collapsible" id="mw-customcollapsible-qud-basic-attributes">
}} <!-- end #if -->
{{#if: {{{strength|}}}{{{agility|}}}{{{toughness|}}}{{{intelligence|}}}{{{willpower|}}}{{{ego|}}}
| <!-- Only create attributes block if at least one stat is specified -->
<div class="qud-attributes-wrapper">
<div class="qud-attributes-row">
<!-- The Character/Attributes template doesn't handle extra spaces very well, so there are none below -->
{{Character/Attribute|Strength|ST|{{{strength|}}}|Attributes}}
{{Character/Attribute|Agility|AG|{{{agility|}}}|Attributes}}
{{Character/Attribute|Quickness|QN|{{{quickness|100}}}|Quickness}}
</div>
<div class="qud-attributes-row">
{{Character/Attribute|Toughness|TO|{{{toughness|}}}|Attributes}}
{{Character/Attribute|Willpower|WI|{{{willpower|}}}|Attributes}}
{{Character/Attribute|Movespeed|MS|{{{movespeed|100}}}|Movement Speed}}
</div>
<div class="qud-attributes-row">
{{Character/Attribute|Intelligence|IN|{{{intelligence|}}}|Attributes}}
{{Character/Attribute|Ego|EG|{{{ego|}}}|Attributes}}
{{Character/Attribute|Mental Armor|MA|{{{ma|}}}|Attributes}}
</div>
</div>
{{#if: {{#pos: {{{strength|}}}{{{agility|}}}{{{toughness|}}}{{{intelligence|}}}{{{willpower|}}}{{{ego|}}} | d }} |</div>}}
}} <!-- end #if -->
<!----------------------------------------
          DETAILED ATTRIBUTES (Desktop / Fullscreen)
----------------------------------------->
{{#if: {{#pos: {{{strength|}}}{{{agility|}}}{{{toughness|}}}{{{intelligence|}}}{{{willpower|}}}{{{ego|}}} | d }}
| <!-- Only create the detailed stats block if there are variable stats. To test this, we just check if there's a "d" in the stat string indicating a dice roll -->
<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-qud-detailed-attributes" style="width:260px;">
<div class="mw-collapsible-content" style="display:none;">
<div class="qud-stat-details-wrapper">
{{ Character/DetailedAttributeHeader }}
{{#if: {{{strength|}}}    | {{ Character/DetailedAttribute | Strength    | {{{strength}}}    }} | }}
{{#if: {{{agility|}}}      | {{ Character/DetailedAttribute | Agility    | {{{agility}}}      }} | }}
{{#if: {{{toughness|}}}    | {{ Character/DetailedAttribute | Toughness  | {{{toughness}}}    }} | }}
{{#if: {{{intelligence|}}} | {{ Character/DetailedAttribute | Intelligence| {{{intelligence}}} }} | }}
{{#if: {{{willpower|}}}    | {{ Character/DetailedAttribute | Willpower  | {{{willpower}}}    }} | }}
{{#if: {{{ego|}}}          | {{ Character/DetailedAttribute | Ego        | {{{ego}}}          }} | }}
</div>
</div>
</div>
}} <!-- end #if -->
</div> <!-- end nomobile -->
<!----------------------------------------
          ATTRIBUTES (Mobile)
----------------------------------------->
<div class="mobileonly">
{{#if: {{#pos: {{{strength|}}}{{{agility|}}}{{{toughness|}}}{{{intelligence|}}}{{{willpower|}}}{{{ego|}}} | d }}
{{#if: {{#pos: {{{strength|}}}{{{agility|}}}{{{toughness|}}}{{{intelligence|}}}{{{willpower|}}}{{{ego|}}} | d }}
| <!-- Only create the "toggle detailed stats" button if there are variable stats. To test this, we just check if there's a "d" in the stat string indicating a dice roll -->
| <!-- Only create the "toggle detailed stats" button if there are variable stats. To test this, we just check if there's a "d" in the stat string indicating a dice roll -->
<div class="qud-attributes-header-row"><!--
<div class="qud-attributes-header-row">
  --><div class="qud-attributes-header-button collapsetoggle-custom collapsible-qud-basic-attributes-toggle collapsible-qud-detailed-attributes-toggle" title="Show full stat possibilities">toggle detailed stats</div>
<div class="qud-attributes-header-button collapsetoggle-custom collapsible-qud-basic-attributes-toggle collapsible-qud-detailed-attributes-toggle" title="Show full stat possibilities">toggle detailed stats</div>
</div>
</div>
<div class="collapsible" id="collapsible-qud-basic-attributes" data-expandtext="toggle detailed stats" data-collapsetext="toggle detailed stats">
<div class="collapsible" id="collapsible-qud-basic-attributes" data-expandtext="toggle detailed stats" data-collapsetext="toggle detailed stats">
Line 80: Line 137:
{{#if: {{{strength|}}}{{{agility|}}}{{{toughness|}}}{{{intelligence|}}}{{{willpower|}}}{{{ego|}}}
{{#if: {{{strength|}}}{{{agility|}}}{{{toughness|}}}{{{intelligence|}}}{{{willpower|}}}{{{ego|}}}
| <!-- Only create attributes block if at least one stat is specified -->
| <!-- Only create attributes block if at least one stat is specified -->
<div class="qud-attributes-wrapper collapsible-content">
<div class="qud-attributes-wrapper collapsible-content">
<div class="qud-attributes-row">
<div class="qud-attributes-row">
Line 102: Line 158:
}} <!-- end #if -->
}} <!-- end #if -->
<!----------------------------------------
<!----------------------------------------
 
          DETAILED ATTRIBUTES (Mobile)
      DETAILED ATTRIBUTES
 
----------------------------------------->
----------------------------------------->
{{#if: {{#pos: {{{strength|}}}{{{agility|}}}{{{toughness|}}}{{{intelligence|}}}{{{willpower|}}}{{{ego|}}} | d }}
{{#if: {{#pos: {{{strength|}}}{{{agility|}}}{{{toughness|}}}{{{intelligence|}}}{{{willpower|}}}{{{ego|}}} | d }}
Line 122: Line 176:
</div>
</div>
}} <!-- end #if -->
}} <!-- end #if -->
</div> <!-- end mobileonly -->
}} <!-- end infobox row -->
}} <!-- end infobox row -->
<!----------------------------------------
<!----------------------------------------