nodebb-plugin-calendar-onekite 11.1.72 → 11.1.73

package/library.js

@@ -19,6 +19,191 @@ const Plugin = {};
 const isFn = (fn) => typeof fn === 'function';
 const mw = (...fns) => fns.filter(isFn);
 
+function escapeHtml(str) {
+  return String(str)
+    .replace(/&/g, '&')
+    .replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;')
+    .replace(/"/g, '&quot;')
+    .replace(/'/g, '&#39;');
+}
+
+// --- Widgets ---------------------------------------------------------------
+// Docs: https://docs.nodebb.org/development/widgets/
+Plugin.defineWidgets = async function (widgets, callback) {
+  try {
+    widgets = widgets || [];
+    widgets.push({
+      widget: 'calendar-onekite-mini',
+      name: 'Calendrier OneKite (mini)',
+      description: 'Mini calendrier (mois en cours) avec indicateurs de réservations/évènements.',
+      // Widget settings form (ACP Widgets editor)
+      content: [
+        '<div class="form-group">',
+        '  <label>Titre</label>',
+        '  <input type="text" class="form-control" name="title" placeholder="Calendrier" />',
+        '</div>',
+        '<div class="form-group">',
+        '  <label>Afficher les évènements</label>',
+        '  <select class="form-control" name="showSpecial">',
+        '    <option value="1">Oui</option>',
+        '    <option value="0">Non</option>',
+        '  </select>',
+        '</div>',
+      ].join(''),
+    });
+
+    if (typeof callback === 'function') {
+      return callback(null, widgets);
+    }
+    return widgets;
+  } catch (err) {
+    if (typeof callback === 'function') {
+      return callback(err);
+    }
+    throw err;
+  }
+};
+
+Plugin.renderMiniWidget = async function (hookData, callback) {
+  try {
+    const widget = hookData.widget || {};
+    const data = widget.data || {};
+    const title = (data.title || 'Calendrier').toString();
+    const showSpecial = String(data.showSpecial ?? '1') !== '0';
+
+    const widgetId = `calendar-onekite-mini-${Date.now()}-${Math.floor(Math.random() * 1e9)}`;
+
+    // Note: We render client-side to avoid extra server-side queries. The widget fetches
+    // events via the existing public API endpoint.
+    widget.html = `
+<div class="calendar-onekite-widget" id="${widgetId}">
+  <div class="calendar-onekite-widget__header">
+    <strong>${escapeHtml(title)}</strong>
+    <a class="calendar-onekite-widget__link" href="/calendar">Ouvrir</a>
+  </div>
+  <div class="calendar-onekite-widget__month" data-show-special="${showSpecial ? '1' : '0'}"></div>
+  <div class="calendar-onekite-widget__legend">
+    <span class="calendar-onekite-dot calendar-onekite-dot--pending"></span> en attente
+    <span class="calendar-onekite-dot calendar-onekite-dot--paid"></span> payée
+    ${showSpecial ? '<span class="calendar-onekite-dot calendar-onekite-dot--special"></span> évènement' : ''}
+  </div>
+</div>
+<style>
+.calendar-onekite-widget{border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:10px}
+.calendar-onekite-widget__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
+.calendar-onekite-widget__link{font-size:12px}
+.calendar-onekite-widget__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
+.calendar-onekite-widget__cell{position:relative;aspect-ratio:1/1;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;user-select:none}
+.calendar-onekite-widget__cell--muted{opacity:.35}
+.calendar-onekite-widget__cell--today{outline:2px solid rgba(0,0,0,.2)}
+.calendar-onekite-badges{position:absolute;bottom:2px;left:50%;transform:translateX(-50%);display:flex;gap:2px}
+.calendar-onekite-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin:0 4px 0 10px;vertical-align:middle}
+.calendar-onekite-dot--pending{background:#0d6efd}
+.calendar-onekite-dot--paid{background:#198754}
+.calendar-onekite-dot--special{background:#fd7e14}
+.calendar-onekite-badge{width:6px;height:6px;border-radius:50%}
+.calendar-onekite-badge--pending{background:#0d6efd}
+.calendar-onekite-badge--paid{background:#198754}
+.calendar-onekite-badge--special{background:#fd7e14}
+.calendar-onekite-widget__legend{margin-top:8px;font-size:12px;opacity:.8}
+</style>
+<script>
+(function(){
+  const widgetEl = document.getElementById(${JSON.stringify(widgetId)});
+  if (!widgetEl) return;
+
+  const monthEl = widgetEl.querySelector('.calendar-onekite-widget__month');
+  const showSpecial = monthEl.getAttribute('data-show-special') === '1';
+
+  const now = new Date();
+  const year = now.getFullYear();
+  const month = now.getMonth();
+  const first = new Date(year, month, 1);
+  const last = new Date(year, month + 1, 0);
+  const start = new Date(year, month, 1);
+  start.setDate(start.getDate() - ((start.getDay() + 6) % 7)); // Monday-start
+  const end = new Date(start);
+  end.setDate(end.getDate() + 41);
+
+  function iso(d){ return d.toISOString(); }
+  function ymd(d){ return d.toISOString().slice(0,10); }
+
+  const apiUrl = window.location.origin + '/api/v3/plugins/calendar-onekite/events?from=' + encodeURIComponent(iso(start)) + '&to=' + encodeURIComponent(iso(end));
+
+  fetch(apiUrl, { credentials: 'same-origin' })
+    .then(r => r.ok ? r.json() : Promise.reject(r))
+    .then(payload => {
+      const events = Array.isArray(payload) ? payload : (payload.events || payload.data || []);
+      const dayMap = new Map();
+      for (const ev of events) {
+        if (!ev || !ev.start) continue;
+        const d = new Date(ev.start);
+        const key = ymd(d);
+        const props = ev.extendedProps || {};
+        const isSpecial = props.type === 'special' || ev.type === 'special' || (ev.classNames || []).includes('onekite-special');
+        if (isSpecial && !showSpecial) continue;
+        const status = props.status || ev.status || '';
+        const bucket = dayMap.get(key) || { pending: 0, paid: 0, special: 0 };
+        if (isSpecial) bucket.special++;
+        else if (status === 'paid') bucket.paid++;
+        else bucket.pending++;
+        dayMap.set(key, bucket);
+      }
+      render(dayMap);
+    })
+    .catch(() => render(new Map()));
+
+  function render(dayMap){
+    const grid = document.createElement('div');
+    grid.className = 'calendar-onekite-widget__grid';
+    const labels = ['L','M','M','J','V','S','D'];
+    for (const l of labels){
+      const el = document.createElement('div');
+      el.className = 'calendar-onekite-widget__cell calendar-onekite-widget__cell--muted';
+      el.textContent = l;
+      grid.appendChild(el);
+    }
+    for (let i=0;i<42;i++){
+      const d = new Date(start);
+      d.setDate(start.getDate()+i);
+      const cell = document.createElement('a');
+      cell.href = '/calendar';
+      cell.className = 'calendar-onekite-widget__cell';
+      if (d.getMonth() !== month) cell.classList.add('calendar-onekite-widget__cell--muted');
+      if (ymd(d) === ymd(now)) cell.classList.add('calendar-onekite-widget__cell--today');
+      cell.textContent = d.getDate();
+      const b = dayMap.get(ymd(d));
+      if (b && (b.pending || b.paid || b.special)){
+        const badges = document.createElement('div');
+        badges.className = 'calendar-onekite-badges';
+        if (b.pending) { const s=document.createElement('span'); s.className='calendar-onekite-badge calendar-onekite-badge--pending'; badges.appendChild(s); }
+        if (b.paid) { const s=document.createElement('span'); s.className='calendar-onekite-badge calendar-onekite-badge--paid'; badges.appendChild(s); }
+        if (showSpecial && b.special) { const s=document.createElement('span'); s.className='calendar-onekite-badge calendar-onekite-badge--special'; badges.appendChild(s); }
+        cell.appendChild(badges);
+      }
+      grid.appendChild(cell);
+    }
+    monthEl.innerHTML = '';
+    monthEl.appendChild(grid);
+  }
+})();
+</script>
+`;
+
+    hookData.widget = widget;
+    if (typeof callback === 'function') {
+      return callback(null, hookData);
+    }
+    return hookData;
+  } catch (err) {
+    if (typeof callback === 'function') {
+      return callback(err);
+    }
+    throw err;
+  }
+};
+
 Plugin.init = async function (params) {
   const { router, middleware } = params;
 

package/package.json

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

package/plugin.json

@@ -8,6 +8,16 @@
       "hook": "static:app.load",
       "method": "init"
     },
+    {
+      "hook": "filter:widgets.getWidgets",
+      "method": "defineWidgets",
+      "callbacked": true
+    },
+    {
+      "hook": "filter:widget.render:calendar-onekite-mini",
+      "method": "renderMiniWidget",
+      "callbacked": true
+    },
     {
       "hook": "filter:admin.header.build",
       "method": "addAdminNavigation"
@@ -27,5 +37,5 @@
   "acpScripts": [
     "public/admin.js"
   ],
-  "version": "1.0.46"
+  "version": "1.0.48"
 }