bert.hausmans
6eb8ae7aa4
useTimetableStore — pinia composition store carrying: - activeDayId synced to ?day query param at the page level - selectedPerformanceId for popover anchor + keyboard focus - drag state (dragPerformanceId / dragOriginSnapshot / dragGhost) for optimistic preview + 409 rollback - statusFilter (defaults: all on except cancelled, per prototype §4.7) - searchQuery for the wachtrij filter styles/tokens/_timetable.scss — RFC v0.2 D21: - 9 status palettes (bg / border / fg / dot custom properties) - cancelled-hatch repeating gradient - conflict / capacity-warn / capacity-critical / B2B / trashed colours - lane geometry (height, gap, padding, block radius) - canvas + axis backgrounds and tick lines - drag-ghost + focus-ring + day-tab chrome - tt-cascade-pulse keyframe animation for D18 cascaded[] visualisation Imported once via assets/styles/styles.scss so the variables are available everywhere via var(--tt-…). Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Crewli — Organizer SPA
Main product UI for organisation and event staff (Vue 3 + Vuexy + Vuetify). Lives in this repo; only re-copy from Vuexy when upgrading the template.
Setup
- Install dependencies:
pnpm install
- Create
.env.local:
VITE_API_URL=http://localhost:8000/api/v1
VITE_APP_NAME="Crewli Organizer"
- Dev server uses port 5174 (see
vite.config.tsor run from repo root:make app).
pnpm dev --port 5174
Port
Runs on http://localhost:5174
Production: e.g. VITE_API_URL=https://api.crewli.app/api/v1 and host the SPA at https://crewli.app (see api/.env.example for FRONTEND_APP_URL and SANCTUM_STATEFUL_DOMAINS).