Files
keystone/resources/js/pages/onboarding/Show.vue
Harry Bayliss 66f0ee9e50
All checks were successful
CI / Tests (push) Successful in 43s
CI / Lint (push) Successful in 1m3s
Migrate to Gitea, switch JS tooling to oxlint/oxfmt, lift test coverage to 95%
- Add .gitea/workflows/ci.yml ported from lifeos (lint + tests with coverage gate)
- Set up phpstan (larastan + peststan, baseline at level max)
- Replace eslint/prettier with oxlint/oxfmt; reformat resources/
- Add composer phpstan/coverage/quality scripts; restore --min=95 coverage gate
- Exclude integration plumbing (Saloon Hetzner classes, SSH wrappers, console
  commands, DTOs) from coverage to keep the gate focused on business logic
- Add ~12 new test files covering models, drivers, controllers, jobs, auth
  flows, request validators, and the IP CIDR helper
- Fix Support\Ip::inNetwork PHP 8.4 TypeError in CIDR mask check
- Fix FirewallRule::command comparing the enum-cast type column to a string
- Fix Server::network using the wrong foreign key column
- Remove unreachable code under abort(403) in RegisteredUserController
2026-05-13 16:51:07 +01:00

59 lines
2.3 KiB
Vue

<script setup>
import { Badge } from "@/components/ui/badge";
import { Button } from "@/components/ui/button";
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
import AppLayout from "@/layouts/AppLayout.vue";
import { Head, Link } from "@inertiajs/vue3";
import { CheckIcon, CircleIcon } from "lucide-vue-next";
defineProps({
organisation: { type: Object, required: true },
steps: { type: Array, required: true },
nextStep: { type: Object, required: true },
});
</script>
<template>
<Head title="Onboarding" />
<AppLayout
:breadcrumbs="[
{
title: organisation.name,
href: route('organisations.show', { organisation: organisation.id }),
},
{ title: 'Onboarding' },
]"
>
<div class="flex h-full flex-1 flex-col gap-4 p-4">
<div class="flex flex-wrap items-center justify-between gap-3">
<div>
<h2 class="text-3xl font-bold tracking-tight">Onboarding</h2>
<p class="mt-1 text-sm text-muted-foreground">{{ organisation.name }}</p>
</div>
<Button :as="Link" :href="nextStep.href">{{ nextStep.label }}</Button>
</div>
<div class="grid gap-3 md:grid-cols-2 xl:grid-cols-3">
<Card v-for="step in steps" :key="step.key">
<CardHeader>
<div class="flex items-center justify-between gap-3">
<CardTitle>{{ step.label }}</CardTitle>
<Badge :variant="step.complete ? 'success' : 'secondary'">
<CheckIcon v-if="step.complete" class="size-3" />
<CircleIcon v-else class="size-3" />
{{ step.complete ? "Ready" : "Open" }}
</Badge>
</div>
</CardHeader>
<CardContent>
<Button :as="Link" variant="secondary" :href="step.href" class="w-full">{{
step.label
}}</Button>
</CardContent>
</Card>
</div>
</div>
</AppLayout>
</template>