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

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

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

@@ Строка 2: / Строка 2: @@
 function p.main(frame)
-    local args = frame:getParent().args
+	-- Подключение CSS файла
-    local html = mw.html.create('div')
+	local cssLink = frame:extensionTag('templatestyles', '', {
+		src = 'Шаблон:CategoryMenu/styles.css'
+	})
-    -- Пройдемся по всем аргументам и добавим каждый в отдельный div
+	-- Функция для получения аргумента или значения по умолчанию
-    for key, value in pairs(args) do
+	local function getArg(name)
-        html:tag('div')
+		return frame.args[name] or nil
-            :wikitext(key .. ": " .. tostring(value))
+	end
-    end
-    -- Вернем результат в формате div
+	-- Обработка неограниченного количества категорий
-    return tostring(html)
+	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 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