pingcrm/resources/js/Pages/Users/Create.vue

69 lines
2.3 KiB
Vue
Raw Normal View History

2019-03-18 08:53:00 -03:00
<template>
<layout title="Create User">
<h1 class="mb-8 font-bold text-3xl">
<inertia-link class="text-indigo-light hover:text-indigo-dark" :href="route('users')">Users</inertia-link>
<span class="text-indigo-light font-medium">/</span> Create
</h1>
<div class="bg-white rounded shadow overflow-hidden max-w-lg">
<form @submit.prevent="submit">
<div class="p-8 -mr-6 -mb-8 flex flex-wrap">
<text-input v-model="form.first_name" :errors="errors.first_name" class="pr-6 pb-8 w-full lg:w-1/2" label="First name" />
<text-input v-model="form.last_name" :errors="errors.last_name" class="pr-6 pb-8 w-full lg:w-1/2" label="Last name" />
<text-input v-model="form.email" :errors="errors.email" class="pr-6 pb-8 w-full lg:w-1/2" label="Email" />
<text-input v-model="form.password" :errors="errors.password" class="pr-6 pb-8 w-full lg:w-1/2" type="password" autocomplete="new-password" label="Password" />
<select-input v-model="form.owner" :errors="errors.owner" class="pr-6 pb-8 w-full lg:w-1/2" label="Owner">
2019-03-18 08:53:00 -03:00
<option :value="true">Yes</option>
<option :value="false">No</option>
</select-input>
</div>
<div class="px-8 py-4 bg-grey-lightest border-t border-grey-lighter flex justify-end items-center">
<loading-button :loading="sending" class="btn-indigo" type="submit">Create User</loading-button>
2019-03-18 08:53:00 -03:00
</div>
</form>
</div>
</layout>
</template>
<script>
import { Inertia, InertiaLink } from 'inertia-vue'
import Layout from '@/Shared/Layout'
import LoadingButton from '@/Shared/LoadingButton'
import SelectInput from '@/Shared/SelectInput'
import TextInput from '@/Shared/TextInput'
export default {
components: {
InertiaLink,
Layout,
LoadingButton,
SelectInput,
TextInput,
},
props: {
errors: {
type: Object,
default: () => ({}),
},
2019-03-18 08:53:00 -03:00
},
data() {
return {
sending: false,
form: Inertia.remember({
first_name: null,
last_name: null,
email: null,
password: null,
owner: false,
}),
2019-03-18 08:53:00 -03:00
}
},
methods: {
submit() {
this.sending = true
Inertia.post(this.route('users.store'), this.form)
.then(() => this.sending = false)
2019-03-18 08:53:00 -03:00
},
},
}
</script>