Модуль:CategoryMenu: различия между версиями
Материал из Space Station 14 Вики
Pok (обсуждение | вклад) мНет описания правки |
Pok (обсуждение | вклад) мНет описания правки |
||
| Строка 55: | Строка 55: | ||
-- Кнопка для открытия/закрытия меню | -- Кнопка для открытия/закрытия меню | ||
result = result .. '<div class="menu-toggle"> | result = result .. '<div class="menu-toggle">☰</div>\n' | ||
-- Категории | -- Категории | ||
Версия от 05:26, 27 сентября 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'
-- Категории
if #categories > 0 then
result = result .. '<div class="categories">\n'
for i, category in ipairs(categories) do
result = result .. '<div class="category' .. i .. '">' .. category.name .. '</div>\n'
end
result = result .. '</div>\n'
end
-- Основной контейнер с меню и контентом
result = result .. '<div class="main-container">\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'
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' -- Закрытие main-container
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