Module:OOO/Variants: Difference between revisions
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
-- Module:OOO/Variants | -- Module:OOO/Variants | ||
-- Renders a | -- Renders a TabberNeue block of OOOInfoBox variants, wrapped so it aligns with the infobox. | ||
-- Usage | -- Usage: | ||
-- {{OOOVariants|400162|400163|400113|400169|400170}} | -- {{OOOVariants|400162|400163|400113|400169|400170}} | ||
-- {{OOOVariants | label1=2 m | art1=400162 | label2=3 m | art2=400163 | width=300 | align=left }} | -- {{OOOVariants | label1=2 m | art1=400162 | label2=3 m | art2=400163 | width=300 | align=left | mode=scroll }} | ||
-- | -- | ||
-- | -- Global params: | ||
-- |domain=Buildings | -- |domain=Buildings -- bucket to read from (default: Buildings) | ||
-- |align=right | -- |align=right|left|none|center | ||
-- |width=300 | -- |width=300 -- px; applies to wrapper + OOOInfoBox (240–600) | ||
-- |mode=wrap|scroll -- wrap (default) or horizontal scroll (adds class used by gadget) | |||
-- | -- | ||
-- | -- Per-tab overrides (append N): | ||
-- |labelN=... | -- |labelN=... |imageN=... |descriptionN=... |dimensionsN=... |classN=... | ||
local DATA = require('Module:OOO/Data') | local DATA = require('Module:OOO/Data') | ||
local p = {} | local p = {} | ||
local PASSTHROUGH = { 'image', 'description', 'dimensions', 'class' } | local PASSTHROUGH = { 'image', 'description', 'dimensions', 'class' } | ||
Line 24: | Line 25: | ||
end | end | ||
local function safe_label(s) | local function safe_label(s) | ||
s = tostring(s or '') | s = tostring(s or '') | ||
Line 31: | Line 31: | ||
end | end | ||
local function label_for(domain, art, given) | local function label_for(domain, art, given) | ||
if given and given ~= '' then return given end | if given and given ~= '' then return given end | ||
Line 44: | Line 43: | ||
local domain = tostring_or_nil(args.domain or args.type) or 'Buildings' | local domain = tostring_or_nil(args.domain or args.type) or 'Buildings' | ||
local align = tostring_or_nil(args.align) or 'right' | local align = tostring_or_nil(args.align) or 'right' | ||
local width = tonumber(args.width) | local mode = tostring_or_nil(args.mode) or 'wrap' -- 'wrap' (default) or 'scroll' | ||
local width = tonumber(args.width) | |||
-- Build each tab | -- Build each tab entry | ||
local entries = {} | local entries = {} | ||
local i = 1 | local i = 1 | ||
Line 55: | Line 55: | ||
local label = label_for(domain, art, args['label'..i] or args['name'..i]) | local label = label_for(domain, art, args['label'..i] or args['name'..i]) | ||
-- Args | -- Args forwarded to OOOInfoBox | ||
local ibx = { | local ibx = { | ||
art | art = art, | ||
type = domain, | type = domain, | ||
align = align, | align = align, | ||
} | } | ||
Line 79: | Line 79: | ||
end | end | ||
local inner = table.concat(entries, '|-|\n') | local inner = table.concat(entries, '|-|\n') | ||
local tabber = frame:extensionTag('tabber', inner) | local tabber = frame:extensionTag('tabber', inner) | ||
-- | -- Wrapper around tabber so it floats with the infobox and gets our styles | ||
local wrap = mw.html.create('div'):addClass('ooo-infobox-tabwrap') | local wrap = mw.html.create('div'):addClass('ooo-infobox-tabwrap') | ||
if align == 'left' then | if align == 'left' then | ||
Line 91: | Line 90: | ||
elseif align == 'center' then | elseif align == 'center' then | ||
wrap:addClass('ooo-infobox-tabwrap--center') | wrap:addClass('ooo-infobox-tabwrap--center') | ||
end | |||
if mode == 'scroll' then | |||
-- enables horizontal-scroll mode + arrow gadget hook | |||
wrap:addClass('ooo-infobox-tabwrap--scroll') | |||
end | end | ||
if width and width >= 240 and width <= 600 then | if width and width >= 240 and width <= 600 then | ||
wrap:css('width', tostring(width) .. 'px') | wrap:css('width', tostring(width) .. 'px') | ||
end | end | ||
wrap:wikitext(tabber) | wrap:wikitext(tabber) | ||
Line 101: | Line 105: | ||
html = html .. frame:extensionTag('templatestyles', '', { src = 'Template:OOOInfoBoxTabber/styles.css' }) | html = html .. frame:extensionTag('templatestyles', '', { src = 'Template:OOOInfoBoxTabber/styles.css' }) | ||
-- Optional debug comment | -- Optional debug comment | ||
if tostring(args.debug) == '1' then | if tostring(args.debug) == '1' then | ||
html = html .. string.format('<!-- OOOVariants: domain=%s, align=%s, width=%s, tabs=%d -->', | html = html .. string.format('<!-- OOOVariants: domain=%s, align=%s, mode=%s, width=%s, tabs=%d -->', | ||
domain, align, width or 'default', #entries) | domain, align, mode, width or 'default', #entries) | ||
end | end | ||