Module:Sandbox/User:The Gaffer/Modules/Infobox Switch: Difference between revisions
Jump to navigation
Jump to search
Content added Content deleted
The Gaffer (talk | contribs) No edit summary |
The Gaffer (talk | contribs) No edit summary |
||
(19 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
local p = {} |
|||
--Attribution: This module was taken from the Runescape wiki - https://runescape.wiki/w/Module:Switch_infobox - See changes there for a list of contributors |
|||
-- local p = {} |
|||
-- local yesno = require('Module:Yesno') |
|||
local yn = require('Module:Yesno') |
|||
-- function p.main(frame) |
|||
local hc = require('Module:Paramtest').has_content |
|||
-- return frame:preprocess(tostring(p._main(frame:getParent().args))) |
|||
-- end |
|||
-- Module access point for infobox switch |
|||
-- function p._main(args) |
|||
p._infobox_switch = function(args) |
|||
-- local contents = {} |
|||
-- Prepare content list from arguments |
|||
local contents = {} |
|||
local i = 1 |
|||
-- while args['item'..i] do |
|||
while args['item'..i] do |
|||
-- table.insert(contents, { text = args['text'..i] or ('Item '..i), |
|||
table.insert(contents, { text = args['text'..i] or ('Item '..i), |
|||
content = '\n' .. args['item'..i], |
|||
id = args['switch_id'..i] or i}) |
|||
-- i = i + 1 |
|||
i = i + 1 |
|||
-- end |
|||
end |
|||
-- local ret = mw.html.create('div') |
|||
-- Create the main table structure for the infobox switch |
|||
-- :addClass('Gadget-switch-infobox') |
|||
local structure = mw.html.create('table') |
|||
-- :addClass('loading') |
|||
:addClass('infobox-switch') |
|||
:tag('caption') |
|||
:done(); |
|||
-- :addClass('button') |
|||
-- :wikitext('Loading...') |
|||
-- :done() |
|||
-- if args.float then |
|||
-- if args.float == 'left' then |
|||
-- ret:addClass('tleft') |
|||
-- :addClass('thumb') |
|||
-- elseif args.float == 'right' then |
|||
-- ret:addClass('tright') |
|||
-- :addClass('thumb') |
|||
-- end |
|||
-- end |
|||
-- local mah_triggers = ret:tag('div') |
|||
-- :addClass('switch-infobox-triggers') |
|||
-- Create the div for the buttons inside the caption |
|||
-- local isSelect = yesno(args.select) |
|||
local buttons = structure:tag('div') |
|||
-- if isSelect then |
|||
:attr('data-default-index', 1) |
|||
-- mah_triggers:addClass('infobox-triggers-select') |
|||
-- elseif i > 6 and isSelect ~= false then |
|||
-- mah_triggers:addClass('infobox-triggers-select') |
|||
-- end |
|||
-- |
-- Add buttons for each item in contents |
||
for i, v in ipairs(contents) do |
|||
-- mah_triggers :tag('span') |
|||
buttons:tag('button') |
|||
-- :addClass('trigger') |
|||
:addClass('button') |
|||
:attr('data-switch-index', i) |
|||
-- :addClass(i==1 and 'button-selected' or '') |
|||
:attr('data-switch-anchor', '#section' ..i) |
|||
:wikitext(v.text) |
|||
:done() |
|||
end |
|||
local content_body = structure:tag('tbody') |
|||
local default_content = contents[1] -- Assuming default index is 1 |
|||
if default_content then |
|||
local row = content_body:tag('tr') |
|||
row:tag('td') |
|||
:attr('data-attr-param', 'param1') |
|||
:wikitext(default_content.content) |
|||
:done() |
|||
row:done() |
|||
end |
|||
-- Create the hidden resources section that contains all switchable content |
|||
local resources_div = structure:tag('div') |
|||
:addClass('infobox-switch-resources') |
|||
-- Add each content section to the resources div |
|||
-- ret :tag('div') |
|||
for i, v in ipairs(contents) do |
|||
-- :addClass('item') |
|||
local param_div = resources_div:tag('div') |
|||
-- :addClass(i==1 and 'showing' or '') |
|||
:attr('data-attr-param', 'param1') |
|||
-- :wikitext(v.content) |
|||
-- :done() |
|||
-- end |
|||
param_div:tag('div') |
|||
-- return ret |
|||
:attr('data-attr-index', i) |
|||
-- end |
|||
:wikitext(v.content) |
|||
:done() |
|||
param_div:done() |
|||
-- return p |
|||
end |
|||
mw.logObject(structure) |
|||
local p = {} |
|||
-- Return the complete HTML structure |
|||
return tostring(structure) |
|||
end |
|||
p.infobox_switch = function(frame) |
|||
return |
return p._infobox_switch(frame:getParent().args) |
||
<div class="infobox-switch" data-default-index="1"> |
|||
<table> |
|||
<caption> |
|||
<div> |
|||
<button data-switch-index="1" data-switch-anchor="#view1">Overview</button> |
|||
<button data-switch-index="2" data-switch-anchor="#view2">Details</button> |
|||
<button data-switch-index="3" data-switch-anchor="#view3">Stats</button> |
|||
</div> |
|||
</caption> |
|||
<tbody> |
|||
<tr><td>Name</td><td data-attr-param="name">Default Name</td></tr> |
|||
<tr><td>Description</td><td data-attr-param="description">Default Description</td></tr> |
|||
<tr><td>Attributes</td><td data-attr-param="attributes">Default Attributes</td></tr> |
|||
</tbody> |
|||
</table> |
|||
</div> |
|||
<div class="infobox-switch-resources"> |
|||
<div data-attr-param="name"> |
|||
<div data-attr-index="1">View 1 Name</div> |
|||
<div data-attr-index="2">View 2 Name</div> |
|||
<div data-attr-index="3">View 3 Name</div> |
|||
</div> |
|||
<div data-attr-param="description"> |
|||
<div data-attr-index="1">View 1 Description</div> |
|||
<div data-attr-index="2">View 2 Description</div> |
|||
<div data-attr-index="3">View 3 Description</div> |
|||
</div> |
|||
<div data-attr-param="attributes"> |
|||
<div data-attr-index="1"><ul><li>Attribute A (View 1)</li><li>Attribute B (View 1)</li></ul></div> |
|||
<div data-attr-index="2"><ul><li>Attribute A (View 2)</li><li>Attribute B (View 2)</li><li>Attribute C (View 2)</li></ul></div> |
|||
<div data-attr-index="3"><ul><li>Attribute A (View 3)</li><li>Attribute C (View 3)</li><li>Attribute D (View 3)</li></ul></div> |
|||
</div> |
|||
</div> |
|||
]] |
|||
end |
end |
||
Latest revision as of 22:23, 12 November 2024
Documentation for this module may be created at Module:Sandbox/User:The Gaffer/Modules/Infobox Switch/doc
local p = {}
local yn = require('Module:Yesno')
local hc = require('Module:Paramtest').has_content
-- Module access point for infobox switch
p._infobox_switch = function(args)
-- Prepare content list from arguments
local contents = {}
local i = 1
while args['item'..i] do
table.insert(contents, { text = args['text'..i] or ('Item '..i),
content = '\n' .. args['item'..i],
id = args['switch_id'..i] or i})
i = i + 1
end
-- Create the main table structure for the infobox switch
local structure = mw.html.create('table')
:addClass('infobox-switch')
:tag('caption')
:done();
-- Create the div for the buttons inside the caption
local buttons = structure:tag('div')
:attr('data-default-index', 1)
-- Add buttons for each item in contents
for i, v in ipairs(contents) do
buttons:tag('button')
:addClass('button')
:attr('data-switch-index', i)
:attr('data-switch-anchor', '#section' ..i)
:wikitext(v.text)
:done()
end
local content_body = structure:tag('tbody')
local default_content = contents[1] -- Assuming default index is 1
if default_content then
local row = content_body:tag('tr')
row:tag('td')
:attr('data-attr-param', 'param1')
:wikitext(default_content.content)
:done()
row:done()
end
-- Create the hidden resources section that contains all switchable content
local resources_div = structure:tag('div')
:addClass('infobox-switch-resources')
-- Add each content section to the resources div
for i, v in ipairs(contents) do
local param_div = resources_div:tag('div')
:attr('data-attr-param', 'param1')
param_div:tag('div')
:attr('data-attr-index', i)
:wikitext(v.content)
:done()
param_div:done()
end
mw.logObject(structure)
-- Return the complete HTML structure
return tostring(structure)
end
p.infobox_switch = function(frame)
return p._infobox_switch(frame:getParent().args)
end
return p