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

enum fix, create form wip

Browse Source
This commit is contained in:
Harry (hjbdev)
2025-04-01 16:33:50 +00:00
parent 0cd00c641b
commit 8f0e319a63
12 changed files with 74 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
resources/js/enums/DeploymentStatus.js
View File

@@ -1,5 +1,5 @@
// This is a generated file.
// Published at 2025-04-01 16:18:32
// Published at 2025-04-01 16:27:12
export default {
"PENDING": "pending",

2
resources/js/enums/FirewallRuleStatus.js
View File

@@ -1,5 +1,5 @@
// This is a generated file.
// Published at 2025-04-01 16:18:32
// Published at 2025-04-01 16:27:12
export default {
"NOT_APPLIED": "not-applied",

2
resources/js/enums/OrganisationRole.js
View File

@@ -1,5 +1,5 @@
// This is a generated file.
// Published at 2025-04-01 16:18:32
// Published at 2025-04-01 16:27:12
export default {
"ADMIN": "admin",

2
resources/js/enums/RepositoryType.js
View File

@@ -1,5 +1,5 @@
// This is a generated file.
// Published at 2025-04-01 16:18:32
// Published at 2025-04-01 16:27:12
export default {
"GIT": "git"

2
resources/js/enums/ServerProvider.js
View File

@@ -1,5 +1,5 @@
// This is a generated file.
// Published at 2025-04-01 16:18:32
// Published at 2025-04-01 16:27:12
export default {
"HETZNER": "hetzner",

2
resources/js/enums/ServerStatus.js
View File

@@ -1,5 +1,5 @@
// This is a generated file.
// Published at 2025-04-01 16:18:32
// Published at 2025-04-01 16:27:12
export default {
"WAITING_FOR_PROVIDER": "waiting-for-provider",

10
resources/js/enums/ServiceCategory.js
View File

@@ -1,5 +1,5 @@
// This is a generated file.
// Published at 2025-04-01 16:18:32
// Published at 2025-04-01 16:27:12
export default {
"DATABASE": "database",
@@ -9,3 +9,11 @@ export default {
"CACHE": "cache"
}
export const DescriptionMap = {
"DATABASE": "Postgres or MySQL",
"APPLICATION": "The base container image for your application",
"GATEWAY": "The gateway is the first point of contact for your application",
"STORAGE": "S3 or S3-compatible service",
"CACHE": "Redis, Memcached or similar"
}

2
resources/js/enums/ServiceStatus.js
View File

@@ -1,5 +1,5 @@
// This is a generated file.
// Published at 2025-04-01 16:18:32
// Published at 2025-04-01 16:27:12
export default {
"NOT_INSTALLED": "not-installed",

2
resources/js/enums/ServiceType.js
View File

@@ -1,5 +1,5 @@
// This is a generated file.
// Published at 2025-04-01 16:18:32
// Published at 2025-04-01 16:27:12
export default {
"FRANKENPHP": "frankenphp",

45
resources/js/pages/services/Create.vue
View File

@@ -1,13 +1,14 @@
<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';
import { Head, useForm } from '@inertiajs/vue3';
import { Label } from '@/components/ui/label';
import { Input } from '@/components/ui/input';
import InputError from '@/components/InputError.vue';
import ServiceCategory, { DescriptionMap as serviceCategoryDescriptions } from '@/enums/ServiceCategory';
import RadioButton from '@/components/RadioButton.vue';
const props = defineProps({
});
const props = defineProps({});
const form = useForm({
name: null,
@@ -32,16 +33,36 @@ const form = useForm({
},
{
title: 'Create',
}
},
]"
>
<div class="flex h-full flex-1 flex-col gap-4 rounded-xl p-4">
<div>
<div class="flex gap-2">
<RadioButton
v-for="(category, categoryKey) in ServiceCategory"
v-model="form.category"
:value="category"
name="category"
>
<h4 class="text-lg font-semibold tracking-tighter">{{ category }}</h4>
<p class="text-sm">{{ serviceCategoryDescriptions[categoryKey] }}</p>
</RadioButton>
</div>
<div class="grid gap-2">
<Label for="name">Name</Label>
<Input
id="name"
type="text"
required
autofocus
:tabindex="1"
v-model="form.name"
placeholder="postgres-db"
/>
<InputError :message="form.errors.name" />
</div>
<div class="flex items-center justify-end">
<Button @click="form.post(route('servers.store', { organisation: $page.props.organisation.id }))">Submit</Button>
</div>