Restructure UX and seed a fully simulated organisation
Rework the dashboard, environment topology view, header navigation, and status rendering, and standardise selects on a shadcn-vue component. Replace the thin database seeder with a SimulatedEnvironmentSeeder that builds a fully wired, mostly-running organisation (ACTIVE server fleet, managed + GHCR registries, Gitea source provider, ClipBin app with production/staging environments, services, slices, endpoints, managed variables, build artifacts, and a completed/in-progress/failed operations history) so the new UI renders against realistic data.
This commit is contained in:
@@ -32,7 +32,9 @@ defineProps<{
|
||||
</div>
|
||||
<Button
|
||||
:as="Link"
|
||||
:href="route('applications.create', { organisation: $page.props.organisation.id })"
|
||||
:href="
|
||||
route('applications.create', { organisation: $page.props.organisation.id })
|
||||
"
|
||||
>
|
||||
<PlusIcon class="size-4" />
|
||||
Application
|
||||
@@ -63,13 +65,17 @@ defineProps<{
|
||||
<div class="flex items-center gap-2">
|
||||
<BoxesIcon class="size-4" />
|
||||
<span class="font-medium">{{ environment.name }}</span>
|
||||
<Badge :variant="environment.status === 'active' ? 'success' : 'secondary'">
|
||||
{{ environment.status.replace('-', ' ') }}
|
||||
<Badge
|
||||
:variant="
|
||||
environment.status === 'active' ? 'success' : 'secondary'
|
||||
"
|
||||
>
|
||||
{{ environment.status.replace("-", " ") }}
|
||||
</Badge>
|
||||
</div>
|
||||
<p class="mt-2 text-sm text-muted-foreground">
|
||||
{{ environment.branch }} · {{ environment.services_count }} services ·
|
||||
{{ environment.build_artifacts_count }} builds
|
||||
{{ environment.branch }} · {{ environment.services_count }} services
|
||||
· {{ environment.build_artifacts_count }} builds
|
||||
</p>
|
||||
</Link>
|
||||
</CardContent>
|
||||
|
||||
Reference in New Issue
Block a user