Модуль:CategoryMenu

Для документации этого модуля может быть создана страница Модуль:CategoryMenu/doc

local p = {}

function p.main(frame)
    -- Подключение CSS файла
    local cssLink = frame:extensionTag('templatestyles', '', { src = 'Шаблон:CategoryMenu/styles.css' })

    -- Функция для получения аргумента или значения по умолчанию
    local function getArg(name)
        return frame.args[name] or nil
    end

    -- Обработка неограниченного количества категорий
    local categories = {}
    local i = 1

    while true do
        local categoryName = getArg("category" .. i)

        -- Если категория не задана, выходим из цикла
        if not categoryName then
            break
        end

        local category = {
            name = categoryName,
            paragraphs = {},
            contents = {}
        }

        -- Обработка неограниченного количества пунктов для каждой категории
        local j = 1
        while true do
            local paragraph = getArg("category" .. i .. "-paragraph" .. j)
            local content = getArg("category" .. i .. "-paragraph" .. j .. "-content")

            -- Если пункт или контент не заданы, выходим из цикла
            if not paragraph or not content then
                break
            end

            table.insert(category.paragraphs, paragraph)
            table.insert(category.contents, content)

            j = j + 1
        end

        table.insert(categories, category)
        i = i + 1
    end

    -- Формирование HTML
    local result = cssLink -- Подключение CSS в результат
    
    -- Внешний контейнер  
    result = result .. '<div class="category-menu">\n'
    
    -- Кнопка для открытия/закрытия меню
    result = result .. '<div class="menu-toggle">☰</div>\n'

    -- Внутренний контейнер
    result = result .. '<div class="main-container">\n'

    -- Контейнер для категорий
    result = result .. '<div class="categories-container">\n'
    -- Стрелки для переключения категорий
    result = result .. '<div class="category-switcher">\n'
    result = result .. '<div id="prev-category" class="arrow">❮</div>\n'
    result = result .. '<div class="categories">\n'

    -- Категории
    if #categories > 0 then
        for i, category in ipairs(categories) do
            result = result .. '<div class="category' .. i .. '">' .. category.name .. '</div>\n'
        end
    end
    result = result .. '</div>\n'
    result = result .. '<div id="next-category" class="arrow">❯</div>\n'
    result = result .. '</div>\n' -- Закрытие category-switcher
    result = result .. '</div>\n' -- Закрытие categories-container

    -- Контейнер для меню и контента
    result = result .. '<div class="menu-and-content">\n'
    
    -- Меню
    if #categories > 0 then
        result = result .. '<div class="menu-container">\n'
        for i, category in ipairs(categories) do
            if #category.paragraphs > 0 then
                result = result .. '<div class="menu category' .. i .. '-menu">\n'
                for j, paragraph in ipairs(category.paragraphs) do
                    result = result .. '<div class="category' .. i .. '-paragraph' .. j .. '">' .. paragraph .. '</div>\n'
                end
                result = result .. '</div>\n'
            end
        end
        result = result .. '</div>\n' -- Закрытие menu-container
    end

    -- Контент
    if #categories > 0 then
        result = result .. '<div class="content">\n'
        for i, category in ipairs(categories) do
            if #category.contents > 0 then
                for j, content in ipairs(category.contents) do
                    result = result .. '<div class="category' .. i .. '-paragraph' .. j .. '-content">\n' .. content .. '</div>\n'
                end
            end
        end
        result = result .. '</div>\n'
    end

    result = result .. '</div>\n' -- Закрытие menu-and-content

    result = result .. '</div>\n' -- Закрытие category-menu
    
    -- Дополнительный CSS для scrollbar
    result = result .. '<div class="customCSS" style="display:none">.content::-webkit-scrollbar, .menu-container::-webkit-scrollbar { width: 10px; } .content::-webkit-scrollbar-track, .menu-container::-webkit-scrollbar-track { background: #2c2c33; } .content::-webkit-scrollbar-thumb, .menu-container::-webkit-scrollbar-thumb { background: #5b5b67; border: 2px solid #2c2c33; }</div>'

    return result
end

return p