Changes
Unhardcode styling
| style="width: 50px;" | ${slot_size}
| style="width: 50px;" | ${slot_size}
]],
]],
_template = [[{|class="${table_class}" id="${table_id}" style="border: 1px solid darkgray; width: 320px; background-color: #fafafa; float: ${float};"
_template = [[{|class="${table_class}" id="${table_id}" style="width: 320px; float: ${float};"
|-
|-
| colspan="6" style="position: relative; text-align: center; background-color: ${top_bg_color};${top_extra_style}" title="${rarity}" | <div style="position: absolute; right: 5px;">${edit_link}</div>
| colspan="6" class="infobox-kai-header-major" style="position: relative; text-align: center; background-color: ${top_bg_color};${top_extra_style}" title="${rarity}" | <div style="position: absolute; right: 5px;">${edit_link}</div>
<p><span style="font-size:20px">'''${name}'''</span>${localized_name}</p>
<p><span style="font-size:20px">'''${name}'''</span>${localized_name}</p>
<div style="font-size:15px">'''No.${id} ${japanese_name}${nick}'''</div>
<div style="font-size:15px">'''No.${id} ${japanese_name}${nick}'''</div>
| align=center colspan="6" | ${image}
| align=center colspan="6" | ${image}
|-
|-
| colspan="6" style="text-align: center; background-color: LightSkyBlue;"|'''Statistics'''
| colspan="6" class="infobox-kai-header-major" style="text-align: center;"|'''Statistics'''
|- style="background-color: whitesmoke;"
|- style="background-color: whitesmoke;"
| colspan="2" style="width: 88px;" | ${icons.hp} ${labels.hp}
| colspan="2" style="width: 88px;" | ${icons.hp} ${labels.hp}
| colspan="2" style="width: 66px;" | '''${ammo}'''
| colspan="2" style="width: 66px;" | '''${ammo}'''
|-
|-
| colspan="5" style="text-align: center; background-color: LightSkyBlue;"|${build_remodel_header}
| colspan="5" class="infobox-kai-header-major" style="text-align: center;"|${build_remodel_header}
| style="text-align: center; background-color: LightSkyBlue; width: 50px;" | '''Slots'''
| class="infobox-kai-header-major" style="text-align: center; width: 50px;" | '''Slots'''
|- style="background-color: whitesmoke;"
|- style="background-color: whitesmoke;"
| colspan="5" style="text-align: center;"|${build_remodel_info}
| colspan="5" style="text-align: center;"|${build_remodel_info}
| align=center style="width: 50px;" |${slots}
| align=center style="width: 50px;" |${slots}
|-
|-
| colspan="5" style="text-align: center; background-color: LightSkyBlue;"|'''Stock Equipment'''
| colspan="5" class="infobox-kai-header-major" style="text-align: center;"|'''Stock Equipment'''
| style="text-align: center; background-color: LightSkyBlue; width: 50px;" | '''Space'''
| class="infobox-kai-header-major" style="text-align: center; width: 50px;" | '''Space'''
${slot_details}|-
${slot_details}|-
| colspan="6" style="text-align: center; padding: 0px;" | <div class="mw-collapsible mw-collapsed">
| colspan="6" style="text-align: center; padding: 0px;" | <div class="mw-collapsible mw-collapsed infobox-kai-expandable-cells">
<div style="background-color: lightskyblue; text-align: center; margin: 0px;">'''Extra Statistics'''</div>
<div class="infobox-kai-header-major" style="text-align: center; margin: 0px;">'''Extra Statistics'''</div>
<div class="mw-collapsible-content">
<div class="mw-collapsible-content">
${remodel_cost}${reversion_cost}<div style="text-align: center; background-color: lightgrey; margin:2px 0px 2px;">'''Modernization Bonus'''</div>
${remodel_cost}${reversion_cost}<div class="infobox-kai-header-minor" style="text-align: center; margin:2px 0px 2px;">'''Modernization Bonus'''</div>
<div style="text-align: center; background-color: whitesmoke; margin:2px 0px 2px;">${modernization}</div>
<div style="text-align: center; margin:2px 0px 2px;">${modernization}</div>
<div style="text-align: center; background-color: lightgrey; margin:2px 0px 2px;">'''Scrap Value'''</div>
<div class="infobox-kai-header-minor" style="text-align: center; margin:2px 0px 2px;">'''Scrap Value'''</div>
<div style="text-align: center; background-color: whitesmoke; margin:2px 0px 0px;">${scrap}</div>
<div style="text-align: center; margin:2px 0px 0px;">${scrap}</div>
${gun_fit_properties}${improvement}</div>
${gun_fit_properties}${improvement}</div>
</div>
</div>
|}]],
|}]],
_remodel_cost_template = [[<div style="text-align: center; background-color: lightgrey; margin:2px 0px 2px;">'''Remodel Cost'''</div>
_remodel_cost_template = [[<div class="infobox-kai-header-minor" style="text-align: center; margin:2px 0px 2px;">'''Remodel Cost'''</div>
<div style="text-align: center; background-color: whitesmoke; margin:2px 0px 2px;">${remodel_cost}</div>
<div style="text-align: center; margin:2px 0px 2px;">${remodel_cost}</div>
]],
]],
_reversion_cost_template = [[<div style="text-align: center; background-color: lightgrey; margin:2px 0px 2px;">'''Reversion to ${suffix}'''</div>
_reversion_cost_template = [[<div class="infobox-kai-header-minor" style="text-align: center; margin:2px 0px 2px;">'''Reversion to ${suffix}'''</div>
<div style="text-align: center; background-color: whitesmoke; margin:2px 0px 2px;">${level_items}<br />${resources}</div>
<div style="text-align: center; margin:2px 0px 2px;">${level_items}<br />${resources}</div>
]],
]],
_gun_fit_properties_template = format{[[<div style="text-align: center; background-color: lightgrey; margin:2px 0px 2px;"><b>${subtitle}</b></div>
_gun_fit_properties_template = format{[[<div class="infobox-kai-header-minor" style="text-align: center; margin:2px 0px 2px;"><b>${subtitle}</b></div>
${gun_fit_groups}]], subtitle = Formatting:tooltip("Large Caliber Fit Gun Properties", "Based on experimental findings")},
${gun_fit_groups}]], subtitle = Formatting:tooltip("Large Caliber Fit Gun Properties", "Based on experimental findings")},
_gun_fit_group_template = [[<div style="text-align: left; display: flex; margin: 2px 0px;">
_gun_fit_group_template = [[<div style="text-align: left; display: flex; margin: 2px 0px;">
</div>
</div>
]],
]],
_improvement_template = [[<div style="text-align: center; background-color: lightgrey; margin:2px 0px 2px;">'''Improvement'''</div>
_improvement_template = [[<div class="infobox-kai-header-minor" style="text-align: center; margin:2px 0px 2px;">'''Improvement'''</div>
<div style="text-align: center; background-color: whitesmoke; margin:2px 0px 2px;">${category_tree}</div>
<div style="text-align: center; background-color: whitesmoke; margin:2px 0px 2px;">${category_tree}</div>
]],
]],
end
end
self._vars = {icons = icons, labels = labels}
self._vars = {icons = icons, labels = labels}
local table_classes = {"typography-xl-optout", "infobox"}
local table_classes = {"typography-xl-optout", "infobox", "infobox-kai"}
if self._args.classes then
if self._args.classes then
table.insert(table_classes, self._args.classes)
table.insert(table_classes, self._args.classes)