mirror of
https://github.com/BetterCorp/BetterFrame.git
synced 2026-05-27 00:36:34 +00:00
Browser-side layout editor (no build step, vanilla JS): - Click to select cells - Drag edges (right/bottom/corner handles) to resize col_span/row_span - Drag cells to reposition (row/col) with grid-aware snap - Visual feedback: selection outline, resize handle highlights, drag opacity Server: POST /admin/layouts/:id/cells/:cellId/move route for drag-drop repositioning. Existing /resize route handles span changes. CSS: inline resize handle styles + selection state. Handles appear on hover (6px edge bars + 12px corner square). layout-editor.js loaded via /static/. Activates on any grid with data-layout-editor="<layoutId>" attribute. Compatible with htmx — re-initializes after swap via htmx:afterSettle listener. data-cell-id attribute added to each .layout-cell div for JS targeting. |
||
|---|---|---|
| .. | ||
| html-response.ts | ||
| index.ts | ||
| middleware.ts | ||
| routes-account.ts | ||
| routes-admin.ts | ||
| routes-auth.ts | ||
| routes-firmware.ts | ||
| routes-os-updates.ts | ||
| routes-setup.ts | ||
| routes-static.ts | ||