Template:StatBox: Difference between revisions

From Deadlock Wiki
Jump to navigation Jump to search
Sur (talk | contribs)
m vitality and spirit examples completed
Sur (talk | contribs)
m require unlocalized again, and force icon image to english
 
(13 intermediate revisions by the same user not shown)
Line 1: Line 1:
<includeonly>
<includeonly>
<div class="hover-box">
<div class="stat-box">
     <div class="hover-box-content" style="
     <div class="stat-box-content" style="
         background: linear-gradient(135deg, rgba({{{box_rgb}}}, 0.5), rgba({{{box_rgb}}}, 0.1));
         background: linear-gradient(135deg, rgba({{{box_rgb}}}, 0.5), rgba({{{box_rgb}}}, 0.1));
         box-shadow: inset 0 0 0 4px rgba({{{box_rgb}}}, 0.9);
         box-shadow: inset 0 0 0 4px rgba({{{box_rgb}}}, 0.9);
     ">
     ">
         <!-- Centered Icon and Label -->
         <!-- Centered Icon and Label -->
         [[File:{{{box_name}}}_icon.png|40px|center|class=hover-box-icon|link=]]
         [[File:{{Lang|key={{{box_name}}}|lang_code=en}}_icon.png|40px|center|class=stat-box-icon|link=]]
         <div class="hover-box-label">{{{box_name}}}</div>
         <div class="stat-box-label">{{Lang|key={{{box_name}}}}}</div>
     </div>
     </div>
     <div class="hover-box-hidden" style="
     <div class="stat-box-hover" style="
         background: linear-gradient(135deg, rgba({{{box_rgb}}}, 0.5), rgba({{{box_rgb}}}, 0.25));
         background: linear-gradient(135deg, rgba({{{box_rgb}}}, 0.5), rgba({{{box_rgb}}}, 0.25));
     ">
     ">
         <!-- Table inside hidden box -->
         <!-- Table inside hidden box -->
         <table class="hover-box-table">
         <table class="stat-box-table">
           {{#invoke: TableGenerator | generateHtmlTable | cols=3 | onlyBody=true | cell_values={{{cell_values}}} }}
           {{#invoke: TableGenerator | generateHtmlTable | cols={{{num_cols}}} | onlyBody=true | cell_values={{{cell_values}}} }}
         </table>
         </table>
     </div>
     </div>
</div></includeonly><noinclude>
</div></includeonly><noinclude>
Copy content from [[User:Sur/vector.css]] to your [[User:name/vector.css]] before viewing
{{Documentation}}
 
</noinclude>
Example
 
{{StatBox
|box_name=Weapon
|box_rgb=213, 144, 63
|cell_values=<!--
-->WeaponDPS 7.79,<!--
-->BulletDamage 4.675,<!--
-->ClipSize 9,<!--
-->LightMeleeDamage 63,<!--
-->HeavyMeleeDamage 116,<!--
-->BaseWeaponDamageIncrease 0,<!--
-->FireRate 0,<!--
-->ClipSizeIncrease 0,<!--
-->ReloadTime .3525,<!--
-->ReloadSpeed 1,<!--
-->BulletSpeed ?,<!--
-->BulletSpeedIncrease 0,<!--
-->BulletLifesteal 0<!--
-->}}<!--No spaces between each statbox call is ideal so that they are flush
 
 
 
-->{{StatBox
|box_name=Vitality
|box_rgb=116, 176, 28
|cell_values=<!--
-->MaxHealth 600,<!--
-->BaseHealthRegen 1,<!--
-->BulletArmorDamageReduction 0,<!--
-->TechArmorDamageReduction 0,<!--
-->BulletShieldHealth 1,<!--
-->TechShieldHealth 1,<!--
-->HealingOutput 1,<!--
-->DebuffResist 0,<!--
-->CritDamageReceivedScale 1,<!--
-->MaxMoveSpeed 6.5,<!--
-->SprintSpeed 0,<!--
-->StaminaCooldown 5,<!--
-->StaminaRegenIncrease 0,<!--
-->Stamina 3,<!--
-->}}<!--
 
 
-->{{StatBox
|box_name=Spirit
|box_rgb=194, 136, 240
|cell_values=<!--
-->TechCooldown 0,<!--
-->TechDuration 0,<!--
-->TechRange 0,<!--
-->TechLifesteal 0,<!--
-->MaxChargesIncrease 0,<!--
-->TechCooldownBetweenChargeUses 0,<!--
-->}}
 
 
 
 
 
 
 
<!--Several newlines after the last statbox to allow space for a larger table to extend downwards a few hundred pixels without overlapping nearby content-->
<templatedata>
{
"params": {
"box_name": {},
"box_rgb": {},
"stat_name1": {},
"stat_value1": {},
"stat_name2": {},
"stat_value2": {},
"stat_name3": {},
"stat_value3": {},
"stat_name4": {},
"stat_value4": {},
"stat_name5": {},
"stat_value5": {},
"stat_name6": {},
"stat_value6": {},
"stat_name7": {},
"stat_value7": {},
"stat_name8": {},
"stat_value8": {},
"stat_name9": {},
"stat_value9": {},
"stat_name10": {},
"stat_value10": {},
"stat_name11": {},
"stat_value11": {},
"stat_name12": {},
"stat_value12": {},
"stat_name13": {},
"stat_value13": {},
"stat_name14": {},
"stat_value14": {},
"stat_name15": {},
"stat_value15": {},
"stat_name16": {},
"stat_value16": {},
"stat_name17": {},
"stat_value17": {},
"stat_name18": {},
"stat_value18": {},
"stat_name19": {},
"stat_value19": {},
"stat_name20": {},
"stat_value20": {}
}
}
</templatedata></noinclude>

Latest revision as of 19:53, 15 September 2024

Template documentation [view] [edit] [purge]

Overview[edit source]

A stat box is created similar to the display seen in the shop when hovering over each stat category (Weapon, Vitality, Spirit).

When hovered, a box appears to the right that contains a table with specified cell values, preferably containing an icon, stat prefix, value, postfix, and name.

Examples[edit source]

{{StatBox
|box_name = CitadelCategoryWeapon
|box_rgb = 213, 144, 63
|num_cols = 2
|cell_values = 800 MaxHealth,2 BaseHealthRegen,10 DPS
}}


Outputs


Weapon
800 MaxHealth 2 BaseHealthRegen
10 DPS


See Template:StatBoxes which creates all 3 for a given hero dynamically using their stats and scalings

Parameters[edit source]

box_name: See Data:Lang_en.json for all english localization keys; ensure the box_name is a key that can be localized

No description.

Template parameters[Edit template data]

ParameterDescriptionTypeStatus
box_namebox_name

Unlocalized name of the StatBox which will be localized to both the label and the image.

Example
CitadelCategoryWeapon
Stringoptional
box_rgbbox_rgb

RGB values for the box, comma separated. RGBA is not supported, as the alpha channel is modified by the template.

Example
255,255,255
Stringoptional
num_colsnum_cols

Number of columns in the table.

Default
3
Example
3
Numberoptional
cell_valuescell_values

Number of cell values, comma separated (no space after comma). Rows are added automatically based on the number of cell values and columns.

Example
800 MaxHealth,2 BaseHealthRegen,10 DPS
Stringoptional