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

Материал из Space Station 14 Вики
мНет описания правки
Метка: ручная отмена
мНет описания правки
Строка 58: Строка 58:
     result = result .. '<div class="menu-toggle">☰</div>\n'
     result = result .. '<div class="menu-toggle">☰</div>\n'


-- Внутренний контейнер
-- Стрелки для переключения категорий
result = result .. '<div class="main-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


-- Меню
-- Меню
if #categories > 0 then
if #categories > 0 then
result = result .. '<div class="menu-container">\n'
result = result .. '<div class="menu-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
for i, category in ipairs(categories) do
for i, category in ipairs(categories) do
if #category.paragraphs > 0 then
if #category.paragraphs > 0 then
Строка 102: Строка 101:
result = result .. '</div>\n'
result = result .. '</div>\n'
end
end
result = result .. '</div>\n' -- Закрытие main-container


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

Версия от 23:35, 30 сентября 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="category-menu">\n'
	
	-- Кнопка для открытия/закрытия меню
    result = result .. '<div class="menu-toggle">☰</div>\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

	-- Меню
	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'
	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' -- Закрытие 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