Toggle menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Module:ImageGrid: Difference between revisions

From MassiveCraft Wiki
No edit summary
No edit summary
 
(5 intermediate revisions by the same user not shown)
Line 1: Line 1:
-- File: Module:ImageGrid
local p = {}
local p = {}


-- Function to generate the HTML for the image grid
function p.renderImageGrid(frame)
function p.renderImageGrid(frame)
     local args = frame:getParent().args
     local args = frame:getParent().args
     local images = args['images'] or '' -- fallback to an empty string if nil
     local images = args['images'] or ''  
     local texts = args['texts'] or '' -- fallback to an empty string if nil
     local texts = args['texts'] or ''
    local links = args['links'] or ''
    local subtexts = args['subtexts'] or ''


    -- Split the images and texts into tables
     local imageList = mw.text.split(images, ',')
     local imageList = mw.text.split(images, ',')
     local textList = mw.text.split(texts, ',')
     local textList = mw.text.split(texts, ',')
    local linkList = mw.text.split(links, ',')
    local subtextList = mw.text.split(subtexts, ',')


    -- Initialize the HTML container for the grid
     local html = mw.html.create('div'):addClass('image-grid-container')
     local html = mw.html.create('div'):addClass('image-grid-container')


    -- Loop through the images and texts to create the grid structure
     for i = 1, math.max(#imageList, #textList, #linkList, #subtextList) do
     for i = 1, math.max(#imageList, #textList) do
         local image = mw.text.trim(imageList[i] or 'Noimg.png')  
        -- Fallback for missing images or texts
        local text = mw.text.trim(textList[i] or '')
         local image = mw.text.trim(imageList[i] or 'Noimg.png') -- Fallback to 'Noimg.png' if nil
        local link = mw.text.trim(linkList[i] or '')
         local text = mw.text.trim(textList[i] or '') -- Fallback to empty string if nil
         local subtext = mw.text.trim(subtextList[i] or '')


        -- Create the image wrapper
         local imageWrapper = html:tag('div'):addClass('image-wrapper')
         local imageWrapper = html:tag('div'):addClass('image-wrapper')


         -- Use the MediaWiki file syntax to render the image
         if link ~= '' then
         imageWrapper:wikitext(string.format('[[File:%s|200px]]', image))
            imageWrapper:wikitext(string.format('[[File:%s|link=%s]]', image, link))
         else
            imageWrapper:wikitext(string.format('[[File:%s]]', image))
        end


         -- Add text overlay
        local textContainer = imageWrapper:tag('div'):addClass('image-text-container')
 
         -- text overlay
         if text ~= '' then
         if text ~= '' then
             imageWrapper:tag('div'):addClass('image-text'):wikitext(text)
             textContainer:tag('div'):addClass('image-text-main'):wikitext(text)
        end
       
        -- subtext overlay
        if subtext ~= '' then
            textContainer:tag('div'):addClass('image-text-sub'):wikitext(subtext)
         end
         end
     end
     end


     -- Return the generated HTML as a string
     -- return string here
     return tostring(html)
     return tostring(html)
end
end


return p
return p

Latest revision as of 18:31, 17 September 2024

Documentation for this module may be created at Module:ImageGrid/doc

local p = {}

function p.renderImageGrid(frame)
    local args = frame:getParent().args
    local images = args['images'] or '' 
    local texts = args['texts'] or ''
    local links = args['links'] or ''
    local subtexts = args['subtexts'] or ''

    local imageList = mw.text.split(images, ',')
    local textList = mw.text.split(texts, ',')
    local linkList = mw.text.split(links, ',')
    local subtextList = mw.text.split(subtexts, ',')

    local html = mw.html.create('div'):addClass('image-grid-container')

    for i = 1, math.max(#imageList, #textList, #linkList, #subtextList) do
        local image = mw.text.trim(imageList[i] or 'Noimg.png') 
        local text = mw.text.trim(textList[i] or '') 
        local link = mw.text.trim(linkList[i] or '') 
        local subtext = mw.text.trim(subtextList[i] or '')

        local imageWrapper = html:tag('div'):addClass('image-wrapper')

        if link ~= '' then
            imageWrapper:wikitext(string.format('[[File:%s|link=%s]]', image, link))
        else
            imageWrapper:wikitext(string.format('[[File:%s]]', image))
        end

        local textContainer = imageWrapper:tag('div'):addClass('image-text-container')

        -- text overlay
        if text ~= '' then
            textContainer:tag('div'):addClass('image-text-main'):wikitext(text)
        end
        
        -- subtext overlay
        if subtext ~= '' then
            textContainer:tag('div'):addClass('image-text-sub'):wikitext(subtext)
        end
    end

    -- return string here
    return tostring(html)
end

return p