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

arrayable enums, only use base ubuntu images, server controller tests, server frontend page fixes

Browse Source
This commit is contained in:
Harry (hjbdev)
2025-04-01 15:57:40 +00:00
parent d6a0fb3838
commit 4ff9b05cb4
20 changed files with 387 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
resources/js/pages/servers/Index.vue
View File

@@ -1,11 +1,13 @@
<script setup>
import { Badge } from '@/components/ui/badge';
import { Card, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
import { Button } from '@/components/ui/button';
import AppLayout from '@/layouts/AppLayout.vue';
import { Head, Link } from '@inertiajs/vue3';
const props = defineProps({
servers: {
type: [Array, null],
type: [Object, null],
required: true,
},
});
@@ -14,27 +16,42 @@ const props = defineProps({
<template>
<Head title="Dashboard" />
<AppLayout :breadcrumbs="[
{
title: 'Servers',
href: route('servers.index', {
organisation: $page.props.organisation.id,
}),
},
]">
<AppLayout
:breadcrumbs="[
{
title: 'Servers',
href: route('servers.index', {
organisation: $page.props.organisation.id,
}),
},
]"
>
<div class="flex justify-between items-center gap-3 p-4">
<h2 class="text-3xl font-bold tracking-tight">Servers</h2>
<div>
<Button :as="Link" :href="route('servers.create', {
organisation: $page.props.organisation.id,
})">Create</Button>
</div>
</div>
<div class="grid gap-4 rounded-xl p-4 md:grid-cols-2 lg:grid-cols-3">
<Card v-for="server in servers.data" :key="`server{$servers.id}`" class="w-full relative">
<Card v-for="server in servers.data" :key="`server{$servers.id}`" class="relative w-full">
<CardHeader>
<CardTitle>{{ server.name }}</CardTitle>
<CardDescription
><span class="inline-block rounded-md bg-green-200 px-2 text-xs uppercase text-green-800">{{ server.status }}</span> &bull;
<CardDescription>
<Badge :variant="server.status === 'active' ? 'success' : 'secondary'">{{ server.status.replace('-', ' ') }}</Badge> &bull;
{{ server.ipv4 || server.ipv6 }}</CardDescription
>
</CardHeader>
<Link :href="route('servers.show', {
organisation: $page.props.organisation.id,
server: server.id,
})" class="absolute inset-0"></Link>
<Link
:href="
route('servers.show', {
organisation: $page.props.organisation.id,
server: server.id,
})
"
class="absolute inset-0"
></Link>
</Card>
<div>@todo pagination</div>