nodebb-plugin-equipment-calendar 0.2.2 → 0.2.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nodebb-plugin-equipment-calendar",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "description": "Equipment reservation calendar for NodeBB (FullCalendar, approvals, HelloAsso payments)",
   "main": "library.js",
   "scripts": {

package/plugin.json

@@ -1,16 +1,9 @@
 {
-  "id": "nodebb-plugin-calendar-onekite",
-  "name": "Calendar Onekite",
-  "description": "Calendrier + réservation matériel + validation admin + paiement HelloAsso pour NodeBB v4",
-  "url": "",
-  "version": "0.2.2",
+  "id": "nodebb-plugin-equipment-calendar",
+  "name": "Equipment Calendar",
+  "description": "Calendar-based equipment reservations with group approvals and HelloAsso payments.",
+  "url": "https://example.invalid",
   "library": "./library.js",
-  "staticDirs": {
-    "static": "static"
-  },
-  "acpScripts": [
-    "static/js/admin.js"
-  ],
   "hooks": [
     {
       "hook": "static:app.load",
@@ -21,13 +14,19 @@
       "method": "addAdminNavigation"
     },
     {
-      "hook": "filter:widgets.getWidgets",
-      "method": "defineWidgets"
-    },
-    {
-      "hook": "filter:widget.render:calendarUpcoming",
-      "method": "renderUpcomingWidget"
+      "hook": "filter:router.page",
+      "method": "addPageRoutes"
     }
   ],
-  "templates": "templates"
+  "templates": "./public/templates",
+  "staticDirs": {
+    "js": "public/js",
+    "css": "public/css"
+  },
+  "scripts": [
+    "public/js/client.js"
+  ],
+  "acpScripts": [
+    "public/js/admin.js"
+  ]
 }

package/public/css/style.css

@@ -0,0 +1,2 @@
+.equipment-calendar-page {}
+.ec-status-pending {}

package/public/js/admin.js

@@ -0,0 +1,32 @@
+'use strict';
+/* global $, app */
+
+define('admin/plugins/equipment-calendar', function () {
+  const EquipmentCalendar = {};
+
+  EquipmentCalendar.init = function () {
+    $('#save').on('click', function () {
+      const payload = {
+        creatorGroups: $('#creatorGroups').val(),
+        approverGroup: $('#approverGroup').val(),
+        notifyGroup: $('#notifyGroup').val(),
+        itemsJson: $('#itemsJson').val(),
+        ha_clientId: $('#ha_clientId').val(),
+        ha_clientSecret: $('#ha_clientSecret').val(),
+        ha_organizationSlug: $('#ha_organizationSlug').val(),
+        ha_returnUrl: $('#ha_returnUrl').val(),
+        ha_webhookSecret: $('#ha_webhookSecret').val(),
+        defaultView: $('#defaultView').val(),
+        timezone: $('#timezone').val(),
+        showRequesterToAll: $('#showRequesterToAll').is(':checked') ? '1' : '0',
+      };
+
+      socket.emit('admin.settings.save', { hash: 'equipmentCalendar', values: payload }, function (err) {
+        if (err) return app.alertError(err.message || err);
+        app.alertSuccess('Sauvegardé');
+      });
+    });
+  };
+
+  return EquipmentCalendar;
+});

package/public/js/client.js

@@ -0,0 +1,50 @@
+'use strict';
+/* global $, window, document, FullCalendar */
+
+(function () {
+  function submitCreate(startISO, endISO) {
+    const form = document.getElementById('ec-create-form');
+    if (!form) return;
+    form.querySelector('input[name="start"]').value = startISO;
+    form.querySelector('input[name="end"]').value = endISO;
+    form.submit();
+  }
+
+  $(document).ready(function () {
+    const el = document.getElementById('equipment-calendar');
+    if (!el) return;
+
+    const events = window.EC_EVENTS || [];
+    const initialDate = window.EC_INITIAL_DATE;
+    const initialView = window.EC_INITIAL_VIEW || 'dayGridMonth';
+
+    const calendar = new FullCalendar.Calendar(el, {
+      initialView: initialView,
+      initialDate: initialDate,
+      timeZone: window.EC_TZ || 'local',
+      selectable: window.EC_CAN_CREATE === true,
+      selectMirror: true,
+      events: events,
+      select: function (info) {
+        // FullCalendar provides end exclusive for all-day; for timed selections it's fine.
+        submitCreate(info.startStr, info.endStr);
+      },
+      dateClick: function (info) {
+        // Create 1-hour slot by default
+        const start = info.date;
+        const end = new Date(start.getTime() + 60 * 60 * 1000);
+        submitCreate(start.toISOString(), end.toISOString());
+      },
+      eventClick: function (info) {
+        // optionally show details
+      },
+      headerToolbar: {
+        left: 'prev,next today',
+        center: 'title',
+        right: 'dayGridMonth,timeGridWeek,timeGridDay'
+      },
+    });
+
+    calendar.render();
+  });
+}());

package/public/templates/equipment-calendar/calendar.tpl

@@ -52,7 +52,7 @@
 
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fullcalendar@6.1.19/index.global.min.css">
 <script src="https://cdn.jsdelivr.net/npm/fullcalendar@6.1.19/index.global.min.js"></script>
-<script src="/plugins/nodebb-plugin-equipment-calendar/lib/client.js"></script>
+<script src="/plugins/nodebb-plugin-equipment-calendar/js/client.js"></script>
 
 <script>
   // eventsJson is already JSON, we output it unescaped by using data attribute trick