56 lines
1.2 KiB
Vue
56 lines
1.2 KiB
Vue
<script setup>
|
|
import { ref } from 'vue';
|
|
import TextEditor from "../../../../Views/Components/TextEditor.vue";
|
|
import { useAjax } from "../../../../../resources/js/components/ajaxHandler.js";
|
|
import { toast } from "vue3-toastify";
|
|
|
|
const props = defineProps({
|
|
data: {
|
|
type: Object,
|
|
default: () => ({})
|
|
},
|
|
})
|
|
|
|
const { request } = useAjax()
|
|
|
|
const content = ref(props.data.impress_text ?? '')
|
|
|
|
async function save() {
|
|
const response = await request('/api/v1/admin/tenant/impress', {
|
|
method: 'POST',
|
|
body: { impress_text: content.value },
|
|
})
|
|
|
|
if (response && response.status === 'success') {
|
|
toast.success(response.message)
|
|
} else {
|
|
toast.error(response?.message ?? 'Fehler beim Speichern')
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<div>
|
|
<TextEditor v-model="content" />
|
|
<button class="btn-save" @click="save">Speichern</button>
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped>
|
|
.btn-save {
|
|
margin-top: 15px;
|
|
padding: 8px 20px;
|
|
border: none;
|
|
border-radius: 6px;
|
|
cursor: pointer;
|
|
font-weight: bold;
|
|
font-size: 0.9rem;
|
|
background-color: #16a34a;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.btn-save:hover {
|
|
background-color: #15803d;
|
|
}
|
|
</style>
|