74 lines
2.0 KiB
Vue
74 lines
2.0 KiB
Vue
<script setup>
|
|
import { goTo } from './Component';
|
|
import { useForm } from '@inertiajs/vue3';
|
|
import { onUpdated } from 'vue';
|
|
|
|
import Input from '@/Components/Dashboard/Form/Input.vue';
|
|
import EditModal from '@/Components/Dashboard/Modal/Edit.vue';
|
|
import Header from '@/Components/Dashboard/Modal/Elements/Header.vue';
|
|
|
|
const emit = defineEmits([
|
|
'close',
|
|
'switchModal'
|
|
]);
|
|
|
|
const props = defineProps({
|
|
show: Boolean,
|
|
model: Object
|
|
});
|
|
|
|
const form = useForm({});
|
|
|
|
const update = (id) => {
|
|
form.transform(data => ({
|
|
...props.model
|
|
})).put(route(goTo('update'), {id}),{
|
|
preserveScroll: true,
|
|
onSuccess: () => {
|
|
Notify.success(lang('updated'))
|
|
emit('switchModal')
|
|
}
|
|
});
|
|
}
|
|
|
|
|
|
</script>
|
|
<template>
|
|
<EditModal
|
|
:show="show"
|
|
@close="$emit('close')"
|
|
@update="update(model.id)"
|
|
>
|
|
<Header
|
|
:title="model.alias"
|
|
/>
|
|
<div class="py-2 border-b">
|
|
<div class="p-4">
|
|
<form>
|
|
<div class="grid gap-6 mb-6 lg:grid-cols-2">
|
|
<Input
|
|
id="Alias"
|
|
placeholder="Alias"
|
|
v-model="model.alias"
|
|
:onError="form.errors.alias"
|
|
required
|
|
/>
|
|
<Input
|
|
id="Valor"
|
|
v-model="model.value"
|
|
:onError="form.errors.value"
|
|
required
|
|
/>
|
|
<Input
|
|
id="Descripción"
|
|
v-model="model.description"
|
|
:onError="form.errors.description"
|
|
required
|
|
/>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</EditModal>
|
|
</template>
|