From Brotato Wiki

(make tier buttons optional. Will replace them with buttons to toggle cost/tags shortly)
(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}}

✔️

Max HP.png HP Regeneration.png Life Steal.png Damage.png Melee Damage.png Ranged Damage.png Elemental Damage.png Attack Speed.png Crit Chance.png Engineering Stat.png Range Stat.png Armor.png Dodge Stat.png Speed Stat.png Luck.png Harvesting.png

Tier Buttons

{{StatsCard_GridToggles|tier_btns=1}}

✔️

Common Uncommon Rare Legendary

Max HP.png HP Regeneration.png Life Steal.png Damage.png Melee Damage.png Ranged Damage.png Elemental Damage.png Attack Speed.png Crit Chance.png Engineering Stat.png Range Stat.png Armor.png Dodge Stat.png Speed Stat.png Luck.png Harvesting.png

Extra Buttons

{{StatsCard_GridToggles|extra_btns=1}}

✔️

Materials.png 🏷️

Max HP.png HP Regeneration.png Life Steal.png Damage.png Melee Damage.png Ranged Damage.png Elemental Damage.png Attack Speed.png Crit Chance.png Engineering Stat.png Range Stat.png Armor.png Dodge Stat.png Speed Stat.png Luck.png Harvesting.png