Модуль:CategoryMenu: различия между версиями

Материал из Space Station 14 Вики
Нет описания правки
мНет описания правки
 
(не показаны 44 промежуточные версии этого же участника)
Строка 1: Строка 1:
local p = {}
local p = {}


-- Функция для рендеринга категории
function p.main(frame)
function p.renderCategory(paragraphs, contents, categoryName, categoryIndex)
-- Подключение CSS файла
    local html = mw.html.create()
local cssLink = frame:extensionTag('templatestyles', '', {
   
src = 'Шаблон:CategoryMenu/styles.css'
    -- Генерация названия категории
})
    html:tag('div')
 
        :addClass('category' .. categoryIndex)
-- Функция для получения аргумента или значения по умолчанию
        :wikitext(categoryName)
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")


    -- Меню
-- Если пункт или контент не заданы, выходим из цикла
    local menu = html:tag('div'):addClass('menu-container')
if not paragraph or not content then
   
break
    local categoryMenu = menu:tag('div'):addClass('menu category' .. categoryIndex .. '-menu')
end
   
    for i, paragraph in ipairs(paragraphs) do
        if paragraph then
            categoryMenu:tag('div')
                :addClass('category' .. categoryIndex .. '-paragraph' .. i)
                :wikitext(paragraph)
        end
    end
   
    -- Контент
    local content = html:tag('div'):addClass('content')
   
    for i, contentText in ipairs(contents) do
        if contentText then
            content:tag('div')
                :addClass('category' .. categoryIndex .. '-paragraph' .. i .. '-content')
                :wikitext(contentText)
        end
    end
   
    return tostring(html)
end


-- Главная функция, которая вызывается в шаблоне
table.insert(category.paragraphs, paragraph)
function p.main(frame)
table.insert(category.contents, content)
    local args = frame:getParent().args
 
    local html = mw.html.create()
j = j + 1
   
end
    -- Генерация списка категорий
 
    local categories = html:tag('div'):addClass('categories')
table.insert(categories, category)
   
i = i + 1
    for i = 1, 2 do
end
        local categoryName = args['category' .. i]
 
        if categoryName then
-- Формирование HTML
            categories:tag('div')
local result = cssLink -- Подключение CSS в результат
                :addClass('category' .. i)
 
                :wikitext(categoryName)
-- Внешний контейнер 
        end
result = result .. '<div class="navigation">\n'
    end
 
-- Кнопка для открытия/закрытия меню
result = result .. '<div class="navigation__menu-toggle">☰</div>\n'
 
-- Стрелки для переключения категорий
result = result .. '<div class="navigation__switcher">\n'
result = result .. '<div id="prev-category" class="navigation__arrow">❮</div>\n'
result = result .. '<div class="navigation__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="navigation__arrow">❯</div>\n'
result = result .. '</div>\n' -- Закрытие switcher


    -- Основной контейнер
-- Меню
    local mainContainer = html:tag('div'):addClass('main-container')
if #categories > 0 then
result = result .. '<div class="navigation__menu-container">\n'
for i, category in ipairs(categories) do
if #category.paragraphs > 0 then
result = result .. '<div class="navigation__menu-item 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'
end


    -- Генерация контента для каждой категории
-- Контент
    for i = 1, 2 do
if #categories > 0 then
        local categoryName = args['category' .. i]
result = result .. '<div class="navigation__content">\n'
        if categoryName then
for i, category in ipairs(categories) do
            local paragraphs = {}
if #category.contents > 0 then
            local contents = {}
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


            for j = 1, 3 do
result = result .. '</div>\n' -- Закрытие navigation
                table.insert(paragraphs, args['category' .. i .. '-paragraph' .. j] or '')
                table.insert(contents, args['category' .. i .. '-paragraph' .. j .. '-content'] or '')
            end


            mainContainer:wikitext(p.renderCategory(paragraphs, contents, categoryName, i))
-- Дополнительный CSS для scrollbar
        end
result = result .. '<div class="customCSS" style="display:none">' ..
    end
'.navigation__menu-container::-webkit-scrollbar, .navigation__content::-webkit-scrollbar { width: 10px; }' ..
'.navigation__menu-container::-webkit-scrollbar-track, .navigation__content::-webkit-scrollbar-track  { background: #2c2c33; }' ..
'.navigation__menu-container::-webkit-scrollbar-thumb, .navigation__content::-webkit-scrollbar-thumb { background: #575767; border: 2px solid #2c2c33; }' ..
'@media (max-width: 800px) {' ..
'.navigation__menu-container::-webkit-scrollbar { display: none; }' ..
'}' ..
'</div>'


    return tostring(html)
return result
end
end


return p
return p

Текущая версия от 22:03, 4 октября 2024

Для документации этого модуля может быть создана страница Модуль: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="navigation">\n'

	-- Кнопка для открытия/закрытия меню
	result = result .. '<div class="navigation__menu-toggle">☰</div>\n'

	-- Стрелки для переключения категорий
	result = result .. '<div class="navigation__switcher">\n'
	result = result .. '<div id="prev-category" class="navigation__arrow">❮</div>\n'
	result = result .. '<div class="navigation__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="navigation__arrow">❯</div>\n'
	result = result .. '</div>\n' -- Закрытие switcher

	-- Меню
	if #categories > 0 then
		result = result .. '<div class="navigation__menu-container">\n'
		for i, category in ipairs(categories) do
			if #category.paragraphs > 0 then
				result = result .. '<div class="navigation__menu-item 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'
	end

	-- Контент
	if #categories > 0 then
		result = result .. '<div class="navigation__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' -- Закрытие navigation

	-- Дополнительный CSS для scrollbar
	result = result .. '<div class="customCSS" style="display:none">' ..
		'.navigation__menu-container::-webkit-scrollbar, .navigation__content::-webkit-scrollbar { width: 10px; }' ..
		'.navigation__menu-container::-webkit-scrollbar-track, .navigation__content::-webkit-scrollbar-track  { background: #2c2c33; }' ..
		'.navigation__menu-container::-webkit-scrollbar-thumb, .navigation__content::-webkit-scrollbar-thumb { background: #575767; border: 2px solid #2c2c33; }' ..
		'@media (max-width: 800px) {' ..
		'.navigation__menu-container::-webkit-scrollbar { display: none; }' ..
		'}' ..
		'</div>'

	return result
end

return p