From e08fd59e83ff4eb0532b6f32ab8135aedb258c8b Mon Sep 17 00:00:00 2001
From: Daniel Spitzer <daniel.spitzer@inode.at>
Date: Tue, 18 Feb 2025 18:44:55 +0100
Subject: [PATCH] =?UTF-8?q?Kalender=20Update=20=20*=20Tinymce=20f=C3=BCr?=
 =?UTF-8?q?=20Beschreibungsfeld=20eingebaut?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Layout/default/Calendar/View.php            |  3 +-
 application/Calendar/CalendarController.php |  1 +
 public/css/pages/Calendar/View.css          | 22 +++++++++
 public/js/pages/Calendar/View.js            | 52 ++++++++++++++++++---
 4 files changed, 70 insertions(+), 8 deletions(-)

diff --git a/Layout/default/Calendar/View.php b/Layout/default/Calendar/View.php
index d590b86b6..67089df76 100644
--- a/Layout/default/Calendar/View.php
+++ b/Layout/default/Calendar/View.php
@@ -34,7 +34,6 @@ endforeach;
           type="text/css"/>
     <link href="<?= self::getResourcePath() ?>css/pages/Calendar/View.css?<?= $git_merge_ts ?>" rel="stylesheet"
           type="text/css"/>
-    <link href="<?= self::getResourcePath() ?>plugins/summernote/summernote-bs4.min.css" rel="stylesheet">
 
     <script type="text/javascript"
             src="<?= self::getResourcePath() ?>assets/js/calendar/rrule/rrule.min.js?<?= $git_merge_ts ?>"></script>
@@ -649,7 +648,7 @@ endforeach;
     <div id="output"></div>
     <script type="text/javascript" src="<?= self::getResourcePath() ?>plugins/select2/js/i18n/de.js?<?= $git_merge_ts ?>"></script>
     <script type="text/javascript" src="<?=self::getResourcePath()?>plugins/summernote/summernote-bs4.min.js?<?= $git_merge_ts ?>"></script>
-    <script type="text/javascript"  src="<?=self::getResourcePath()?>plugins/summernote/lang/summernote-de-DE.min.js?<?= $git_merge_ts ?>"></script>
+    <script type="text/javascript" src="<?=self::getResourcePath()?>plugins/tinymce/tinymce.min.js<?= $git_merge_ts ?>"></script>
 
     <script>
         let requestUrl = "<?= self::getUrl("Calendar", "api", ['do' => 'getCalendarEvents']) ?>";
diff --git a/application/Calendar/CalendarController.php b/application/Calendar/CalendarController.php
index f15cb4f2c..cade4b5d5 100644
--- a/application/Calendar/CalendarController.php
+++ b/application/Calendar/CalendarController.php
@@ -348,6 +348,7 @@ class CalendarController extends mfBaseController
                 'text' => $value->customer_number . " " . $text . " - " . $value->street . ", " . $value->zip . " " . $value->city,
                 'mail' => $value->email,
                 'mobilenumber' => $mobilenumber,
+                'spin' => $value->spin,
                 'location' => $value->street . ", " . $value->zip . " " . $value->city,
                 'name' => $value->customer_number . " " . $text
             );
diff --git a/public/css/pages/Calendar/View.css b/public/css/pages/Calendar/View.css
index 2ea230c06..b1e20751c 100644
--- a/public/css/pages/Calendar/View.css
+++ b/public/css/pages/Calendar/View.css
@@ -714,4 +714,26 @@ thead .fc-day-today .fc-scrollgrid-sync-inner .fc-col-header-cell-cushion {
 }
 .fc-event-time {
     z-index: 100;
+}
+.note-editor .dropdown-item {
+    padding: .15rem 1.2rem;
+}
+.note-editable p {
+    line-height: 1.2;
+    margin-bottom: 0;
+}
+.tooltip-description p {
+    margin-bottom: 0;
+    line-height: 1.2;
+}
+.note-dropdown-menu {
+    max-height: 250px !important;
+    overflow-y: auto !important;
+    z-index: 99999 !important;
+}
+.tox-dialog {
+    z-index: 1060 !important; /* oder ein höherer Wert, je nach Bedarf */
+}
+.tox .tox-tbtn--select {
+    max-width: 95px;
 }
\ No newline at end of file
diff --git a/public/js/pages/Calendar/View.js b/public/js/pages/Calendar/View.js
index fe98fbf28..39c8aa16a 100644
--- a/public/js/pages/Calendar/View.js
+++ b/public/js/pages/Calendar/View.js
@@ -375,6 +375,9 @@ document.addEventListener('DOMContentLoaded', function () {
                             id: info.event.id
                         }, function (data) {
                         }).done(function (data) {
+                            if (data.data.description.description) {
+                                tinymce.activeEditor.setContent(data.data.description.description);
+                            }
                             if (data.data.attachment.attachment) {
                                 let docs = "";
                                 $.each(data.data.attachments.attachments, function (index, value) {
@@ -620,7 +623,7 @@ document.addEventListener('DOMContentLoaded', function () {
 
                             $('#name').val(info.event.title);
                             $('#location').val(info.event.extendedProps.location);
-                            $('#description').val(info.event.extendedProps.description);
+                            // $('#description').val(info.event.extendedProps.description);
                             $('#delete-event').data('id', info.event.id);
                             $('#update-event').data('id', info.event.id);
                             $('#EventModalLabel').data('id', info.event.id);
@@ -1149,14 +1152,18 @@ $(document).ready(function () {
 
         }
     });
+    $('#myModal').on('shown.bs.modal', function () {
+        $(document).off('focusin.modal');
+    });
 
-    $('#EventModal').on('hide.bs.modal', function (event) {
-        // $('.select2-multiple').select2('destroy');
+    // Sobald der Link-Dialog geschlossen wird, fügen wir die "modal-open"-Klasse wieder hinzu, falls noch ein Modal offen ist.
+    $('#EventModal').on('hidden.bs.modal', function (event) {
+        tinymce.activeEditor.setContent('');
     });
 
 
     $('#EventModal').on('show.bs.modal', function (event) {
-
+        $(document).off('focusin.modal');
         $('.attachment-div').empty();
         $('#reminder').val('NULL');
         $('#type').val('1');
@@ -1201,7 +1208,32 @@ $(document).ready(function () {
         $('#add-event').show();
         $('#attachments').data('newkey', Math.floor(Math.random() * 10000));
     });
+    tinymce.init({
+        //font_formats: "Arial=arial,sans-serif;",
+        selector: '#description',
+        dialog_container: '#EventModal',
+        language: 'de',
+        branding: false,
+        height: 250,
+        menubar: false,
+        forced_root_block_attrs: {
+            style: 'margin:0;'
+        },
+        skin: "tinymce-5",
+        plugins: ' code link autolink lists table',
+        paste_block_drop: true,
+        paste_as_text: true,
+        paste_data_images: false,
+        promotion: false,
+        toolbar1: 'undo redo | styles | bold italic underline strikethrough | fontfamily fontsize forecolor backcolor | alignleft aligncenter alignright alignjustify | bullist numlist | outdent indent | table | link unlink',
+        content_css: "/assets/css/tinymce.css",
+        content_style: "body { font-family: 'Calibri', sans-serif; }",
+        font_family_formats: "Calibri=Calibri, sans-serif;Arial=arial,sans-serif; Courier New=courier new,courier,monospace; Georgia=georgia,palatino,serif; Helvetica=helvetica,sans-serif; Lucida Sans=lucida sans unicode,sans-serif; Tahoma=tahoma,arial,helvetica,sans-serif; Times New Roman=times new roman,times,serif",
+        setup: function (editor) {
 
+        }
+
+    });
     $('body').on('click', '#add-event', function () {
         let valid = true;
 
@@ -1228,7 +1260,7 @@ $(document).ready(function () {
         let end = $('#end-date').val() + ' ' + $('#end-time').val();
         let title = $('#name').val();
         let location = $('#location').val();
-        let description = $('#description').val();
+        let description = tinymce.activeEditor.getContent();
         let newkey = $('#attachments').data('newkey');
         let allday = 0;
         let reminder = $('#reminder').val();
@@ -1322,7 +1354,7 @@ $(document).ready(function () {
         let end = $('#end-date').val() + ' ' + $('#end-time').val();
         let title = $('#name').val();
         let location = $('#location').val();
-        let description = $('#description').val();
+        let description = tinymce.activeEditor.getContent();
         let newkey = $('#attachments').data('newkey');
         let allday = 0;
         let reminder = $('#reminder').val();
@@ -1832,6 +1864,9 @@ $(document).ready(function () {
                 $('#customer-info-type-text').val(data.mobilenumber);
             }
         }
+        if ($("#customer").select2('data')[0].spin) {
+            $('#description').val('Service Pin: ' + $("#customer").select2('data')[0].spin + '\n');
+        }
 
 
     });
@@ -2351,4 +2386,9 @@ $(document).ready(function () {
         });
     }
 
+    $(document).on('focusin', function (e) {
+        if ($(e.target).closest(".tox-tinymce, .tox-tinymce-aux, .moxman-window, .tam-assetmanager-root").length) {
+            e.stopImmediatePropagation();
+        }
+    });
 });