Module:Side box: Difference between revisions
From All Skies Encyclopaedia
imported>Uzume  (+textclass parameter)  | 
				imported>Izno   (-mbox, templatestyled, table -> div)  | 
				||
| Line 1: | Line 1: | ||
-- This module implements {{side box}}.  | 
  |||
local yesno = require('Module:Yesno')  | 
  local yesno = require('Module:Yesno')  | 
||
local p = {}  | 
  local p = {}  | 
||
function   | 
  local function makeData(args)  | 
||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
	local data = {}  | 
  	local data = {}  | 
||
| Line 31: | Line 11: | ||
	end  | 
  	end  | 
||
	if args.position and args.position:lower() == 'left' then  | 
  	if args.position and args.position:lower() == 'left' then  | 
||
		table.insert(data.classes, '  | 
  		table.insert(data.classes, 'side-box-left')  | 
||
	else  | 
  	else  | 
||
		table.insert(data.classes, '  | 
  		table.insert(data.classes, 'side-box-right')  | 
||
	end  | 
  	end  | 
||
	if args.collapsible then  | 
|||
		table.insert(data.classes, 'mw-collapsible')  | 
|||
		if args.collapsible == "collapsed" then  | 
|||
			table.insert(data.classes, 'mw-collapsed')  | 
|||
| ⚫ | |||
		data.collapsible = true  | 
|||
| ⚫ | |||
	table.insert(data.classes, args.class)  | 
  	table.insert(data.classes, args.class)  | 
||
| Line 44: | Line 33: | ||
	-- Copy over data that does not need adjusting  | 
  	-- Copy over data that does not need adjusting  | 
||
	local argsToCopy = {  | 
  	local argsToCopy = {  | 
||
		-- aria qualities  | 
|||
		'role',  | 
|||
		'labelledby',  | 
|||
		-- Classes  | 
  		-- Classes  | 
||
		'textclass',  | 
  		'textclass',  | 
||
		-- Styles  | 
  		-- Styles  | 
||
		'style',  | 
  		'style',  | 
||
		'textstyle',  | 
  		'textstyle',  | 
||
		'templatestyles',  | 
|||
		-- Above row  | 
  		-- Above row  | 
||
| Line 69: | Line 64: | ||
end  | 
  end  | 
||
function   | 
  local function renderSidebox(data)  | 
||
	-- Renders the sidebox HTML.  | 
  	-- Renders the sidebox HTML.  | 
||
	-- Table root  | 
  	-- Table root  | 
||
	local root = mw.html.create('  | 
  	local root = mw.html.create('div')  | 
||
	root:attr('role',   | 
  	root:attr('role', data.role)  | 
||
		:attr('aria-labelledby', data.labelledby)  | 
|||
		:addClass('side-box')  | 
|||
	for i, class in ipairs(data.classes or {}) do  | 
  	for i, class in ipairs(data.classes or {}) do  | 
||
		root:addClass(class)  | 
  		root:addClass(class)  | 
||
	end  | 
  	end  | 
||
	root:css{border = '1px solid #aaa', ['background-color'] = '#f9f9f9', color = '#000'}  | 
  |||
	if data.style then  | 
  	if data.style then  | 
||
		root:cssText(data.style)  | 
  		root:cssText(data.style)  | 
||
| Line 85: | Line 81: | ||
	-- The "above" row  | 
  	-- The "above" row  | 
||
	if data.above then  | 
  	if data.above then  | 
||
		local   | 
  		local above = root:newline():tag('div')  | 
||
		above:addClass('side-box-abovebelow')  | 
|||
		aboveCell  | 
  |||
| ⚫ | |||
			:attr('colspan', data.imageright and 3 or 2)  | 
  |||
			:  | 
  			:wikitext(data.above)  | 
||
		if data.textstyle then  | 
  		if data.textstyle then  | 
||
			above:cssText(data.textstyle)  | 
|||
		end  | 
  		end  | 
||
		if data.abovestyle then  | 
  		if data.abovestyle then  | 
||
			above:cssText(data.abovestyle)  | 
|||
		end  | 
  		end  | 
||
		aboveCell  | 
  |||
| ⚫ | |||
			:wikitext(data.above)  | 
  |||
	end  | 
  	end  | 
||
	-- The body row  | 
  	-- The body row  | 
||
	local   | 
  	local body = root:newline():tag('div')  | 
||
		body:addClass('side-box-flex')  | 
|||
			:addClass(data.collapsible and 'mw-collapsible-content')  | 
|||
			:newline()  | 
|||
	if data.image then  | 
  	if data.image then  | 
||
		body:tag('div')  | 
|||
			:addClass('  | 
  			:addClass('side-box-image')  | 
||
			:wikitext(data.image)  | 
  			:wikitext(data.image)  | 
||
	else  | 
  |||
		bodyRow:tag('td'):css('width', '1px')  | 
  |||
	end  | 
  	end  | 
||
	local   | 
  	local text = body:newline():tag('div')  | 
||
	text:addClass('side-box-text')  | 
|||
		:addClass(data.textclass or 'plainlist')  | 
|||
	if data.textstyle then  | 
  	if data.textstyle then  | 
||
		text:cssText(data.textstyle)  | 
|||
	end  | 
  	end  | 
||
	text:wikitext(data.text)  | 
|||
	if data.imageright then  | 
  	if data.imageright then  | 
||
		body:newline():tag('div')  | 
|||
			:addClass('  | 
  			:addClass('side-box-imageright')  | 
||
			:wikitext(data.imageright)  | 
  			:wikitext(data.imageright)  | 
||
	end  | 
  	end  | 
||
| Line 124: | Line 118: | ||
	-- The below row  | 
  	-- The below row  | 
||
	if data.below then  | 
  	if data.below then  | 
||
		local   | 
  		local below = root:newline():tag('div')  | 
||
		below  | 
|||
		belowCell  | 
  |||
			:addClass('side-box-abovebelow')  | 
|||
			:attr('colspan', data.imageright and 3 or 2)  | 
  |||
			:  | 
  			:wikitext(data.below)  | 
||
		if data.textstyle then  | 
  		if data.textstyle then  | 
||
			below:cssText(data.textstyle)  | 
|||
		end  | 
  		end  | 
||
		belowCell:wikitext(data.below)  | 
  |||
	end  | 
  	end  | 
||
	root:newline()  | 
  	root:newline()  | 
||
	local frame = mw.getCurrentFrame()  | 
|||
| ⚫ | |||
	local templatestyles = ''  | 
|||
	if data.templatestyles then  | 
|||
		templatestyles = frame:extensionTag{  | 
|||
			name = 'templatestyles', args = { src = data.templatestyles }  | 
|||
		}  | 
|||
	end  | 
|||
	return frame:extensionTag{  | 
|||
		name = 'templatestyles', args = { src = 'Module:Side box/styles.css' }  | 
|||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
		end  | 
|||
	end  | 
|||
| ⚫ | |||
end  | 
  end  | 
||
Revision as of 17:00, 7 July 2022
Documentation for this module may be created at Module:Side box/doc
local yesno = require('Module:Yesno')
local p = {}
local function makeData(args)
	local data = {}
	-- Main table classes
	data.classes = {}
	if yesno(args.metadata) ~= false then
		table.insert(data.classes, 'metadata')
	end
	if args.position and args.position:lower() == 'left' then
		table.insert(data.classes, 'side-box-left')
	else
		table.insert(data.classes, 'side-box-right')
	end
	
	if args.collapsible then
		table.insert(data.classes, 'mw-collapsible')
		if args.collapsible == "collapsed" then
			table.insert(data.classes, 'mw-collapsed')
		end
		data.collapsible = true
	end
	table.insert(data.classes, args.class)
	
	-- Image
	if args.image and args.image ~= 'none' then
		data.image = args.image
	end
	-- Copy over data that does not need adjusting
	local argsToCopy = {
		-- aria qualities
		'role',
		'labelledby',
		
		-- Classes
		'textclass',
		
		-- Styles
		'style',
		'textstyle',
		'templatestyles',
		-- Above row
		'above',
		'abovestyle',
		-- Body row
		'text',
		'imageright',
		-- Below row
		'below',
	}
	for i, key in ipairs(argsToCopy) do
		data[key] = args[key]
	end
	return data
end
local function renderSidebox(data)
	-- Renders the sidebox HTML.
	-- Table root
	local root = mw.html.create('div')
	root:attr('role', data.role)
		:attr('aria-labelledby', data.labelledby)
		:addClass('side-box')
	for i, class in ipairs(data.classes or {}) do
		root:addClass(class)
	end
	if data.style then
		root:cssText(data.style)
	end
	-- The "above" row
	if data.above then
		local above = root:newline():tag('div')
		above:addClass('side-box-abovebelow')
			:newline()
			:wikitext(data.above)
		if data.textstyle then
			above:cssText(data.textstyle)
		end
		if data.abovestyle then
			above:cssText(data.abovestyle)
		end
	end
	-- The body row
	local body = root:newline():tag('div')
		body:addClass('side-box-flex')
			:addClass(data.collapsible and 'mw-collapsible-content')
			:newline()
	if data.image then
		body:tag('div')
			:addClass('side-box-image')
			:wikitext(data.image)
	end
	local text = body:newline():tag('div')
	text:addClass('side-box-text')
		:addClass(data.textclass or 'plainlist')
	if data.textstyle then
		text:cssText(data.textstyle)
	end
	text:wikitext(data.text)
	if data.imageright then
		body:newline():tag('div')
			:addClass('side-box-imageright')
			:wikitext(data.imageright)
	end
	-- The below row
	if data.below then
		local below = root:newline():tag('div')
		below
			:addClass('side-box-abovebelow')
			:wikitext(data.below)
		if data.textstyle then
			below:cssText(data.textstyle)
		end
	end
	root:newline()
	local frame = mw.getCurrentFrame()
	local templatestyles = ''
	if data.templatestyles then
		templatestyles = frame:extensionTag{
			name = 'templatestyles', args = { src = data.templatestyles }
		}
	end
	return frame:extensionTag{
		name = 'templatestyles', args = { src = 'Module:Side box/styles.css' }
	} .. templatestyles .. tostring(root)
end
function p._main(args)
	local data = makeData(args)
	return renderSidebox(data)
end
function p.main(frame)
	local origArgs = frame:getParent().args
	local args = {}
	for k, v in pairs(origArgs) do
		v = v:match('%s*(.-)%s*$')
		if v ~= '' then
			args[k] = v
		end
	end
	return p._main(args)
end
return p




