모듈:ImageSwitch: 두 판 사이의 차이

잔글 ("모듈:ImageSwitch" 문서를 보호했습니다 ([편집=관리자만 허용] (무기한) [이동=관리자만 허용] (무기한)))
편집 요약 없음
 
(같은 사용자의 중간 판 3개는 보이지 않습니다)
1번째 줄: 1번째 줄:
local p = {}
local p = {}
local function escape_html(text)
    return text
        :gsub("&", "&")
        :gsub("<", "&lt;")
        :gsub(">", "&gt;")
        :gsub("\"", "&quot;")
        :gsub("'", "&#39;")
end


function p.main(frame)
function p.main(frame)
19번째 줄: 10번째 줄:


     local dark = args[2] or ''
     local dark = args[2] or ''
    local width = escape_html(args[3] or '')
    local alt = escape_html(args['alt'] or '')
    local raw_link = args['link']
    local class = escape_html(args['class'] or '')
    local style = escape_html(args['style'] or '')


     local lighturl = escape_html(frame:callParserFunction('filepath', light))
     local function wrap_img(img_code, class)
    local darkurl = dark ~= '' and escape_html(frame:callParserFunction('filepath', dark)) or ''
         return '<span class="' .. class .. '">' .. img_code .. '</span>'
 
    -- 기본 링크 설정
    local link = nil
    if raw_link ~= nil then
         if raw_link ~= '' then
            link = '/wiki/index.php/' .. mw.uri.encode(raw_link, 'WIKI')
        else
            link = ''
        end
    else
        link = '/wiki/index.php/파일:' .. mw.uri.encode(light, 'WIKI')
     end
     end
    local function make_img(src, img_class)
        local tag = '<img src="' .. src .. '" class="' .. img_class
        if class ~= '' then tag = tag .. ' ' .. class end
        tag = tag .. '"'
        if width ~= '' then tag = tag .. ' width="' .. width .. '"' end
        if alt ~= '' then tag = tag .. ' alt="' .. alt .. '"' end
        if style ~= '' then tag = tag .. ' style="' .. style .. '"' end
        tag = tag .. '>'
        return tag
    end
    local light_img = make_img(lighturl, 'light-mode-img')
    local dark_img = darkurl ~= '' and make_img(darkurl, 'dark-mode-img') or ''


     local html = {}
     local html = {}
     table.insert(html, '<div class="image-switch-wrapper">')
     table.insert(html, '<div class="image-switch-wrapper">')
     if link ~= '' then
     table.insert(html, wrap_img(light, 'light-mode-img'))
        table.insert(html, '<a href="' .. link .. '" class="auto-image-link" data-light="' .. light .. '" data-dark="' .. dark .. '">' .. light_img .. dark_img .. '</a>')
    if dark ~= '' then
    else
         table.insert(html, wrap_img(dark, 'dark-mode-img'))
         table.insert(html, light_img .. dark_img)
     end
     end
     table.insert(html, '</div>')
     table.insert(html, '</div>')

2025년 4월 17일 (목) 14:54 기준 최신판

이 모듈에 대한 설명문서는 모듈:ImageSwitch/설명문서에서 만들 수 있습니다

local p = {}

function p.main(frame)
    local args = frame:getParent().args

    local light = args[1] or ''
    if light == '' then
        return '<strong class="error">라이트모드 이미지가 필요합니다.</strong>'
    end

    local dark = args[2] or ''

    local function wrap_img(img_code, class)
        return '<span class="' .. class .. '">' .. img_code .. '</span>'
    end

    local html = {}
    table.insert(html, '<div class="image-switch-wrapper">')
    table.insert(html, wrap_img(light, 'light-mode-img'))
    if dark ~= '' then
        table.insert(html, wrap_img(dark, 'dark-mode-img'))
    end
    table.insert(html, '</div>')

    return table.concat(html)
end

return p