updated Fullcalendar to version 6, closes #4887

Closes #4887

Merge request studip/studip!4438

2 files changed, 31 insertions, 25 deletions

diff --git a/templates/sidebar/resources_individual_booking_plan_sidebar.php b/templates/sidebar/resources_individual_booking_plan_sidebar.php
index 50c4438..cf90412 100644
--- a/templates/sidebar/resources_individual_booking_plan_sidebar.php
+++ b/templates/sidebar/resources_individual_booking_plan_sidebar.php
@@ -1,19 +1 @@
-<? $colour_amount = 4; ?>
-<section class="colour-selectors">
-    <p class="info-text">
-        <?= sprintf(
-            _('Im unteren Bereich können Sie bis zu %d Farben frei wählen und diese via Drag & Drop auf Termine ziehen. Wenn Sie fertig sind, klicken Sie auf das Drucken-Symbol unter den Farbwählern.'),
-            $colour_amount
-        ) ?>
-    </p>
-    <? for ($i = 0; $i < $colour_amount; $i++): ?>
-        <div class="colour-selector" style="background-color: #000000;">
-            <input type="color" value="#000000" class="big-colour-input">
-        </div>
-    <? endfor ?>
-    <?= Icon::create('print')->asSvg(Icon::SIZE_LARGE, [
-        'class' => 'text-bottom print-action',
-        'title' => _('Individuelle Druckansicht drucken'),
-        'onclick' => 'javascript:window.print();'
-    ]) ?>
-</section>
+<section id="sidebar-calendar-colour-picker" class="colour-selectors"></section>
diff --git a/templates/studip-fullcalendar.php b/templates/studip-fullcalendar.php
index 3d150a8..ed5e861 100644
--- a/templates/studip-fullcalendar.php
+++ b/templates/studip-fullcalendar.php
@@ -1,7 +1,31 @@
-<section
-    <? if (count($attributes)) : ?>
-        <?= arrayToHtmlAttributes($attributes) ?>
-    <? endif ?>
-    data-title="<?= htmlReady($title)?>"
-    data-config="<?= htmlReady(json_encode($config)) ?>">
+<?php
+/**
+ * @var array $attributes HTML attributes for the surrounding element.
+ * @var string $title The title of the calendar.
+ * @var array $config The calendar configuration.
+ * @var string $extraClasses Extra CSS class for the fullcalendar element.
+ * @var string $dialogSize The default size of dialogs when opened out of the calendar.
+ * @var array $actionUrls URLs for different actions that usually trigger dialogs to be shown.
+ * @var bool $displayHolidays Whether to show holidays in the calendar (true) or not (false).
+ * @var bool $displayVacations Whether to show vacations in the calendar (true) or not (false).
+ * @var string $externalDroppableContainerId The ID of the element that contains external droppable events.
+ * @var string $externalDroppableEventSelector The selector for external droppable events.
+ * @var bool $eventColourPicker Whether to show an event colour picker (true) or not (false).
+ */
+?>
+<section class="studip-fullcalendar" <?= arrayToHtmlAttributes($attributes) ?>>
+    <?= \Studip\VueApp::create('StudipCalendar')->withProps(
+        [
+            'title'             => $title,
+            'config'            => $config,
+            'extraClasses'     => $extraClasses,
+            'dialogSize'       => $dialogSize,
+            'actionUrls'       => $actionUrls,
+            'displayHolidays'  => $displayHolidays,
+            'displayVacations' => $displayVacations,
+            'externalDroppableContainerId'   => $externalDroppableContainerId,
+            'externalDroppableEventSelector' => $externalDroppableEventSelector,
+            'eventColourPicker' => $eventColourPicker
+        ]
+    ) ?>
 </section>