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

8
app/Console/Commands/GenerateJSEnums.php
View File

@@ -69,6 +69,14 @@ class GenerateJSEnums extends Command
$js .= "\n";
}
if (method_exists($enum, 'getDescription')) {
$values = $enum::toArray();
$descriptions = array_map(fn($key) => $enum::getDescription($key), $values);
$js .= 'export const DescriptionMap = ';
$js .= json_encode($descriptions, JSON_PRETTY_PRINT) . "\n";
$js .= "\n";
}
if (method_exists($enum, 'colours')) {
$colours = $enum::colours();
$js .= 'export const ColourMap = ';

16
app/Enums/ServiceCategory.php
View File

@@ -13,4 +13,20 @@ enum ServiceCategory: string
case GATEWAY = 'gateway';
case STORAGE = 'storage';
case CACHE = 'cache';
public static function getDescription(ServiceCategory|string $category) {
if (is_string($category)) {
$category = ServiceCategory::from($category);
}
if (! $category instanceof ServiceCategory) {
throw new \InvalidArgumentException('Invalid category provided');
}
return match ($category) {
self::APPLICATION => 'The base container image for your application',
self::DATABASE => 'Postgres or MySQL',
self::GATEWAY => 'The gateway is the first point of contact for your application',
self::STORAGE => 'S3 or S3-compatible service',
self::CACHE => 'Redis, Memcached or similar',
};
}
}

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",

41
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,14 +33,34 @@ const form = useForm({
},
{
title: 'Create',
}
},
]"
>
<div class="flex h-full flex-1 flex-col gap-4 rounded-xl p-4">
<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>
<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">