Initial commit with contrats and domaines modules
This commit is contained in:
77
resources/js/Pages/Domaines/Create.vue
Normal file
77
resources/js/Pages/Domaines/Create.vue
Normal file
@@ -0,0 +1,77 @@
|
||||
<script setup>
|
||||
import AuthenticatedLayout from '@/Layouts/AuthenticatedLayout.vue'
|
||||
import { Head, Link, useForm } from '@inertiajs/vue3'
|
||||
|
||||
const form = useForm({
|
||||
nom: '',
|
||||
hebergeur: '',
|
||||
prestataire: '',
|
||||
date_echeance: '',
|
||||
})
|
||||
|
||||
function submit() {
|
||||
form.post(route('domaines.store'))
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<Head title="Nouveau domaine" />
|
||||
<AuthenticatedLayout>
|
||||
<template #header>
|
||||
<div class="flex items-center gap-3">
|
||||
<Link :href="route('domaines.index')" class="text-gray-400 hover:text-gray-600 transition-colors">
|
||||
<svg class="h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" />
|
||||
</svg>
|
||||
</Link>
|
||||
<h1 class="text-xl font-semibold text-gray-900">Nouveau nom de domaine</h1>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<form @submit.prevent="submit" class="mx-auto max-w-3xl space-y-6">
|
||||
<div class="rounded-xl bg-white p-6 shadow-sm border border-gray-100">
|
||||
<div class="grid gap-6 sm:grid-cols-2">
|
||||
<div class="sm:col-span-2">
|
||||
<label class="mb-1 block text-sm font-medium text-gray-700">Nom de domaine *</label>
|
||||
<input v-model="form.nom" type="text" required placeholder="ex: mon-site.com"
|
||||
class="w-full rounded-lg border border-gray-300 px-3 py-2 text-sm focus:border-indigo-500 focus:outline-none" />
|
||||
<div v-if="form.errors.nom" class="mt-1 text-sm text-red-600">{{ form.errors.nom }}</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label class="mb-1 block text-sm font-medium text-gray-700">Hébergeur (Registrar)</label>
|
||||
<input v-model="form.hebergeur" type="text" placeholder="ex: OVH, Gandi, Ionos..."
|
||||
class="w-full rounded-lg border border-gray-300 px-3 py-2 text-sm focus:border-indigo-500 focus:outline-none" />
|
||||
<div v-if="form.errors.hebergeur" class="mt-1 text-sm text-red-600">{{ form.errors.hebergeur }}</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label class="mb-1 block text-sm font-medium text-gray-700">Date d'échéance</label>
|
||||
<input v-model="form.date_echeance" type="date"
|
||||
class="w-full rounded-lg border border-gray-300 px-3 py-2 text-sm focus:border-indigo-500 focus:outline-none" />
|
||||
<p class="mt-1 text-xs text-gray-500">Laissez vide : le système tentera de la récupérer via WHOIS.</p>
|
||||
<div v-if="form.errors.date_echeance" class="mt-1 text-sm text-red-600">{{ form.errors.date_echeance }}</div>
|
||||
</div>
|
||||
|
||||
<div class="sm:col-span-2">
|
||||
<label class="mb-1 block text-sm font-medium text-gray-700">Prestataire</label>
|
||||
<textarea v-model="form.prestataire" rows="2" placeholder="Nom ou détails du prestataire gérant ce nom de domaine, si applicable."
|
||||
class="w-full rounded-lg border border-gray-300 px-3 py-2 text-sm focus:border-indigo-500 focus:outline-none"></textarea>
|
||||
<div v-if="form.errors.prestataire" class="mt-1 text-sm text-red-600">{{ form.errors.prestataire }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-center justify-end gap-3">
|
||||
<Link :href="route('domaines.index')"
|
||||
class="rounded-lg px-4 py-2 text-sm font-medium text-gray-600 hover:bg-gray-100 transition-colors">
|
||||
Annuler
|
||||
</Link>
|
||||
<button type="submit" :disabled="form.processing"
|
||||
class="rounded-lg bg-indigo-600 px-4 py-2 text-sm font-medium text-white hover:bg-indigo-700 transition-colors disabled:opacity-50">
|
||||
{{ form.processing ? 'Création...' : 'Créer le domaine' }}
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</AuthenticatedLayout>
|
||||
</template>
|
||||
Reference in New Issue
Block a user