• Welcome to the Kancolle Wiki!
  • If you have any questions regarding site content, account registration, etc., please visit the KanColle Wiki Discord

Difference between revisions of "Module:ShipInfoKai"

From Kancolle Wiki
Jump to navigation Jump to search
com>Ckwng
com>Ckwng
Line 33: Line 33:
 
_slot_template = [[|- align=center style="background-color: whitesmoke; line-height: 1.1;"
 
_slot_template = [[|- align=center style="background-color: whitesmoke; line-height: 1.1;"
 
| style="width: 36px; height: 36px; background-color: ${color};" | ${icon}
 
| style="width: 36px; height: 36px; background-color: ${color};" | ${icon}
| colspan="3" style="width: 190px;" | ${equipment}
+
| colspan="4" style="width: 190px;" | ${equipment}
| ${slot_size}
+
| style="width: 50px;" | ${slot_size}
 
]],
 
]],
 
_image_template = "[[File:%s]]",
 
_image_template = "[[File:%s]]",
 
_template = [[{|style="border: 1px solid darkgray; width: 320px;"
 
_template = [[{|style="border: 1px solid darkgray; width: 320px;"
 
|-
 
|-
|colspan="5" style="text-align: center; background-color: ${top_bg_color};${top_extra_style}"|<p style="font-size:20px">'''${name}'''</p>
+
|colspan="6" style="text-align: center; background-color: ${top_bg_color};${top_extra_style}"|<p style="font-size:20px">'''${name}'''</p>
 
<p style="font-size:15px">'''No.${id} ${japanese_name}'''</p>
 
<p style="font-size:15px">'''No.${id} ${japanese_name}'''</p>
 
<p>'''${class} ${type}'''</p>
 
<p>'''${class} ${type}'''</p>
 
|-
 
|-
| align=center colspan="5" | ${image}
+
| align=center colspan="6" | ${image}
 
|-
 
|-
| colspan="5" style="text-align: center; background-color: LightSkyBlue;"|'''Statistics'''
+
| colspan="6" style="text-align: center; background-color: LightSkyBlue;"|'''Statistics'''
 
|-
 
|-
 
| colspan="2" style="width: 80px;" | ${hp_icon} HP
 
| colspan="2" style="width: 80px;" | ${hp_icon} HP
 
| style="width: 60px;" | '''${hp}'''
 
| style="width: 60px;" | '''${hp}'''
 
| style="width: 86px;" | ${firepower_icon} Firepower
 
| style="width: 86px;" | ${firepower_icon} Firepower
| '''${firepower}'''
+
| colspan="2" | '''${firepower}'''
 
|-
 
|-
 
| colspan="2" style="width: 80px;" | ${armor_icon} Armor
 
| colspan="2" style="width: 80px;" | ${armor_icon} Armor
 
| style="width: 60px;" | '''${armor}'''
 
| style="width: 60px;" | '''${armor}'''
 
| style="width: 86px;" | ${torpedo_icon} Torpedo
 
| style="width: 86px;" | ${torpedo_icon} Torpedo
| '''${torpedo}'''
+
| colspan="2" | '''${torpedo}'''
 
|-
 
|-
 
| colspan="2" style="width: 80px;" | ${evasion_icon} Evasion
 
| colspan="2" style="width: 80px;" | ${evasion_icon} Evasion
 
| style="width: 60px;" | '''${evasion}'''
 
| style="width: 60px;" | '''${evasion}'''
 
| style="width: 80px;" | ${aa_icon} AA
 
| style="width: 80px;" | ${aa_icon} AA
| '''${aa}'''
+
| colspan="2" | '''${aa}'''
 
|-
 
|-
 
| colspan="2" style="width: 80px;" | ${aircraft_icon} Aircraft
 
| colspan="2" style="width: 80px;" | ${aircraft_icon} Aircraft
 
| style="width: 60px;" | '''${aircraft}'''
 
| style="width: 60px;" | '''${aircraft}'''
 
| style="width: 86px;" | ${asw_icon} ASW
 
| style="width: 86px;" | ${asw_icon} ASW
| '''${asw}'''
+
| colspan="2" | '''${asw}'''
 
|-
 
|-
 
| colspan="2" style="width: 80px;" | ${speed_icon} Speed
 
| colspan="2" style="width: 80px;" | ${speed_icon} Speed
 
| style="width: 60px;" | '''${speed}'''
 
| style="width: 60px;" | '''${speed}'''
 
| style="width: 86px;" | ${los_icon} LOS
 
| style="width: 86px;" | ${los_icon} LOS
| '''${los}'''
+
| colspan="2" | '''${los}'''
 
|-
 
|-
 
| colspan="2" style="width: 80px;" | ${range_icon} Range
 
| colspan="2" style="width: 80px;" | ${range_icon} Range
 
| style="width: 60px;" | '''${range}'''
 
| style="width: 60px;" | '''${range}'''
 
| style="width: 86px;" | ${luck_icon} Luck
 
| style="width: 86px;" | ${luck_icon} Luck
| '''${luck}'''
+
| colspan="2" | '''${luck}'''
 
|-
 
|-
| colspan="4" style="text-align: center; background-color: LightSkyBlue;"|${build_remodel_header}
+
| colspan="5" style="text-align: center; background-color: LightSkyBlue;"|${build_remodel_header}
| style="text-align: center; background-color: LightSkyBlue;" | '''Slots'''
+
| style="text-align: center; background-color: LightSkyBlue; width: 50px;" | '''Slots'''
 
|-  
 
|-  
| colspan="4" style="text-align: center;"|${build_remodel_info}
+
| colspan="5" style="text-align: center;"|${build_remodel_info}
| align=center |${slots}
+
| align=center style="width: 50px;" |${slots}
 
|-
 
|-
| colspan="4" style="text-align: center; background-color: LightSkyBlue;"|'''Stock Equipment'''
+
| colspan="5" style="text-align: center; background-color: LightSkyBlue;"|'''Stock Equipment'''
| style="text-align: center; background-color: LightSkyBlue;" | '''${aircraft_icon} Space'''
+
| style="text-align: center; background-color: LightSkyBlue; width: 50px;" | '''Space'''
 
|-
 
|-
 
${slot_details}
 
${slot_details}

Revision as of 07:52, 28 December 2014

Documentation for this module may be created at Module:ShipInfoKai/doc

local Ship = require('Module:Ship')
local StatIcons = require('Module:StatIcons')
local format = require('Module:StringInterpolation').format

local ShipInfoKai = {
	_rarity_map = {
		[0] = "whitesmoke",
		[1] = "cornflowerblue",
		[2] = "lightskyblue",
		[3] = "mediumturquoise",
		[4] = "silver",
		[5] = "gold",
		[6] = "#eebbee",
		[7] = "#eebbee",
		[8] = "#eebbee",
	},
	_equipment_rarity_map = {
		[0] = "whitesmoke",
		[1] = "lightgrey",
		[2] = "lightsteelblue",
		[3] = "#eebbee",
		[4] = "#eebbee",
		[5] = "#eebbee",
	},
	_catbomb = "Catbomb.png|300px",
	_unbuilable = "''Unbuildable''",
	_remodel_level = "'''Remodel Level'''",
	_build_time = "'''Build Time'''",
	_id_1 = "%s",
	_id_2 = "%s (%s)",
	_stat_1 = "%d",
	_stat_2 = "%d (%d)",
	_slot_template = [[|- align=center style="background-color: whitesmoke; line-height: 1.1;"
| style="width: 36px; height: 36px; background-color: ${color};" | ${icon}
| colspan="4" style="width: 190px;" | ${equipment}
| style="width: 50px;" | ${slot_size}
]],
	_image_template = "[[File:%s]]",
	_template = [[{|style="border: 1px solid darkgray; width: 320px;"
|-
|colspan="6" style="text-align: center; background-color: ${top_bg_color};${top_extra_style}"|<p style="font-size:20px">'''${name}'''</p>
<p style="font-size:15px">'''No.${id} ${japanese_name}'''</p>
<p>'''${class} ${type}'''</p>
|-
| align=center colspan="6" | ${image}
|-
| colspan="6" style="text-align: center; background-color: LightSkyBlue;"|'''Statistics'''
|-
| colspan="2" style="width: 80px;" | ${hp_icon} HP
| style="width: 60px;" | '''${hp}'''
| style="width: 86px;" | ${firepower_icon} Firepower
| colspan="2" | '''${firepower}'''
|-
| colspan="2" style="width: 80px;" | ${armor_icon} Armor
| style="width: 60px;" | '''${armor}'''
| style="width: 86px;" | ${torpedo_icon} Torpedo
| colspan="2" | '''${torpedo}'''
|-
| colspan="2" style="width: 80px;" | ${evasion_icon} Evasion
| style="width: 60px;" | '''${evasion}'''
| style="width: 80px;" | ${aa_icon} AA
| colspan="2" | '''${aa}'''
|-
| colspan="2" style="width: 80px;" | ${aircraft_icon} Aircraft
| style="width: 60px;" | '''${aircraft}'''
| style="width: 86px;" | ${asw_icon} ASW
| colspan="2" | '''${asw}'''
|-
| colspan="2" style="width: 80px;" | ${speed_icon} Speed
| style="width: 60px;" | '''${speed}'''
| style="width: 86px;" | ${los_icon} LOS
| colspan="2" | '''${los}'''
|-
| colspan="2" style="width: 80px;" | ${range_icon} Range
| style="width: 60px;" | '''${range}'''
| style="width: 86px;" | ${luck_icon} Luck
| colspan="2" | '''${luck}'''
|-
| colspan="5" style="text-align: center; background-color: LightSkyBlue;"|${build_remodel_header}
| style="text-align: center; background-color: LightSkyBlue; width: 50px;" | '''Slots'''
|- 
| colspan="5" style="text-align: center;"|${build_remodel_info}
| align=center style="width: 50px;" |${slots}
|-
| colspan="5" style="text-align: center; background-color: LightSkyBlue;"|'''Stock Equipment'''
| style="text-align: center; background-color: LightSkyBlue; width: 50px;" | '''Space'''
|-
${slot_details}
|}]],
}

function ShipInfoKai:top_bg_color(ship)
	return self._rarity_map[ship:rarity(true)]
end

function ShipInfoKai:top_extra_style(ship)
	local rarity = ship:rarity(true)
	if rarity > 6 then
		return mw.ustring.format(" background-image: %s%s", rarity > 7 and "radial-gradient(circle farthest-corner at center, rgba(255, 0, 80, 0)0%, rgba(255, 60, 0, 0) 60%, rgba(255, 60, 0, 0.3) 100%), " or "", "radial-gradient(ellipse closest-side at center, eebbee 0%, eebbee 50%, rgba(238,187,238,0) 80%, transparent), linear-gradient(1deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(2deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(4deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(5deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(6deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(7deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(9deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(11deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(13deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(14deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(16deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(18deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(20deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(22deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(24deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(26deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(28deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(29deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(31deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(33deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(35deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(36deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(38deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(39deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(40deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(41deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(42deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(43deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(45deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(46deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(48deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(49deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(51deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(52deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(53deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(55deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(57deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(59deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(61deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(63deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(65deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(67deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(68deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(70deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(72deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(73deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(74deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(75deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(77deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(78deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(80deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(81deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(83deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(85deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(86deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(88deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(90deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(92deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(93deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(94deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(96deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(97deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(99deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(101deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(103deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(104deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(106deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(108deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(109deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(111deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(112deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(114deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(115deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(117deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(119deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(120deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(121deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(122deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(124deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(125deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(127deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(129deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(130deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(131deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(132deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(133deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(135deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(137deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(139deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(140deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(142deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(144deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(146deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(147deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(149deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(150deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(152deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(154deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(156deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(158deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(160deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(161deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(162deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(164deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(165deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(167deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(168deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(169deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(171deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(173deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(175deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(176deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(178deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent), linear-gradient(179deg, transparent, transparent 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) calc(50% + 1px), transparent calc(50% + 1px), transparent)")
	else
		return ""
	end
end

function ShipInfoKai:id(ship)
	return mw.ustring.format(ship:has_true_id() and self._id_2 or self._id_1, ship:id(), ship:true_id())
end

function ShipInfoKai:image(ship)
	return mw.ustring.format(self._image_template, ship:card(true) or self._catbomb)
end

function ShipInfoKai:hp(ship)
	return mw.ustring.format(self._stat_1, ship:hp())
end

function ShipInfoKai:firepower(ship)
	return mw.ustring.format(ship:has_firepower_max() and self._stat_2 or self._stat_1, ship:firepower(), ship:firepower_max())
end

function ShipInfoKai:armor(ship)
	return mw.ustring.format(ship:has_armor_max() and self._stat_2 or self._stat_1, ship:armor(), ship:armor_max())
end

function ShipInfoKai:torpedo(ship)
	return mw.ustring.format(ship:has_torpedo_max() and self._stat_2 or self._stat_1, ship:torpedo(), ship:torpedo_max())
end

function ShipInfoKai:evasion(ship)
	return mw.ustring.format(ship:has_evasion_max() and self._stat_2 or self._stat_1, ship:evasion(), ship:evasion_max())
end

function ShipInfoKai:aa(ship)
	return mw.ustring.format(ship:has_aa_max() and self._stat_2 or self._stat_1, ship:aa(), ship:aa_max())
end

function ShipInfoKai:asw(ship)
	return mw.ustring.format(ship:has_asw_max() and self._stat_2 or self._stat_1, ship:asw(), ship:asw_max())
end

function ShipInfoKai:speed(ship)
	return ship:speed()
end

function ShipInfoKai:los(ship)
	return mw.ustring.format(ship:has_los_max() and self._stat_2 or self._stat_1, ship:los(), ship:los_max())
end

function ShipInfoKai:range(ship)
	return ship:range()
end

function ShipInfoKai:luck(ship)
	return mw.ustring.format(ship:has_luck_max() and self._stat_2 or self._stat_1, ship:luck(), ship:luck_max())
end

function ShipInfoKai:build_remodel_header(ship)
	return ship:remodeled() and self._remodel_level or self._build_time
end

function ShipInfoKai:build_remodel_info(ship)
	if ship:remodeled() then
		return mw.ustring.format("'''%s''' (%s%s)", ship:remodel_level(), ship:remodel_cost(), ship:remodel_blueprint(true) and ship:remodel_blueprint() or "")
	elseif ship:buildable() then
		return ship:build_time()
	else
		return self._unbuildable
	end
end

function ShipInfoKai:slots(ship)
	return ship:slots()
end

function ShipInfoKai:slot_details(ship)
	local slots = {}
	for i = 1, math.max(4, ship:slots()) do
		table.insert(slots, format(self._slot_template, {icon = ship:equipment_icon(i), equipment = ship:equipment(i), slot_size = ship:slot_size(i), color = self._equipment_rarity_map[ship:equipment_back(i)]}))
	end
	return table.concat(slots)
end

function ShipInfoKai:Infobox(name, model)
	local ship = Ship(name, model)
	local vars = {
		hp_icon = StatIcons.hp,
		firepower_icon = StatIcons.firepower,
		armor_icon = StatIcons.armor,
		torpedo_icon = StatIcons.torpedo,
		evasion_icon = StatIcons.evasion,
		aa_icon = StatIcons.aa,
		aircraft_icon = StatIcons.aircraft,
		asw_icon = StatIcons.asw,
		speed_icon = StatIcons.speed,
		los_icon = StatIcons.los,
		range_icon = StatIcons.range,
		luck_icon = StatIcons.luck,
	}
	for k,v in pairs(vars) do
		vars[k] = mw.ustring.format(self._image_template, v)
	end
	local rarity = ship:rarity(true) or 0
	vars.top_bg_color = self:top_bg_color(ship)
	vars.top_extra_style = self:top_extra_style(ship)
	vars.name = ship:link()
	vars.id = self:id(ship)
	vars.japanese_name = ship:japanese_name()
	vars.class = ship:class()
	vars.type = ship:type()
	vars.image = self:image(ship)
	vars.hp = self:hp(ship)
	vars.firepower = self:firepower(ship)
	vars.armor = self:armor(ship)
	vars.torpedo = self:torpedo(ship)
	vars.evasion = self:evasion(ship)
	vars.aa = self:aa(ship)
	vars.aircraft = ship:total_space()
	vars.asw = self:asw(ship)
	vars.speed = self:speed(ship)
	vars.los = self:los(ship)
	vars.range = self:range(ship)
	vars.luck = self:luck(ship)
	vars.build_remodel_header = self:build_remodel_header(ship)
	vars.build_remodel_info = self:build_remodel_info(ship)
	vars.slots = self:slots(ship)
	vars.slot_details = self:slot_details(ship)
	return format(self._template, vars)
end

return ShipInfoKai