From 1d33ae1e399d609a00a8c5e06457451350098839 Mon Sep 17 00:00:00 2001
From: Boris Waaub <boriswaaub@Mac-Studio-de-Boris.local>
Date: Wed, 8 May 2024 18:03:50 +0200
Subject: [PATCH] use ckeditor

---
 .../components/ActionToolbarComponent.vue         | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/Bundle/ChillTicketBundle/src/Resources/public/vuejs/TicketApp/components/ActionToolbarComponent.vue b/src/Bundle/ChillTicketBundle/src/Resources/public/vuejs/TicketApp/components/ActionToolbarComponent.vue
index d188bdab0..9d35dbcd5 100644
--- a/src/Bundle/ChillTicketBundle/src/Resources/public/vuejs/TicketApp/components/ActionToolbarComponent.vue
+++ b/src/Bundle/ChillTicketBundle/src/Resources/public/vuejs/TicketApp/components/ActionToolbarComponent.vue
@@ -11,8 +11,15 @@
 
                 <div v-if="activeTab === 'comment'">
                     <form @submit.prevent="createComment">
-                        <textarea v-model="content" class="form-control" id="content" rows="3"
-                            :placeholder="$t('comment.label')"></textarea>
+                        <ckeditor
+                        name="content"
+                        :placeholder="$t('comment.content')"
+                        :editor="editor"
+                        v-model="content"
+                        tag-name="textarea">
+                        </ckeditor>
+                        <!-- <textarea v-model="content" class="form-control" id="content" rows="3"
+                            :placeholder="$t('comment.label')"></textarea> -->
 
                         <div class="d-flex justify-content-end p-2">
                             <button class="btn btn-chill-green text-white float-right" type="submit">
@@ -84,6 +91,8 @@
 import { computed, defineComponent, inject, ref } from "vue";
 import { useI18n } from "vue-i18n";
 import { useStore } from "vuex";
+import CKEditor from '@ckeditor/ckeditor5-vue';
+import ClassicEditor from "../../../../../../../ChillMainBundle/Resources/public/module/ckeditor5";
 
 // Types
 import { User, UserGroup, UserGroupOrUser } from "../../../../../../../ChillMainBundle/Resources/public/types";
@@ -98,6 +107,7 @@ export default defineComponent({
     components: {
         MotiveSelectorComponent,
         AddresseeSelectorComponent,
+        ckeditor: CKEditor.component,
     },
     setup() {
         const store = useStore();
@@ -162,6 +172,7 @@ export default defineComponent({
             addressees,
             users,
             content,
+            editor: ClassicEditor,
             createMotive,
             createComment,
             setAdressees,