Bugs in settings fixed, profile added

2024-09-21 00:25:42 +02:00
parent c5a72d57d8
commit e494fe41db
65 changed files with 3121 additions and 7478 deletions
--- a/frontend/src/dialogues/admin/AnswerContact.vue
+++ b/frontend/src/dialogues/admin/AnswerContact.vue
@@ -0,0 +1,110 @@
+<template>
+    <DialogWidget ref="dialog" :title="$t('admin.editcontactrequest.title')" :show-close="true" :buttons="buttons"
+        @close="closeDialog" name="AnswerContact" :modal="true" :isTitleTranslated="true">
+        <div class="contact-details">
+            <h3>Von: {{ contact.email }}</h3>
+            <p>{{ contact.message }}</p>
+        </div>
+        <div class="editor-container">
+            <Editor v-model="answer" :init="tinymceInitOptions" :api-key="apiKey" />
+        </div>
+    </DialogWidget>
+
+    <DialogWidget ref="errorDialog" :title="$t('error.title')" :show-close="true" :buttons="errorButtons"
+        @close="closeErrorDialog" name="ErrorDialog" :modal="true" :isTitleTranslated="false">
+        <div>
+            <p>{{ errorMessage }}</p>
+        </div>
+    </DialogWidget>
+</template>
+
+<script>
+import { ref, onBeforeUnmount } from 'vue'
+import Editor from '@tinymce/tinymce-vue'
+import apiClient from '@/utils/axios.js'
+import DialogWidget from '@/components/DialogWidget.vue'
+
+export default {
+    name: 'AnswerContact',
+    components: {
+        DialogWidget,
+        Editor,
+    },
+    data() {
+        return {
+            apiKey: import.meta.env.VITE_TINYMCE_API_KEY,
+            dialog: null,
+            errorDialog: null,
+            contact: null,
+            answer: '',
+            errorMessage: '',
+            tinymceInitOptions: {
+                height: 300,
+                menubar: false,
+                plugins: [
+                    'advlist autolink lists link image charmap print preview anchor',
+                    'searchreplace visualblocks code fullscreen',
+                    'insertdatetime media table paste code help wordcount'
+                ],
+                toolbar:
+                    'undo redo cut copy paste | bold italic forecolor fontfamily fontsize | \
+            alignleft aligncenter alignright alignjustify | \
+            bullist numlist outdent indent | removeformat | help'
+            },
+            buttons: [
+                { text: 'OK', action: this.sendAnswer },
+                { text: 'Cancel', action: this.closeDialog }
+            ],
+            errorButtons: [
+                { text: 'OK', action: this.closeErrorDialog }
+            ]
+        }
+    },
+    methods: {
+        open(contactData) {
+            this.contact = contactData;
+            this.dialog.open();
+            this.answer = '';
+        },
+        closeDialog() {
+            this.dialog.close();
+            this.answer = '';
+        },
+        closeErrorDialog() {
+            this.errorDialog.close();
+        },
+        async sendAnswer() {
+            try {
+                await apiClient.post('/api/admin/contacts/answer', {
+                    id: this.contact.id,
+                    answer: this.answer,
+                });
+                this.dialog.close();
+                this.$emit('refresh');
+                this.answer = '';
+            } catch (error) {
+                const errorText = error.response?.data?.error || 'An unexpected error occurred.';
+                this.errorMessage = errorText;
+                this.errorDialog.open();
+            }
+        }
+    },
+    mounted() {
+        this.dialog = this.$refs.dialog;
+        this.errorDialog = this.$refs.errorDialog;
+    },
+    beforeUnmount() {
+        // Aufräumarbeiten falls nötig
+    }
+}
+</script>
+
+<style scoped>
+.contact-details {
+    margin-bottom: 20px;
+}
+
+.editor-container {
+    margin-top: 20px;
+}
+</style>