nodebb-plugin-calendar-onekite 1.0.1

package/package.json

@@ -0,0 +1,22 @@
+{
+  "name": "nodebb-plugin-calendar-onekite",
+  "version": "1.0.1",
+  "description": "",
+  "repository": {
+    "type": "git",
+    "url": "https://git.worobel.net/Arnaud/nodebb-plugin-calendar-lite-onekite.git"
+  },
+  "license": "ISC",
+  "author": "",
+  "type": "commonjs",
+  "main": "library.js",
+  "nbbpm": {
+    "compatibility": "^4.0.0"
+  },
+  "files": [
+    "plugin.json",
+    "library.js",
+    "templates/",
+    "static/"
+  ]
+}

package/plugin.json

@@ -0,0 +1,18 @@
+{
+  "id": "nodebb-plugin-calendar-Onekite",
+  "name": "Calendar Onekite",
+  "description": "Calendrier + réservation de matériel + validation admin + paiement HelloAsso pour NodeBB v4",
+  "url": "",
+  "version": "1.0.1",
+  "library": "./library.js",
+  "staticDirs": {
+    "static": "static"
+  },
+  "hooks": [
+    { "hook": "static:app.load", "method": "init" },
+    { "hook": "filter:admin.header.build", "method": "addAdminNavigation" },
+    { "hook": "filter:widgets.getWidgets", "method": "defineWidgets" },
+    { "hook": "filter:widget.render:calendarUpcoming", "method": "renderUpcomingWidget" }
+  ],
+  "templates": "templates"
+}

package/static/js/admin.js

@@ -0,0 +1,155 @@
+'use strict';
+
+$(document).ready(function () {
+  if (!$('#calendar-lite-admin').length && !$('#calendar-planning').length) return;
+
+  const AdminCalendar = {
+
+    initSettings: function () {
+      if (!$('#calendar-lite-admin').length) return;
+      AdminCalendar.bindSettingsSave();
+      AdminCalendar.loadPending();
+    },
+
+    initPlanning: function () {
+      if (!$('#calendar-planning').length) return;
+      AdminCalendar.loadPlanning();
+    },
+
+    bindSettingsSave: function () {
+      $('#calendar-lite-save').on('click', () => {
+        const settings = {
+          allowedGroups: $('#calendar-lite-groups').val(),
+          allowedBookingGroups: $('#calendar-lite-book-groups').val(),
+          limit: $('#calendar-lite-widget-limit').val()
+        };
+
+        $.ajax({
+          url: '/api/admin/plugins/calendar-lite',
+          method: 'PUT',
+          contentType: 'application/json',
+          data: JSON.stringify(settings)
+        })
+          .then(() => app.alertSuccess('Paramètres enregistrés'))
+          .catch(err => app.alertError(err.responseJSON?.error || err.message));
+      });
+    },
+
+    loadPending: function () {
+      $.get('/api/admin/calendar/pending').then(list => {
+        const container = $('#pending-reservations');
+        if (!container.length) return;
+
+        container.empty();
+
+        if (!list.length) {
+          container.html('<p>Aucune réservation en attente.</p>');
+          return;
+        }
+
+        list.forEach(block => {
+          const ev = block.event;
+          const card = $(`
+            <div class="card mb-3">
+              <div class="card-header">
+                <strong>${ev.title}</strong><br>
+                <small>${ev.start} → ${ev.end}</small>
+              </div>
+              <div class="card-body"></div>
+            </div>
+          `);
+
+          const body = card.find('.card-body');
+
+          block.reservations.forEach(r => {
+            const row = $(`
+              <div class="reservation-row mb-2 p-2 border rounded">
+                <p><strong>RID :</strong> ${r.rid}</p>
+                <p><strong>UID :</strong> ${r.uid}</p>
+                <p><strong>Matériel :</strong> ${r.itemId}</p>
+                <p><strong>Quantité :</strong> ${r.quantity}</p>
+                <p><strong>Dates :</strong> ${r.dateStart} → ${r.dateEnd} (${r.days || ''} jours)</p>
+                <p><strong>Lieu de retrait :</strong> ${r.pickupLocation || 'Non précisé'}</p>
+                <button class="btn btn-success btn-sm validate-btn">Valider</button>
+                <button class="btn btn-danger btn-sm cancel-btn">Annuler</button>
+              </div>
+            `);
+
+            row.find('.validate-btn').on('click', () => {
+              AdminCalendar.validateReservation(r.rid, row);
+            });
+
+            row.find('.cancel-btn').on('click', () => {
+              AdminCalendar.cancelReservation(r.rid, row);
+            });
+
+            body.append(row);
+          });
+
+          container.append(card);
+        });
+      });
+    },
+
+    validateReservation: function (rid, row) {
+      $.post('/api/admin/calendar/reservation/' + rid + '/validate')
+        .then(res => {
+          row.css('background', '#d4edda');
+          row.find('.validate-btn').remove();
+          row.find('.cancel-btn').remove();
+          row.append('<p><strong>Validée.</strong> Lien de paiement envoyé.</p>');
+        })
+        .catch(err => {
+          app.alertError(err.responseJSON?.error || err.message);
+        });
+    },
+
+    cancelReservation: function (rid, row) {
+      bootbox.confirm('Annuler cette réservation ?', ok => {
+        if (!ok) return;
+        $.post('/api/admin/calendar/reservation/' + rid + '/cancel')
+          .then(() => {
+            row.css('background', '#f8d7da');
+            row.find('.validate-btn').remove();
+            row.find('.cancel-btn').remove();
+            row.append('<p><strong>Annulée.</strong></p>');
+          })
+          .catch(err => app.alertError(err.responseJSON?.error || err.message));
+      });
+    },
+
+    loadPlanning: function () {
+      $.get('/api/admin/calendar/planning').then(rows => {
+        const tbody = $('#planning-body');
+        if (!tbody.length) return;
+
+        tbody.empty();
+
+        if (!rows.length) {
+          tbody.append('<tr><td colspan="8">Aucune réservation future.</td></tr>');
+          return;
+        }
+
+        rows.forEach(r => {
+          const tr = $(`
+            <tr>
+              <td>${r.eventTitle}</td>
+              <td>${r.itemName}</td>
+              <td>${r.pickupLocation || 'Non précisé'}</td>
+              <td>${r.uid}</td>
+              <td>${r.quantity}</td>
+              <td>${r.dateStart}</td>
+              <td>${r.dateEnd}</td>
+              <td>${r.days}</td>
+              <td>${r.status}</td>
+            </tr>
+          `);
+          tbody.append(tr);
+        });
+      });
+    }
+  };
+
+  AdminCalendar.initSettings();
+  AdminCalendar.initPlanning();
+});

package/static/js/calendar.js

@@ -0,0 +1,301 @@
+'use strict';
+
+$(document).ready(function () {
+  if (!$('#calendar').length) return;
+
+  const CalendarPage = {
+
+    canBook: false,
+
+    init: function () {
+      this.prepareModals();
+      this.checkPermissions();
+      this.initCalendar();
+    },
+
+    checkPermissions: function () {
+      $.get('/api/calendar/permissions/book').then(res => {
+        CalendarPage.canBook = !!(res && res.allow);
+      });
+    },
+
+    prepareModals: function () {
+      $('.calendar-modal').hide();
+      $('.calendar-modal .calendar-close').on('click', function () {
+        $(this).closest('.calendar-modal').fadeOut();
+      });
+    },
+
+    initCalendar: function () {
+      const calendarEl = document.getElementById('calendar');
+
+      const calendar = new FullCalendar.Calendar(calendarEl, {
+        themeSystem: 'bootstrap5',
+        initialView: 'dayGridMonth',
+        locale: 'fr',
+        height: 'auto',
+        selectable: true,
+        headerToolbar: {
+          left: 'prev,next today',
+          center: 'title',
+          right: 'dayGridMonth,timeGridWeek,listWeek'
+        },
+
+        events: (info, success, fail) => {
+          $.get('/api/calendar/events', { start: info.startStr, end: info.endStr })
+            .then(events => {
+              success(events.map(ev => ({
+                id: ev.eid,
+                title: ev.title,
+                start: ev.start,
+                end: ev.end,
+                allDay: ev.allDay == 1,
+                extendedProps: ev
+              })));
+            })
+            .catch(fail);
+        },
+
+        dateClick: info => {
+          CalendarPage.openCreateEventModal(info.dateStr);
+        },
+
+        eventClick: info => {
+          CalendarPage.openEventModal(info.event.extendedProps);
+        }
+      });
+
+      calendar.render();
+
+      // bouton nouvel event
+      $.get('/api/calendar/permissions/create').then(res => {
+        if (!res || !res.allow) {
+          $('#calendar-new-event').hide();
+        } else {
+          $('#calendar-new-event').on('click', () => {
+            CalendarPage.openCreateEventModal();
+          });
+        }
+      });
+    },
+
+    /* -------- MODAL EVENT -------- */
+
+    openCreateEventModal: function (dateStr) {
+      const modal = $('#calendar-event-modal');
+
+      $('#event-modal-title').text('Créer un événement');
+      $('#event-title').val('');
+      $('#event-description').val('');
+      const base = dateStr || new Date().toISOString().slice(0, 10);
+      $('#event-start').val(base + 'T09:00');
+      $('#event-end').val(base + 'T11:00');
+      $('#event-allDay').prop('checked', false);
+      $('#event-location').val('');
+      $('#event-bookingEnabled').prop('checked', false);
+      $('#booking-items').empty();
+
+      $('#event-save').off('click').on('click', () => {
+        CalendarPage.saveEvent();
+      });
+
+      $('#event-delete').hide();
+      $('#event-reserve').hide();
+
+      $('#event-add-item').off('click').on('click', () => {
+        CalendarPage.addBookingItemRow();
+      });
+
+      modal.fadeIn();
+    },
+
+    openEventModal: function (eventData) {
+      const modal = $('#calendar-event-modal');
+
+      $('#event-modal-title').text('Événement : ' + eventData.title);
+      $('#event-title').val(eventData.title);
+      $('#event-description').val(eventData.description || '');
+      $('#event-start').val(eventData.start.replace('Z', ''));
+      $('#event-end').val(eventData.end.replace('Z', ''));
+      $('#event-allDay').prop('checked', eventData.allDay == 1);
+      $('#event-location').val(eventData.location || '');
+      $('#event-bookingEnabled').prop('checked', eventData.bookingEnabled == 1);
+
+      CalendarPage.renderBookingItems(eventData.bookingItems || []);
+
+      $('#event-add-item').off('click').on('click', () => {
+        CalendarPage.addBookingItemRow();
+      });
+
+      $('#event-save').off('click').on('click', () => {
+        CalendarPage.updateEvent(eventData.eid);
+      });
+
+      $('#event-delete').show().off('click').on('click', () => {
+        bootbox.confirm('Supprimer cet événement ?', ok => {
+          if (!ok) return;
+          $.ajax({ url: '/api/calendar/event/' + eventData.eid, method: 'DELETE' })
+            .then(() => location.reload());
+        });
+      });
+
+      if (CalendarPage.canBook && Number(eventData.bookingEnabled)) {
+        $('#event-reserve').show().off('click').on('click', () => {
+          CalendarPage.openReserveModal(eventData.eid);
+        });
+      } else {
+        $('#event-reserve').hide();
+      }
+
+      modal.fadeIn();
+    },
+
+    saveEvent: function () {
+      const data = CalendarPage.collectEventForm();
+      $.ajax({
+        url: '/api/calendar/event',
+        method: 'POST',
+        contentType: 'application/json',
+        data: JSON.stringify(data),
+      }).then(() => location.reload())
+        .catch(err => app.alertError(err.responseJSON?.error || err.message));
+    },
+
+    updateEvent: function (eid) {
+      const data = CalendarPage.collectEventForm();
+      $.ajax({
+        url: '/api/calendar/event/' + eid,
+        method: 'PUT',
+        contentType: 'application/json',
+        data: JSON.stringify(data),
+      }).then(() => location.reload())
+        .catch(err => app.alertError(err.responseJSON?.error || err.message));
+    },
+
+    collectEventForm: function () {
+      const items = [];
+      $('#booking-items .booking-item-row').each(function () {
+        const row = $(this);
+        const total = Number(row.find('.item-total').val() || 0);
+        if (!total) return;
+
+        items.push({
+          id: row.find('.item-id').val(),
+          name: row.find('.item-name').val(),
+          total,
+          reserved: Number(row.find('.item-reserved').val() || 0),
+          reservedTemp: Number(row.find('.item-reservedTemp').val() || 0),
+          price: Number(row.find('.item-price').val() || 0),
+          pickupLocation: row.find('.item-pickup').val() || ''
+        });
+      });
+
+      return {
+        title: $('#event-title').val(),
+        description: $('#event-description').val(),
+        start: $('#event-start').val(),
+        end: $('#event-end').val(),
+        allDay: $('#event-allDay').is(':checked'),
+        location: $('#event-location').val(),
+        bookingEnabled: $('#event-bookingEnabled').is(':checked'),
+        bookingItems: items
+      };
+    },
+
+    renderBookingItems: function (items) {
+      const container = $('#booking-items');
+      container.empty();
+      (items || []).forEach(item => CalendarPage.addBookingItemRow(item));
+    },
+
+    addBookingItemRow: function (item = {}) {
+      const row = $(`
+        <div class="booking-item-row">
+          <input type="text" class="item-id form-control" placeholder="ID" value="${item.id || ''}">
+          <input type="text" class="item-name form-control" placeholder="Nom matériel" value="${item.name || ''}">
+          <input type="number" class="item-total form-control" placeholder="Total" value="${item.total || 0}">
+          <input type="number" class="item-price form-control" placeholder="Prix €" step="0.01" value="${item.price || 0}">
+          <input type="text" class="item-pickup form-control" placeholder="Lieu retrait" value="${item.pickupLocation || ''}">
+          <input type="hidden" class="item-reserved" value="${item.reserved || 0}">
+          <input type="hidden" class="item-reservedTemp" value="${item.reservedTemp || 0}">
+          <button class="btn btn-danger btn-sm item-remove">✕</button>
+        </div>
+      `);
+
+      row.find('.item-remove').on('click', () => row.remove());
+      $('#booking-items').append(row);
+    },
+
+    /* -------- MODAL RÉSERVATION -------- */
+
+    openReserveModal: function (eid) {
+      $.get('/api/calendar/event/' + eid).then(eventData => {
+        const modal = $('#calendar-reserve-modal');
+
+        $('#reserve-title').text(eventData.title);
+
+        const items = eventData.bookingItems || [];
+        if (!items.length || !Number(eventData.bookingEnabled)) {
+          $('#reserve-items').html('<p>Aucun matériel réservable pour cet événement.</p>');
+          $('#reserve-confirm').hide();
+        } else {
+          let html = '<ul>';
+          items.forEach((item, index) => {
+            const pickup = item.pickupLocation || 'Lieu de retrait non précisé';
+            html += `
+              <li>
+                <label>
+                  <input type="radio" name="reserve-item" value="${item.id}" ${index === 0 ? 'checked' : ''}>
+                  <strong>${item.name}</strong>
+                  ${item.price ? `– ${item.price} €/jour` : ''}
+                  <br><small>📍 Retrait : ${pickup}</small>
+                </label>
+              </li>`;
+          });
+          html += '</ul>';
+          $('#reserve-items').html(html);
+          $('#reserve-confirm').show();
+        }
+
+        const today = new Date().toISOString().slice(0, 10);
+        $('#reserve-start').val(today);
+        $('#reserve-end').val(today);
+        $('#reserve-quantity').val(1);
+
+        $('#reserve-confirm').off('click').on('click', () => {
+          CalendarPage.sendReservation(eid);
+        });
+
+        modal.fadeIn();
+      });
+    },
+
+    sendReservation: function (eid) {
+      const itemId = $('input[name="reserve-item"]:checked').val();
+      const quantity = Number($('#reserve-quantity').val() || 1);
+      const dateStart = $('#reserve-start').val();
+      const dateEnd = $('#reserve-end').val();
+
+      if (!itemId) return app.alertError('Sélectionnez un matériel.');
+      if (!quantity || quantity <= 0) return app.alertError('Quantité invalide.');
+      if (!dateStart || !dateEnd) return app.alertError('Merci de renseigner les dates.');
+      if (dateEnd < dateStart) return app.alertError('La date de fin doit être ≥ la date de début.');
+
+      $.ajax({
+        url: '/api/calendar/event/' + eid + '/book',
+        method: 'POST',
+        contentType: 'application/json',
+        data: JSON.stringify({ itemId, quantity, dateStart, dateEnd }),
+      })
+        .then(res => {
+          app.alertSuccess(res.message || 'Demande envoyée.');
+          $('#calendar-reserve-modal').fadeOut();
+        })
+        .catch(err => {
+          app.alertError(err.responseJSON?.error || err.message);
+        });
+    }
+  };
+
+  CalendarPage.init();
+});

package/static/style.css

@@ -0,0 +1,47 @@
+#calendar {
+  margin: 20px;
+}
+
+.calendar-modal {
+  position: fixed;
+  inset: 0;
+  z-index: 9000;
+  background: rgba(0,0,0,0.5);
+  display: none;
+}
+
+.calendar-modal-content {
+  background: #fff;
+  padding: 20px;
+  width: 600px;
+  margin: 60px auto;
+  border-radius: 6px;
+}
+
+.calendar-close {
+  float: right;
+  cursor: pointer;
+}
+
+.booking-item-row {
+  display: flex;
+  gap: 5px;
+  margin-bottom: 6px;
+}
+
+.booking-item-row input {
+  flex: 1;
+}
+
+.booking-item-row .item-remove {
+  flex: 0 0 auto;
+}
+
+.reservation-row {
+  background: #eef2f5;
+}
+
+.calendar-upcoming-list {
+  list-style: none;
+  padding-left: 0;
+}

package/templates/admin/calendar-lite.tpl

@@ -0,0 +1,28 @@
+<div id="calendar-lite-admin">
+  <h2>Calendar Lite – Administration</h2>
+
+  <h3>Réservations en attente</h3>
+  <div id="pending-reservations"></div>
+
+  <hr>
+
+  <h3>Paramètres du plugin</h3>
+
+  <div class="form-group">
+    <label>Groupes autorisés à créer / modifier des événements</label>
+    <input id="calendar-lite-groups" class="form-control" value="{settings.allowedGroups}">
+    <small>Ex : administrators, moderators</small>
+  </div>
+
+  <div class="form-group">
+    <label>Nombre d’événements dans le widget</label>
+    <input id="calendar-lite-widget-limit" type="number" class="form-control" value="{settings.limit}">
+    <label>Groupes autorisés à réserver</label>
+    <input id="calendar-lite-book-groups" class="form-control" value="{settings.allowedBookingGroups}">
+    <small>Ex : registered-users, membres, vip</small>
+  </div>
+
+  <button id="calendar-lite-save" class="btn btn-primary">Enregistrer</button>
+</div>
+
+<script src="/plugins/nodebb-plugin-calendar-lite/static/js/admin.js"></script>

package/templates/admin/calendar-planning.tpl

@@ -0,0 +1,30 @@
+<div id="calendar-planning">
+  <h2>Planning des réservations de matériel</h2>
+
+  <p>
+    <a href="/admin/plugins/calendar-lite" class="btn btn-default btn-sm">
+      ← Retour au plugin Calendar Lite
+    </a>
+  </p>
+
+  <table class="table table-striped">
+    <thead>
+      <tr>
+        <th>Événement</th>
+        <th>Matériel</th>
+        <th>Lieu de retrait</th>
+        <th>UID</th>
+        <th>Quantité</th>
+        <th>Début</th>
+        <th>Fin</th>
+        <th>Jours</th>
+        <th>Statut</th>
+      </tr>
+    </thead>
+    <tbody id="planning-body">
+      <tr><td colspan="9">Chargement…</td></tr>
+    </tbody>
+  </table>
+</div>
+
+<script src="/plugins/nodebb-plugin-calendar-lite/static/js/admin.js"></script>

package/templates/calendar-my-reservations.tpl

@@ -0,0 +1,45 @@
+<h2>Mes réservations</h2>
+
+<table class="table table-striped">
+  <thead>
+    <tr>
+      <th>Événement</th>
+      <th>Matériel</th>
+      <th>Quantité</th>
+      <th>Dates</th>
+      <th>Jours</th>
+      <th>Statut</th>
+    </tr>
+  </thead>
+  <tbody id="my-reservations-body">
+    <tr><td colspan="6">Chargement…</td></tr>
+  </tbody>
+</table>
+
+<script>
+$(document).ready(function () {
+  const tbody = $('#my-reservations-body');
+  $.get('/api/calendar/my-reservations').then(rows => {
+    tbody.empty();
+    if (!rows.length) {
+      tbody.append('<tr><td colspan="6">Aucune réservation.</td></tr>');
+      return;
+    }
+    rows.forEach(r => {
+      const tr = $(`
+        <tr>
+          <td>${r.eventTitle}</td>
+          <td>${r.itemName}</td>
+          <td>${r.quantity}</td>
+          <td>${r.dateStart} → ${r.dateEnd}</td>
+          <td>${r.days || ''}</td>
+          <td>${r.status}</td>
+        </tr>
+      `);
+      tbody.append(tr);
+    });
+  }).catch(() => {
+    tbody.html('<tr><td colspan="6">Erreur lors du chargement.</td></tr>');
+  });
+});
+</script>