From Brotato Wiki
(swap icons for all/none) |
(add more title attrs) |
||
| Line 4: | Line 4: | ||
<td> | <td> | ||
<!-- Bulk Toggles --> | <!-- Bulk Toggles --> | ||
<span class="btn" data-hide-type="item" data-hide-target="show-all" title="Remove 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> | ||
<td style="padding-left: 20px;"> | <td style="padding-left: 20px;"> | ||
<!-- Rarities/Tiers --> | <!-- Rarities/Tiers --> | ||
<span class="btn btn--active" data-hide-type="item" data-hide-target="rarity1">{{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> | ||
<span class="btn btn--active" data-hide-type="item" data-hide-target="rarity2">{{Color|tier2|Uncommon}}</span> | <span class="btn btn--active" data-hide-type="item" data-hide-target="rarity2" title="Tier 2 (Uncommon)">{{Color|tier2|Uncommon}}</span> | ||
<span class="btn btn--active" data-hide-type="item" data-hide-target="rarity3">{{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">{{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> | </td> | ||
<td style="text-align: right;"> | <td style="text-align: right;"> | ||
<!-- Item Tags (Stats) --> | <!-- Item Tags (Stats) --> | ||
<span class="btn btn--active" data-hide-type="item" data-hide-target="stat_max_hp">{{StatIcon|Max HP|nolink=1}}</span> | <span class="btn btn--active" data-hide-type="item" data-hide-target="stat_max_hp" title="Max HP">{{StatIcon|Max HP|nolink=1}}</span> | ||
<span class="btn btn--active" data-hide-type="item" data-hide-target="stat_hp_regeneration">{{StatIcon|HP Regeneration|nolink=1}}</span> | <span class="btn btn--active" data-hide-type="item" data-hide-target="stat_hp_regeneration" title="HP Regeneration">{{StatIcon|HP Regeneration|nolink=1}}</span> | ||
<span class="btn btn--active" data-hide-type="item" data-hide-target="stat_lifesteal">{{StatIcon|Lifesteal|nolink=1}}</span> | <span class="btn btn--active" data-hide-type="item" data-hide-target="stat_lifesteal" title="Lifesteal">{{StatIcon|Lifesteal|nolink=1}}</span> | ||
<span class="btn btn--active" data-hide-type="item" data-hide-target="stat_percent_damage">{{StatIcon|Damage|nolink=1}}</span> | <span class="btn btn--active" data-hide-type="item" data-hide-target="stat_percent_damage" title="Damage">{{StatIcon|Damage|nolink=1}}</span> | ||
<span class="btn btn--active" data-hide-type="item" data-hide-target="stat_melee_damage">{{StatIcon|Melee Damage|nolink=1}}</span> | <span class="btn btn--active" data-hide-type="item" data-hide-target="stat_melee_damage" title="Melee Damage">{{StatIcon|Melee Damage|nolink=1}}</span> | ||
<span class="btn btn--active" data-hide-type="item" data-hide-target="stat_ranged_damage">{{StatIcon|Ranged Damage|nolink=1}}</span> | <span class="btn btn--active" data-hide-type="item" data-hide-target="stat_ranged_damage" title="Ranged Damage">{{StatIcon|Ranged Damage|nolink=1}}</span> | ||
<span class="btn btn--active" data-hide-type="item" data-hide-target="stat_elemental_damage">{{StatIcon|Elemental Damage|nolink=1}}</span> | <span class="btn btn--active" data-hide-type="item" data-hide-target="stat_elemental_damage" title="Elemental Damage">{{StatIcon|Elemental Damage|nolink=1}}</span> | ||
<span class="btn btn--active" data-hide-type="item" data-hide-target="stat_attack_speed">{{StatIcon|Attack Speed|nolink=1}}</span> | <span class="btn btn--active" data-hide-type="item" data-hide-target="stat_attack_speed" title="Attack Speed">{{StatIcon|Attack Speed|nolink=1}}</span> | ||
<span class="btn btn--active" data-hide-type="item" data-hide-target="stat_crit_chance">{{StatIcon|Crit Chance|nolink=1}}</span> | <span class="btn btn--active" data-hide-type="item" data-hide-target="stat_crit_chance" title="Crit Chance">{{StatIcon|Crit Chance|nolink=1}}</span> | ||
<span class="btn btn--active" data-hide-type="item" data-hide-target="stat_engineering">{{StatIcon|Engineering|nolink=1}}</span> | <span class="btn btn--active" data-hide-type="item" data-hide-target="stat_engineering" title="Engineering">{{StatIcon|Engineering|nolink=1}}</span> | ||
<span class="btn btn--active" data-hide-type="item" data-hide-target="stat_range">{{StatIcon|Range|nolink=1}}</span> | <span class="btn btn--active" data-hide-type="item" data-hide-target="stat_range" title="Range">{{StatIcon|Range|nolink=1}}</span> | ||
<span class="btn btn--active" data-hide-type="item" data-hide-target="stat_armor">{{StatIcon|Armor|nolink=1}}</span> | <span class="btn btn--active" data-hide-type="item" data-hide-target="stat_armor" title="Armor">{{StatIcon|Armor|nolink=1}}</span> | ||
<span class="btn btn--active" data-hide-type="item" data-hide-target="stat_dodge">{{StatIcon|Dodge|nolink=1}}</span> | <span class="btn btn--active" data-hide-type="item" data-hide-target="stat_dodge" title="Dodge">{{StatIcon|Dodge|nolink=1}}</span> | ||
<span class="btn btn--active" data-hide-type="item" data-hide-target="stat_speed">{{StatIcon|Speed|nolink=1}}</span> | <span class="btn btn--active" data-hide-type="item" data-hide-target="stat_speed" title="Speed">{{StatIcon|Speed|nolink=1}}</span> | ||
<span class="btn btn--active" data-hide-type="item" data-hide-target="stat_luck">{{StatIcon|Luck|nolink=1}}</span> | <span class="btn btn--active" data-hide-type="item" data-hide-target="stat_luck" title="Luck">{{StatIcon|Luck|nolink=1}}</span> | ||
<span class="btn btn--active" data-hide-type="item" data-hide-target="stat_harvesting">{{StatIcon|Harvesting|nolink=1}}</span> | <span class="btn btn--active" data-hide-type="item" data-hide-target="stat_harvesting" title="Harvesting">{{StatIcon|Harvesting|nolink=1}}</span> | ||
</td> | </td> | ||
</tr> | </tr> | ||
Revision as of 20:17, 14 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.
{{StatsCard_GridToggles}}
|
❌ ✔️ |
Common Uncommon Rare Legendary |
|
