Module:Infobox: Difference between revisions

From Vintage Story Wiki
m (Added image extension detection)
mNo edit summary
 
(4 intermediate revisions by the same user not shown)
Line 2: Line 2:
function p.infobox( f )
function p.infobox( f )
local args = require( 'Module:ProcessArgs' ).merge( true )
local args = require( 'Module:ProcessArgs' ).merge( true )
local width = args.width or '250px'
local titleObject = mw.title.getCurrentTitle()
local titleObject = mw.title.getCurrentTitle()
local title = args.title or titleObject.baseText
local title = args.title or titleObject.baseText
Line 8: Line 9:
subtitle = '<span style="font-size:15px"><b><i>"' .. args.subtitle .. '"</i></b></span>'
subtitle = '<span style="font-size:15px"><b><i>"' .. args.subtitle .. '"</i></b></span>'
end
end
local size = args.imagesize or '180px'
local imageSize = args.imagesize or '180px'
local imageString
local imageString
local images = {}
local images = {}
Line 27: Line 28:
elseif args.image then
elseif args.image then
local image = args.image
local image = args.image
if image:match('(.*).png') or image:match('(.*).jpg') or image:match('(.*).svg') then imageString = '[[File:' .. image .. '|180px]]'
if image:match('(.*).png') or image:match('(.*).jpg') or image:match('(.*).svg') then imageString = '[[File:' .. image .. '|' .. imageSize  .. ']]'
else
else
imageString = '[[File:' .. image .. '.png|180px]]'
imageString = '[[File:' .. image .. '.png|' .. imageSize .. ']]'
end
end
else
else
Line 36: Line 37:
local html = {
local html = {
'<div style="margin: auto; padding: 4px;  border-color: #382b1e; border-width: 3px; border-style: solid; {{#if: {{{align|}}}|{{{align}}}|float:right}}; margin: auto; width: 250px; border-radius: 4px; background-color: #e0cfbb;">',
'<div style="margin: 0 1em 1em; padding: 4px;  border-color: #382b1e; border-width: 3px; border-style: solid; {{#if: {{{align|}}}|{{{align}}}|float:right}}; width:' .. width .. '; border-radius: 4px; background-color: #e0cfbb;">',
'<table style="border-spacing: 2px; width: 100%;">',
'<table style="border-spacing: 2px; width: 100%;">',
'<tr><th colspan="2" style="background: rgb(91,76,62); background: linear-gradient(to bottom, rgba(91,76,62,1) 0px, rgba(91,76,62,0) 5px, rgba(56,43,30,0) calc(100% - 5px), rgba(56,43,30,1) 100%), linear-gradient(to right, rgba(91,76,62,1) 0px, rgba(69,52,36,1) 5px, rgba(69,52,36,1) 50%, rgba(69,52,36,1) calc(100% - 5px), rgba(56,43,30,1) 100%);}}">',
'<tr><th colspan="2" style="background: rgb(91,76,62); background: linear-gradient(to bottom, rgba(91,76,62,1) 0px, rgba(91,76,62,0) 5px, rgba(56,43,30,0) calc(100% - 5px), rgba(56,43,30,1) 100%), linear-gradient(to right, rgba(91,76,62,1) 0px, rgba(69,52,36,1) 5px, rgba(69,52,36,1) 50%, rgba(69,52,36,1) calc(100% - 5px), rgba(56,43,30,1) 100%);}}">',

Latest revision as of 18:59, 31 August 2022

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

local p = {}
function p.infobox( f )
	local args = require( 'Module:ProcessArgs' ).merge( true )
	local width = args.width or '250px'
	local titleObject = mw.title.getCurrentTitle()
	local title = args.title or titleObject.baseText
	local subtitle = ''
	if args.subtitle then
		 subtitle = '<span style="font-size:15px"><b><i>"' .. args.subtitle .. '"</i></b></span>'
	end
	local imageSize = args.imagesize or '180px'
	local imageString
	local images = {}
	if args.images then
		imageString = ''
		for image in mw.text.gsplit( args.images, '%s*;%s*' ) do
			if image:match('(.*).png') or image:match('(.*).jpg') or image:match('(.*).svg') then table.insert(images, '<span>[[File:' .. image .. '|64px]]</span>') 
			else
				table.insert(images, '<span>[[File:' .. image .. '.png|64px]]</span>')
			end
		end
		for i, l in pairs(images) do
			if not i == 0 and i % 3 == 0 then
				imageString = imageString .. '\n'
			end
			imageString = imageString .. l
		end
	elseif args.image then
		local image = args.image
		if image:match('(.*).png') or image:match('(.*).jpg') or image:match('(.*).svg') then imageString = '[[File:' .. image .. '|' .. imageSize  .. ']]'
		else
			imageString = '[[File:' .. image .. '.png|' .. imageSize .. ']]'
		end
	else
		imageString = ''
	end
	
	local html = {
		'<div style="margin: 0 1em 1em; padding: 4px;  border-color: #382b1e; border-width: 3px; border-style: solid; {{#if: {{{align|}}}|{{{align}}}|float:right}}; width:' .. width .. '; border-radius: 4px; background-color: #e0cfbb;">',
			'<table style="border-spacing: 2px; width: 100%;">',
				'<tr><th colspan="2" style="background: rgb(91,76,62); background: linear-gradient(to bottom, rgba(91,76,62,1) 0px, rgba(91,76,62,0) 5px, rgba(56,43,30,0) calc(100% - 5px), rgba(56,43,30,1) 100%), linear-gradient(to right, rgba(91,76,62,1) 0px, rgba(69,52,36,1) 5px, rgba(69,52,36,1) 50%, rgba(69,52,36,1) calc(100% - 5px), rgba(56,43,30,1) 100%);}}">',
					'<big><b><span style="color: #e0cfbb">' .. title .. '</span></b></big></th></tr>',
				'<tr><td colspan="2" style="margin:auto; text-align:center;">'.. subtitle .. imageString .. '</td></tr>',
				args.rows,
			'</table>',
		'</div>'
	}
	
	return table.concat( html, '\n' )
end

return p