nodebb-plugin-onekite-calendar 1.0.10 → 1.0.11

package/lib/api.js

@@ -137,12 +137,18 @@ function buildHelloAssoItemName(baseLabel, itemNames, start, end) {
   const base = String(baseLabel || '').trim();
   const items = Array.isArray(itemNames) ? itemNames.map((s) => String(s || '').trim()).filter(Boolean) : [];
   const range = (start && end) ? ('Du ' + formatFR(start) + ' au ' + formatFR(end)) : '';
-  const lines = [];
-  if (base) lines.push(base);
-  items.forEach((it) => lines.push('• ' + it));
-  if (range) lines.push(range);
-  if (!lines.length) lines.push('Réservation matériel');
-  let out = lines.join('\n').trim();
+
+  // IMPORTANT:
+  // On the public HelloAsso checkout page, line breaks are not always rendered consistently.
+  // Build a single-line label using bullet separators.
+  let out = '';
+  if (base) out += base;
+  if (items.length) out += (out ? ' — ' : '') + items.map((it) => '• ' + it).join(' ');
+  if (range) out += (out ? ' — ' : '') + range;
+
+  out = String(out || '').trim();
+  if (!out) out = 'Réservation matériel';
+
   // HelloAsso constraint: itemName max 250 chars
   if (out.length > 250) {
     out = out.slice(0, 249).trimEnd() + '…';

package/lib/widgets.js

@@ -137,9 +137,19 @@ widgets.renderTwoWeeksWidget = async function (data) {
       tip.style.display = 'none';
     }
 
-    document.addEventListener('click', (e) => {
+    // Client-side escaping (the server-side helper is not in scope here)
+    function escapeHtml(s) {
+      return String(s || '')
+        .replace(/&/g, '&')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;')
+        .replace(/"/g, '&quot;')
+        .replace(/'/g, '&#39;');
+    }
+
+    document.addEventListener('pointerdown', (e) => {
       // Close when clicking outside an event
-      if (!e.target || !e.target.closest || !e.target.closest('.fc-event')) {
+      if (!e.target || !e.target.closest || (!e.target.closest('.fc-event') && !e.target.closest('.onekite-cal-tooltip'))) {
         hideTip();
       }
     }, { passive: true });
@@ -229,6 +239,21 @@ widgets.renderTwoWeeksWidget = async function (data) {
       eventDidMount: function(info) {
         try {
           const ev = info.event;
+          // Improve centering for single-day dots by centering the harness,
+          // same visual behavior as rentals.
+          try {
+            const cls = (info.el && info.el.classList) ? info.el.classList : null;
+            const isSingle = cls && cls.contains('onekite-singleday');
+            const harness = info.el && info.el.closest ? info.el.closest('.fc-daygrid-event-harness') : null;
+            if (harness && harness.classList) {
+              if (isSingle) {
+                harness.classList.add('onekite-harness-dot');
+              } else {
+                harness.classList.remove('onekite-harness-dot');
+              }
+            }
+          } catch (e) {}
+
           const ep = ev.extendedProps || {};
           const title = (ep.itemNameLine || ep.title || ev.title || '').toString();
           const status = (ep.status || ep.type || '').toString();
@@ -243,22 +268,36 @@ widgets.renderTwoWeeksWidget = async function (data) {
             (status ? ('<div style="opacity:.75; margin-top:2px; font-size:.85em;">' + escapeHtml(status) + '</div>') : '');
 
           // Hover (desktop)
-          info.el.addEventListener('mouseenter', (e) => {
+          info.el.addEventListener('pointerenter', () => {
+            // Only show on devices that actually hover
+            if (window.matchMedia && window.matchMedia('(hover: hover)').matches === false) return;
             setTipContent(html);
             const rect = info.el.getBoundingClientRect();
-            showTipAt(rect.left + window.scrollX, rect.top + window.scrollY);
+            showTipAt(rect.left + rect.width / 2 + window.scrollX, rect.top + window.scrollY);
           }, { passive: true });
-          info.el.addEventListener('mouseleave', hideTip, { passive: true });
+          info.el.addEventListener('pointerleave', hideTip, { passive: true });
 
-          // Tap/click (mobile)
-          info.el.addEventListener('click', (e) => {
-            e.preventDefault();
-            e.stopPropagation();
+          // Tap (mobile) / click (fallback)
+          const openTipFromPoint = (pt) => {
             setTipContent(html);
-            const pt = (e.touches && e.touches[0]) ? e.touches[0] : e;
             showTipAt((pt.clientX || 0) + window.scrollX, (pt.clientY || 0) + window.scrollY);
+          };
+
+          info.el.addEventListener('pointerdown', (e) => {
+            // On touch devices, FullCalendar can swallow click events during swipe;
+            // pointerdown is more reliable.
+            if (e && e.preventDefault) e.preventDefault();
+            if (e && e.stopPropagation) e.stopPropagation();
+            openTipFromPoint(e);
           });
-        } catch (e) {}
+
+          info.el.addEventListener('touchstart', (e) => {
+            const t = e.touches && e.touches[0];
+            if (!t) return;
+            if (e && e.stopPropagation) e.stopPropagation();
+            openTipFromPoint(t);
+          }, { passive: true });
+} catch (e) {}
       },
     });
 
@@ -328,10 +367,15 @@ widgets.renderTwoWeeksWidget = async function (data) {
   .onekite-twoweeks .fc .fc-event.onekite-multiday .fc-event-time { display:none !important; }
 
   .onekite-twoweeks .fc .fc-daygrid-event-harness { margin-top: 2px; }
+  /* Center single-day dots inside the day cell (match rentals) */
+  .onekite-twoweeks .fc .fc-daygrid-event-harness.onekite-harness-dot {
+    display: flex;
+    justify-content: center;
+  }
   .onekite-twoweeks .fc .fc-daygrid-event { padding: 0 !important; }
   .onekite-twoweeks .fc .fc-event-main { color: inherit; }
   .onekite-twoweeks .fc .fc-event-title { display:none; }
-  .onekite-dot-wrap { display:flex; align-items:center; justify-content:center; width: auto; }
+  .onekite-dot-wrap { display:flex; align-items:center; justify-content:center; width: 100%; }
   .onekite-dot { width: 10px; height: 10px; border-radius: 999px; display:inline-block; }
   .onekite-pill-spacer { display:block; height: 10px; line-height: 10px; }
   .onekite-cal-tooltip {

package/package.json

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

package/plugin.json

@@ -39,5 +39,5 @@
   "acpScripts": [
     "public/admin.js"
   ],
-  "version": "1.0.10"
+  "version": "1.0.11"
 }