yaro/inventory
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

More minor tweaks.

Browse source
This commit is contained in:
Yaro Kasear 2025-12-12 10:17:38 -06:00
parent 47942cc6b6
commit 0992cf97eb
1 changed files with 4 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

31
inventory/templates/testing.html
View file

@ -7,15 +7,10 @@
} }
#grid { #grid {
{#
background-image:
linear-gradient(to right, #ccc 1px, transparent 1px),
linear-gradient(to bottom, #ccc 1px, transparent 1px);
background-size: var(--grid) var(--grid);
#}
cursor: crosshair; cursor: crosshair;
height: 80vh; height: 80vh;
width: 100%; width: 100%;
touch-action: none;
} }
@supports (height: calc(round(nearest, 80vh, {{ grid_size }}px))) { @supports (height: calc(round(nearest, 80vh, {{ grid_size }}px))) {
@ -201,6 +196,9 @@ let selectedColor;
let currentShape = null; let currentShape = null;
let shapes = loadShapes(); let shapes = loadShapes();
const ro = new ResizeObserver(() => resizeAndSetupCanvas());
ro.observe(gridEl);
const savedTool = localStorage.getItem('gridTool'); const savedTool = localStorage.getItem('gridTool');
if (savedTool) { if (savedTool) {
setActiveTool(savedTool); setActiveTool(savedTool);
@ -220,13 +218,6 @@ function pxToGrid(v) {
return v / {{ grid_size }}; return v / {{ grid_size }};
} }
function axisMode(type, axis) {
if (type === 'fullGrid') return 'grid';
if (type === 'verticalGrid') return axis === 'x' ? 'grid' : 'px';
if (type === 'horizontalGrid') return axis === 'y' ? 'grid' : 'px';
return 'px'; // noGrid
}
function getActiveTool() { function getActiveTool() {
const checked = document.querySelector('input[name="tool"]:checked'); const checked = document.querySelector('input[name="tool"]:checked');
return checked ? checked.id : 'outline'; return checked ? checked.id : 'outline';
@ -289,20 +280,6 @@ function snapToGrid(x, y) {
}; };
} }
function normRange(a1, a2, mode, grid) {
if (mode === 'grid') {
const i1 = Math.round(a1 / grid);
const i2 = Math.round(a2 / grid);
const start = Math.min(i1, i2);
const size = Math.abs(i2 - i1);
return { start, size };
} else {
const start = Math.min(a1, a2);
const size = Math.abs(a2 - a1);
return { start, size };
}
}
function normalizeRect(shape) { function normalizeRect(shape) {
const x1 = pxToGrid(shape.x1); const x1 = pxToGrid(shape.x1);
const y1 = pxToGrid(shape.y1); const y1 = pxToGrid(shape.y1);