harry/keystone
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Restructure UX and seed a fully simulated organisation
Some checks failed
CI / Tests (push) Failing after 56s
Details
CI / Lint (push) Failing after 1m35s
Details

Browse Source 
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:
Harry Bayliss
2026-06-08 22:09:57 +01:00
parent 3a851db08f
commit 85c44296ac
58 changed files with 2292 additions and 847 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
resources/js/pages/organisation-members/Index.vue
View File

@@ -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";
import { Trash2Icon } from "lucide-vue-next";
@@ -93,7 +100,8 @@ const cancelInvitation = (invitation: Record<string, any>): void => {
<CardHeader>
<CardTitle>Invite Member</CardTitle>
<CardDescription>
Existing users are added immediately. New emails remain pending until accepted.
Existing users are added immediately. New emails remain pending until
accepted.
</CardDescription>
</CardHeader>
<CardContent>
@@ -104,7 +112,10 @@ const cancelInvitation = (invitation: Record<string, any>): void => {
route('organisation-members.store', {
organisation: organisation.id,
}),
{ preserveScroll: true, onSuccess: () => inviteForm.reset('email') },
{
preserveScroll: true,
onSuccess: () => inviteForm.reset('email'),
},
)
"
>
@@ -115,15 +126,16 @@ const cancelInvitation = (invitation: Record<string, any>): void => {
</div>
<div class="grid gap-2">
<Label for="role">Role</Label>
<select
id="role"
v-model="inviteForm.role"
class="h-9 rounded-md border border-input bg-transparent px-3 text-sm"
>
<option v-for="role in roles" :key="role" :value="role">
{{ role }}
</option>
</select>
<Select v-model="inviteForm.role">
<SelectTrigger id="role">
<SelectValue placeholder="Select a role" />
</SelectTrigger>
<SelectContent>
<SelectItem v-for="role in roles" :key="role" :value="role">
{{ role }}
</SelectItem>
</SelectContent>
</Select>
<InputError :message="inviteForm.errors.role" />
</div>
<div class="flex items-end">
@@ -151,23 +163,24 @@ const cancelInvitation = (invitation: Record<string, any>): void => {
<div class="text-muted-foreground">
Invited by
{{ invitation.invited_by?.name ?? "Keystone" }}
<span v-if="invitation.expires_at"> · expires {{ invitation.expires_at }}</span>
<span v-if="invitation.expires_at">
· expires {{ invitation.expires_at }}</span
>
</div>
</div>
<select
class="h-9 rounded-md border border-input bg-transparent px-3 text-sm"
:value="invitation.role ?? 'member'"
@change="
updateInvitationRole(
invitation,
($event.target as HTMLSelectElement).value,
)
"
<Select
:model-value="invitation.role ?? 'member'"
@update:model-value="updateInvitationRole(invitation, $event as string)"
>
<option v-for="role in roles" :key="role" :value="role">
{{ role }}
</option>
</select>
<SelectTrigger>
<SelectValue placeholder="Select a role" />
</SelectTrigger>
<SelectContent>
<SelectItem v-for="role in roles" :key="role" :value="role">
{{ role }}
</SelectItem>
</SelectContent>
</Select>
<Button
size="iconxs"
variant="ghost"
@@ -201,15 +214,19 @@ const cancelInvitation = (invitation: Record<string, any>): void => {
<div class="font-medium">{{ member.name }}</div>
<div class="text-muted-foreground">{{ member.email }}</div>
</div>
<select
class="h-9 rounded-md border border-input bg-transparent px-3 text-sm"
:value="member.membership?.role ?? 'member'"
@change="updateRole(member, ($event.target as HTMLSelectElement).value)"
<Select
:model-value="member.membership?.role ?? 'member'"
@update:model-value="updateRole(member, $event as string)"
>
<option v-for="role in roles" :key="role" :value="role">
{{ role }}
</option>
</select>
<SelectTrigger>
<SelectValue placeholder="Select a role" />
</SelectTrigger>
<SelectContent>
<SelectItem v-for="role in roles" :key="role" :value="role">
{{ role }}
</SelectItem>
</SelectContent>
</Select>
<Button
size="iconxs"
variant="ghost"