nodebb-plugin-calendar-onekite 11.2.8 → 11.2.10

package/lib/api.js

@@ -387,7 +387,7 @@ api.getItems = async function (req, res) {
     clientSecret: settings.helloassoClientSecret,
   });
     if (!token) {
-      console.warn('[calendar-onekite] HelloAsso access token not obtained (approve API)', { rid });
+      console.warn('[calendar-onekite] HelloAsso access token not obtained (items API)', { uid: req.uid || 0 });
     }
 
   if (!token) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nodebb-plugin-calendar-onekite",
-  "version": "11.2.8",
+  "version": "11.2.10",
   "description": "FullCalendar-based equipment reservation workflow with admin approval & HelloAsso payment for NodeBB",
   "main": "library.js",
   "license": "MIT",

package/public/client.js

@@ -16,10 +16,11 @@ define('forum/calendar-onekite', ['alerts', 'bootbox', 'hooks'], function (alert
           padding-top: .375rem;
           padding-bottom: .375rem;
           line-height: 1.25;
+          font-size: 0.95rem;
           width: 100%;
           max-width: 100%;
           box-sizing: border-box;
-          padding-right: 2.25rem; /* leave room for caret */
+          padding-right: 1.75rem; /* leave room for caret */
           min-width: 0;
           text-overflow: clip;
           white-space: nowrap;
@@ -64,8 +65,17 @@ define('forum/calendar-onekite', ['alerts', 'bootbox', 'hooks'], function (alert
     return `${pad2(d.getHours())}:${pad2(d.getMinutes())}`;
   }
 
-  function buildLocalDatetime(dateStr, timeStr) {
-    return `${dateStr}T${timeStr}`;
+  // Build an ISO datetime *with timezone* from local date/time inputs.
+  // This avoids ambiguity when the server runs in UTC and prevents
+  // "single-day" events (07:00→23:59 local) from spilling into the next day
+  // when rendered back to the browser.
+  function buildLocalIso(dateStr, timeStr) {
+    try {
+      const d = new Date(`${dateStr}T${timeStr}`);
+      return d.toISOString();
+    } catch (e) {
+      return `${dateStr}T${timeStr}`;
+    }
   }
 
   function seTimeOptions(selected, include2359) {
@@ -124,22 +134,22 @@ define('forum/calendar-onekite', ['alerts', 'bootbox', 'hooks'], function (alert
       <div class="row g-2">
         <div class="col-12 col-md-6">
           <label class="form-label">Début</label>
-          <div class="row g-2">
-            <div class="col-6">
+          <div class="row g-2 align-items-end">
+            <div class="col-12 col-sm-8">
               <input type="date" class="form-control" id="onekite-se-start-date" value="${escapeHtml(toDateInputValue(seStart))}" />
             </div>
-            <div class="col-6">
+            <div class="col-12 col-sm-4">
               <select class="form-select onekite-time-select" id="onekite-se-start-time">${seTimeOptions(seStartTime, false)}</select>
             </div>
           </div>
         </div>
         <div class="col-12 col-md-6">
           <label class="form-label">Fin</label>
-          <div class="row g-2">
-            <div class="col-6">
+          <div class="row g-2 align-items-end">
+            <div class="col-12 col-sm-8">
               <input type="date" class="form-control" id="onekite-se-end-date" value="${escapeHtml(toDateInputValue(seEnd))}" />
             </div>
-            <div class="col-6">
+            <div class="col-12 col-sm-4">
               <select class="form-select onekite-time-select" id="onekite-se-end-time">${seTimeOptions(seEndTime, true)}</select>
             </div>
           </div>
@@ -180,8 +190,8 @@ define('forum/calendar-onekite', ['alerts', 'bootbox', 'hooks'], function (alert
               const st = (document.getElementById('onekite-se-start-time')?.value || '').trim();
               const ed = (document.getElementById('onekite-se-end-date')?.value || '').trim();
               const et = (document.getElementById('onekite-se-end-time')?.value || '').trim();
-              const startVal = (sd && st) ? buildLocalDatetime(sd, st) : '';
-              const endVal = (ed && et) ? buildLocalDatetime(ed, et) : '';
+              const startVal = (sd && st) ? buildLocalIso(sd, st) : '';
+              const endVal = (ed && et) ? buildLocalIso(ed, et) : '';
               const address = (document.getElementById('onekite-se-address')?.value || '').trim();
               const notes = (document.getElementById('onekite-se-notes')?.value || '').trim();
               const lat = (document.getElementById('onekite-se-lat')?.value || '').trim();
@@ -778,13 +788,24 @@ function toDatetimeLocalValue(date) {
             const btn = document.querySelector('#onekite-calendar .fc-newSpecial-button');
             if (!btn) return;
             const isSpecial = mode === 'special';
-            btn.textContent = isSpecial ? 'Évènement ✓' : 'Évènement';
+            const label = isSpecial ? 'Évènement ✓' : 'Évènement';
+            // FullCalendar wraps text in a span.fc-button-text. Replacing the entire
+            // button textContent can confuse its rerendering and lead to duplicated
+            // labels ("EvenementEvenement").
+            const span = btn.querySelector('.fc-button-text');
+            if (span) {
+              span.textContent = label;
+            } else {
+              btn.textContent = label;
+            }
             btn.classList.toggle('onekite-active', isSpecial);
           } catch (e) {}
         }
 
         function setMode(next) {
           mode = next;
+          // Reset any pending selection/dialog state when switching modes
+          try { if (mode === 'reservation') { calendar.unselect(); isDialogOpen = false; } } catch (e) {}
           if (mode === 'special') {
             showAlert('info', 'Mode évènement : sélectionnez une date ou une plage');
           }
@@ -902,6 +923,21 @@ function toDatetimeLocalValue(date) {
           failureCallback(e);
         }
       },
+      eventDidMount: function (arg) {
+        try {
+          const ev = arg && arg.event;
+          if (!ev) return;
+          if (ev.extendedProps && ev.extendedProps.type === 'special') {
+            // Some themes override FC event colors. Force ours for special events.
+            const el2 = arg.el;
+            if (el2 && el2.style) {
+              el2.style.backgroundColor = '#8e44ad';
+              el2.style.borderColor = '#8e44ad';
+              el2.style.color = '#ffffff';
+            }
+          }
+        } catch (e) {}
+      },
       select: async function (info) {
         if (isDialogOpen) {
           return;