Module:CircularVote

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

local p = {}

function p.show(frame)
    local args = frame.args
    local list = args.list or ""
    local default = args.defaultcolor or "lightgray"

    local people = mw.text.split(list, "%s*,%s*")
    table.sort(people)

    local circles = {}
    for _, initials in ipairs(people) do
        initials = mw.text.trim(initials)
        local fullname = args["name_" .. initials] or initials
        local circle_color = default

        local vote = (args[initials] or ""):lower()

        -- Vote colors
        local vote_color = ({
            yes = "green",
            no = "red",
            abstention = "yellow",
            abstain = "yellow",
            none = "gray",
            ["did not vote"] = "gray"
        })[vote] or "gray"

        -- Vote symbols
        local vote_symbol = ({
            yes = "✓",
            no = "✗",
            abstention = "–",
            abstain = "–",
            none = "",
            ["did not vote"] = ""
        })[vote] or ""

        -- Symbol color
        local symbol_color = (vote_color == "yellow") and "black" or "white"

        table.insert(circles, string.format([[
<div title="%s" style="display:flex; align-items:center; justify-content:center; width:3em; height:3em; border-radius:50%%; background:%s; color:white; font-weight:bold; font-size:0.9em; position:relative; white-space:nowrap; overflow:hidden;">
  %s
  <div style="position:absolute; bottom:0.15em; right:0.15em; width:1.1em; height:1.1em; border-radius:50%%; background:%s; border:2px solid white; display:flex; align-items:center; justify-content:center; font-size:0.75em; color:%s;">
    %s
  </div>
</div>
        ]],
        mw.text.encode(fullname),
        circle_color,
        mw.text.encode(initials),
        vote_color,
        symbol_color,
        vote_symbol))
    end

    -- Wrap all circles in a single flex container
    return string.format('<div style="display:flex; flex-wrap:wrap; gap:0.5em; align-items:center;">%s</div>', table.concat(circles))
end

return p