Модуль: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 json = require('Module:JSON')
 local p = {}
--- Функция для генерации отдельной карточки (как раньше)
+function p.recipe(frame)
-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-recipe-card" style="box-sizing: border-box; flex: 0 0 23%%; margin: 1%%; border: 2px solid %s; padding: 1em; border-radius: 8px; background: %s;">'):format(borderColor, backgroundColor))
-	table.insert(html, '<h3 style="margin-top:0; text-align:center;">' .. title .. '</h3>')
-	-- Flex с ингредиентами, смешать, результат
-	table.insert(html, '<div style="display: flex; text-align: center; align-items: stretch;">')
-	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;">СМЕШАТЬ</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><b>Эффекты:</b><ul>')
-		table.insert(html, listUL(effects))
-		table.insert(html, '</ul>')
-	end
-	if effectsDesc ~= "" then
-		table.insert(html, '<div style="margin-top: 0.5em; font-style: italic; color: #555;">' .. mw.text.trim(effectsDesc) .. '</div>')
-	end
-	table.insert(html, '</div>')
-	return table.concat(html, "\n")
-end
--- Главная функция — принимает JSON-строку с массивом рецептов
-function p.grid(frame)
 	local args = frame:getParent().args
-	local data = args["data"] or ""
+	local name = args.name or 'Неизвестно'
+	local color = args.color or '#cccccc'
-	if data == "" then
+	local product = args.product or ''
-		return "<div style='color:red;'>Ошибка: параметр data пуст</div>"
+	local description = args.description or ''
-	end
+	local effect = args.effect or ''
+	local recipe = args.recipe or ''
-	local ok, recipes = pcall(json.decode, data)
-	if not ok then
-		return "<div style='color:red;'>Ошибка: неверный формат JSON</div>"
-	end
-	local html = {}
-	table.insert(html, '<div class="alchemy-recipes-grid" style="display: flex; flex-wrap: wrap; justify-content: space-between;">')
-	for _, recipe in ipairs(recipes) do
+	local function collapse(title, content)
-		table.insert(html, 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
-	table.insert(html, '</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