Модуль:CategoryMenu: различия между версиями
Pok (обсуждение | вклад) мНет описания правки |
Pok (обсуждение | вклад) мНет описания правки |
||
| (не показано 9 промежуточных версий этого же участника) | |||
| Строка 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 short-scrollbar">\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 short-scrollbar">\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 | ||
return result | return result | ||