From Brotato Wiki

(Option to fully hide items, instead of making them transparent)
(change eyeball icon to be active by default, and change its target class to "statscard-grid__main--transparent-hidden-items" so that it works in reverse to how it does currently: Ie. pressing the button makes items transparent)
Line 35: Line 35:
{{#ifeq:{{{extra_btns|}}}|1|<td style="padding-left: 10px; text-align: right;">
{{#ifeq:{{{extra_btns|}}}|1|<td style="padding-left: 10px; text-align: right;">
<!-- Extras: Cost/Tags -->
<!-- Extras: Cost/Tags -->
<span class="btn btn--inactive" data-hide-type="container_toggle" data-container-class="statscard-grid__main--hide-items" title="Filtered items are fully hidden, instead of becoming transparent" style="height: 20px;">👁️</span>
<span class="btn btn--active" data-hide-type="container_toggle" data-container-class="statscard-grid__main--transparent-hidden-items" title="Filtered items are fully hidden, instead of becoming transparent" style="height: 20px;">👁️</span>
<span class="btn btn--inactive" data-hide-type="misc" data-hide-target=".ibox__stats-costs" title="Costs" style="height: 20px;">{{StatIcon|Materials|nolink=1}}</span>
<span class="btn btn--inactive" data-hide-type="misc" data-hide-target=".ibox__stats-costs" title="Costs" style="height: 20px;">{{StatIcon|Materials|nolink=1}}</span>
<span class="btn btn--inactive" data-hide-type="misc" data-hide-target=".ibox__stats-tags" title="Tags" style="height: 20px;">🏷️</span>
<span class="btn btn--inactive" data-hide-type="misc" data-hide-target=".ibox__stats-tags" title="Tags" style="height: 20px;">🏷️</span>

Revision as of 08:30, 13 February 2023

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.

Should be wrapped in a DIV or table, which sets its max-width.

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}}

✔️

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

T1 T2 T3 T4

Extra Buttons

{{StatsCard_GridToggles|extra_btns=1}}

✔️

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

👁️ Materials.png 🏷️