73 lines
2.6 KiB
Vue
73 lines
2.6 KiB
Vue
<script setup>
|
|
import InputError from '@/components/InputError.vue';
|
|
import { Button } from '@/components/ui/button';
|
|
import { Input } from '@/components/ui/input';
|
|
import { Label } from '@/components/ui/label';
|
|
import AppLayout from '@/layouts/AppLayout.vue';
|
|
import { Head, useForm } from '@inertiajs/vue3';
|
|
|
|
const form = useForm({
|
|
name: '',
|
|
repository_url: '',
|
|
default_branch: 'main',
|
|
environment_name: 'production',
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
<Head title="Create Application" />
|
|
|
|
<AppLayout
|
|
:breadcrumbs="[
|
|
{
|
|
title: 'Applications',
|
|
href: route('applications.index', {
|
|
organisation: $page.props.organisation.id,
|
|
}),
|
|
},
|
|
{
|
|
title: 'Create',
|
|
},
|
|
]"
|
|
>
|
|
<form
|
|
class="flex h-full max-w-2xl flex-1 flex-col gap-5 p-4"
|
|
@submit.prevent="form.post(route('applications.store', { organisation: $page.props.organisation.id }))"
|
|
>
|
|
<div>
|
|
<h2 class="text-3xl font-bold tracking-tight">Create Application</h2>
|
|
</div>
|
|
|
|
<div class="grid gap-2">
|
|
<Label for="name">Name</Label>
|
|
<Input id="name" v-model="form.name" type="text" required autofocus placeholder="Billing API" />
|
|
<InputError :message="form.errors.name" />
|
|
</div>
|
|
|
|
<div class="grid gap-2">
|
|
<Label for="repository_url">Repository SSH URL</Label>
|
|
<Input id="repository_url" v-model="form.repository_url" type="text" required placeholder="git@example.com:org/repo.git" />
|
|
<InputError :message="form.errors.repository_url" />
|
|
</div>
|
|
|
|
<div class="grid gap-4 md:grid-cols-2">
|
|
<div class="grid gap-2">
|
|
<Label for="default_branch">Default branch</Label>
|
|
<Input id="default_branch" v-model="form.default_branch" type="text" required />
|
|
<InputError :message="form.errors.default_branch" />
|
|
</div>
|
|
|
|
<div class="grid gap-2">
|
|
<Label for="environment_name">Environment</Label>
|
|
<Input id="environment_name" v-model="form.environment_name" type="text" required />
|
|
<InputError :message="form.errors.environment_name" />
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flex items-center justify-end">
|
|
<Button type="submit" :disabled="form.processing">Create</Button>
|
|
</div>
|
|
</form>
|
|
</AppLayout>
|
|
</template>
|