Модуль:CategoryMenu: различия между версиями
Материал из Space Station 14 Вики
Pok (обсуждение | вклад) мНет описания правки |
Pok (обсуждение | вклад) мНет описания правки |
||
Строка 60: | Строка 60: | ||
-- Внутренний контейнер | -- Внутренний контейнер | ||
result = result .. '<div class="main-container">\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' | ||
for i, category in ipairs(categories) do | for i, category in ipairs(categories) do | ||
if #category.paragraphs > 0 then | if #category.paragraphs > 0 then |
Версия от 06:59, 28 сентября 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="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 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