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

Материал из Space Stories Wiki
Нет описания правки
Нет описания правки
Строка 23: Строка 23:
table.insert(html, '<h3 style="margin-top:0; text-align:center;">' .. title .. '</h3>')
table.insert(html, '<h3 style="margin-top:0; text-align:center;">' .. title .. '</h3>')


-- Flex-блок с тремя колонками
-- Flex с выравниванием по центру и равной высотой
table.insert(html, '<div style="display: flex; justify-content: space-between; text-align: center;">')
table.insert(html, '<div style="display: flex; text-align: center; align-items: stretch;">')


-- Ингредиенты слева
-- Ингредиенты
table.insert(html, '<div style="flex: 1;">' .. listBlock(ingredients) .. '</div>')
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 100px; display: flex; align-items: center; justify-content: center; font-weight:bold;">СМЕШАТЬ</div>')
table.insert(html, '<div style="flex: 0 0 100px; display: flex; align-items: center; justify-content: center; font-weight:bold;">СМЕШАТЬ</div>')


-- Результат справа
-- Результат
table.insert(html, '<div style="flex: 1;">' .. listBlock(result) .. '</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>')
table.insert(html, '</div>')

Версия от 10:51, 16 мая 2025

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

local p = {}

function p.card(frame)
	local args = frame:getParent().args
	local title = args["Название"] or "Без названия"
	local ingredients = args["Ингредиенты"] or ""
	local result = args["Результат"] or ""
	local effects = args["Эффекты"] or ""

	local borderColor = args["ЦветРамки"] or "#ccc"
	local backgroundColor = args["ЦветФона"] 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 html = {}
	table.insert(html, '<div style="border: 2px solid ' .. borderColor .. '; padding: 1em; border-radius: 8px; background: ' .. backgroundColor .. '; max-width: 600px;">')
	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 100px; 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>')
		for item in mw.text.gsplit(effects, ";") do
			table.insert(html, "<li>" .. mw.text.trim(item) .. "</li>")
		end
		table.insert(html, "</ul>")
	end

	table.insert(html, "</div>")
	return table.concat(html, "\n")
end

return p