From Brotato Wiki

Darkly77 (talk | contribs)
make tier buttons optional. Will replace them with buttons to toggle cost/tags shortly
Darkly77 (talk | contribs)
extra_btns: toggle costs/tags
Line 2: Line 2:
--><table style="width: 100%; max-width: 1207px;">
--><table style="width: 100%; max-width: 1207px;">
<tr>
<tr>
<td>
<td style="width: 88px;">
<!-- Bulk Toggles -->
<!-- Bulk Toggles -->
<span class="btn" data-hide-type="item" data-hide-target="show-all" title="Remove All Filters">❌</span>
<span class="btn" data-hide-type="item" data-hide-target="show-all" title="Remove All Filters">❌</span>
<span class="btn" data-hide-type="item" data-hide-target="show-none" title="Apply All Filters">✔️</span>
<span class="btn" data-hide-type="item" data-hide-target="show-none" title="Apply All Filters">✔️</span>
</td>
</td>
{{#ifeq:{{{tier_btns|}}}|1|<td style="padding-left: 20px;">
{{#ifeq:{{{tier_btns|}}}|1|<td style="padding-left: 18px;">
<!-- Rarities/Tiers -->
<!-- Rarities/Tiers -->
<span class="btn btn--active" data-hide-type="item" data-hide-target="rarity1" title="Tier 1 (Common)">{{Color|tier1|Common}}</span>
<span class="btn btn--active" data-hide-type="item" data-hide-target="rarity1" title="Tier 1 (Common)">{{Color|tier1|Common}}</span>
Line 13: Line 13:
<span class="btn btn--active" data-hide-type="item" data-hide-target="rarity3" title="Tier 3 (Rare)">{{Color|tier3|Rare}}</span>
<span class="btn btn--active" data-hide-type="item" data-hide-target="rarity3" title="Tier 3 (Rare)">{{Color|tier3|Rare}}</span>
<span class="btn btn--active" data-hide-type="item" data-hide-target="rarity4" title="Tier 4 (Legendary)">{{Color|tier4|Legendary}}</span>
<span class="btn btn--active" data-hide-type="item" data-hide-target="rarity4" title="Tier 4 (Legendary)">{{Color|tier4|Legendary}}</span>
</td>|}}
{{#ifeq:{{{extra_btns|}}}|1|<td style="padding-left: 20px;">
<!-- Extras: Cost/Tags -->
<span class="btn btn--active" data-hide-type="item" data-hide-target="ibox__stats-costs" title="Costs" style="height: 20px;">{{StatIcon|Materials|nolink=1}}</span>
<span class="btn btn--active" data-hide-type="item" data-hide-target="box__stats-tags" title="Tags" style="height: 20px;">🏷️</span>
</td>|}}
</td>|}}
<td style="text-align: right;">
<td style="text-align: right;">
Line 55: Line 60:


{{StatsCard_GridToggles|tier_btns=1}}
{{StatsCard_GridToggles|tier_btns=1}}
== Extra Buttons ==
<pre style="display: inline-block;">
{{StatsCard_GridToggles|extra_btns=1}}
</pre>
{{StatsCard_GridToggles|extra_btns=1}}


</noinclude>
</noinclude>

Revision as of 19:08, 16 December 2022

Creates buttons that can be used above a table grid of items, shown with StatsCard, to toggle the visibility of those items.

See Mod:Extatonion/Items for a working example.

Default

{{StatsCard_GridToggles}}

❌ ✔️

Tier Buttons

{{StatsCard_GridToggles|tier_btns=1}}

❌ ✔️

Common Uncommon Rare Legendary

Extra Buttons

{{StatsCard_GridToggles|extra_btns=1}}

❌ ✔️

🏷️