Module:Box-header/sandbox - Revision history

Izno: fix border widths

2025-06-02T05:04:31Z

fix border widths

← Previous revision		Revision as of 05:04, 2 June 2025
Line 155:		Line 155:
	return R_255, G_255, B_255		return R_255, G_255, B_255
	end		end

	-- per [[HSL and HSV#Hue and chroma]]		-- per [[HSL and HSV#Hue and chroma]]
	local function RGBtoHue(R_255, G_255, B_255)		local function RGBtoHue(R_255, G_255, B_255)
	local R = R_255/255		local R = R_255/255
Line 238:		Line 239:
	---------- Build output ----------		---------- Build output ----------
	local function boxHeaderOuter(args)		local function boxHeaderOuter(args)
			local border_top_width = getParam(args, 'border-top') or getParam(args, 'border-width')
			if border_top_width then border_top_width = border_top_width .. 'px' end

			local border_left_width = getParam(args, 'border-width')
			if border_left_width then border_left_width = border_left_width .. 'px' end

			local border_right_width = getParam(args, 'border-width')
			if border_right_width then border_right_width = border_right_width .. 'px' end

	local tag = mw.html.create('div', {selfClosing = true})		local tag = mw.html.create('div', {selfClosing = true})
	:addClass('box-header-title-container flex-columns-noflex')		:addClass('box-header-title-container flex-columns-noflex')
Line 250:		Line 260:
	['font-size'] = getParam(args, 'titlefont-size'),		['font-size'] = getParam(args, 'titlefont-size'),
	})		})
	:css('border-top-width', ~~getParam(args, 'border-top') or getParam(args, 'border-width')~~)		:css('border-top-width', border_top_width)
	:css('border-left-width', ~~getParam(args, 'border-width')~~)		:css('border-left-width', border_left_width)
	:css('border-right-width', ~~getParam(args, 'border-width')~~)		:css('border-right-width', border_right_width)
	:css('padding-top', getParam(args, 'padding-top'))		:css('padding-top', getParam(args, 'padding-top'))
	:css('padding-left', getParam(args, 'padding-left'))		:css('padding-left', getParam(args, 'padding-left'))
Line 323:		Line 333:

	local function boxBody(args)		local function boxBody(args)
			local border_width = getParam(args, 'border-width')
			if border_width then border_width = border_width .. 'px' end

			local border_top_width = getParam(args, 'border-top')
			if border_top_width then border_top_width = border_top_width .. 'px' end

	local tag = mw.html.create('div', {selfClosing = true})		local tag = mw.html.create('div', {selfClosing = true})
	:addClass('box-header-body')		:addClass('box-header-body')
	:css({		:css({
	['border-color'] = getParam(args, 'border'),		['border-color'] = getParam(args, 'border'),
	['border-width'] = ~~getParam(args, 'border-width')~~,		['border-width'] = border_width,
	background = getParam(args, 'background'),		background = getParam(args, 'background'),
	opacity = getParam(args, 'background-opacity'),		opacity = getParam(args, 'background-opacity'),
Line 334:		Line 350:
	padding = getParam(args, 'padding'),		padding = getParam(args, 'padding'),
	})		})
	:css('border-top-width', ~~getParam(args, 'border-top')~~)		:css('border-top-width', border_top_width)
	:css('padding-top', getParam(args, 'padding-top'))		:css('padding-top', getParam(args, 'padding-top'))
	:css('border-radius', getParam(args, 'border-radius'))		:css('border-radius', getParam(args, 'border-radius'))

Izno: move body

2025-06-02T04:44:53Z

move body

← Previous revision		Revision as of 04:44, 2 June 2025
Line 323:		Line 323:

	local function boxBody(args)		local function boxBody(args)
	local baseStyle = {
	['box-sizing'] = 'border-box',
	border = ( getParam(args, 'border-width') or '1' ) .. 'px solid ' .. ( getParam(args, 'border') or '#ababab'),
	['vertical-align'] = 'top';
⚫	~~background~~ = getParam(args, 'background') ~~or '#fefeef'~~,
⚫	~~opacity~~ = getParam(args, '~~background-opacity~~') ~~or '1'~~,
⚫	~~color~~ = getParam(args, '~~foreground~~') ~~or '#000'~~,
⚫	['text-align'] = getParam(args, 'text-align') ~~or 'left'~~,
	margin = '0 0 10px',
⚫	padding = getParam(args, 'padding') ~~or '1em',~~
	}
	local tag = mw.html.create('div', {selfClosing = true})		local tag = mw.html.create('div', {selfClosing = true})
	:addClass('box-header-body')		:addClass('box-header-body')
	:css(~~baseStyle)~~		:css({
	~~:css(~~'border-~~top-width~~', ( getParam(args, 'border~~-top') or '1' ) .. 'px~~')		['border-color'] = getParam(args, 'border'),
	~~:css(~~'~~padding~~-~~top~~', getParam(args, '~~padding~~-~~top') or '.3em~~')		['border-width'] = getParam(args, 'border-width'),
	~~:css('border-radius',~~ getParam(args, '~~border-radius') or '0~~')		background = getParam(args, 'background'),
		⚫	opacity = getParam(args, 'background-opacity'),
		⚫	color = getParam(args, 'foreground'),
		⚫	['text-align'] = getParam(args, 'text-align'),
		⚫	padding = getParam(args, 'padding'),
			})
			:css('border-top-width', getParam(args, 'border-top'))
		⚫	:css('padding-top', getParam(args, 'padding-top'))
			:css('border-radius', getParam(args, 'border-radius'))
	return toOpenTagString(tag)		return toOpenTagString(tag)
	end		end

Izno: viewedit

2025-06-02T04:36:15Z

viewedit

← Previous revision		Revision as of 04:36, 2 June 2025
Line 277:		Line 277:
	return ''		return ''
	end		end
		⚫
	local style = {
⚫	color = getParam(args, 'titleforeground') ~~or '#000'~~
⚫	}
	local tag = mw.html.create('span')		local tag = mw.html.create('span')
	:addClass('box-header-~~edit~~')		:addClass('box-header-viewedit')
		⚫	:css({ color = getParam(args, 'titleforeground') })
	:css(style)
	:wikitext('edit')		:wikitext('edit')
	local linktext = tostring(tag)		local linktext = tostring(tag)
Line 291:		Line 289:
	local function boxHeaderViewLink(args)		local function boxHeaderViewLink(args)
	local tag = mw.html.create('span')		local tag = mw.html.create('span')
	:addClass('box-header-~~view~~')		:addClass('box-header-viewedit')
	:css({ color = getParam(args, 'titleforeground') ~~or '#000'~~ })		:css({ color = getParam(args, 'titleforeground') })
	:wikitext('view')		:wikitext('view')
	local linktext = tostring(tag)		local linktext = tostring(tag)

Izno: move title container

2025-06-02T04:30:41Z

move title container

← Previous revision		Revision as of 04:30, 2 June 2025
Line 238:		Line 238:
	---------- Build output ----------		---------- Build output ----------
	local function boxHeaderOuter(args)		local function boxHeaderOuter(args)
	local baseStyle = {
	clear = 'both',
	['box-sizing'] = 'border-box',
	border = ( getParam(args, 'border-type') or 'solid' ) .. ' ' .. ( getParam(args, 'titleborder') or getParam(args, 'border') or '#ababab' ),
	background = getParam(args, 'titlebackground') or '#bcbcbc',
	color = getParam(args, 'titleforeground') or '#000',
⚫	padding = getParam(args, 'padding') ~~or '.1em',~~
⚫	['~~text~~-~~align~~'] = getParam(args, '~~title~~-~~align~~') ~~or 'center'~~,
	['font-family'] = getParam(args, 'font-family') or 'sans-serif',
	['font-size'] = getParam(args, 'titlefont-size') or '100%',
	['margin-bottom'] = '0px',
	}

	local tag = mw.html.create('div', {selfClosing = true})		local tag = mw.html.create('div', {selfClosing = true})
	:addClass('box-header-title-container')		:addClass('box-header-title-container flex-columns-noflex')
		⚫	:css({
	:addClass('flex-columns-noflex')
		⚫	['border-style'] = getParam(args, 'border-type'),
⚫	:css(~~baseStyle)~~
	~~:css(~~'border-~~width~~', ( getParam(args, '~~border-top~~') or getParam(args, 'border~~-width~~') ~~or '1' ) .. 'px ' .. ( getParam(args~~, ~~'border-width') or '1' ) .. 'px 0')~~		['border-color'] = getParam(args, 'titleborder') or getParam(args, 'border'),
	~~:css('padding-top',~~ getParam(args, '~~padding-top') or '.1em~~')		background = getParam(args, 'titlebackground'),
	~~:css('padding-left',~~ getParam(args, '~~padding-left') or '.1em~~')		color = getParam(args, 'titleforeground'),
	~~:css('~~padding~~-right',~~ getParam(args, 'padding~~-right') or '.1em~~')		padding = getParam(args, 'padding'),
	~~:css(~~'~~padding~~-~~bottom~~', getParam(args, '~~padding~~-~~bottom') or '.1em~~')		['text-align'] = getParam(args, 'title-align'),
	~~:css(~~'~~moz~~-~~border-radius~~', getParam(args, '~~title~~-~~border-radius') or '0~~')		['font-family'] = getParam(args, 'font-family'),
	~~:css(~~'~~webkit~~-~~border-radius~~', getParam(args, '~~title~~-~~border-radius') or '0~~')		['font-size'] = getParam(args, 'titlefont-size'),
			})
⚫	:css('border-radius', getParam(args, 'title-border-radius') ~~or '0'~~)
			:css('border-top-width', getParam(args, 'border-top') or getParam(args, 'border-width'))
			:css('border-left-width', getParam(args, 'border-width'))
			:css('border-right-width', getParam(args, 'border-width'))
		⚫	:css('padding-top', getParam(args, 'padding-top'))
			:css('padding-left', getParam(args, 'padding-left'))
			:css('padding-right', getParam(args, 'padding-right'))
			:css('padding-bottom', getParam(args, 'padding-bottom'))
		⚫	:css('border-radius', getParam(args, 'title-border-radius'))
	return toOpenTagString(tag)		return toOpenTagString(tag)
	end		end

Izno: move top to css

2025-06-02T03:27:08Z

move top to css

← Previous revision		Revision as of 03:27, 2 June 2025
Line 267:		Line 267:

	local function boxHeaderTopLinks(args)		local function boxHeaderTopLinks(args)
	local style = {
	float = 'right',
	['margin-bottom'] = '.1em',
⚫	['font-size'] = getParam(args, 'font-size') ~~or '80%'~~,
⚫	color = getParam(args, 'titleforeground') or '#000'
	}
	local tag = mw.html.create('div', {selfClosing = true})		local tag = mw.html.create('div', {selfClosing = true})
	:addClass('box-header-top plainlinks noprint' )		:addClass('box-header-top plainlinks noprint')
	:css(~~style)~~		:css({
		⚫	['font-size'] = getParam(args, 'font-size'),
			color = getParam(args, 'titleforeground')
			})
	return toOpenTagString(tag)		return toOpenTagString(tag)
	end		end
Line 298:		Line 295:

	local function boxHeaderViewLink(args)		local function boxHeaderViewLink(args)
	local style = {
⚫	color = getParam(args, 'titleforeground') ~~or '#000'~~
	}
	local tag = mw.html.create('span')		local tag = mw.html.create('span')
	:addClass('box-header-view')		:addClass('box-header-view')
		⚫	:css({ color = getParam(args, 'titleforeground') or '#000' })
	:css(style)
	:wikitext('view')		:wikitext('view')
	local linktext = tostring(tag)		local linktext = tostring(tag)

Izno: move header title to css

2025-06-02T03:22:13Z

move header title to css

← Previous revision		Revision as of 03:22, 2 June 2025
Line 64:		Line 64:
	end		end

	-- Merge two tables into a new table. If the are any duplicate keys, the values from the second overwrite the values from the first.		-- Merge two tables into a new table. If the are any duplicate keys, the values
			-- from the second overwrite the values from the first.
	local function mergeTables(first, second)		local function mergeTables(first, second)
	local merged = {}		local merged = {}
Line 113:		Line 114:
	return hexToDecimal(R_hex), hexToDecimal(G_hex), hexToDecimal(B_hex)		return hexToDecimal(R_hex), hexToDecimal(G_hex), hexToDecimal(B_hex)
	end		end
	~~local function HSVtoRGB(H, S, V)~~ -- per [[HSL and HSV#Converting_to_RGB]]		-- per [[HSL and HSV#Converting_to_RGB]]
			local function HSVtoRGB(H, S, V)
	local C = V * S		local C = V * S
	local H_prime = H / 60		local H_prime = H / 60
Line 153:		Line 155:
	return R_255, G_255, B_255		return R_255, G_255, B_255
	end		end
	~~local function RGBtoHue(R_255, G_255, B_255)~~ -- per [[HSL and HSV#Hue and chroma]]		-- per [[HSL and HSV#Hue and chroma]]
			local function RGBtoHue(R_255, G_255, B_255)
	local R = R_255/255		local R = R_255/255
	local G = G_255/255		local G = G_255/255
Line 247:		Line 250:
	['margin-bottom'] = '0px',		['margin-bottom'] = '0px',
	}		}


	local tag = mw.html.create('div', {selfClosing = true})		local tag = mw.html.create('div', {selfClosing = true})
Line 272:		Line 274:
	}		}
	local tag = mw.html.create('div', {selfClosing = true})		local tag = mw.html.create('div', {selfClosing = true})
	:addClass('plainlinks noprint' )		:addClass('box-header-top plainlinks noprint' )
	:css(style)		:css(style)
	return toOpenTagString(tag)		return toOpenTagString(tag)
Line 287:		Line 289:
	}		}
	local tag = mw.html.create('span')		local tag = mw.html.create('span')
			:addClass('box-header-edit')
	:css(style)		:css(style)
	:wikitext('edit')		:wikitext('edit')
Line 299:		Line 302:
	}		}
	local tag = mw.html.create('span')		local tag = mw.html.create('span')
			:addClass('box-header-view')
	:css(style)		:css(style)
	:wikitext('view')		:wikitext('view')
Line 307:		Line 311:

	local function boxHeaderTitle(args)		local function boxHeaderTitle(args)
	local baseStyle = {
⚫	['font-family'] = getParam(args, 'title-font-family') ~~or 'sans-serif'~~,
⚫	['font-size'] = getParam(args, 'title-font-size') ~~or '100%'~~,
⚫	['font-weight'] = getParam(args, 'title-font-weight') ~~or 'bold'~~,
	border = 'none',
	margin = '0',
	padding = '0',
⚫	color = getParam(args, 'titleforeground') ~~or '#000';~~
	}
	local tagName = getParam(args, 'SPAN') and 'span' or 'h2'		local tagName = getParam(args, 'SPAN') and 'span' or 'h2'
	local tag = mw.html.create(tagName)		local tag = mw.html.create(tagName)
			:addClass('box-header-title')
	:css(baseStyle)
	:css(~~'padding-bottom', '.1em')~~		:css({
		⚫	['font-family'] = getParam(args, 'title-font-family'),
		⚫	['font-size'] = getParam(args, 'title-font-size'),
		⚫	['font-weight'] = getParam(args, 'title-font-weight'),
		⚫	color = getParam(args, 'titleforeground')
			})
	:wikitext(getParam(args, 'title'))		:wikitext(getParam(args, 'title'))
	if getParam(args, 'extra') then		if getParam(args, 'extra') then
Line 348:		Line 348:
	}		}
	local tag = mw.html.create('div', {selfClosing = true})		local tag = mw.html.create('div', {selfClosing = true})
			:addClass('box-header-body')
	:css(baseStyle)		:css(baseStyle)
	:css('border-top-width', ( getParam(args, 'border-top') or '1' ) .. 'px')		:css('border-top-width', ( getParam(args, 'border-top') or '1' ) .. 'px')

Izno: smart enough to know it needs to be a colon

2025-06-02T03:13:37Z

smart enough to know it needs to be a colon

← Previous revision		Revision as of 03:13, 2 June 2025
Line 405:		Line 405:
	end		end
	local output = {}		local output = {}
	table.insert(output, mw.getCurrentFrame().extensionTag{		table.insert(output, mw.getCurrentFrame():extensionTag{
	name = 'templatestyles', args = { src = 'Module:Box-header/styles.css' }		name = 'templatestyles', args = { src = 'Module:Box-header/styles.css' }
	})		})

Izno: add templatestyles

2025-06-02T03:12:26Z

add templatestyles

← Previous revision		Revision as of 03:12, 2 June 2025
Line 405:		Line 405:
	end		end
	local output = {}		local output = {}
			table.insert(output, mw.getCurrentFrame().extensionTag{
			name = 'templatestyles', args = { src = 'Module:Box-header/styles.css' }
			})
	table.insert(output, boxHeaderOuter(args))		table.insert(output, boxHeaderOuter(args))
	if not getParam(args, 'EDITLINK') then		if not getParam(args, 'EDITLINK') then

Izno: sync

2025-06-02T03:06:56Z

sync

← Previous revision		Revision as of 03:06, 2 June 2025
Line 422:		Line 422:
	table.insert(output, '</div>')		table.insert(output, '</div>')
	table.insert(output, boxBody(args))		table.insert(output, boxBody(args))
			if not getParam(args, 'TOC') then
			table.insert(output, '__NOTOC__')
			end
			if not getParam(args, 'EDIT') then
			table.insert(output, '__NOEDITSECTION__')
			end
	table.insert(output, contrastCategories(args))		table.insert(output, contrastCategories(args))

Andrybak: test

2021-09-25T10:20:27Z

test

← Previous revision		Revision as of 10:20, 25 September 2021
Line 422:		Line 422:
	table.insert(output, '</div>')		table.insert(output, '</div>')
	table.insert(output, boxBody(args))		table.insert(output, boxBody(args))
	if not getParam(args, 'TOC') then
	table.insert(output, '__NOTOC__')
	end
	if not getParam(args, 'EDIT') then
	table.insert(output, '__NOEDITSECTION__')
	end
	table.insert(output, contrastCategories(args))		table.insert(output, contrastCategories(args))