Module:MovementTabsGive feedback

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

local p = {}
local lang_module = require("Module:Lang")

function p.render(frame)
    local args = frame:getParent().args
    local tabsStr = args[2] and args[2] or args[1] or ""
    local tabs = mw.text.split(tabsStr, "%s*,%s*")

    local current = mw.title.getCurrentTitle().fullText

    local rootPage = args[1] or current

    local lang_code = lang_module.get_lang_code()

    local lang_suffix = (lang_code ~= "en") and ("/" .. lang_code) or ""

    -- Remove lang suffix from root if present
    if lang_suffix ~= "" and rootPage:sub(-#lang_suffix) == lang_suffix then
        rootPage = rootPage:sub(1, -#lang_suffix - 1)
    end

    local html = mw.html.create("div")
        :css{
            ["border-radius"]="8px",
            ["color"]="#FFF5E8",
            ["display"]="flex",
            ["flex-wrap"]="wrap",
            ["justify-content"]="center",
            ["gap"]="1em",
            ["font-family"]="Retail Demo, Radiance, sans-serif",
            ["text-transform"]="uppercase",
            ["font-weight"]="bold",
            ["font-size"]="15px",
            ["padding"]="0px"
        }

    for _, tab in ipairs(tabs) do
        local pageTarget
        if tab == "Overview" then
            pageTarget = rootPage .. lang_suffix
        else
            pageTarget = rootPage .. "/" .. tab .. lang_suffix
        end

        local pagePlain = tab == "Overview" and rootPage or (rootPage .. "/" .. tab)
        local active = current == pagePlain or current == pagePlain .. lang_suffix

        local div = html:tag("div")
            :css{
                ["padding"]="4px 8px",
                ["cursor"]="pointer",
                ["border-radius"]=active and "4px 4px 0 0" or nil,
                ["background-color"]=active and "#FFF0D6" or nil
            }

        if active then
            div:wikitext(string.format('[[:%s|<span style="color:#483728;">%s</span>]]', pageTarget, tab))
        else
            div:wikitext(string.format('[[:%s|<span style="color:#FFF0D6; text-shadow: 0px 2px 2px black, 0px 0px 2px black;">%s</span>]]', pageTarget, tab))
        end
    end

    return tostring(html)
end

return p