From c3721d014414895ee629f94feffd014db27f4af7 Mon Sep 17 00:00:00 2001
From: polo <ordipolo@gmx.fr>
Date: Mon, 16 Jun 2025 14:59:08 +0200
Subject: champ "description"

---
 public/js/calendar.js | 14 +++++++++++++-
 src/load-events.php   |  4 ++++
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/public/js/calendar.js b/public/js/calendar.js
index 22cdab3..f4cce68 100644
--- a/public/js/calendar.js
+++ b/public/js/calendar.js
@@ -102,6 +102,10 @@ document.addEventListener('DOMContentLoaded', function(){
                         <label for="event_title">Nom</label>
                         <input type="text" id="event_title">
                     </div>
+                    <div class="">
+                        <label for="event_description">Description</label>
+                        <textarea id="event_description" cols="27"></textarea>
+                    </div>
                     <div class="">
                         <input type="checkbox" id="event_all_day" class="event_all_day" ` + checked + `>
                         <label for="event_all_day">Journée entière</label>
@@ -150,7 +154,11 @@ document.addEventListener('DOMContentLoaded', function(){
                     <div class="">
                         <label for="event_title">Nom</label>
                         <input type="text" id="event_title" value="` + info.event.title + `">
-                        <input type="hidden" id="event_id" value="` + info.event.id +`">
+                        <input type="hidden" id="event_id" value="` + info.event.id + `">
+                    </div>
+                    <div class="">
+                        <label for="event_description">Description</label>
+                        <textarea id="event_description" cols="27">` + info.event.extendedProps.description + `</textarea>
                     </div>
                     <div class="">
                         <input type="checkbox" id="event_all_day" class="event_all_day" ` + checked + `>
@@ -191,6 +199,7 @@ document.addEventListener('DOMContentLoaded', function(){
 
     function submitEvent(new_event){
         const event_title = document.getElementById('event_title').value;
+        const event_description = document.getElementById('event_description').value;
         const event_all_day = document.getElementById('event_all_day').checked;
         let event_start = document.getElementById('event_start').value;
         let event_end = document.getElementById('event_end').value;
@@ -220,6 +229,7 @@ document.addEventListener('DOMContentLoaded', function(){
             if(new_event){
                 const event = {
                     title: event_title,
+                    description: event_description,
                     allDay: event_all_day,
                     start: event_start,
                     end: event_end,
@@ -253,6 +263,7 @@ document.addEventListener('DOMContentLoaded', function(){
                 if(event){
                     const event_copy = {
                         id: parseInt(event.id),
+                        description: event_description,
                         title: event_title,
                         allDay: event_all_day,
                         start: event_start,
@@ -271,6 +282,7 @@ document.addEventListener('DOMContentLoaded', function(){
                     .then(data => {
                         if(data.success){
                             event.setProp('title', event_title);
+                            event.setExtendedProp('description', event_description);
                             event.setAllDay(event_all_day);
                             event.setStart(event_start);
                             event.setEnd(event_end);
diff --git a/src/load-events.php b/src/load-events.php
index 686bd06..b997fce 100644
--- a/src/load-events.php
+++ b/src/load-events.php
@@ -7,6 +7,8 @@ $events = [
         'end' => '2025-06-03T09:00:00Z',
         'allDay' => false,
         'color' => '#ffa500', // couleur hexa, éviter les couleurs CSS qui ne fonctionnent pas dans value="" en HTML
+        //'url' => 'https://dev.nageurs-bigoudens.fr', // comportement: https://fullcalendar.io/docs/eventClick
+        'description' => 'blablabla',
     ],
     [
         'id' => 2,
@@ -15,6 +17,7 @@ $events = [
         'end' => '2025-06-07T08:00:00Z',
         'allDay' => false,
         'color' => '#e01b24',
+        'description' => 'truc machin',
     ],
     [
         'id' => 3,
@@ -23,6 +26,7 @@ $events = [
         'end' => '2025-06-09',
         'allDay' => true, // pas d'heure
         'color' => '#008000',
+        'description' => 'ça va chier',
     ],
     // provoque une erreur, si allDay la fin ne peut être égale au début
     /*[
-- 
cgit v1.2.3