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

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

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

@@ Строка 2: / Строка 2: @@
 function p.main(frame)
-    -- Функция для получения аргумента или значения по умолчанию
+	-- Подключение CSS файла
-    local function getArg(name, default)
+	local cssLink = frame:extensionTag('templatestyles', '', {
-        return frame.args[name] or default
+		src = 'Шаблон:CategoryMenu/styles.css'
-    end
+	})
-    -- Обработка до 5 категорий и до 8 пунктов в каждой категории
+	-- Функция для получения аргумента или значения по умолчанию
-    local categories = {}
+	local function getArg(name)
-    for i = 1, 5 do
+		return frame.args[name] or nil
-        local category = {
+	end
-            name = getArg("category" .. i, "Категория " .. i),
-            paragraphs = {},
-            contents = {}
-        }
-        -- Для каждой категории обрабатываем до 8 пунктов
+	-- Обработка неограниченного количества категорий
-        for j = 1, 8 do
+	local categories = {}
-            table.insert(category.paragraphs, getArg("category" .. i .. "-paragraph" .. j, "Пункт " .. i .. "." .. j))
+	local i = 1
-            table.insert(category.contents, getArg("category" .. i .. "-paragraph" .. j .. "-content", "Контент для пункта " .. i .. "." .. j))
-        end
-        table.insert(categories, category)
+	while true do
-    end
+		local categoryName = getArg("category" .. i)
-    -- Формирование HTML
+		-- Если категория не задана, выходим из цикла
-    local result = ""
+		if not categoryName then
+			break
+		end
-    -- Категории
+		local category = {
-    result = result .. '<div class="categories">\n'
+			name = categoryName,
-    for i, category in ipairs(categories) do
+			paragraphs = {},
-        result = result .. '<div class="category' .. i .. '">' .. category.name .. '</div>\n'
+			contents = {}
-    end
+		}
-    result = result .. '</div>\n'
-    -- Основной контейнер с меню и контентом
+		-- Обработка неограниченного количества пунктов для каждой категории
-    result = result .. '<div class="main-container">\n'
+		local j = 1
+		while true do
+			local paragraph = getArg("category" .. i .. "-paragraph" .. j)
+			local content = getArg("category" .. i .. "-paragraph" .. j .. "-content")
-    -- Меню
+			-- Если пункт или контент не заданы, выходим из цикла
-    result = result .. '<div class="menu-container">\n'
+			if not paragraph or not content then
-    for i, category in ipairs(categories) do
+				break
-        result = result .. '<div class="menu category' .. i .. '-menu">\n'
+			end
-        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
-    result = result .. '</div>\n'
-    -- Контент
+			table.insert(category.paragraphs, paragraph)
-    result = result .. '<div class="content">\n'
+			table.insert(category.contents, content)
-    for i, category in ipairs(categories) do
-        for j, content in ipairs(category.contents) do
-            result = result .. '<div class="category' .. i .. '-paragraph' .. j .. '-content">' .. content .. '</div>\n'
-        end
-    end
-    result = result .. '</div>\n'
-    result = result .. '</div>\n' -- Закрытие main-container
+			j = j + 1
+		end
-    return result
+		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