Модуль: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 = {}
-local function chunk(tbl, n)
+function p.recipe(frame)
-	local chunks = {}
+	local args = frame:getParent().args
-	for i = 1, #tbl, n do
+	local name = args.name or 'Неизвестно'
-		local chunk = {}
+	local color = args.color or '#cccccc'
-		for j = i, math.min(i + n - 1, #tbl) do
+	local product = args.product or ''
-			table.insert(chunk, tbl[j])
+	local description = args.description or ''
-		end
+	local effect = args.effect or ''
-		table.insert(chunks, chunk)
+	local recipe = args.recipe or ''
-	end
-	return chunks
-end
-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 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 "#444"
-	local backgroundColor = recipe["ЦветФона"] or "#222"
-	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%; color: #ddd;">')
-	table.insert(html, '<h3 style="margin-top:0; text-align:center; font-size:1.1em; color:#fff;">' .. mw.text.encode(title) .. '</h3>')
-	-- Блок рецепта сворачиваемый
-	table.insert(html, '<div class="mw-collapsible mw-collapsed" style="margin-bottom:0.5em;">')
-	table.insert(html, '<div class="mw-collapsible-toggle" style="font-weight:bold; color:#ffcc66;">Рецепт (нажмите для раскрытия)</div>')
-	table.insert(html, '<div class="mw-collapsible-content">')
-	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 #666; 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; color:#ffcc66;">СМЕШАТЬ</div>')
-	table.insert(html, '<div style="flex: 1; display: flex; flex-direction: column; justify-content: center; border-left: 1px solid #666; padding-left: 0.5em;">')
-	table.insert(html, listBlock(result))
-	table.insert(html, '</div>')
-	table.insert(html, '</div>') -- flex
-	table.insert(html, '</div>') -- content
-	table.insert(html, '</div>') -- block
-	-- Блок эффектов сворачиваемый
-	if effects ~= "" then
-		table.insert(html, '<div class="mw-collapsible mw-collapsed" style="margin-top:0.5em;">')
-		table.insert(html, '<div class="mw-collapsible-toggle" style="font-weight:bold; color:#ffcc66;">Эффекты (нажмите для раскрытия)</div>')
-		table.insert(html, '<div class="mw-collapsible-content">')
-		table.insert(html, '<ul style="margin: 0.3em 0 0.5em 1.2em; padding: 0;">')
-		table.insert(html, listUL(effects))
-		table.insert(html, '</ul>')
-		if effectsDesc ~= "" then
-			table.insert(html, '<div style="margin-top: 0.3em; font-style: italic; color: #aaa; font-size: 0.85em;">' .. mw.text.encode(effectsDesc) .. '</div>')
-		end
-		table.insert(html, '</div>') -- content
-		table.insert(html, '</div>') -- block
-	end
-	table.insert(html, '</div>') -- карточка
-	return table.concat(html, "\n")
-end
-function p.fromTable(frame)
-	local data = mw.text.jsonDecode(frame.args.data or "[]")
-	if not data or type(data) ~= "table" then return "Ошибка данных таблицы." end
-	local html = {}
-	html[#html + 1] = '<div class="alchemy-grid" style="display: flex; flex-wrap: wrap; justify-content: space-between;">'
-	for _, recipe in ipairs(data) 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