Модуль:CategoryMenu: различия между версиями
Материал из Space Station 14 Вики
Pok (обсуждение | вклад) мНет описания правки |
Pok (обсуждение | вклад) мНет описания правки |
||
| Строка 106: | Строка 106: | ||
-- Дополнительный CSS для scrollbar | -- Дополнительный CSS для scrollbar | ||
result = result .. '<div class="customCSS" style="display:none">.content::-webkit-scrollbar { width: 10px; } .content::-webkit-scrollbar-track { background: #2c2c33; } .content::-webkit-scrollbar-thumb { background: #5b5b67; border: 2px solid #2c2c33; }</div>' | result = result .. '<div class="customCSS" style="display:none">.content::-webkit-scrollbar { width: 10px; } .content::-webkit-scrollbar-track { background: #2c2c33; } .content::-webkit-scrollbar-thumb { background: #5b5b67; border: 2px solid #2c2c33; }</div>' | ||
result = result .. '<div class="customCSS" style="display:none">.menu-container::-webkit-scrollbar { width: 9px; } .menu-container::-webkit-scrollbar-track { background: #2c2c33; } .menu-container::-webkit-scrollbar-thumb { background: # | result = result .. '<div class="customCSS" style="display:none">.menu-container::-webkit-scrollbar { width: 9px; } .menu-container::-webkit-scrollbar-track { background: #2c2c33; } .menu-container::-webkit-scrollbar-thumb { background: #575767; border: 2px solid #2c2c33; }</div>' | ||
return result | return result | ||
Версия от 00:56, 1 октября 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 { width: 10px; } .content::-webkit-scrollbar-track { background: #2c2c33; } .content::-webkit-scrollbar-thumb { background: #5b5b67; border: 2px solid #2c2c33; }</div>'
result = result .. '<div class="customCSS" style="display:none">.menu-container::-webkit-scrollbar { width: 9px; } .menu-container::-webkit-scrollbar-track { background: #2c2c33; } .menu-container::-webkit-scrollbar-thumb { background: #575767; border: 2px solid #2c2c33; }</div>'
return result
end
return p