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

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

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

@@ Строка 1: / Строка 1: @@
 local p = {}
-function p.renderCategory(paragraphs, contents, categoryName, categoryIndex)
+function p.main(frame)
-    local html = mw.html.create()
+	-- Подключение CSS файла
+	local cssLink = frame:extensionTag('templatestyles', '', {
-    -- Генерация названия категории
+		src = 'Шаблон:CategoryMenu/styles.css'
-    html:tag('div')
+	})
-        :addClass('category' .. categoryIndex)
-        :wikitext(categoryName)
+	-- Функция для получения аргумента или значения по умолчанию
+	local function getArg(name)
+		return frame.args[name] or nil
+	end
+	-- Обработка неограниченного количества категорий
+	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)
-    local menu = html:tag('div'):addClass('menu-container')
+		i = i + 1
+	end
-    local categoryMenu = menu:tag('div'):addClass('menu category' .. categoryIndex .. '-menu')
-    for i, paragraph in ipairs(paragraphs) do
-        categoryMenu:tag('div')
-            :addClass('category' .. categoryIndex .. '-paragraph' .. i)
-            :wikitext(paragraph)
-    end
-    -- Контент
-    local content = html:tag('div'):addClass('content')
-    for i, contentText in ipairs(contents) do
-        content:tag('div')
-            :addClass('category' .. categoryIndex .. '-paragraph' .. i .. '-content')
-            :wikitext(contentText)
-    end
-    return tostring(html)
-end
-function p.main(frame)
+	-- Формирование HTML
-    local args = frame:getParent().args
+	local result = cssLink -- Подключение CSS в результат
-    local html = mw.html.create()
+	-- Внешний контейнер
-    -- Генерация списка категорий
+	result = result .. '<div class="navigation">\n'
-    local categories = html:tag('div'):addClass('categories')
+	-- Кнопка для открытия/закрытия меню
-    for i = 1, 2 do
+	result = result .. '<div class="navigation__menu-toggle">☰</div>\n'
-        local categoryName = args['category' .. i]
-        if categoryName then
+	-- Стрелки для переключения категорий
-            categories:tag('div')
+	result = result .. '<div class="navigation__switcher">\n'
-                :addClass('category' .. i)
+	result = result .. '<div id="prev-category" class="navigation__arrow">❮</div>\n'
-                :wikitext(categoryName)
+	result = result .. '<div class="navigation__categories">\n'
-        end
-    end
-    -- Основной контейнер
+	-- Категории
-    local mainContainer = html:tag('div'):addClass('main-container')
+	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
-    -- Генерация контента для каждой категории
+	-- Меню
-    for i = 1, 2 do
+	if #categories > 0 then
-        local categoryName = args['category' .. i]
+		result = result .. '<div class="navigation__menu-container short-scrollbar">\n'
-        if categoryName then
+		for i, category in ipairs(categories) do
-            local paragraphs = {}
+			if #category.paragraphs > 0 then
-            local contents = {}
+				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
-            for j = 1, 3 do
+	-- Контент
-                table.insert(paragraphs, args['category' .. i .. '-paragraph' .. j])
+	if #categories > 0 then
-                table.insert(contents, args['category' .. i .. '-paragraph' .. j .. '-content'])
+		result = result .. '<div class="navigation__content short-scrollbar">\n'
-            end
+		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
-            mainContainer:wikitext(p.renderCategory(paragraphs, contents, categoryName, i))
+	result = result .. '</div>\n' -- Закрытие navigation
-        end
-    end
-    return tostring(html)
+	return result
 end
 return p