Module:Tt/Draft: Difference between revisions
No edit summary |
No edit summary |
||
| (3 intermediate revisions by the same user not shown) | |||
| Line 19: | Line 19: | ||
function p._main(args, options) | function p._main(args, options) | ||
local text = args[1] | local text = args[1] | ||
local tooltip = | local tooltip = args[2] | ||
local header = lib.isNotEmpty(args.header) and | local header = lib.isNotEmpty(args.header) and args.header or nil | ||
local out = mw.html.create() | local out = mw.html.create() | ||
| Line 32: | Line 32: | ||
end | end | ||
-- Build hover tooltip | -- Build hover tooltip (desktop only) | ||
-- Now uses a css box, not a title | |||
local hover = out:tag('span') | local hover = out:tag('span') | ||
hover | hover | ||
| Line 38: | Line 39: | ||
:wikitext(text) | :wikitext(text) | ||
-- Optional hover text but plain text must be there for gadget | -- Optional hover text but plain text must be there for gadget | ||
if not options or not options.nohover then | if not options or not options.nohover then | ||
local content = tooltip:tag('span'):addClass('tt-content') | |||
if header then | |||
content:tag('span'):addClass('tt-header'):wikitext(header) | |||
:done() | |||
end | |||
content:wikitext(tooltip) | |||
content:done() | |||
end | |||
hover:allDone() | hover:allDone() | ||
-- Build toggle tooltip | -- Build toggle tooltip (mobile only) | ||
local toggle = out:tag('span'):addClass('custom-tt-wrapper mobile-only toggle-tooltip') | local toggle = out:tag('span'):addClass('custom-tt-wrapper mobile-only toggle-tooltip') | ||
-- Optional toggleable text but plain text must be there for gadget | -- Optional toggleable text but plain text must be there for gadget | ||
if not options or not options.notoggle then | if not options or not options.notoggle then | ||
| Line 59: | Line 68: | ||
:wikitext(text) | :wikitext(text) | ||
:done() | :done() | ||
toggle | local collapsibleContent = toggle | ||
:tag('span') | :tag('span') | ||
:addClass('mw-collapsible-content custom-tt') | :addClass('mw-collapsible-content custom-tt') | ||
:css{ display = 'none' } | :css{ display = 'none' } | ||
:wikitext(tooltip) | if header then | ||
collapsibleContent | |||
:tag('span') | |||
:addClass('tt-header') | |||
:wikitext(header) | |||
:done() | |||
end | |||
collapsibleContent:wikitext(tooltip) | |||
collapsibleContent:done() | |||
else | else | ||
toggle:wikitext(text) | toggle:wikitext(text) | ||
| Line 77: | Line 93: | ||
local full = tx | local full = tx | ||
local result = tx | local result = tx | ||
for tooltip | |||
for display, tooltip in string.gmatch(full, '<span class="text%-tooltip hover%-tooltip">(.-)<span class="tt%-content">(.-)</span></span>') do | |||
local escTooltip = tooltip:gsub("([^%w])", "%%%1") | local escTooltip = tooltip:gsub("([^%w])", "%%%1") | ||
local escDisplay = display:gsub("([^%w])", "%%%1") | local escDisplay = display:gsub("([^%w])", "%%%1") | ||
search_str = '<span | search_str = '<span class="text%-tooltip hover%-tooltip">(' .. escDisplay .. ')<span class="tt%-content">' .. escTooltip .. '</span></span><span[^>]+><span[^>]+>' .. escDisplay .. '</span><span[^>]+>' .. escTooltip .. '</span></span>' | ||
result = result:gsub(search_str, display) | result = result:gsub(search_str, display) | ||
end | end | ||