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

83
resources/js/pages/servers/Create.vue
View File

@@ -33,25 +33,62 @@ const serverProviders = [
watch(
() => form.provider,
(provider) => {
console.log(provider);
loadLocations();
},
);
if (form.provider && !props.locations) {
router.reload({
only: ['locations'],
data: {
provider: form.provider,
},
async: true,
});
watch (
() => form.location,
(location) => {
loadServerTypes();
}
)
loadLocations();
loadServerTypes();
function loadLocations() {
if (form.provider && !props.locations) {
router.reload({
only: ['locations'],
data: {
provider: form.provider,
},
async: true,
});
}
}
function loadServerTypes() {
if (form.location && !props.serverTypes) {
router.reload({
only: ['serverTypes', 'images'],
data: {
provider: form.provider,
location: form.location,
},
async: true,
});
}
}
</script>
<template>
<Head title="Create Server" />
<AppLayout>
<AppLayout
:breadcrumbs="[
{
title: 'Servers',
href: route('servers.index', {
organisation: $page.props.organisation.id,
}),
},
{
title: 'Create',
}
]"
>
<div class="flex h-full flex-1 flex-col gap-4 rounded-xl p-4">
<div class="flex flex-wrap gap-2">
<RadioButton
@@ -65,17 +102,11 @@ if (form.provider && !props.locations) {
</RadioButton>
</div>
<div v-if="form.provider" class="flex flex-wrap gap-2">
<RadioButton
v-for="location in locations"
v-model="form.location"
:value="location.id"
:disabled="location.disabled"
name="location"
>
<RadioButton v-for="location in locations" v-model="form.location" :value="location.id" :disabled="location.disabled" name="location">
{{ location.city }}
</RadioButton>
</div>
<div v-if="form.location" class="grid md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-2">
<div v-if="form.location" class="grid gap-2 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
<RadioButton
v-for="serverType in serverTypes?.sort((a, b) => a.cores - b.cores) ?? []"
v-model="form.server_type"
@@ -84,21 +115,17 @@ if (form.provider && !props.locations) {
name="server-type"
>
<h5 class="text-lg font-semibold uppercase tracking-tight">{{ serverType.name }}</h5>
<p class="text-sm opacity-60">{{ serverType.cores }} cores &bull; {{ serverType.memory }} GB RAM &bull; {{ serverType.disk }} GB disk</p>
<p class="text-sm opacity-60">
{{ serverType.cores }} cores &bull; {{ serverType.memory }} GB RAM &bull; {{ serverType.disk }} GB disk
</p>
</RadioButton>
</div>
<div v-if="form.server_type" class="flex gap-2 flex-wrap">
<RadioButton
v-for="image in images"
v-model="form.image"
:value="image.id"
:disabled="image.disabled"
name="image"
>
<div v-if="form.server_type" class="flex flex-wrap gap-2">
<RadioButton v-for="image in images" v-model="form.image" :value="image.id" :disabled="image.disabled" name="image">
<h5 class="text-lg font-semibold tracking-tight">{{ image.name }}</h5>
</RadioButton>
</div>
<div class="flex justify-end items-center">
<div class="flex items-center justify-end">
<Button @click="form.post(route('servers.store', { organisation: $page.props.organisation.id }))">Submit</Button>
</div>
</div>