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

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

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

@@ Строка 2: / Строка 2: @@
 function p.main(frame)
-    local args = frame:getParent().args
+	-- Подключение CSS файла
-    local output = ""
+	local cssLink = frame:extensionTag('templatestyles', '', {
+		src = 'Шаблон:CategoryMenu/styles.css'
+	})
-    -- Собираем категории
+	-- Функция для получения аргумента или значения по умолчанию
-    local categories = {}
+	local function getArg(name)
-    for key, value in pairs(args) do
+		return frame.args[name] or nil
-        local category = key:match("^(category%d+)$")
+	end
-        if category and not categories[category] then
-            categories[category] = {name = value, paragraphs = {}}
-        end
-    end
-    -- Собираем пункты и контент для каждой категории
+	-- Обработка неограниченного количества категорий
-    for key, value in pairs(args) do
+	local categories = {}
-        local category, paragraph, content = key:match("^(category%d+)-paragraph(%d+)(-content)?$")
+	local i = 1
-        if category and categories[category] then
-            if not categories[category].paragraphs[paragraph] then
-                categories[category].paragraphs[paragraph] = {}
-            end
-            if content then
-                categories[category].paragraphs[paragraph].content = value
-            else
-                categories[category].paragraphs[paragraph].title = value
-            end
-        end
-    end
-    -- Генерируем HTML-код для категорий
+	while true do
-    output = output .. '<div class="categories">\n'
+		local categoryName = getArg("category" .. i)
-    for category, data in pairs(categories) do
-        output = output .. string.format('<div class="%s">%s</div>\n', category, data.name)
-    end
-    output = output .. '</div>\n\n'
-    -- Генерируем основной контейнер
+		-- Если категория не задана, выходим из цикла
-    output = output .. '<div class="main-container">\n'
+		if not categoryName then
+			break
-    -- Генерируем меню
+		end
-    output = output .. '<div class="menu-container">\n'
-    for category, data in pairs(categories) do
-        output = output .. string.format('<div class="menu %s-menu">\n', category)
-        for paragraph, paragraphData in pairs(data.paragraphs) do
-            output = output .. string.format('<div class="%s-paragraph%s">%s</div>\n', category, paragraph, paragraphData.title)
-        end
-        output = output .. '</div>\n'
-    end
-    output = output .. '</div>\n\n'
-    -- Генерируем контент
-    output = output .. '<div class="content">\n'
-    for category, data in pairs(categories) do
-        for paragraph, paragraphData in pairs(data.paragraphs) do
-            output = output .. string.format('<div class="%s-paragraph%s-content">%s</div>\n', category, paragraph, paragraphData.content or "")
-        end
-    end
-    output = output .. '</div>\n</div>\n'
-    return output
+		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