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

Текущая версия от 02:45, 17 июня 2025

Для документации этого модуля может быть создана страница Модуль:AlchemyRecipesGrid/doc

local p = {}

function p.recipe(frame)
	local args = frame:getParent().args
	local name = args.name or 'Неизвестно'
	local color = args.color or '#cccccc'
	local product = args.product or ''
	local description = args.description or ''
	local effect = args.effect or ''
	local recipe = args.recipe or ''

	local function collapse(title, content)
		return string.format(
			'<div class="alchemy-collapse">' ..
				'<div class="alchemy-toggle" onclick="this.classList.toggle(\'open\')">%s</div>' ..
				'<div class="alchemy-content">%s</div>' ..
			'</div>',
			title, content
		)
	end

	local recipeBlock = collapse('Рецепт', recipe)
	local effectBlock = collapse('Эффекты', effect)

	return string.format([[
<div class="alchemy-block" style="border-color:%s">
	<div class="alchemy-header" style="background:%s">%s</div>
	<div class="alchemy-body">
		<div class="alchemy-product">%s</div>
		%s
		%s
		<div class="alchemy-description">%s</div>
	</div>
</div>
]], color, color, name, product, recipeBlock, effectBlock, description)
end

return p

@@ Строка 1: / Строка 1: @@
 local p = {}
--- Разбивает таблицу tbl на подтаблицы по n элементов
+function p.recipe(frame)
-local function chunk(tbl, n)
+	local args = frame:getParent().args
-	local chunks = {}
+	local name = args.name or 'Неизвестно'
-	for i = 1, #tbl, n do
+	local color = args.color or '#cccccc'
-		local chunk = {}
+	local product = args.product or ''
-		for j = i, math.min(i + n - 1, #tbl) do
+	local description = args.description or ''
-			table.insert(chunk, tbl[j])
+	local effect = args.effect or ''
-		end
+	local recipe = args.recipe or ''
-		table.insert(chunks, chunk)
-	end
-	return chunks
-end
--- Создаёт HTML карточку из данных рецепта (таблица с ключами-строками)
-local function makeCard(recipe)
-	local title = recipe["Название"] or "Без названия"
-	local ingredients = recipe["Ингредиенты"] or ""
-	local result = recipe["Результат"] or ""
-	local effects = recipe["Эффекты"] or ""
-	local effectsDesc = recipe["ОписаниеЭффектов"] or ""
-	local borderColor = recipe["ЦветРамки"] or "#ccc"
-	local backgroundColor = recipe["ЦветФона"] or "#f9f9f9"
-	local function listBlock(text)
-		local items = {}
-		for item in mw.text.gsplit(text, ";") do
-			table.insert(items, "<div>" .. mw.text.trim(item) .. "</div>")
-		end
-		return table.concat(items, "\n")
-	end
-	local function listUL(text)
-		local items = {}
-		for item in mw.text.gsplit(text, ";") do
-			table.insert(items, "<li>" .. mw.text.trim(item) .. "</li>")
-		end
-		return table.concat(items, "\n")
-	end
-	local html = {}
-	table.insert(html, '<div class="alchemy-card" style="border: 2px solid ' .. borderColor .. '; padding: 0.5em 1em; border-radius: 8px; background: ' .. backgroundColor .. '; box-sizing: border-box; width: 23%; margin: 0.5%;">')
-	table.insert(html, '<h3 style="margin-top:0; text-align:center; font-size:1.1em;">' .. mw.text.encode(title) .. '</h3>')
-	table.insert(html, '<div style="display: flex; text-align: center; align-items: stretch; font-size:0.9em;">')
-	table.insert(html, '<div style="flex: 1; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid #aaa; padding-right: 0.5em;">')
-	table.insert(html, listBlock(ingredients))
-	table.insert(html, '</div>')
-	table.insert(html, '<div style="flex: 0 0 80px; display: flex; align-items: center; justify-content: center; font-weight:bold; font-size: 0.95em;">СМЕШАТЬ</div>')
-	table.insert(html, '<div style="flex: 1; display: flex; flex-direction: column; justify-content: center; border-left: 1px solid #aaa; padding-left: 0.5em;">')
-	table.insert(html, listBlock(result))
-	table.insert(html, '</div>')
-	table.insert(html, '</div>')
-	if effects ~= "" then
-		table.insert(html, '<hr style="margin: 0.4em 0;"><b>Эффекты:</b><ul style="margin: 0.3em 0 0.5em 1.2em; padding: 0;">')
-		table.insert(html, listUL(effects))
-		table.insert(html, '</ul>')
-	end
-	if effectsDesc ~= "" then
-		table.insert(html, '<div style="margin-top: 0.3em; font-style: italic; color: #555; font-size: 0.85em;">' .. mw.text.encode(effectsDesc) .. '</div>')
-	end
-	table.insert(html, '</div>')
-	return table.concat(html, "\n")
-end
--- Главная функция вывода сетки
-function p.grid(frame)
-	local count = tonumber(frame.args.count) or 0
-	if count == 0 then return "Ошибка: параметр count обязателен и должен быть числом." end
-	local allRecipes = {}
-	for i = 1, count do
-		local r = {}
-		for _, key in ipairs({"Название", "Ингредиенты", "Результат", "Эффекты", "ОписаниеЭффектов", "ЦветРамки", "ЦветФона"}) do
-			local val = frame.args[key .. i]
-			if val then r[key] = val end
-		end
-		table.insert(allRecipes, r)
-	end
-	local html = {}
-	html[#html + 1] = '<div class="alchemy-grid" style="display: flex; flex-wrap: wrap; justify-content: space-between;">'
-	for _, recipe in ipairs(allRecipes) do
+	local function collapse(title, content)
-		html[#html + 1] = makeCard(recipe)
+		return string.format(
+			'<div class="alchemy-collapse">' ..
+				'<div class="alchemy-toggle" onclick="this.classList.toggle(\'open\')">%s</div>' ..
+				'<div class="alchemy-content">%s</div>' ..
+			'</div>',
+			title, content
+		)
 	end
-	html[#html + 1] = '</div>'
+	local recipeBlock = collapse('Рецепт', recipe)
+	local effectBlock = collapse('Эффекты', effect)
-	return table.concat(html, "\n")
+	return string.format([[
+<div class="alchemy-block" style="border-color:%s">
+	<div class="alchemy-header" style="background:%s">%s</div>
+	<div class="alchemy-body">
+		<div class="alchemy-product">%s</div>
+		%s
+		%s
+		<div class="alchemy-description">%s</div>
+	</div>
+</div>
+]], color, color, name, product, recipeBlock, effectBlock, description)
 end
 return p