ഘടകം:GradeLinks

ഈ ഘടകത്തിന്റെ വിവരണം ഘടകം:GradeLinks/വിവരണം എന്ന താളിൽ നിർമ്മിക്കാവുന്നതാണ്

local p = {}

function p.render(frame)
    local args = frame:getParent().args
    local mainUrl = args.MainUrl or ""
    local itemName = args.ItemName or ""
    local mainTitle = args.MainTitle or ""

    local grades = {
        { suffix = "A ഗ്രേഡ്", file = "MedelA.svg", label = "A ഗ്രേഡ്" },
        { suffix = "B ഗ്രേഡ്", file = "MedelB.svg", label = "B ഗ്രേഡ്" },
        { suffix = "C ഗ്രേഡ്", file = "MedelC.svg", label = "C ഗ്രേഡ്" },
        { suffix = "മറ്റുള്ളവ", file = "MedelO.svg", label = "മറ്റുള്ളവ" },
    }

    local output = {}
    local shouldContinue = true

    for _, grade in ipairs(grades) do
        if shouldContinue then
            local pageTitle = mainUrl .. "/" .. itemName .. "/" .. grade.suffix
            local titleObj = mw.title.new(pageTitle)

            if titleObj and titleObj.exists then
                table.insert(output, string.format(
                    '<div style="text-align: center; padding: 0.75em; font-weight: normal; line-height: 1.15; font-size: 1.05em; margin-bottom: 0.2em; min-width: 120px; max-width: 250px; flex: 1 1 0px; margin-right: 1px;">' ..
                    '<span aria-hidden="true" role="presentation">[[File:%s|45px|link=%s|frameless|center]]</span>' ..
                    '[[%s|<b>%s</b>]]</div>',
                    grade.file, pageTitle, pageTitle, grade.label
                ))
            else
                -- Stop checking further if the current grade does not exist
                shouldContinue = false
            end
        end
    end

    if #output > 0 then
        return string.format(
            '<div style="margin:8px 0px;background:#F1FFB5;padding-bottom:10px;border-radius:0px 0px 25px 25px;">' ..
            '<div style="color:#fff;padding:14px 10px !important;margin:0px;border-bottom:1px solid #ccc;background:#27AE60;border-radius:25px 25px 0px 0px;">' ..
            '<p style="padding:0px 10px;margin:0px; font-weight:bold;font-size:1.2em;">%s</p>' ..
            '</div>' ..
            '<div style="display: flex; flex-flow: row wrap; justify-content: space-evenly; width: 95%%;" role="navigation">%s</div>' ..
            '</div>',
            mainTitle, table.concat(output)
        )
    end

    return ""
end

return p