Elux Space

Event Map CMS

POC

—

Draft Not published

Base map

—

Current —

Read locally with FileReader, downscaled on a canvas, then stored with the event. Nothing is uploaded anywhere.

Placement tool

Drag any spot to reposition it. Arrow keys nudge a focused spot; hold Shift for larger steps. Double-click empty map space to drop a spot without switching tools.

Filters

Status

Draft & publish

Drafts stay in this browser (localStorage). Publishing copies the draft into the public viewer state.

Editing draft

Map canvas

—

Base map for the selected event

Spot ledger

—
Spots in the current draft, filtered by the controls on the left
Code Name Category Status Vendor Rate X / Y

Source references

Uploaded in Slack
Selected reference image preview

—

Data model

Event {
  id       string     "mellow-art-market-2027"
  name     string
  venue    string
  dates    string
  mapSrc   string     asset path OR data: URL from an upload
  mapName  string     shown in the admin base-map panel
  spots    Spot[]
}

Spot {
  id      string      stable key, never shown to the public
  code    string      "A01", "BAR"
  name    string
  type    enum        booth | food | stage | service | facility | feature
  status  enum        available | held | reserved | sold | blocked
  size    string      free text, e.g. "3 x 3 m"
  price   string      free text rate
  vendor  string      assignee / trader
  notes   string
  x       number      0–100, % of map WIDTH
  y       number      0–100, % of map HEIGHT
}

Coordinates are stored as percentages, never pixels — so a replacement map of any size or aspect ratio keeps every spot in the right relative place, and the map stays responsive from phone to desktop.

Live JSON for the selected event 
—

All events, spots, vendors and rates below are demo / POC data generated for this prototype — not real Elux Space bookings.