Модуль:CategoryMenu: различия между версиями

Интерактивная навигация по истории

← Предыдущая правка

@@ Строка 1: / Строка 1: @@
 local p = {}
-function p.generate(frame)
+function p.main(frame)
-    local args = frame:getParent().args
+	-- Подключение CSS файла
-    local html = mw.html.create()
+	local cssLink = frame:extensionTag('templatestyles', '', {
+		src = 'Шаблон:CategoryMenu/styles.css'
+	})
-    -- Контейнер для категорий
+	-- Функция для получения аргумента или значения по умолчанию
-    local categoriesDiv = html:tag('div'):addClass('categories')
+	local function getArg(name)
+		return frame.args[name] or nil
+	end
-    -- Контейнер для меню и контента
+	-- Обработка неограниченного количества категорий
-    local mainContainer = html:tag('div'):addClass('main-container')
+	local categories = {}
-    local menuContainer = mainContainer:tag('div'):addClass('menu-container')
+	local i = 1
-    local contentContainer = mainContainer:tag('div'):addClass('content')
-    -- Проходим по всем категориям
+	while true do
-    local i = 1
+		local categoryName = getArg("category" .. i)
-    while args['category' .. i] do
-        local category = args['category' .. i]
-        categoriesDiv:tag('div'):addClass('category' .. i):wikitext(category)
-        -- Создаём меню для этой категории
+		-- Если категория не задана, выходим из цикла
-        local menu = menuContainer:tag('div'):addClass('menu'):addClass('category' .. i .. '-menu')
+		if not categoryName then
-        local j = 1
+			break
-        while args['category' .. i .. '-paragraph' .. j] do
+		end
-            local paragraph = args['category' .. i .. '-paragraph' .. j]
-            local paragraphContent = args['category' .. i .. '-paragraph' .. j .. '-content']
-            menu:tag('div'):addClass('category' .. i .. '-paragraph' .. j):wikitext(paragraph)
-            contentContainer:tag('div'):addClass('category' .. i .. '-paragraph' .. j .. '-content'):wikitext(paragraphContent)
-            j = j + 1
-        end
-        i = i + 1
-    end
-    -- Возвращаем сгенерированный HTML-код
+		local category = {
-    return tostring(html)
+			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 short-scrollbar">\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 short-scrollbar">\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
+	return result
 end
 return p