Модуль:CategoryMenu: различия между версиями
Материал из Space Station 14 Вики
Pok (обсуждение | вклад) мНет описания правки |
Pok (обсуждение | вклад) мНет описания правки |
||
(не показано 5 промежуточных версий этого же участника) | |||
Строка 3: | Строка 3: | ||
function p.main(frame) | function p.main(frame) | ||
-- Подключение CSS файла | -- Подключение CSS файла | ||
local cssLink = frame:extensionTag('templatestyles', '', { src = 'Шаблон:CategoryMenu/styles.css' }) | local cssLink = frame:extensionTag('templatestyles', '', { | ||
src = 'Шаблон:CategoryMenu/styles.css' | |||
}) | |||
-- Функция для получения аргумента или значения по умолчанию | -- Функция для получения аргумента или значения по умолчанию | ||
Строка 51: | Строка 53: | ||
-- Формирование HTML | -- Формирование HTML | ||
local result = cssLink -- Подключение CSS в результат | local result = cssLink -- Подключение CSS в результат | ||
-- Внешний контейнер | -- Внешний контейнер | ||
result = result .. '<div class=" | result = result .. '<div class="navigation">\n' | ||
-- Кнопка для открытия/закрытия меню | -- Кнопка для открытия/закрытия меню | ||
result = result .. '<div class="navigation__menu-toggle">☰</div>\n' | |||
-- Стрелки для переключения категорий | -- Стрелки для переключения категорий | ||
result = result .. '<div class=" | result = result .. '<div class="navigation__switcher">\n' | ||
result = result .. '<div id="prev-category" class=" | result = result .. '<div id="prev-category" class="navigation__arrow">❮</div>\n' | ||
result = result .. '<div class=" | result = result .. '<div class="navigation__categories">\n' | ||
-- Категории | -- Категории | ||
Строка 70: | Строка 72: | ||
end | end | ||
result = result .. '</div>\n' | result = result .. '</div>\n' | ||
result = result .. '<div id="next-category" class=" | result = result .. '<div id="next-category" class="navigation__arrow">❯</div>\n' | ||
result = result .. '</div>\n' -- Закрытие switcher | |||
result = result .. '</div>\n' -- Закрытие | |||
-- Меню | -- Меню | ||
if #categories > 0 then | if #categories > 0 then | ||
result = result .. '<div class=" | result = result .. '<div class="navigation__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 | ||
result = result .. '<div class=" | result = result .. '<div class="navigation__menu-item category' .. i .. '-menu">\n' | ||
for j, paragraph in ipairs(category.paragraphs) do | for j, paragraph in ipairs(category.paragraphs) do | ||
result = result .. '<div class="category' .. i .. '-paragraph' .. j .. '">' .. paragraph .. '</div>\n' | result = result .. '<div class="category' .. i .. '-paragraph' .. j .. '">' .. paragraph ..'</div>\n' | ||
end | end | ||
result = result .. '</div>\n' | result = result .. '</div>\n' | ||
Строка 91: | Строка 92: | ||
-- Контент | -- Контент | ||
if #categories > 0 then | if #categories > 0 then | ||
result = result .. '<div class=" | result = result .. '<div class="navigation__content">\n' | ||
for i, category in ipairs(categories) do | for i, category in ipairs(categories) do | ||
if #category.contents > 0 then | if #category.contents > 0 then | ||
for j, content in ipairs(category.contents) do | for j, content in ipairs(category.contents) do | ||
result = result .. '<div class="category' .. i .. '-paragraph' .. j .. '-content">\n' .. content .. '</div>\n' | result = result .. '<div class="category' .. i .. '-paragraph' .. j .. '-content">\n' .. content ..'</div>\n' | ||
end | end | ||
end | end | ||
Строка 102: | Строка 103: | ||
end | end | ||
result = result .. '</div>\n' -- Закрытие | result = result .. '</div>\n' -- Закрытие navigation | ||
-- Дополнительный CSS для scrollbar | -- Дополнительный CSS для scrollbar | ||
result = result .. '<div class="customCSS" style="display:none">. | result = result .. '<div class="customCSS" style="display:none">' .. | ||
'.navigation__menu-container::-webkit-scrollbar, .navigation__content::-webkit-scrollbar { width: 10px; }' .. | |||
'.navigation__menu-container::-webkit-scrollbar-track, .navigation__content::-webkit-scrollbar-track { background: #2c2c33; }' .. | |||
'.navigation__menu-container::-webkit-scrollbar-thumb, .navigation__content::-webkit-scrollbar-thumb { background: #575767; border: 2px solid #2c2c33; }' .. | |||
'@media (max-width: 800px) {' .. | |||
'.navigation__menu-container::-webkit-scrollbar { display: none; }' .. | |||
'}' .. | |||
'</div>' | |||
return result | return result |
Текущая версия от 22:03, 4 октября 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="navigation">\n' -- Кнопка для открытия/закрытия меню result = result .. '<div class="navigation__menu-toggle">☰</div>\n' -- Стрелки для переключения категорий result = result .. '<div class="navigation__switcher">\n' result = result .. '<div id="prev-category" class="navigation__arrow">❮</div>\n' result = result .. '<div class="navigation__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="navigation__arrow">❯</div>\n' result = result .. '</div>\n' -- Закрытие switcher -- Меню if #categories > 0 then result = result .. '<div class="navigation__menu-container">\n' for i, category in ipairs(categories) do if #category.paragraphs > 0 then result = result .. '<div class="navigation__menu-item 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="navigation__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' -- Закрытие navigation -- Дополнительный CSS для scrollbar result = result .. '<div class="customCSS" style="display:none">' .. '.navigation__menu-container::-webkit-scrollbar, .navigation__content::-webkit-scrollbar { width: 10px; }' .. '.navigation__menu-container::-webkit-scrollbar-track, .navigation__content::-webkit-scrollbar-track { background: #2c2c33; }' .. '.navigation__menu-container::-webkit-scrollbar-thumb, .navigation__content::-webkit-scrollbar-thumb { background: #575767; border: 2px solid #2c2c33; }' .. '@media (max-width: 800px) {' .. '.navigation__menu-container::-webkit-scrollbar { display: none; }' .. '}' .. '</div>' return result end return p