Модуль:AlchemyRecipesGrid

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

local p = {}

local function chunk(tbl, n)
	local chunks = {}
	for i = 1, #tbl, n do
		local chunk = {}
		for j = i, math.min(i + n - 1, #tbl) do
			table.insert(chunk, tbl[j])
		end
		table.insert(chunks, chunk)
	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 "#338833"
	local backgroundColor = recipe["ЦветФона"] or "#1a2a1a"

	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; color: #ccffcc;">' .. 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 #555; 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 #555; padding-left: 0.5em;">')
	table.insert(html, listBlock(result))
	table.insert(html, '</div>')

	table.insert(html, '</div>') -- Конец flex

	-- Эффекты сразу видны
	if effects ~= "" then
		table.insert(html, '<b>Эффекты:</b><ul style="margin: 0.3em 0 0.5em 1.2em; padding: 0; color: #ccffcc;">')
		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: #88cc88; font-size: 0.85em;">' .. mw.text.encode(effectsDesc) .. '</div>')
		end
	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
		html[#html + 1] = makeCard(recipe)
	end

	html[#html + 1] = '</div>'

	return table.concat(html, "\n")
end

return p