Mudanças entre as edições de "Módulo:Droflax"

De Wiki Gla
Ir para navegação Ir para pesquisar
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')
 
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
 
     local tier = (args.tier or ""):lower()
     local tier = (args.tier or ""):lower()
    local tierMap = {
local tierMap = {
        bronze = "tier-bronze", bronce = "tier-bronze",
    bronze = "tier-bronze", bronce = "tier-bronze",
        silver = "tier-silver", prata = "tier-silver",
    silver = "tier-silver", prata = "tier-silver",
        gold  = "tier-gold",  ouro = "tier-gold",
    gold  = "tier-gold",  ouro = "tier-gold",
        diamond = "tier-diamond", diamante = "tier-diamond"
    diamond = "tier-diamond", diamante = "tier-diamond"
    }
}
    local tierClass = tierMap[tier]
local tierClass = tierMap[tier]
     local box = html:tag('div'):addClass('personaje-box')
     local box = html:tag('div'):addClass('personaje-box')
     if tierClass then
     if tierClass then
        box:addClass(tierClass)
    box:addClass(tierClass)
    end
end
 
     local header = box:tag('div'):addClass('personaje-header')
     local header = box:tag('div'):addClass('personaje-header')
     local topbar = header:tag('div'):addClass('personaje-topbar')
     local topbar = header:tag('div'):addClass('personaje-topbar')
Linha 30: Linha 27:


     local nomeCat = nomeBox:tag('div'):addClass('personaje-nome-category')
     local nomeCat = nomeBox:tag('div'):addClass('personaje-nome-category')
    nomeCat:tag('div'):addClass('nome'):wikitext(args.nome or 'Franky (TS)')
nomeCat:tag('div'):addClass('nome'):wikitext(args.nome or 'Franky (TS)')
    local classesDiv = nomeCat:tag('div'):addClass('classes')
local classesDiv = nomeCat:tag('div'):addClass('classes')
    local classeString = args.classe or ''
-- Dividir clases por "/"
    for classe in mw.text.gsplit(classeString, '/', true) do
local classeString = args.classe or ''
        classesDiv:tag('div'):addClass('classe'):wikitext(classe)
for classe in mw.text.gsplit(classeString, '/', true) do
    end
    classesDiv:tag('div'):addClass('classe'):wikitext(classe)
end


     header:tag('div'):addClass('topbar-description'):wikitext(args.desc)
     header:tag('div'):addClass('topbar-description')
        :wikitext(args.desc)


     local tabs = header:tag('div'):addClass('personaje-tabs')
     local tabs = header:tag('div'):addClass('personaje-tabs')
     tabs:tag('div'):addClass('tab-btn active'):attr('data-tab', 'habilidades'):wikitext('Habilidades')
     tabs:tag('div'):addClass('tab-btn active'):attr('data-tab', 'habilidades'):wikitext('Habilidades')
     tabs:tag('div'):addClass('tab-btn'):attr('data-tab', 'skins'):wikitext('Skins')
     tabs:tag('div'):addClass('tab-btn'):attr('data-tab', 'skins'):wikitext('Skins')
 
   
     local artImg = args.image or 'Franky_ts_splash.png'
     local artImg = args.image or 'Franky_ts_splash.png'
     box:tag('div'):css('text-align', 'center')
     box:tag('div'):css('text-align', 'center')
         :wikitext(string.format('[[Arquivo:%s|class=art-personaje|link=|alt=Arte do personagem]]', artImg))
         :wikitext(string.format('[[Arquivo:%s|class=art-personaje|link=|alt=Arte do personagem]]', artImg))


     -- HABILIDADES
     -- HABILIDADE
     local habilidadesTab = box:tag('div'):addClass('tab-content active'):attr('id', 'habilidades')
     local habilidadesTab = box:tag('div'):addClass('tab-content active'):attr('id', 'habilidades')
     local cuadros = habilidadesTab:tag('div'):addClass('cuadros-container')
     local cuadros = habilidadesTab:tag('div'):addClass('cuadros-container')
Linha 54: Linha 53:
     local details = habilidadesContainer:tag('div'):addClass('habilidades-details')
     local details = habilidadesContainer:tag('div'):addClass('habilidades-details')
     local descripcionContainer = details:tag('div'):addClass('descripcion-container')
     local descripcionContainer = details:tag('div'):addClass('descripcion-container')
    -- contenedor para videos precargados
    local videosDiv = habilidadesContainer:tag('div'):addClass('video-container')


     for i = 1, 21 do
     for i = 1, 21 do
        local nome = args['hab' .. i .. '-nome']
    local nome = args['hab' .. i .. '-nome']
        if nome then
    if nome then
            local icon = args['hab' .. i .. '-icon'] or ''
        local icon = args['hab' .. i .. '-icon'] or ''
            local level = args['hab' .. i .. '-level'] or ''
        local level = args['hab' .. i .. '-level'] or ''
            local desc = args['hab' .. i .. '-desc'] or ''
        local desc = args['hab' .. i .. '-desc'] or ''
            local atr = args['hab' .. i .. '-atr'] or ''
        local atr = args['hab' .. i .. '-atr'] or ''
            local rawVideo = args['hab' .. i .. '-video'] or ''
        local rawVideo = args['hab' .. i .. '-video'] or ''
            local videoURL = rawVideo ~= '' and getVideoURL(rawVideo) or ''
local videoURL = rawVideo ~= '' and getVideoURL(rawVideo) or ''
 
            cuadros:tag('div')
        cuadros:tag('div')
                :addClass('cuadro')
            :addClass('cuadro')
                :attr('data-index', i)
            :attr('data-index', i)
                :attr('data-nome', nome)
            :attr('data-nome', nome)
                :attr('data-desc', desc)
            :attr('data-desc', desc)
                :attr('data-atr', atr)
            :attr('data-atr', atr)
                :attr('data-video', videoURL)
            :attr('data-video', videoURL)
                :wikitext(string.format("[[Arquivo:%s|class=habilidad-icon|link=]]", icon))
:attr('data-video-preload', 'auto')  -- Añadir esto
 
            :wikitext(string.format("[[Arquivo:%s|class=habilidad-icon|link=]]", icon))
            descripcionContainer:tag('div')
                :addClass('habilidad-descripcion')
        descripcionContainer:tag('div')
                :attr('data-index', i)
            :addClass('habilidad-descripcion')
            :attr('data-index', i)
    end
end


            -- insertar video oculto para precarga
            if videoURL ~= '' then
        local videoTag = videosDiv:tag('video')
            :attr('data-index', i)
            :attr('width', '100%')
            :attr('controls', 'controls')
            :attr('playsinline', 'playsinline')
            :attr('preload', 'auto') -- 🔹 fuerza precarga
            :css('display', 'none')
        videoTag:tag('source')
            :attr('src', videoURL)
            :attr('type', 'video/webm')
            :done() -- 🔹 cierra <source> y vuelve a <video>
        videoTag:done() -- 🔹 cierra <video> y vuelve al contenedor
    end
        end
    end


     details:done()
     details:done()
    habilidadesContainer:tag('div'):addClass('video-container'):done()
     habilidadesTab:done()
     habilidadesTab:done()


     -- SKINS
     -- SKINS
    local skinsTab = box:tag('div'):addClass('tab-content'):attr('id', 'skins')
local skinsTab = box:tag('div'):addClass('tab-content'):attr('id', '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('skins-carousel-wrapper')
local wrapper = cardSkins:tag('div'):addClass('skins-carousel-wrapper')
    wrapper:tag('div'):addClass('skins-arrow left'):wikitext('«')
wrapper:tag('div'):addClass('skins-arrow left'):wikitext('«')
 
    local carousel = wrapper:tag('div'):addClass('skins-carousel')
local carousel = wrapper:tag('div'):addClass('skins-carousel')
 
    for j = 1, 11 do
for j = 1, 11 do
        local image = args['skin' .. j .. '-image']
    local image = args['skin' .. j .. '-image']
        if image then
    if image then
            local banner = args['skin' .. j .. '-banner'] or ''
        local banner = args['skin' .. j .. '-banner'] or ''
            local tooltip = args['skin' .. j .. '-tooltip'] or ''
        local tooltip = args['skin' .. j .. '-tooltip'] or ''
            local tooltipRaw = args['skin' .. j .. '-tooltip'] or ''
        local tooltipRaw = args['skin' .. j .. '-tooltip'] or ''
            local tooltipHtml = tooltipRaw:gsub("'''([^']+)'''", "<b>%1</b>")
        local tooltipHtml = tooltipRaw:gsub("'''([^']+)'''", "<b>%1</b>")
            tooltipHtml = tooltipHtml:gsub("\n", "<br>")
        tooltipHtml = tooltipHtml:gsub("\n", "<br>")
 
       
            local skinCard = carousel:tag('div')
        local skinCard = carousel:tag('div')
                :addClass('skin-card simple-tooltip simple-tooltip-inline tooltipstered')
            :addClass('skin-card simple-tooltip simple-tooltip-inline tooltipstered')
                :attr('data-simple-tooltip', tooltipHtml)
            :attr('data-simple-tooltip', tooltipHtml)
 
            skinCard:tag('div')
        skinCard:tag('div')
                :addClass('skins--imageBanner')
            :addClass('skins--imageBanner')
                :wikitext(string.format("[[Arquivo:%s|link=]]", banner))
            :wikitext(string.format("[[Arquivo:%s|link=]]", banner))
                :attr('alt', 'banner')
            :attr('alt', 'banner')
 
            skinCard:tag('div')
        skinCard:tag('div')
                :addClass('skins--imageSkin')
            :addClass('skins--imageSkin')
                :wikitext(string.format("[[Arquivo:%s|link=]]", image))
            :wikitext(string.format("[[Arquivo:%s|link=]]", image))
                :attr('alt', 'skin')
            :attr('alt', 'skin')
        end
    end
    end
end
wrapper:tag('div'):addClass('skins-arrow right'):wikitext('»')


    wrapper:tag('div'):addClass('skins-arrow right'):wikitext('»')


     return tostring(html)
     return tostring(html)

Edição das 22h48min de 8 de agosto de 2025

A documentação para este módulo pode ser criada em Módulo:Droflax/doc

local p = {}

function p.generate(frame)
    local args = frame:getParent().args
    local html = mw.html.create('div')
	local function getVideoURL(filename)
	    return tostring(mw.uri.fullUrl('Special:FilePath/' .. filename))
	end
    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]
    local box = html:tag('div'):addClass('personaje-box')
    if tierClass then
	    box:addClass(tierClass)
	end
    local header = box:tag('div'):addClass('personaje-header')
    local topbar = header:tag('div'):addClass('personaje-topbar')
    local nomeBox = topbar:tag('div'):addClass('personaje-nome-box')

    local medalImg = args.medal or 'Franky_ts_medal.png'
    nomeBox:wikitext(string.format('[[Arquivo:%s|class=topbar-icon|link=|alt=Medal]]', medalImg))

    local nomeCat = nomeBox:tag('div'):addClass('personaje-nome-category')
	nomeCat:tag('div'):addClass('nome'):wikitext(args.nome or 'Franky (TS)')
	local classesDiv = nomeCat:tag('div'):addClass('classes')
	-- Dividir clases por "/"
	local classeString = args.classe or ''
	for classe in mw.text.gsplit(classeString, '/', true) do
	    classesDiv:tag('div'):addClass('classe'):wikitext(classe)
	end

    header:tag('div'):addClass('topbar-description')
        :wikitext(args.desc)

    local tabs = header:tag('div'):addClass('personaje-tabs')
    tabs:tag('div'):addClass('tab-btn active'):attr('data-tab', 'habilidades'):wikitext('Habilidades')
    tabs:tag('div'):addClass('tab-btn'):attr('data-tab', 'skins'):wikitext('Skins')
    
    local artImg = args.image or 'Franky_ts_splash.png'
    box:tag('div'):css('text-align', 'center')
        :wikitext(string.format('[[Arquivo:%s|class=art-personaje|link=|alt=Arte do personagem]]', artImg))

    -- HABILIDADE
    local habilidadesTab = box:tag('div'):addClass('tab-content active'):attr('id', 'habilidades')
    local cuadros = habilidadesTab:tag('div'):addClass('cuadros-container')
    local habilidadesContainer = habilidadesTab:tag('div'):addClass('habilidades-container')

    local details = habilidadesContainer:tag('div'):addClass('habilidades-details')
    local descripcionContainer = details:tag('div'):addClass('descripcion-container')

    for i = 1, 21 do
	    local nome = args['hab' .. i .. '-nome']
	    if nome then
	        local icon = args['hab' .. i .. '-icon'] or ''
	        local level = args['hab' .. i .. '-level'] or ''
	        local desc = args['hab' .. i .. '-desc'] or ''
	        local atr = args['hab' .. i .. '-atr'] or ''
	        local rawVideo = args['hab' .. i .. '-video'] or ''
			local videoURL = rawVideo ~= '' and getVideoURL(rawVideo) or ''
	
	        cuadros:tag('div')
	            :addClass('cuadro')
	            :attr('data-index', i)
	            :attr('data-nome', nome)
	            :attr('data-desc', desc)
	            :attr('data-atr', atr)
	            :attr('data-video', videoURL)
				:attr('data-video-preload', 'auto')  -- Añadir esto
	            :wikitext(string.format("[[Arquivo:%s|class=habilidad-icon|link=]]", icon))
	
	        descripcionContainer:tag('div')
	            :addClass('habilidad-descripcion')
	            :attr('data-index', i)
	    end
	end


    details:done()
    habilidadesContainer:tag('div'):addClass('video-container'):done()
    habilidadesTab:done()

    -- SKINS
	local skinsTab = box:tag('div'):addClass('tab-content'):attr('id', '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('skins-carousel-wrapper')
	wrapper:tag('div'):addClass('skins-arrow left'):wikitext('«')
	
	local carousel = wrapper:tag('div'):addClass('skins-carousel')
	
	for j = 1, 11 do
	    local image = args['skin' .. j .. '-image']
	    if image then
	        local banner = args['skin' .. j .. '-banner'] or ''
	        local tooltip = args['skin' .. j .. '-tooltip'] or ''
	        local tooltipRaw = args['skin' .. j .. '-tooltip'] or ''
	        local tooltipHtml = tooltipRaw:gsub("'''([^']+)'''", "<b>%1</b>")
	        tooltipHtml = tooltipHtml:gsub("\n", "<br>")
	        
	        local skinCard = carousel:tag('div')
	            :addClass('skin-card simple-tooltip simple-tooltip-inline tooltipstered')
	            :attr('data-simple-tooltip', tooltipHtml)
	
	        skinCard:tag('div')
	            :addClass('skins--imageBanner')
	            :wikitext(string.format("[[Arquivo:%s|link=]]", banner))
	            :attr('alt', 'banner')
	
	        skinCard:tag('div')
	            :addClass('skins--imageSkin')
	            :wikitext(string.format("[[Arquivo:%s|link=]]", image))
	            :attr('alt', 'skin')
	    end
	end
	
	wrapper:tag('div'):addClass('skins-arrow right'):wikitext('»')


    return tostring(html)
end

return p