frontend js enums generation, started service/create

2025-04-01 16:18:46 +00:00
parent 4ff9b05cb4
commit 0cd00c641b
14 changed files with 274 additions and 3 deletions
--- a/resources/js/pages/services/Create.vue
+++ b/resources/js/pages/services/Create.vue
@@ -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>