Sprint 1: Auth, metro map canvas, services, and retro UI
Authentication: - Laravel Fortify + Sanctum with Inertia views - RBAC middleware (admin, project_owner, team_member, viewer) - Retro terminal-styled login/register/forgot-password pages Metro Map (core UI): - D3.js zoomable SVG canvas with metro line rendering - Station nodes with glow-on-hover, status coloring, tooltips - Breadcrumb navigation for multi-level drill-down - Node preview panel with zoom-in action - C64-style CLI bar with blinking cursor at bottom Backend services: - ProjectService (CRUD, phase transitions, park/stop, audit logging) - ThemaService (CRUD with audit) - MapDataService (strategy map L1, project map L2) - Thin controllers: MapController, ProjectController, ThemaController - 32 routes total (auth + app + API) Style foundation: - Retro-futurism theme: VT323, Press Start 2P, IBM Plex Mono fonts - Dark palette with cyan/orange/green/purple neon accents - Comprehensive seed data (4 themes, 12 projects, commitments, deps) Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
165
app/Services/MapDataService.php
Normal file
165
app/Services/MapDataService.php
Normal file
@@ -0,0 +1,165 @@
|
||||
<?php
|
||||
|
||||
namespace App\Services;
|
||||
|
||||
use App\Models\Thema;
|
||||
use App\Models\Project;
|
||||
use App\Models\Afhankelijkheid;
|
||||
use Illuminate\Support\Str;
|
||||
|
||||
class MapDataService
|
||||
{
|
||||
/**
|
||||
* Build the Level 1 (Strategy) metro map data.
|
||||
* Each theme = a metro line, each project = a station.
|
||||
*/
|
||||
public function getStrategyMap(): array
|
||||
{
|
||||
$themas = Thema::with([
|
||||
'speerpunten.projects' => function ($q) {
|
||||
$q->with('eigenaar')
|
||||
->withCount(['documents', 'commitments', 'risicos', 'fases']);
|
||||
}
|
||||
])->get();
|
||||
|
||||
$lines = [];
|
||||
$nodes = [];
|
||||
$connections = [];
|
||||
|
||||
$lineColors = ['#00d2ff', '#e94560', '#00ff88', '#7b68ee', '#ff6b6b', '#ffd93d', '#6bcb77', '#4d96ff'];
|
||||
$yOffset = 0;
|
||||
|
||||
foreach ($themas as $index => $thema) {
|
||||
$color = $lineColors[$index % count($lineColors)];
|
||||
$lines[] = [
|
||||
'id' => "thema-{$thema->id}",
|
||||
'name' => $thema->naam,
|
||||
'color' => $color,
|
||||
];
|
||||
|
||||
$projects = $thema->speerpunten->flatMap->projects;
|
||||
$xOffset = -200;
|
||||
|
||||
foreach ($projects as $order => $project) {
|
||||
$nodes[] = [
|
||||
'id' => "project-{$project->id}",
|
||||
'entityId' => $project->id,
|
||||
'entityType' => 'project',
|
||||
'name' => $project->naam,
|
||||
'lineId' => "thema-{$thema->id}",
|
||||
'x' => $xOffset + ($order * 200),
|
||||
'y' => $yOffset,
|
||||
'order' => $order + 1,
|
||||
'status' => $project->status->value,
|
||||
'description' => Str::limit($project->beschrijving, 100),
|
||||
'owner' => $project->eigenaar?->name,
|
||||
'badge' => ucfirst(str_replace('_', ' ', $project->status->value)),
|
||||
'children' => $project->documents_count + $project->commitments_count,
|
||||
];
|
||||
}
|
||||
|
||||
$yOffset += 130;
|
||||
}
|
||||
|
||||
// Get dependencies as connections
|
||||
$dependencies = Afhankelijkheid::all();
|
||||
foreach ($dependencies as $dep) {
|
||||
$connections[] = [
|
||||
'from' => "project-{$dep->project_id}",
|
||||
'to' => "project-{$dep->afhankelijk_van_project_id}",
|
||||
];
|
||||
}
|
||||
|
||||
return [
|
||||
'lines' => $lines,
|
||||
'nodes' => $nodes,
|
||||
'connections' => $connections,
|
||||
'level' => 1,
|
||||
];
|
||||
}
|
||||
|
||||
/**
|
||||
* Build Level 2 (Project) metro map data.
|
||||
* The project's lifecycle phases = a metro line, milestones = stations.
|
||||
*/
|
||||
public function getProjectMap(int $projectId): array
|
||||
{
|
||||
$project = Project::with([
|
||||
'fases',
|
||||
'commitments' => fn ($q) => $q->with('eigenaar'),
|
||||
'documents',
|
||||
'risicos',
|
||||
'besluiten',
|
||||
])->findOrFail($projectId);
|
||||
|
||||
$lines = [
|
||||
['id' => 'lifecycle', 'name' => $project->naam, 'color' => '#00d2ff'],
|
||||
['id' => 'commitments', 'name' => 'Commitments', 'color' => '#e94560'],
|
||||
['id' => 'documents', 'name' => 'Documenten', 'color' => '#7b68ee'],
|
||||
];
|
||||
|
||||
$nodes = [];
|
||||
$xOffset = -300;
|
||||
|
||||
// Phase nodes on lifecycle line
|
||||
foreach ($project->fases->sortBy('type') as $order => $fase) {
|
||||
$nodes[] = [
|
||||
'id' => "fase-{$fase->id}",
|
||||
'entityId' => $fase->id,
|
||||
'entityType' => 'fase',
|
||||
'name' => ucfirst(str_replace('_', ' ', $fase->type->value)),
|
||||
'lineId' => 'lifecycle',
|
||||
'x' => $xOffset + ($order * 180),
|
||||
'y' => -50,
|
||||
'order' => $order + 1,
|
||||
'status' => $fase->status->value,
|
||||
'badge' => ucfirst($fase->status->value),
|
||||
];
|
||||
}
|
||||
|
||||
// Commitment nodes
|
||||
foreach ($project->commitments as $order => $commitment) {
|
||||
$nodes[] = [
|
||||
'id' => "commitment-{$commitment->id}",
|
||||
'entityId' => $commitment->id,
|
||||
'entityType' => 'commitment',
|
||||
'name' => Str::limit($commitment->beschrijving, 40),
|
||||
'lineId' => 'commitments',
|
||||
'x' => $xOffset + ($order * 180),
|
||||
'y' => 80,
|
||||
'order' => $order + 1,
|
||||
'status' => $commitment->status->value,
|
||||
'owner' => $commitment->eigenaar?->name,
|
||||
'badge' => $commitment->deadline?->format('d M'),
|
||||
];
|
||||
}
|
||||
|
||||
// Document nodes
|
||||
foreach ($project->documents as $order => $doc) {
|
||||
$nodes[] = [
|
||||
'id' => "document-{$doc->id}",
|
||||
'entityId' => $doc->id,
|
||||
'entityType' => 'document',
|
||||
'name' => $doc->titel,
|
||||
'lineId' => 'documents',
|
||||
'x' => $xOffset + ($order * 180),
|
||||
'y' => 210,
|
||||
'order' => $order + 1,
|
||||
'status' => 'active',
|
||||
'badge' => "v{$doc->versie}",
|
||||
];
|
||||
}
|
||||
|
||||
return [
|
||||
'lines' => $lines,
|
||||
'nodes' => $nodes,
|
||||
'connections' => [],
|
||||
'level' => 2,
|
||||
'project' => [
|
||||
'id' => $project->id,
|
||||
'naam' => $project->naam,
|
||||
'status' => $project->status->value,
|
||||
],
|
||||
];
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user