User:Kai/updateRefreshV1: Difference between revisions

No edit summary
No edit summary
Line 9: Line 9:
<div class="weapon-display" style="width:100%;display:inline-flex; border:1px solid red; height:150px">
<div class="weapon-display" style="width:100%;display:inline-flex; border:1px solid red; height:150px">


<div style="border:1px solid blue; width:auto; display:flex; flex-direction:column; padding:15px 10px; justify-content: space-around;">
<div style="border:1px solid blue; width:auto; display:flex; flex-direction:column; padding:15px 10px; flex-start; gap:10px">


<div style="border:1px solid yellow">WEAPON STATS !!!!</div>
<div style="border:1px solid yellow">'''{{{weapon_name|{{#invoke:HeroData|get_hero_var|{{#var:hero_key_or_en}}|NameKey|true}}}}}'''</div>
<div style="border:1px solid yellow">'''Weapon Name'''</div>
<div style="display:flex; gap:10px">
<div style="display:flex; gap:10px">
<div style="border:1px solid yellow">Weapon Range</div>
<div style="border:1px solid yellow">{{#invoke:HeroData|get_list_elem|{{#var:hero_key_or_en}}|WeaponTypes|1|true}}</div>
<div style="border:1px solid yellow">Weapon Other Thing</div>
<div style="border:1px solid yellow">{{#invoke:HeroData|get_list_elem|{{#var:hero_key_or_en}}|WeaponTypes|2|true}}</div>
<div style="border:1px solid yellow">{{#if:{{#invoke:HeroData|get_list_elem|{{#var:hero_key_or_en}}|WeaponTypes|3|true}}}}</div></div>
 
</div>
</div>


<div style="border:1px solid blue; flex-grow:1; display:flex; justify-content:flex-end; position:relative">
<div class="dps-text" style="border:1px solid green; position:absolute; z-index:2">[[File:Bullet_damage.png|20px|link=Damage per second]]{{#invoke:HeroData|get_hero_var|{{#var:hero_key_or_en}}|DPS|2}} {{#invoke:Lang|get_string|DPS_label}}</div>
<div class="falloff-range" style="border:1px solid green; position:absolute; bottom:0; z-index:2; display:flex; flex-direction:column">
<div class="falloff-range-text" style="padding:5px 10px">{{#invoke:Lang|get_string|CitadelHeroStats_Weapon_Falloff}}</div><!--
--><div class="falloff-range-numbers" style="text-align:center">{{#ifeq:{{{no_falloff|}}}|true|N/A|{{#invoke:HeroData|get_hero_var|{{#var:hero_key_or_en}}|FalloffStartRange|2}}{{#invoke:Lang|get_string|StatDesc_WeaponRangeFalloffMin_postfix}} - {{#invoke:HeroData|get_hero_var|{{#var:hero_key_or_en}}|FalloffEndRange|2}}{{#invoke:Lang|get_string|StatDesc_WeaponRangeFalloffMax_postfix}}}}</div>
</div>
</div>
<div style="border:1px solid blue; flex-grow:1; display:flex; justify-content:flex-end; position:relative>
<div class="dps-text" style="border:1px solid green; position:absolute; z-index:2">DPS TEXT YES</div>
<div class="falloff-range" style="border:1px solid green; position:absolute; bottom:0; z-index:2">FALLOFF RANGE YES</div>
<div class="weapon-image" style="border: 1px solid yellow; width: 100%; position: absolute; height: 100%; box-sizing: border-box; padding: 15px 0 0 15px; display: flex; justify-content: flex-end;">{{#ifexist:File:{{#var:hero_en}} Weapon.png|[[File:{{#var:hero_en}} Weapon.png|320x200px|link=]]|[[File:Placeholder Weapon.png|320x200px|link=]]}}
<div class="weapon-image" style="border: 1px solid yellow; width: 100%; position: absolute; height: 100%; box-sizing: border-box; padding: 15px 0 0 15px; display: flex; justify-content: flex-end;">{{#ifexist:File:{{#var:hero_en}} Weapon.png|[[File:{{#var:hero_en}} Weapon.png|320x200px|link=]]|[[File:Placeholder Weapon.png|320x200px|link=]]}}
</div>
</div>
Line 32: Line 34:


</div>
</div>


{{User:Kai/sandbox|key=hero_haze}}
{{User:Kai/sandbox|key=hero_haze}}
{{User:Kai/sandbox|key=hero_priest}}
{{User:Kai/sandbox|key=hero_priest}}
{{User:Kai/sandbox|key=hero_viscous}}
{{User:Kai/sandbox|key=hero_viscous}}