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

Материал из Space Stories Wiki
Нет описания правки
Нет описания правки
Строка 1: Строка 1:
local p = {}
local function makeCard(recipe)
 
local title = recipe["Название"] or "Без названия"
function p.card(frame)
local ingredients = recipe["Ингредиенты"] or ""
local args = frame:getParent().args
local result = recipe["Результат"] or ""
local title = args["Название"] or "Без названия"
local effects = recipe["Эффекты"] or ""
local ingredients = args["Ингредиенты"] or ""
local effectsDesc = recipe["ОписаниеЭффектов"] or ""
local result = args["Результат"] or ""
local borderColor = recipe["ЦветРамки"] or "#338833"
local effects = args["Эффекты"] or ""
local backgroundColor = recipe["ЦветФона"] or "#1a2a1a"
local effectsDesc = 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 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 = {}
local html = {}
table.insert(html, string.format(
'<div class="alchemy-card" style="border-color: %s; background-color: %s;">',
borderColor, backgroundColor
))


-- Карточка с классом для сетки
-- Добавляем строку с иконкой и названием рядом
table.insert(html, '<div class="alchemy-recipe-card" style="border: 2px solid ' .. borderColor .. '; padding: 1em; border-radius: 8px; background: ' .. backgroundColor .. '; box-sizing: border-box;">')
table.insert(html, '<div class="alchemy-title-row">')
 
table.insert(html, '<img class="alchemy-icon" src="/images/thumb/8/8c/Beaker.png/32px-Beaker.png" alt="Колба">')
table.insert(html, '<h3 style="margin-top:0; text-align:center; font-size:1.1em;">' .. title .. '</h3>')
table.insert(html, '<h3 class="alchemy-title">' .. mw.text.encode(title) .. '</h3>')
table.insert(html, '</div>')


-- Флекс с ингредиентами, смешать, результат
table.insert(html, '<div class="alchemy-main-row">')
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, '<div class="alchemy-ingredients">')
table.insert(html, '<div class="alchemy-label">Рецепт:</div>')
table.insert(html, listBlock(ingredients))
table.insert(html, listBlock(ingredients))
table.insert(html, '</div>')
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 class="alchemy-plus">СМЕШАТЬ</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, '<div class="alchemy-result">')
table.insert(html, listBlock(result))
table.insert(html, listBlock(result))
table.insert(html, '</div>')
table.insert(html, '</div>')
Строка 50: Строка 35:
table.insert(html, '</div>')
table.insert(html, '</div>')


-- Эффекты список
if effects ~= "" then
if effects ~= "" then
table.insert(html, '<hr style="margin: 0.5em 0;"><b>Эффекты:</b><ul style="margin: 0.3em 0 0 1.2em; padding: 0;">')
table.insert(html, '<b>Эффекты:</b><ul class="alchemy-effects">')
table.insert(html, listUL(effects))
table.insert(html, listUL(effects))
table.insert(html, '</ul>')
table.insert(html, '</ul>')
end
if effectsDesc ~= "" then
 
table.insert(html, '<div class="alchemy-effects-desc">' .. mw.text.encode(effectsDesc) .. '</div>')
-- Описание эффектов (курсивом)
end
if effectsDesc ~= "" then
table.insert(html, '<div style="margin-top: 0.5em; font-style: italic; color: #555; font-size: 0.85em;">' .. mw.text.trim(effectsDesc) .. '</div>')
end
end


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

Версия от 18:11, 16 мая 2025

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

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, string.format(
		'<div class="alchemy-card" style="border-color: %s; background-color: %s;">',
		borderColor, backgroundColor
	))

	-- Добавляем строку с иконкой и названием рядом
	table.insert(html, '<div class="alchemy-title-row">')
	table.insert(html, '<img class="alchemy-icon" src="/images/thumb/8/8c/Beaker.png/32px-Beaker.png" alt="Колба">')
	table.insert(html, '<h3 class="alchemy-title">' .. mw.text.encode(title) .. '</h3>')
	table.insert(html, '</div>')

	table.insert(html, '<div class="alchemy-main-row">')

	table.insert(html, '<div class="alchemy-ingredients">')
	table.insert(html, '<div class="alchemy-label">Рецепт:</div>')
	table.insert(html, listBlock(ingredients))
	table.insert(html, '</div>')

	table.insert(html, '<div class="alchemy-plus">СМЕШАТЬ</div>')

	table.insert(html, '<div class="alchemy-result">')
	table.insert(html, listBlock(result))
	table.insert(html, '</div>')

	table.insert(html, '</div>')

	if effects ~= "" then
		table.insert(html, '<b>Эффекты:</b><ul class="alchemy-effects">')
		table.insert(html, listUL(effects))
		table.insert(html, '</ul>')
		if effectsDesc ~= "" then
			table.insert(html, '<div class="alchemy-effects-desc">' .. mw.text.encode(effectsDesc) .. '</div>')
		end
	end

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