Module:Portal navigation/sandbox - Revision history

Hike395: sync

2023-01-07T18:00:54Z

sync

Hike395: sync

2023-01-07T14:57:54Z

sync

← Previous revision		Revision as of 14:57, 7 January 2023
Line 163:		Line 163:
	subnav:css('margin','0 1em')		subnav:css('margin','0 1em')
	subnav:css('padding','1.125em 0')		subnav:css('padding','1.125em 0')
	local borderColor = '0.35em solid'..args.themecolor		local borderColor = '0.35em solid '..args.themecolor
	subnav:css('border-top',borderColor)		subnav:css('border-top',borderColor)
	subnav:css('border-bottom',borderColor)		subnav:css('border-bottom',borderColor)

Hike395: more sigfig

2023-01-07T13:51:49Z

more sigfig

← Previous revision		Revision as of 13:51, 7 January 2023
Line 104:		Line 104:
	header:css('padding','0.25em')		header:css('padding','0.25em')
	header:css('background',args.themecolor)		header:css('background',args.themecolor)
	header:css('color',luminance(args.themecolor) > 0.~~179~~ and '#000' or '#fff')		header:css('color',luminance(args.themecolor) > 0.1791 and '#000' or '#fff')
	header:cssText(args.headerstyle)		header:cssText(args.headerstyle)
	header:wikitext(args.portalname)		header:wikitext(args.portalname)

Hike395: use ul/li for body

2023-01-07T13:43:56Z

use ul/li for body

← Previous revision		Revision as of 13:43, 7 January 2023
Line 25:		Line 25:

	return c		return c
		⚫	end

			local function luminance(color)
		⚫	-- The text color in the header is automatically chosen based on the best contrast
		⚫	-- https://stackoverflow.com/questions/3942878/how-to-decide-font-color-in-white-or-black-depending-on-background-color
		⚫
		⚫	local rgb = string.gsub(color, '#', '')
		⚫	rgb = mw.text.split(rgb, '')
		⚫	local r, g, b
		⚫	if #rgb == 6 then
		⚫	r = rgb[1] .. rgb[2]
		⚫	g = rgb[3] .. rgb[4]
		⚫	b = rgb[5] .. rgb[6]
		⚫	elseif #rgb == 3 then
		⚫	r = rgb[1] .. rgb[1]
		⚫	g = rgb[2] .. rgb[2]
		⚫	b = rgb[3] .. rgb[3]
			end
		⚫	r = converttolinearrgb(r)
		⚫	g = converttolinearrgb(g)
		⚫	b = converttolinearrgb(b)
		⚫
		⚫	return 0.2126 * r + 0.7152 * g + 0.0722 * b
	end		end

Line 63:		Line 86:
	-- Relevant variables: portalname, wrc, themecolor, headerstyle		-- Relevant variables: portalname, wrc, themecolor, headerstyle

⚫	-- The text color in the header is automatically chosen based on the best contrast
⚫	-- https://stackoverflow.com/questions/3942878/how-to-decide-font-color-in-white-or-black-depending-on-background-color
⚫
⚫	local rgb = string.gsub(~~args.themecolor~~, '#', '')
⚫	rgb = mw.text.split(rgb, '')
⚫	local r, g, b
⚫	if #rgb == 6 then
⚫	r = rgb[1] .. rgb[2]
⚫	g = rgb[3] .. rgb[4]
⚫	b = rgb[5] .. rgb[6]
⚫	elseif #rgb == 3 then
⚫	r = rgb[1] .. rgb[1]
⚫	g = rgb[2] .. rgb[2]
⚫	b = rgb[3] .. rgb[3]
⚫	end
⚫	r = converttolinearrgb(r)
⚫	g = converttolinearrgb(g)
⚫	b = converttolinearrgb(b)
⚫
⚫	~~local luminance =~~ 0.2126 * r + 0.7152 * g + 0.0722 * b

	local root = mw.html.create('div')		local root = mw.html.create('div')
	if args.wrc then		if args.wrc then
	badgeargs = {}		local badgeargs = {}
	if wrcadditional then		if wrcadditional then
	badgeargs['additional'] = args.wrcadditional		badgeargs['additional'] = args.wrcadditional
Line 102:		Line 104:
	header:css('padding','0.25em')		header:css('padding','0.25em')
	header:css('background',args.themecolor)		header:css('background',args.themecolor)
	header:css('color',luminance > 0.179 and '#000' or '#fff')		header:css('color',luminance(args.themecolor) > 0.179 and '#000' or '#fff')
	header:cssText(args.headerstyle)		header:cssText(args.headerstyle)
	header:wikitext(args.portalname)		header:wikitext(args.portalname)
Line 112:		Line 114:

	if not args.hidenav then		if not args.hidenav then
	local body = root:tag('~~div~~')		local body = root:tag('ul')
	body:css('font-size','1.125em')		body:css('font-size','1.125em')
	body:css('~~margin~~-~~bottom~~','~~1.125em~~')		body:css('list-style','none')
			body:css('margin','0 0 1.125em 0')

	local tabindex = {}		local tabindex = {}
Line 123:		Line 126:

	for _, index in ipairs(tabindex) do		for _, index in ipairs(tabindex) do
	local container = body:tag('~~div~~')		local container = body:tag('li')
	container:css('display','inline-block')		container:css('display','inline-block')
	container:css('position','relative')		container:css('position','relative')
	container:css('vertical-align','top')		container:css('vertical-align','top')
			container:css('margin','0')
	local entry = container:tag('span')		local entry = container:tag('span')
	entry:css('display','inline-block')		entry:css('display','inline-block')

Hike395: allow empty tabs, which get skipped

2023-01-07T12:58:32Z

allow empty tabs, which get skipped

← Previous revision		Revision as of 12:58, 7 January 2023
Line 3:		Line 3:
	local getArgs = require('Module:Arguments').getArgs		local getArgs = require('Module:Arguments').getArgs
	local yesno = require("Module:Yesno")		local yesno = require("Module:Yesno")
	local compressSparseArray = require('Module:TableTools').compressSparseArray

	local function get_portalicon(portalicon, root)		local function get_portalicon(portalicon, root)
Line 117:		Line 116:
	body:css('margin-bottom','1.125em')		body:css('margin-bottom','1.125em')

			local tabindex = {}
	for index, ~~pagelink~~ in ~~ipairs~~(tabs) do		for index, _ in pairs(tabs) do
			table.insert(tabindex,index)
			end
			table.sort(tabindex)

			for _, index in ipairs(tabindex) do
	local container = body:tag('div')		local container = body:tag('div')
	container:css('display','inline-block')		container:css('display','inline-block')
Line 145:		Line 150:
	icon:wikitext(tabsicons[index])		icon:wikitext(tabsicons[index])
	end		end
	entry:wikitext(~~pagelink~~)		entry:wikitext(tabs[index])

	-- If the tab is active, show the subnav if there is any		-- If the tab is active, show the subnav if there is any

Hike395: typo

2023-01-07T12:49:13Z

typo

← Previous revision		Revision as of 12:49, 7 January 2023
Line 46:		Line 46:
	id = tonumber(mw.ustring.match(key,'^icon(%d+)$'))		id = tonumber(mw.ustring.match(key,'^icon(%d+)$'))
	if id then		if id then
	~~tabicons~~[id] = value		tabsicons[id] = value
	else		else
	local primetab, subtab = mw.ustring.match(key,'^subtab(%d+)-(%d+)$')		local primetab, subtab = mw.ustring.match(key,'^subtab(%d+)-(%d+)$')

Hike395: fix

2023-01-07T12:48:28Z

fix

← Previous revision		Revision as of 12:48, 7 January 2023
Line 48:		Line 48:
	tabicons[id] = value		tabicons[id] = value
	else		else
	id = mw.ustring.match(key,'^subtab(%d+)-(%d+)$')		local primetab, subtab = mw.ustring.match(key,'^subtab(%d+)-(%d+)$')
	if id then		if primetab and subtab then
	~~local~~ primetab = tonumber(~~id[1]~~)		primetab = tonumber(primetab)
	~~local~~ subtab = tonumber(~~id[2]~~)		subtab = tonumber(subtab)
	if not subtabs[primetab] then		if not subtabs[primetab] then
	subtabs[primetab] = {}		subtabs[primetab] = {}

Hike395: sprinkle args

2023-01-07T12:46:50Z

sprinkle args

← Previous revision		Revision as of 12:46, 7 January 2023
Line 67:		Line 67:
	-- https://stackoverflow.com/questions/3942878/how-to-decide-font-color-in-white-or-black-depending-on-background-color		-- https://stackoverflow.com/questions/3942878/how-to-decide-font-color-in-white-or-black-depending-on-background-color

	local rgb = string.gsub(themecolor, '#', '')		local rgb = string.gsub(args.themecolor, '#', '')
	rgb = mw.text.split(rgb, '')		rgb = mw.text.split(rgb, '')
	local r, g, b		local r, g, b
Line 86:		Line 86:

	local root = mw.html.create('div')		local root = mw.html.create('div')
	if wrc then		if args.wrc then
	badgeargs = {}		badgeargs = {}
	if wrcadditional then		if wrcadditional then
	badgeargs['additional'] = wrcadditional		badgeargs['additional'] = args.wrcadditional
	end		end

Line 102:		Line 102:
	header:css('font-weight','bold')		header:css('font-weight','bold')
	header:css('padding','0.25em')		header:css('padding','0.25em')
	header:css('background',themecolor)		header:css('background',args.themecolor)
	header:css('color',luminance > 0.179 and '#000' or '#fff')		header:css('color',luminance > 0.179 and '#000' or '#fff')
	header:cssText(headerstyle)		header:cssText(args.headerstyle)
	header:wikitext(portalname)		header:wikitext(args.portalname)
	header = get_portalicon(portalicon, header)		header = get_portalicon(args.portalicon, header)

	-- Constructing the rest		-- Constructing the rest
Line 112:		Line 112:


	if not hidenav then		if not args.hidenav then
	local body = root:tag('div')		local body = root:tag('div')
	body:css('font-size','1.125em')		body:css('font-size','1.125em')
Line 130:		Line 130:
	-- Create the tab itself		-- Create the tab itself

	if index == active then		if index == args.active then
	if not subtabs[index] or hidesubnav then		if not subtabs[index] or args.hidesubnav then
	entry:css('border-bottom','0.3em solid '..themecolor)		entry:css('border-bottom','0.3em solid '..args.themecolor)
	else		else
	entry:css('margin-bottom','0')		entry:css('margin-bottom','0')
Line 149:		Line 149:
	-- If the tab is active, show the subnav if there is any		-- If the tab is active, show the subnav if there is any

	if index == active and subtabs[index] and not hidesubnav then		if index == args.active and subtabs[index] and not args.hidesubnav then
	local subnav = container:tag('ul')		local subnav = container:tag('ul')
	subnav:css('font-size','95%')		subnav:css('font-size','95%')
	subnav:css('margin','0 1em')		subnav:css('margin','0 1em')
	subnav:css('padding','1.125em 0')		subnav:css('padding','1.125em 0')
	local borderColor = '0.35em solid'..themecolor		local borderColor = '0.35em solid'..args.themecolor
	subnav:css('border-top',borderColor)		subnav:css('border-top',borderColor)
	subnav:css('border-bottom',borderColor)		subnav:css('border-bottom',borderColor)

Hike395: cleanup argument handling

2023-01-07T12:44:26Z

cleanup argument handling

@@ Line 1: / Line 1: @@
 require('strict')
 local p = {}
 local yesno = require("Module:Yesno")
 local function get_portalicon(portalicon, root)
@@ Line 26: / Line 28: @@
 end
-function p.render(frame)
+function p._render(args)
 	local tabs = {}
 	local subtabs = {}
 	local tabsicons = {}
 	end
 	-- Constructing header
 	-- Relevant variables: portalname, wrc, themecolor, headerstyle
@@ Line 194: / Line 169: @@
 	clear:css('clear','both')
 	return tostring(root)
 end

Hike395: sync

2023-01-07T12:18:40Z

sync

← Previous revision		Revision as of 12:18, 7 January 2023
Line 31:		Line 31:
	local tabs = {}		local tabs = {}
	local subtabs = {}		local subtabs = {}
	local wrc = 0		local wrc = nil

	-- Default values (customizations)		-- Default values (customizations)
Line 53:		Line 53:
	active = tonumber(value)		active = tonumber(value)
	elseif key == 'wrc' then		elseif key == 'wrc' then
	wrc = value		wrc = yesno(value)
	elseif key == 'themecolor' then		elseif key == 'themecolor' then
	themecolor = value		themecolor = value
Line 111:		Line 111:

	local root = mw.html.create('div')		local root = mw.html.create('div')
			if wrc then
	if wrc == '1' or wrc == 1 or wrc == 'true' or wrc == true or wrc == 'yes' then
	badgeargs = {}		badgeargs = {}
	if wrcadditional ~~~= nil~~ then		if wrcadditional then
	badgeargs['additional'] = wrcadditional		badgeargs['additional'] = wrcadditional
	end		end
Line 137:		Line 137:


	if hidenav ~~~= true~~ then		if not hidenav then
	local body = root:tag('div')		local body = root:tag('div')
	body:css('font-size','1.125em')		body:css('font-size','1.125em')