Модуль:CategoryMenu: различия между версиями
Материал из Space Station 14 Вики
Pok (обсуждение | вклад) мНет описания правки Метка: ручная отмена |
Pok (обсуждение | вклад) Нет описания правки |
||
Строка 2: | Строка 2: | ||
function p.main(frame) | 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="menu-toggle">☰</div>\n' | ||
-- Внутренний контейнер | |||
result = result .. '<div class="main-container">\n' | |||
-- Контейнер для категорий | |||
result = result .. '<div class="categories-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 | |||
result = result .. '</div>\n' -- Закрытие categories-container | |||
-- Контейнер для меню и контента | |||
result = result .. '<div class="menu-and-content">\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' -- Закрытие menu-container | |||
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' -- Закрытие menu-and-content | |||
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 | end | ||
return p | return p |
Версия от 23:37, 29 сентября 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="categories-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 result = result .. '</div>\n' -- Закрытие categories-container -- Контейнер для меню и контента result = result .. '<div class="menu-and-content">\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' -- Закрытие menu-container 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' -- Закрытие menu-and-content 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