Module:Color: Difference between revisions
Jump to navigation
Jump to search
(WIP: Add support for different input formats) |
(WIP: Trying to produce HTML color swatches) |
||
| Line 42: | Line 42: | ||
local bg = string_to_index(frame.args.bg) | local bg = string_to_index(frame.args.bg) | ||
local fg = string_to_index(frame.args.fg) | local fg = string_to_index(frame.args.fg) | ||
return combo_name(bg, fg) | return combo_name(bg, fg) .. " " .. tostring(swatch_html(bg, fg)) | ||
end | |||
function swatch_html(bg, fg) | |||
-- <span style="display: inline-flex; align-items: center; justify-content: center; width: 1em; height: 1em; border: 1px solid #000; background-color: #aaa"><span style="display: inline-block; background: repeating-linear-gradient(135deg, #55f, #55f 2px, #5ff0 2px, #5ff0 4px); width: 60%; height: 60%"></span></span> | |||
local blinking = is_blinking(bg) | |||
bg = non_blinking(bg) | |||
local outer = mw.html.create("span") | |||
outer:css({ | |||
display = "inline-flex", | |||
["align-items"] = "center", | |||
["justify-content"] = "center", | |||
width = "1em", | |||
height = "1em", | |||
border = "1px solid #000", | |||
["background-color"] = index_to_hex_color(bg) | |||
}) | |||
local inner = outer:tag("span") | |||
inner:css({ | |||
display = "inline-block", | |||
width = "60%", | |||
height = "60%" | |||
}) | |||
if blinking then | |||
local gradient = "repeating-linear-gradient(135deg, {x}, {x} 2px, {x}0 2px, {x}0 4px)" | |||
gradient = string.gsub(gradient, "{x}", index_to_hex_color(fg)) | |||
inner:css("background", gradient) | |||
else | |||
inner:css("background-color", index_to_hex_color(fg)) | |||
end | |||
return outer | |||
end | end | ||
| Line 75: | Line 106: | ||
end | end | ||
return ega_color_names[i + 1] | return ega_color_names[i + 1] | ||
end | |||
function index_to_hex_color(i) | |||
return ega_hex_codes[i + 1] | |||
end | end | ||
Revision as of 08:06, 11 January 2021
Documentation for this module may be created at Module:Color/doc
local p = {}
local ega_hex_codes = {
"#000",
"#00a",
"#0a0",
"#0aa",
"#a00",
"#a0a",
"#a50",
"#aaa",
"#555",
"#55f",
"#5f5",
"#5ff",
"#f55",
"#f5f",
"#ff5",
"#fff"
}
local ega_color_names = {
"black",
"dark blue",
"dark green",
"dark cyan",
"dark red",
"dark purple",
"dark brown",
"light gray",
"dark gray",
"blue",
"green",
"cyan",
"red",
"purple",
"yellow",
"white"
}
function p.swatch(frame)
local bg = string_to_index(frame.args.bg)
local fg = string_to_index(frame.args.fg)
return combo_name(bg, fg) .. " " .. tostring(swatch_html(bg, fg))
end
function swatch_html(bg, fg)
-- <span style="display: inline-flex; align-items: center; justify-content: center; width: 1em; height: 1em; border: 1px solid #000; background-color: #aaa"><span style="display: inline-block; background: repeating-linear-gradient(135deg, #55f, #55f 2px, #5ff0 2px, #5ff0 4px); width: 60%; height: 60%"></span></span>
local blinking = is_blinking(bg)
bg = non_blinking(bg)
local outer = mw.html.create("span")
outer:css({
display = "inline-flex",
["align-items"] = "center",
["justify-content"] = "center",
width = "1em",
height = "1em",
border = "1px solid #000",
["background-color"] = index_to_hex_color(bg)
})
local inner = outer:tag("span")
inner:css({
display = "inline-block",
width = "60%",
height = "60%"
})
if blinking then
local gradient = "repeating-linear-gradient(135deg, {x}, {x} 2px, {x}0 2px, {x}0 4px)"
gradient = string.gsub(gradient, "{x}", index_to_hex_color(fg))
inner:css("background", gradient)
else
inner:css("background-color", index_to_hex_color(fg))
end
return outer
end
function combo_name(bg, fg)
local blinking = is_blinking(bg)
if blinking then
bg = non_blinking(bg)
end
result = index_to_name(fg) .. " on " .. index_to_name(bg)
if blinking then
result = "blinking " .. result
end
return result
end
function is_blinking(index)
return index ~= nil and index >= 8
end
function non_blinking(index)
if index == nil then
return nil
elseif index < 8 then
return index
end
return index - 8
end
function index_to_name(i)
if i == nil then
return "???"
end
return ega_color_names[i + 1]
end
function index_to_hex_color(i)
return ega_hex_codes[i + 1]
end
function string_to_index(input)
-- Handle decimal numbers, hex numbers starting with "0x"
local number = tonumber(input)
if number ~= nil then
if number ~= math.floor(number) or number < 0 or number > 15 then
return nil
end
return number
end
-- Handle strings
local name = string.gsub(input, "grey", "gray")
name = string.gsub(name, "^light ", "")
local special_cases = {
["dark yellow"] = "dark brown",
brown = "dark brown",
gray = "light gray",
}
if special_cases[name] ~= nil then
name = special_cases[name]
end
for i = 1, #ega_color_names do
if name == ega_color_names[i] then
return i - 1
end
end
return nil
end
return p