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

frontend js enums generation, started service/create

Browse Source
This commit is contained in:
Harry (hjbdev)
2025-04-01 16:18:46 +00:00
parent 4ff9b05cb4
commit 0cd00c641b
14 changed files with 274 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
resources/js/pages/servers/Show.vue
View File

@@ -1,10 +1,11 @@
<script setup lang="ts">
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 } from '@inertiajs/vue3';
import { Head, Link } from '@inertiajs/vue3';
import { useCycleList, useInterval } from '@vueuse/core';
import { DatabaseIcon, Layers2Icon, LoaderCircleIcon } from 'lucide-vue-next';
import { DatabaseIcon, Layers2Icon, LoaderCircleIcon, PlusIcon } from 'lucide-vue-next';
import { watch } from 'vue';
const props = defineProps({
@@ -60,7 +61,18 @@ watch(counter, () => {
<template v-if="server.status === 'active'">
<div>
<h3 class="mb-3 text-2xl font-semibold tracking-tight">Services</h3>
<div class="mb-3 flex items-center justify-between">
<h3 class="text-2xl font-semibold tracking-tight">Services</h3>
<div>
<Button :as="Link" :href="route('services.create', {
organisation: $page.props.organisation.id,
server: server.id,
})" size="xs">
<PlusIcon class="size-4" />
Add
</Button>
</div>
</div>
<div class="grid gap-4 md:grid-cols-2 lg:grid-cols-3">
<Card v-for="service in server.services" :key="service.id">
<CardHeader>

50
resources/js/pages/services/Create.vue Normal file
View File

@@ -0,0 +1,50 @@
<script setup>
import RadioButton from '@/components/RadioButton.vue';
import { Button } from '@/components/ui/button';
import AppLayout from '@/layouts/AppLayout.vue';
import { Head, router, useForm } from '@inertiajs/vue3';
import { watch } from 'vue';
const props = defineProps({
});
const form = useForm({
name: null,
category: null,
type: null,
});
</script>
<template>
<Head title="Add Service to Server" />
<AppLayout
:breadcrumbs="[
{
title: 'Servers',
href: route('servers.index', {
organisation: $page.props.organisation.id,
}),
},
{
title: 'Services',
},
{
title: 'Create',
}
]"
>
<div class="flex h-full flex-1 flex-col gap-4 rounded-xl p-4">
<div>
</div>
<div class="flex items-center justify-end">
<Button @click="form.post(route('servers.store', { organisation: $page.props.organisation.id }))">Submit</Button>
</div>
</div>
</AppLayout>
</template>