86e5b8febf
API (web/api.py):
GET /api/projects, /api/projects/{id}, /api/tasks/{id}
GET /api/decisions?project=X, /api/cost?days=7, /api/support/tickets
POST /api/projects, /api/tasks, /api/decisions, /api/bootstrap
CORS for localhost:5173, all queries via models.py
Frontend (web/frontend/):
Vue 3 + TypeScript + Vite + Tailwind CSS v3
Dashboard: project cards with task counters, cost, status badges
ProjectView: tabs for Tasks/Decisions/Modules with filters
Modals: Add Project, Add Task, Add Decision, Bootstrap
Dark theme, monospace font, minimal clean design
Startup:
API: cd web && uvicorn api:app --reload --port 8420
Web: cd web/frontend && npm install && npm run dev
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
18 lines
712 B
Vue
18 lines
712 B
Vue
<script setup lang="ts">
|
|
defineProps<{ title: string }>()
|
|
const emit = defineEmits<{ close: [] }>()
|
|
</script>
|
|
|
|
<template>
|
|
<div class="fixed inset-0 z-50 flex items-center justify-center bg-black/60" @click.self="emit('close')">
|
|
<div class="bg-gray-900 border border-gray-700 rounded-lg w-full max-w-lg mx-4 shadow-2xl">
|
|
<div class="flex items-center justify-between px-5 py-3 border-b border-gray-800">
|
|
<h3 class="text-sm font-semibold text-gray-200">{{ title }}</h3>
|
|
<button @click="emit('close')" class="text-gray-500 hover:text-gray-300 text-lg leading-none">×</button>
|
|
</div>
|
|
<div class="px-5 py-4">
|
|
<slot />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|