near/computersandblues.hitomezashi
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Set minimum cell size

Browse source
This commit is contained in:
arne 2024-07-19 00:31:33 +02:00
commit e66f784344
1 changed files with 7 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/main.ts
View file

@ -12,7 +12,10 @@ const parsePattern = (pattern: string) => pattern.split('').map(x => Number.pars
const xs = reactive(xs_).map((pattern) => parsePattern(pattern)) const xs = reactive(xs_).map((pattern) => parsePattern(pattern))
const ys = reactive(ys_).map((pattern) => parsePattern(pattern)) const ys = reactive(ys_).map((pattern) => parsePattern(pattern))
const cellSize = reactive(cellSize_).map(num => Number.parseInt(num, 10)) const cellSize = reactive(cellSize_).map(num => {
const next = Number.parseInt(num, 10)
return Number.isNaN(next)|| next < 5 ? 5 : next
})
// available size for a2: 420 * 594 // available size for a2: 420 * 594
const width = 420 const width = 420
@ -91,8 +94,9 @@ $compile(
["h2", {}, "Settings"], ["h2", {}, "Settings"],
["div", {}, ["label", {}, "Grid size: ", ["div", {}, ["label", {}, "Grid size: ",
["input", { ["input", {
type: "text", type: "number",
value: cellSize_, min: "5",
value: cellSize.deref()!,
oninput: $input(cellSize) oninput: $input(cellSize)
}]]], }]]],
["div", {}, ["label", {}, "X Pattern: ", ["div", {}, ["label", {}, "X Pattern: ",