Mudanças entre as edições de "Módulo:Teste"
Ir para navegação
Ir para pesquisar
m Etiqueta: Revertido |
m Etiqueta: Revertido |
||
| Linha 4: | Linha 4: | ||
local args = frame:getParent().args | local args = frame:getParent().args | ||
local html = mw.html.create('div') | local html = mw.html.create('div') | ||
-- Helper: Get full video URL from filename | |||
local function getVideoURL(filename) | local function getVideoURL(filename) | ||
return tostring(mw.uri.fullUrl('Special:FilePath/' .. filename)) | return tostring(mw.uri.fullUrl('Special:FilePath/' .. filename)) | ||
end | end | ||
-- Tier logic (classes for color/style) | |||
local tier = (args.tier or ""):lower() | local tier = (args.tier or ""):lower() | ||
local tierMap = { | local tierMap = { | ||
bronze = "tier-bronze", | bronze = "tier-bronze", bronce = "tier-bronze", | ||
silver = "tier-silver", | silver = "tier-silver", prata = "tier-silver", | ||
gold | gold = "tier-gold", ouro = "tier-gold", | ||
diamond = "tier-diamond" | diamond = "tier-diamond", diamante = "tier-diamond" | ||
} | } | ||
local tierClass = tierMap[tier] | local tierClass = tierMap[tier] | ||
-- Main box | |||
local box = html:tag('div'):addClass('character-box') | local box = html:tag('div'):addClass('character-box') | ||
if tierClass then | if tierClass then | ||
| Linha 23: | Linha 28: | ||
-- HEADER | -- HEADER | ||
local header = box:tag('div'):addClass('character-header') | local header = box:tag('div'):addClass('character-header') | ||
local medalImg = args.medal or '' | -- Icon/medal | ||
local medalImg = args.medal or 'Franky_ts_medal.png' | |||
header:wikitext(string.format('[[File:%s|class=character-icon|link=|alt=Medal]]', medalImg)) | |||
-- Name + Classes | |||
local nameBox = header:tag('div'):addClass('character-name-box') | |||
nameBox:tag('div'):addClass('character-name'):wikitext(args.name or 'Franky (TS)') | |||
-- Class list (split by /) | |||
local classList = nameBox:tag('div'):addClass('character-class-list') | |||
local | |||
local classString = args.class or '' | local classString = args.class or '' | ||
for class in mw.text.gsplit(classString, '/', true) do | for class in mw.text.gsplit(classString, '/', true) do | ||
classList:tag('div'):addClass('character-class'):wikitext(class) | |||
end | end | ||
header:tag('div'):addClass(' | -- Description | ||
:wikitext(args.desc) | header:tag('div'):addClass('character-description') | ||
:wikitext(args.desc or '') | |||
-- TABS | |||
local tabs = header:tag('div'):addClass('character-tabs') | local tabs = header:tag('div'):addClass('character-tabs') | ||
tabs:tag(' | tabs:tag('button'):addClass('character-tab-btn'):attr('data-tab', 'tab-weapon'):wikitext('Weapon') | ||
tabs:tag(' | tabs:tag('button'):addClass('character-tab-btn active'):attr('data-tab', 'tab-abilities'):wikitext('Abilities') | ||
tabs:tag(' | tabs:tag('button'):addClass('character-tab-btn'):attr('data-tab', 'tab-skins'):wikitext('Skins') | ||
local artImg = args.image or '' | -- Art (main image) | ||
local artImg = args.image or 'Franky_ts_splash.png' | |||
box:wikitext(string.format('[[File:%s|class=character-art|link=|alt=Character Art]]', artImg)) | |||
-- | -- ===================== ABILITIES TAB ===================== | ||
local | local abilitiesTab = box:tag('div'):addClass('character-tab-content active'):attr('id', 'tab-abilities') | ||
local abilitiesContainer = abilitiesTab:tag('div'):addClass('character-container') | |||
local | |||
local | -- Skill bar (icons) | ||
local | local skillbar = abilitiesContainer:tag('div'):addClass('character-skillbar') | ||
-- Skill details/video (will be filled by JS on click) | |||
local details = abilitiesContainer:tag('div'):addClass('character-details') | |||
details:tag('div'):addClass('character-description') | |||
abilitiesContainer:tag('div'):addClass('character-video-container'):done() | |||
for i = 1, 21 do | for i = 1, 21 do | ||
local name = args['skill' .. i .. '-name'] | local name = args['hab' .. i .. '-nome'] or args['skill' .. i .. '-name'] | ||
if name then | if name then | ||
local icon = args['skill' .. i .. '-icon'] or '' | local icon = args['hab' .. i .. '-icon'] or args['skill' .. i .. '-icon'] or '' | ||
local | local desc = args['hab' .. i .. '-desc'] or args['skill' .. i .. '-desc'] or '' | ||
local | local attr = args['hab' .. i .. '-atr'] or args['skill' .. i .. '-attr'] or '' | ||
local | local rawVideo = args['hab' .. i .. '-video'] or args['skill' .. i .. '-video'] or '' | ||
local | local level = args['hab' .. i .. '-level'] or args['skill' .. i .. '-level'] or '' | ||
local videoURL = rawVideo ~= '' and getVideoURL(rawVideo) or '' | local videoURL = rawVideo ~= '' and getVideoURL(rawVideo) or '' | ||
-- Skill icon in the skillbar (with data for JS) | |||
skillbar:tag('div') | |||
:addClass('skill | :addClass('character-skill') | ||
:attr('data-index', i) | :attr('data-index', i) | ||
:attr('data-name', name) | :attr('data-name', name) | ||
:attr('data-desc', desc) | :attr('data-desc', desc) | ||
:attr('data- | :attr('data-attr', attr) | ||
:attr('data-video', videoURL) | :attr('data-video', videoURL) | ||
:wikitext(string.format( | :wikitext(string.format('[[File:%s|class=character-skill-icon|link=]]', icon)) | ||
end | end | ||
end | end | ||
abilitiesTab:done() | |||
-- SKINS TAB | -- ===================== SKINS TAB ===================== | ||
local skinsTab = box:tag('div'):addClass('tab-content'):attr('id', 'skins') | local skinsTab = box:tag('div'):addClass('character-tab-content'):attr('id', 'tab-skins') | ||
local cardSkins = skinsTab:tag('div'):addClass('card-skins') | local cardSkins = skinsTab:tag('div'):addClass('card-skins') | ||
cardSkins:tag('span'):addClass('card-skins-title'):wikitext('SKINS & SPOTLIGHTS') | cardSkins:tag('span'):addClass('card-skins-title'):wikitext('SKINS & SPOTLIGHTS') | ||
local wrapper = cardSkins:tag('div'):addClass('character-skins-carousel-wrapper') | |||
local wrapper = cardSkins:tag('div'):addClass('skins-carousel-wrapper') | wrapper:tag('button'):addClass('character-skins-arrow left'):wikitext('«') | ||
wrapper:tag(' | local carousel = wrapper:tag('div'):addClass('character-skins-carousel') | ||
local carousel = wrapper:tag('div'):addClass('skins-carousel') | |||
for j = 1, 11 do | for j = 1, 11 do | ||
| Linha 105: | Linha 105: | ||
if image then | if image then | ||
local banner = args['skin' .. j .. '-banner'] or '' | local banner = args['skin' .. j .. '-banner'] or '' | ||
local | local tooltipRaw = args['skin' .. j .. '-tooltip'] or '' | ||
local tooltipHtml = | local tooltipHtml = tooltipRaw:gsub("'''([^']+)'''", "<b>%1</b>"):gsub("\n", "<br>") | ||
local skinCard = carousel:tag('div') | local skinCard = carousel:tag('div') | ||
:addClass('skin-card | :addClass('skin-card') | ||
:attr('data-tooltip', tooltipHtml) | :attr('data-simple-tooltip', tooltipHtml) | ||
skinCard:tag('div') | skinCard:tag('div') | ||
:addClass('skins-- | :addClass('skins-image-banner') | ||
:wikitext(string.format( | :wikitext(string.format('[[File:%s|link=]]', banner)) | ||
:attr('alt', 'banner') | :attr('alt', 'banner') | ||
skinCard:tag('div') | skinCard:tag('div') | ||
:addClass('skins-- | :addClass('skins-image-skin') | ||
:wikitext(string.format( | :wikitext(string.format('[[File:%s|link=]]', image)) | ||
:attr('alt', 'skin') | :attr('alt', 'skin') | ||
end | end | ||
end | end | ||
wrapper:tag('button'):addClass('character-skins-arrow right'):wikitext('»') | |||
-- Pronto! | |||
return tostring(html) | return tostring(html) | ||
end | end | ||
return p | return p | ||
Edição das 17h25min de 8 de agosto de 2025
A documentação para este módulo pode ser criada em Módulo:Teste/doc
local p = {}
function p.generate(frame)
local args = frame:getParent().args
local html = mw.html.create('div')
-- Helper: Get full video URL from filename
local function getVideoURL(filename)
return tostring(mw.uri.fullUrl('Special:FilePath/' .. filename))
end
-- Tier logic (classes for color/style)
local tier = (args.tier or ""):lower()
local tierMap = {
bronze = "tier-bronze", bronce = "tier-bronze",
silver = "tier-silver", prata = "tier-silver",
gold = "tier-gold", ouro = "tier-gold",
diamond = "tier-diamond", diamante = "tier-diamond"
}
local tierClass = tierMap[tier]
-- Main box
local box = html:tag('div'):addClass('character-box')
if tierClass then
box:addClass(tierClass)
end
-- HEADER
local header = box:tag('div'):addClass('character-header')
-- Icon/medal
local medalImg = args.medal or 'Franky_ts_medal.png'
header:wikitext(string.format('[[File:%s|class=character-icon|link=|alt=Medal]]', medalImg))
-- Name + Classes
local nameBox = header:tag('div'):addClass('character-name-box')
nameBox:tag('div'):addClass('character-name'):wikitext(args.name or 'Franky (TS)')
-- Class list (split by /)
local classList = nameBox:tag('div'):addClass('character-class-list')
local classString = args.class or ''
for class in mw.text.gsplit(classString, '/', true) do
classList:tag('div'):addClass('character-class'):wikitext(class)
end
-- Description
header:tag('div'):addClass('character-description')
:wikitext(args.desc or '')
-- TABS
local tabs = header:tag('div'):addClass('character-tabs')
tabs:tag('button'):addClass('character-tab-btn'):attr('data-tab', 'tab-weapon'):wikitext('Weapon')
tabs:tag('button'):addClass('character-tab-btn active'):attr('data-tab', 'tab-abilities'):wikitext('Abilities')
tabs:tag('button'):addClass('character-tab-btn'):attr('data-tab', 'tab-skins'):wikitext('Skins')
-- Art (main image)
local artImg = args.image or 'Franky_ts_splash.png'
box:wikitext(string.format('[[File:%s|class=character-art|link=|alt=Character Art]]', artImg))
-- ===================== ABILITIES TAB =====================
local abilitiesTab = box:tag('div'):addClass('character-tab-content active'):attr('id', 'tab-abilities')
local abilitiesContainer = abilitiesTab:tag('div'):addClass('character-container')
-- Skill bar (icons)
local skillbar = abilitiesContainer:tag('div'):addClass('character-skillbar')
-- Skill details/video (will be filled by JS on click)
local details = abilitiesContainer:tag('div'):addClass('character-details')
details:tag('div'):addClass('character-description')
abilitiesContainer:tag('div'):addClass('character-video-container'):done()
for i = 1, 21 do
local name = args['hab' .. i .. '-nome'] or args['skill' .. i .. '-name']
if name then
local icon = args['hab' .. i .. '-icon'] or args['skill' .. i .. '-icon'] or ''
local desc = args['hab' .. i .. '-desc'] or args['skill' .. i .. '-desc'] or ''
local attr = args['hab' .. i .. '-atr'] or args['skill' .. i .. '-attr'] or ''
local rawVideo = args['hab' .. i .. '-video'] or args['skill' .. i .. '-video'] or ''
local level = args['hab' .. i .. '-level'] or args['skill' .. i .. '-level'] or ''
local videoURL = rawVideo ~= '' and getVideoURL(rawVideo) or ''
-- Skill icon in the skillbar (with data for JS)
skillbar:tag('div')
:addClass('character-skill')
:attr('data-index', i)
:attr('data-name', name)
:attr('data-desc', desc)
:attr('data-attr', attr)
:attr('data-video', videoURL)
:wikitext(string.format('[[File:%s|class=character-skill-icon|link=]]', icon))
end
end
abilitiesTab:done()
-- ===================== SKINS TAB =====================
local skinsTab = box:tag('div'):addClass('character-tab-content'):attr('id', 'tab-skins')
local cardSkins = skinsTab:tag('div'):addClass('card-skins')
cardSkins:tag('span'):addClass('card-skins-title'):wikitext('SKINS & SPOTLIGHTS')
local wrapper = cardSkins:tag('div'):addClass('character-skins-carousel-wrapper')
wrapper:tag('button'):addClass('character-skins-arrow left'):wikitext('«')
local carousel = wrapper:tag('div'):addClass('character-skins-carousel')
for j = 1, 11 do
local image = args['skin' .. j .. '-image']
if image then
local banner = args['skin' .. j .. '-banner'] or ''
local tooltipRaw = args['skin' .. j .. '-tooltip'] or ''
local tooltipHtml = tooltipRaw:gsub("'''([^']+)'''", "<b>%1</b>"):gsub("\n", "<br>")
local skinCard = carousel:tag('div')
:addClass('skin-card')
:attr('data-simple-tooltip', tooltipHtml)
skinCard:tag('div')
:addClass('skins-image-banner')
:wikitext(string.format('[[File:%s|link=]]', banner))
:attr('alt', 'banner')
skinCard:tag('div')
:addClass('skins-image-skin')
:wikitext(string.format('[[File:%s|link=]]', image))
:attr('alt', 'skin')
end
end
wrapper:tag('button'):addClass('character-skins-arrow right'):wikitext('»')
-- Pronto!
return tostring(html)
end
return p