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:
@@ -4,6 +4,13 @@ import { Button } from "@/components/ui/button";
|
||||
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
|
||||
import { Input } from "@/components/ui/input";
|
||||
import { Label } from "@/components/ui/label";
|
||||
import {
|
||||
Select,
|
||||
SelectContent,
|
||||
SelectItem,
|
||||
SelectTrigger,
|
||||
SelectValue,
|
||||
} from "@/components/ui/select";
|
||||
import AppLayout from "@/layouts/AppLayout.vue";
|
||||
import { Head, router, useForm } from "@inertiajs/vue3";
|
||||
|
||||
@@ -123,33 +130,38 @@ const destroyEnvironment = (): void => {
|
||||
</label>
|
||||
<div class="grid gap-2">
|
||||
<Label for="scheduler_target_service_id">Target service</Label>
|
||||
<select
|
||||
id="scheduler_target_service_id"
|
||||
v-model="form.scheduler_target_service_id"
|
||||
class="h-9 rounded-md border border-input bg-transparent px-3 text-sm"
|
||||
>
|
||||
<option value="">No target</option>
|
||||
<option
|
||||
v-for="service in environment.services"
|
||||
:key="service.id"
|
||||
:value="service.id"
|
||||
>
|
||||
{{ service.name }}
|
||||
</option>
|
||||
</select>
|
||||
<Select v-model="form.scheduler_target_service_id">
|
||||
<SelectTrigger id="scheduler_target_service_id">
|
||||
<SelectValue placeholder="No target" />
|
||||
</SelectTrigger>
|
||||
<SelectContent>
|
||||
<SelectItem
|
||||
v-for="service in environment.services"
|
||||
:key="service.id"
|
||||
:value="String(service.id)"
|
||||
>
|
||||
{{ service.name }}
|
||||
</SelectItem>
|
||||
</SelectContent>
|
||||
</Select>
|
||||
<InputError :message="form.errors.scheduler_target_service_id" />
|
||||
</div>
|
||||
<div class="grid gap-2">
|
||||
<Label for="scheduler_mode">Mode</Label>
|
||||
<select
|
||||
id="scheduler_mode"
|
||||
v-model="form.scheduler_mode"
|
||||
class="h-9 rounded-md border border-input bg-transparent px-3 text-sm"
|
||||
>
|
||||
<option v-for="mode in schedulerModes" :key="mode" :value="mode">
|
||||
{{ mode.replace("_", " ") }}
|
||||
</option>
|
||||
</select>
|
||||
<Select v-model="form.scheduler_mode">
|
||||
<SelectTrigger id="scheduler_mode">
|
||||
<SelectValue placeholder="Select mode" />
|
||||
</SelectTrigger>
|
||||
<SelectContent>
|
||||
<SelectItem
|
||||
v-for="mode in schedulerModes"
|
||||
:key="mode"
|
||||
:value="mode"
|
||||
>
|
||||
{{ mode.replace("_", " ") }}
|
||||
</SelectItem>
|
||||
</SelectContent>
|
||||
</Select>
|
||||
<InputError :message="form.errors.scheduler_mode" />
|
||||
</div>
|
||||
</CardContent>
|
||||
@@ -158,20 +170,27 @@ const destroyEnvironment = (): void => {
|
||||
<Card>
|
||||
<CardHeader>
|
||||
<CardTitle>Build & Health</CardTitle>
|
||||
<CardDescription>Defaults used by deploy planning and runtime checks.</CardDescription>
|
||||
<CardDescription
|
||||
>Defaults used by deploy planning and runtime checks.</CardDescription
|
||||
>
|
||||
</CardHeader>
|
||||
<CardContent class="grid gap-4 md:grid-cols-2">
|
||||
<div class="grid gap-2">
|
||||
<Label for="build_strategy">Build strategy</Label>
|
||||
<select
|
||||
id="build_strategy"
|
||||
v-model="form.build_strategy"
|
||||
class="h-9 rounded-md border border-input bg-transparent px-3 text-sm"
|
||||
>
|
||||
<option v-for="strategy in buildStrategies" :key="strategy" :value="strategy">
|
||||
{{ strategy.replace("_", " ") }}
|
||||
</option>
|
||||
</select>
|
||||
<Select v-model="form.build_strategy">
|
||||
<SelectTrigger id="build_strategy">
|
||||
<SelectValue placeholder="Select strategy" />
|
||||
</SelectTrigger>
|
||||
<SelectContent>
|
||||
<SelectItem
|
||||
v-for="strategy in buildStrategies"
|
||||
:key="strategy"
|
||||
:value="strategy"
|
||||
>
|
||||
{{ strategy.replace("_", " ") }}
|
||||
</SelectItem>
|
||||
</SelectContent>
|
||||
</Select>
|
||||
<InputError :message="form.errors.build_strategy" />
|
||||
</div>
|
||||
<div class="grid gap-2">
|
||||
|
||||
Reference in New Issue
Block a user