bert.hausmans
288aebcd69
- PerformancePopover.vue — teleported floating panel; closes on Esc; shows status chip, advancing %, computed Buma/VAT/total cost; deal-summary + delete + open-detail buttons. Position math (340px wide, 12px margin, flip side if no room) ports prototype's pickPos verbatim. - AddPerformanceDialog.vue — Vuetify VDialog + raw ref form pattern (matches CreateShiftDialog and the rest of the codebase). Uses createPerformancePayloadSchema for client-side validation; falls back to surface-level errors map per field. - StageEditor.vue — single-stage CRUD modal with name + capacity + 10-swatch palette picker. Window.confirm cascade-park warning on delete. - LineupMatrix.vue — stages × sub-events checkbox matrix; only dirty stages fire replaceStageDays (atomic per stage). - Wachtrij.vue — sidebar with search + 9 toggleable status chips with counts; reads/writes useTimetableStore.statusFilter and searchQuery. - WachtrijCard.vue — initials avatar + status dot + dot label + cancelled strike-through. role=button, tabindex=0. 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).