Módulo:Droflax

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()
    
    -- Contenedor oculto con todos los datos (persona-data)
    local dataDiv = html:tag('div')
        :attr('id', 'persona-data')
        :attr('style', 'display:none')
        :attr('data-nome', args.nome or '')
        :attr('data-tier', args.tier or '')
        :attr('data-classe', args.classe or '')
        :attr('data-image', args.image or 'Franky_ts_splash.png')  -- Nombre del archivo (sin ruta)

    -- Habilidades (1-21)
    for i = 1, 21 do
        if args['hab' .. i .. '-nome'] then
            dataDiv
                :attr('data-hab' .. i .. '-nome', args['hab' .. i .. '-nome'] or '')
                :attr('data-hab' .. i .. '-icon', args['hab' .. i .. '-icon'] or '')
                :attr('data-hab' .. i .. '-level', args['hab' .. i .. '-level'] or '')
                :attr('data-hab' .. i .. '-desc', args['hab' .. i .. '-desc'] or '')
                :attr('data-hab' .. i .. '-atr', args['hab' .. i .. '-atr'] or '')
                :attr('data-hab' .. i .. '-video', args['hab' .. i .. '-video'] or '')
        end
    end

    -- Skins (1-11)
    for j = 1, 11 do
        if args['skin' .. j .. '-image'] then
            dataDiv
                :attr('data-skin' .. j .. '-image', args['skin' .. j .. '-image'] or '')
                :attr('data-skin' .. j .. '-banner', args['skin' .. j .. '-banner'] or '')
                :attr('data-skin' .. j .. '-tooltip', args['skin' .. j .. '-tooltip'] or '')
        end
    end

    -- Crear la estructura HTML completa
    local personajeBox = mw.html.create('div')
        :addClass('personaje-box')
        
        -- Header
        :tag('div'):addClass('personaje-header')
            :tag('div'):addClass('personaje-topbar')
                :tag('div'):addClass('personaje-nome-box')
                    :tag('img')
                        :attr('src', '/images/6/63/Franky_ts_medal.png')
                        :addClass('topbar-icon')
                    :done()
                    :tag('div'):addClass('personaje-nome-category')
                        :tag('div'):addClass('nome'):wikitext(args.nome or 'Franky (TS)'):done()
                        :tag('div'):addClass('classes'):wikitext(args.classe or ''):done()
                    :done()
                :done()
            :done()
            :tag('div'):addClass('topbar-description')
                :wikitext((args.nome or 'Franky (TS)') .. ' é um personagem do tier ' .. (args.tier or 'diamante') .. '.')
            :done()
            :tag('div'):addClass('personaje-tabs')
			    :tag('button')
			        :addClass('tab-btn')
			        :attr('data-tab', 'arma')
			        :wikitext('Arma')
			    :done()
			    :tag('button')
			        :addClass('tab-btn active')
			        :attr('data-tab', 'habilidades')
			        :wikitext('Habilidades')
			    :done()
			    :tag('button')
			        :addClass('tab-btn')
			        :attr('data-tab', 'skins')
			        :wikitext('Skins')
			    :done()
			:done()
        :done()
        
        -- Imagen del personaje (usando wikitext para el archivo)
        :tag('div'):css('text-align', 'center')
            :wikitext(string.format('[[Arquivo:%s|class=art-personaje|link=|alt=Arte del personaje]]', args.image or 'Franky_ts_splash.png'))
        :done()
        
        -- Contenido de pestañas
        :tag('div'):addClass('tab-content active'):attr('id', 'habilidades')
            :tag('div'):addClass('cuadros-container'):done()
            :tag('div'):addClass('habilidades-container')
                :tag('div'):addClass('habilidades-details')
                    :tag('div'):addClass('descripcion-container'):done()
                :done()
                :tag('div'):addClass('video-container'):done()
            :done()
        :done()
        
        :tag('div'):addClass('tab-content'):attr('id', 'skins'):done()
    :done()

    -- Retornar ambos elementos (dataDiv oculto y la estructura visible)
    return tostring(dataDiv) .. tostring(personajeBox)
end

return p