Template:Infobox item: Difference between revisions

Infobox rework to match in game item tooltips more
added support for 0 main stats
Line 163: Line 163:
-->{{#ifexpr:{{#var:p1_has_alt}} = 1 |<!--
-->{{#ifexpr:{{#var:p1_has_alt}} = 1 |<!--
   ** Multiple mains + alt below separately **
   ** Multiple mains + alt below separately **
--><div style="box-sizing:border-box; border-radius:8px; margin:6px auto; width:300px; max-width:280px; padding:4px 8px; background-color:{{#var:p1_bg}};" class="passive-alt-stats"><!-- FIXED --><!--
--><div style="box-sizing:border-box; border-radius:8px; margin:6px auto; width:300px; max-width:280px; padding:4px 8px; background-color:{{#var:p1_bg}};" class="passive-alt-stats"><!--
-->{{#if:{{{passive1_alt1|}}}|<div class="passive-stat">{{{passive1_alt1}}}</div>}}<!--
-->{{#if:{{{passive1_alt1|}}}|<div class="passive-stat">{{{passive1_alt1}}}</div>}}<!--
-->{{#if:{{{passive1_alt2|}}}|<div class="passive-stat">{{{passive1_alt2}}}</div>}}<!--
-->{{#if:{{{passive1_alt2|}}}|<div class="passive-stat">{{{passive1_alt2}}}</div>}}<!--
Line 172: Line 172:
-->{{#if:{{{passive1_alt7|}}}|<div class="passive-stat">{{{passive1_alt7}}}</div>}}<!--
-->{{#if:{{{passive1_alt7|}}}|<div class="passive-stat">{{{passive1_alt7}}}</div>}}<!--
--></div>}}<!--
--></div>}}<!--
-->}}}}
-->}}|<!--  alt-only case (no mains, only alt stats) --><!--
-->{{#ifexpr:{{#var:p1_has_alt}} = 1 |<!--
--><div style="box-sizing:border-box; border-radius:8px; margin:6px auto; width:300px; max-width:280px; padding:4px 8px; background-color:{{#var:p1_bg}};" class="passive-alt-stats"><!--
-->{{#if:{{{passive1_alt1|}}}|<div class="passive-stat">{{{passive1_alt1}}}</div>}}<!--
-->{{#if:{{{passive1_alt2|}}}|<div class="passive-stat">{{{passive1_alt2}}}</div>}}<!--
-->{{#if:{{{passive1_alt3|}}}|<div class="passive-stat">{{{passive1_alt3}}}</div>}}<!--
-->{{#if:{{{passive1_alt4|}}}|<div class="passive-stat">{{{passive1_alt4}}}</div>}}<!--
-->{{#if:{{{passive1_alt5|}}}|<div class="passive-stat">{{{passive1_alt5}}}</div>}}<!--
-->{{#if:{{{passive1_alt6|}}}|<div class="passive-stat">{{{passive1_alt6}}}</div>}}<!--
-->{{#if:{{{passive1_alt7|}}}|<div class="passive-stat">{{{passive1_alt7}}}</div>}}<!--
--></div>}}<!--
-->}}
|-<!--start of passive2 section-->
|-<!--start of passive2 section-->
{{#if:{{{passive2_description|}}}|
{{#if:{{{passive2_description|}}}|
Line 218: Line 229:
--></div><!--
--></div><!--
-->{{#ifexpr:{{#var:p2_has_alt}} = 1 |<!--
-->{{#ifexpr:{{#var:p2_has_alt}} = 1 |<!--
--><div style="box-sizing:border-box; border-radius:8px; margin:6px auto; width:300px; max-width:280px; padding:4px 8px; background-color:{{#var:p2_bg}};" class="passive-alt-stats"><!-- FIXED --><!--
--><div style="box-sizing:border-box; border-radius:8px; margin:6px auto; width:300px; max-width:280px; padding:4px 8px; background-color:{{#var:p2_bg}};" class="passive-alt-stats"><!--
-->{{#if:{{{passive2_alt1|}}}|<div class="passive-stat">{{{passive2_alt1}}}</div>}}<!--
-->{{#if:{{{passive2_alt2|}}}|<div class="passive-stat">{{{passive2_alt2}}}</div>}}<!--
-->{{#if:{{{passive2_alt3|}}}|<div class="passive-stat">{{{passive2_alt3}}}</div>}}<!--
-->{{#if:{{{passive2_alt4|}}}|<div class="passive-stat">{{{passive2_alt4}}}</div>}}<!--
-->{{#if:{{{passive2_alt5|}}}|<div class="passive-stat">{{{passive2_alt5}}}</div>}}<!--
--></div>}}<!--
-->}}|<!--  alt-only case (no mains, only alt stats) --><!--
-->{{#ifexpr:{{#var:p2_has_alt}} = 1 |<!--
--><div style="box-sizing:border-box; border-radius:8px; margin:6px auto; width:300px; max-width:280px; padding:4px 8px; background-color:{{#var:p2_bg}};" class="passive-alt-stats"><!--
-->{{#if:{{{passive2_alt1|}}}|<div class="passive-stat">{{{passive2_alt1}}}</div>}}<!--
-->{{#if:{{{passive2_alt1|}}}|<div class="passive-stat">{{{passive2_alt1}}}</div>}}<!--
-->{{#if:{{{passive2_alt2|}}}|<div class="passive-stat">{{{passive2_alt2}}}</div>}}<!--
-->{{#if:{{{passive2_alt2|}}}|<div class="passive-stat">{{{passive2_alt2}}}</div>}}<!--
Line 225: Line 245:
-->{{#if:{{{passive2_alt5|}}}|<div class="passive-stat">{{{passive2_alt5}}}</div>}}<!--
-->{{#if:{{{passive2_alt5|}}}|<div class="passive-stat">{{{passive2_alt5}}}</div>}}<!--
--></div>}}<!--
--></div>}}<!--
-->}}}}
-->}}
|-<!--start of active 1 section-->
|-<!--start of active 1 section-->
{{#if:{{{active1_description|}}}|
{{#if:{{{active1_description|}}}|
Line 279: Line 299:
--></div><!--
--></div><!--
-->{{#ifexpr:{{#var:a1_has_alt}} = 1 |<!--
-->{{#ifexpr:{{#var:a1_has_alt}} = 1 |<!--
--><div style="box-sizing:border-box; border-radius:8px; margin:6px auto; width:300px; max-width:280px; padding:4px 8px; background-color:{{#var:a1_bg}};" class="active-alt-stats"><!-- FIXED --><!--
--><div style="box-sizing:border-box; border-radius:8px; margin:6px auto; width:300px; max-width:280px; padding:4px 8px; background-color:{{#var:a1_bg}};" class="active-alt-stats"><!--
-->{{#if:{{{active1_alt1|}}}|<div class="active-stat">{{{active1_alt1}}}</div>}}<!--
-->{{#if:{{{active1_alt2|}}}|<div class="active-stat">{{{active1_alt2}}}</div>}}<!--
-->{{#if:{{{active1_alt3|}}}|<div class="active-stat">{{{active1_alt3}}}</div>}}<!--
-->{{#if:{{{active1_alt4|}}}|<div class="active-stat">{{{active1_alt4}}}</div>}}<!--
-->{{#if:{{{active1_alt5|}}}|<div class="active-stat">{{{active1_alt5}}}</div>}}<!--
-->{{#if:{{{active1_alt6|}}}|<div class="active-stat">{{{active1_alt6}}}</div>}}<!--
-->{{#if:{{{active1_alt7|}}}|<div class="active-stat">{{{active1_alt7}}}</div>}}<!--
-->{{#if:{{{active1_alt8|}}}|<div class="active-stat">{{{active1_alt8}}}</div>}}<!--
--></div>}}<!--
-->}}|<!--  alt-only case (no mains, only alt stats) --><!--
-->{{#ifexpr:{{#var:a1_has_alt}} = 1 |<!--
--><div style="box-sizing:border-box; border-radius:8px; margin:6px auto; width:300px; max-width:280px; padding:4px 8px; background-color:{{#var:a1_bg}};" class="active-alt-stats"><!--
-->{{#if:{{{active1_alt1|}}}|<div class="active-stat">{{{active1_alt1}}}</div>}}<!--
-->{{#if:{{{active1_alt1|}}}|<div class="active-stat">{{{active1_alt1}}}</div>}}<!--
-->{{#if:{{{active1_alt2|}}}|<div class="active-stat">{{{active1_alt2}}}</div>}}<!--
-->{{#if:{{{active1_alt2|}}}|<div class="active-stat">{{{active1_alt2}}}</div>}}<!--
Line 289: Line 321:
-->{{#if:{{{active1_alt8|}}}|<div class="active-stat">{{{active1_alt8}}}</div>}}<!--
-->{{#if:{{{active1_alt8|}}}|<div class="active-stat">{{{active1_alt8}}}</div>}}<!--
--></div>}}<!--
--></div>}}<!--
-->}}}}
-->}}
|-
|-
{{#if:{{{active2_description|}}}|
{{#if:{{{active2_description|}}}|
Line 326: Line 358:
--></div><!--
--></div><!--
-->{{#ifexpr:{{#var:a2_has_alt}} = 1 |<!--
-->{{#ifexpr:{{#var:a2_has_alt}} = 1 |<!--
--><div style="box-sizing:border-box; border-radius:8px; margin:6px auto; width:300px; max-width:280px; padding:4px 8px; background-color:{{#var:a2_bg}};" class="active-alt-stats"><!-- FIXED --><!--
--><div style="box-sizing:border-box; border-radius:8px; margin:6px auto; width:300px; max-width:280px; padding:4px 8px; background-color:{{#var:a2_bg}};" class="active-alt-stats"><!--
-->{{#if:{{{active2_alt1|}}}|<div class="active-stat">{{{active2_alt1}}}</div>}}<!--
-->{{#if:{{{active2_alt2|}}}|<div class="active-stat">{{{active2_alt2}}}</div>}}<!--
-->{{#if:{{{active2_alt3|}}}|<div class="active-stat">{{{active2_alt3}}}</div>}}<!--
-->{{#if:{{{active2_alt4|}}}|<div class="active-stat">{{{active2_alt4}}}</div>}}<!--
-->{{#if:{{{active2_alt5|}}}|<div class="active-stat">{{{active2_alt5}}}</div>}}<!--
--></div>}}<!--
-->}}|<!--  alt-only case (no mains, only alt stats) --><!--
-->{{#ifexpr:{{#var:a2_has_alt}} = 1 |<!--
--><div style="box-sizing:border-box; border-radius:8px; margin:6px auto; width:300px; max-width:280px; padding:4px 8px; background-color:{{#var:a2_bg}};" class="active-alt-stats"><!--
-->{{#if:{{{active2_alt1|}}}|<div class="active-stat">{{{active2_alt1}}}</div>}}<!--
-->{{#if:{{{active2_alt1|}}}|<div class="active-stat">{{{active2_alt1}}}</div>}}<!--
-->{{#if:{{{active2_alt2|}}}|<div class="active-stat">{{{active2_alt2}}}</div>}}<!--
-->{{#if:{{{active2_alt2|}}}|<div class="active-stat">{{{active2_alt2}}}</div>}}<!--
Line 333: Line 374:
-->{{#if:{{{active2_alt5|}}}|<div class="active-stat">{{{active2_alt5}}}</div>}}<!--
-->{{#if:{{{active2_alt5|}}}|<div class="active-stat">{{{active2_alt5}}}</div>}}<!--
--></div>}}<!--
--></div>}}<!--
-->}}}}
-->}}
|-
|-
{{#if:{{{component1_name|}}}|
{{#if:{{{component1_name|}}}|