@conduction/nextcloud-vue 2.97.0 → 2.99.0

package/dist/esm/components/CnWorkingCalendarWidget/CnWorkingCalendarWidget.vue3.js

@@ -0,0 +1,231 @@
+import { resolveComponent, openBlock, createElementBlock, toDisplayString, createVNode, Fragment, createElementVNode, withCtx, createBlock, createTextVNode, createCommentVNode, renderList, normalizeClass, withModifiers, withDirectives, vModelText } from 'vue';
+
+const _hoisted_1 = {
+  class: "cn-working-calendar",
+  "data-testid": "cn-working-calendar"
+};
+const _hoisted_2 = {
+  key: 0,
+  class: "cn-working-calendar__error",
+  role: "alert",
+  "data-testid": "cn-working-calendar-error"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "cn-working-calendar__loading"
+};
+const _hoisted_4 = { class: "cn-working-calendar__head" };
+const _hoisted_5 = ["id"];
+const _hoisted_6 = {
+  key: 0,
+  class: "cn-working-calendar__note",
+  "data-testid": "cn-working-calendar-note"
+};
+const _hoisted_7 = {
+  class: "cn-working-calendar__live",
+  "aria-live": "polite"
+};
+const _hoisted_8 = ["aria-labelledby"];
+const _hoisted_9 = {
+  role: "row",
+  class: "cn-working-calendar__row"
+};
+const _hoisted_10 = ["aria-label"];
+const _hoisted_11 = ["tabindex", "aria-label", "aria-current", "title", "data-date", "onClick", "onFocus"];
+const _hoisted_12 = { class: "cn-working-calendar__field" };
+const _hoisted_13 = { class: "cn-working-calendar__field" };
+const _hoisted_14 = { class: "cn-working-calendar__form-actions" };
+const _hoisted_15 = {
+  key: 0,
+  class: "cn-working-calendar__error",
+  role: "alert",
+  "data-testid": "cn-working-calendar-save-error"
+};
+const _hoisted_16 = {
+  key: 3,
+  class: "cn-working-calendar__note",
+  "data-testid": "cn-working-calendar-empty"
+};
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_NcLoadingIcon = resolveComponent("NcLoadingIcon");
+  const _component_ChevronLeft = resolveComponent("ChevronLeft");
+  const _component_NcButton = resolveComponent("NcButton");
+  const _component_ChevronRight = resolveComponent("ChevronRight");
+
+  return (openBlock(), createElementBlock("div", _hoisted_1, [
+    ($data.error)
+      ? (openBlock(), createElementBlock("p", _hoisted_2, toDisplayString($data.error), 1 /* TEXT */))
+      : ($data.loading && !$data.calendar)
+        ? (openBlock(), createElementBlock("div", _hoisted_3, [
+            createVNode(_component_NcLoadingIcon, {
+              size: 20,
+              name: $options.loadingLabel
+            }, null, 8 /* PROPS */, ["name"])
+          ]))
+        : ($data.calendar)
+          ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+              createElementVNode("div", _hoisted_4, [
+                createVNode(_component_NcButton, {
+                  variant: "tertiary",
+                  "aria-label": $options.previousMonthLabel,
+                  "data-testid": "cn-working-calendar-previous",
+                  onClick: _cache[0] || (_cache[0] = $event => ($options.shiftMonth(-1)))
+                }, {
+                  icon: withCtx(() => [
+                    createVNode(_component_ChevronLeft, { size: 20 })
+                  ]),
+                  _: 1 /* STABLE */
+                }, 8 /* PROPS */, ["aria-label"]),
+                createElementVNode("strong", {
+                  id: `${$data.uid}-title`,
+                  class: "cn-working-calendar__title",
+                  "data-testid": "cn-working-calendar-title"
+                }, toDisplayString($options.monthTitle), 9 /* TEXT, PROPS */, _hoisted_5),
+                createVNode(_component_NcButton, {
+                  variant: "tertiary",
+                  "aria-label": $options.nextMonthLabel,
+                  "data-testid": "cn-working-calendar-next",
+                  onClick: _cache[1] || (_cache[1] = $event => ($options.shiftMonth(1)))
+                }, {
+                  icon: withCtx(() => [
+                    createVNode(_component_ChevronRight, { size: 20 })
+                  ]),
+                  _: 1 /* STABLE */
+                }, 8 /* PROPS */, ["aria-label"]),
+                ($options.editable)
+                  ? (openBlock(), createBlock(_component_NcButton, {
+                      key: 0,
+                      class: "cn-working-calendar__add",
+                      variant: "secondary",
+                      "data-testid": "cn-working-calendar-add",
+                      onClick: _cache[2] || (_cache[2] = $event => ($options.openAdd()))
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString($options.addLabel), 1 /* TEXT */)
+                      ]),
+                      _: 1 /* STABLE */
+                    }))
+                  : createCommentVNode("v-if", true)
+              ]),
+              ($options.previewNote)
+                ? (openBlock(), createElementBlock("p", _hoisted_6, toDisplayString($options.previewNote), 1 /* TEXT */))
+                : createCommentVNode("v-if", true),
+              createElementVNode("span", _hoisted_7, toDisplayString($data.liveText), 1 /* TEXT */),
+              createElementVNode("div", {
+                role: "grid",
+                class: "cn-working-calendar__grid",
+                "aria-labelledby": `${$data.uid}-title`,
+                "data-testid": "cn-working-calendar-grid",
+                onKeydown: _cache[3] || (_cache[3] = (...args) => ($options.onKeydown && $options.onKeydown(...args)))
+              }, [
+                createElementVNode("div", _hoisted_9, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList($options.weekdayNames, (name) => {
+                    return (openBlock(), createElementBlock("span", {
+                      key: name.long,
+                      role: "columnheader",
+                      class: "cn-working-calendar__weekday",
+                      "aria-label": name.long
+                    }, toDisplayString(name.short), 9 /* TEXT, PROPS */, _hoisted_10))
+                  }), 128 /* KEYED_FRAGMENT */))
+                ]),
+                (openBlock(true), createElementBlock(Fragment, null, renderList($options.weeks, (week, w) => {
+                  return (openBlock(), createElementBlock("div", {
+                    key: w,
+                    role: "row",
+                    class: "cn-working-calendar__row"
+                  }, [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(week, (slot, d) => {
+                      return (openBlock(), createElementBlock(Fragment, null, [
+                        (!slot)
+                          ? (openBlock(), createElementBlock("span", {
+                              key: `empty-${w}-${d}`,
+                              role: "gridcell",
+                              class: "cn-working-calendar__blank"
+                            }))
+                          : (openBlock(), createElementBlock("span", {
+                              key: slot.date,
+                              role: "gridcell",
+                              class: normalizeClass(["cn-working-calendar__day", {
+								'cn-working-calendar__day--off': !slot.working && !slot.closure,
+								'cn-working-calendar__day--closed': slot.closure,
+								'cn-working-calendar__day--today': slot.today,
+							}]),
+                              tabindex: slot.date === $data.focusDate ? 0 : -1,
+                              "aria-label": $options.dayLabel(slot),
+                              "aria-current": slot.today ? 'date' : null,
+                              title: slot.closure ? $options.closureName(slot.closure) : null,
+                              "data-date": slot.date,
+                              "data-testid": "cn-working-calendar-day",
+                              onClick: $event => ($options.onDayClick(slot)),
+                              onFocus: $event => ($data.focusDate = slot.date)
+                            }, toDisplayString(slot.day), 43 /* TEXT, CLASS, PROPS, NEED_HYDRATION */, _hoisted_11))
+                      ], 64 /* STABLE_FRAGMENT */))
+                    }), 256 /* UNKEYED_FRAGMENT */))
+                  ]))
+                }), 128 /* KEYED_FRAGMENT */))
+              ], 40 /* PROPS, NEED_HYDRATION */, _hoisted_8),
+              ($data.adding)
+                ? (openBlock(), createElementBlock("form", {
+                    key: 1,
+                    class: "cn-working-calendar__form",
+                    "data-testid": "cn-working-calendar-form",
+                    onSubmit: _cache[7] || (_cache[7] = withModifiers((...args) => ($options.saveDay && $options.saveDay(...args)), ["prevent"]))
+                  }, [
+                    createElementVNode("label", _hoisted_12, [
+                      createTextVNode(toDisplayString($options.dateLabel) + " ", 1 /* TEXT */),
+                      withDirectives(createElementVNode("input", {
+                        ref: "dateInput",
+                        "onUpdate:modelValue": _cache[4] || (_cache[4] = $event => (($data.newDate) = $event)),
+                        type: "date",
+                        required: "",
+                        "data-testid": "cn-working-calendar-date"
+                      }, null, 512 /* NEED_PATCH */), [
+                        [vModelText, $data.newDate]
+                      ])
+                    ]),
+                    createElementVNode("label", _hoisted_13, [
+                      createTextVNode(toDisplayString($options.nameLabel) + " ", 1 /* TEXT */),
+                      withDirectives(createElementVNode("input", {
+                        "onUpdate:modelValue": _cache[5] || (_cache[5] = $event => (($data.newName) = $event)),
+                        type: "text",
+                        "data-testid": "cn-working-calendar-name"
+                      }, null, 512 /* NEED_PATCH */), [
+                        [vModelText, $data.newName]
+                      ])
+                    ]),
+                    createElementVNode("div", _hoisted_14, [
+                      createVNode(_component_NcButton, {
+                        variant: "tertiary",
+                        "data-testid": "cn-working-calendar-cancel",
+                        onClick: _cache[6] || (_cache[6] = $event => ($data.adding = false))
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString($options.cancelLabel), 1 /* TEXT */)
+                        ]),
+                        _: 1 /* STABLE */
+                      }),
+                      createVNode(_component_NcButton, {
+                        variant: "primary",
+                        type: "submit",
+                        disabled: $data.saving || !$data.newDate,
+                        "data-testid": "cn-working-calendar-save"
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString($options.saveLabel), 1 /* TEXT */)
+                        ]),
+                        _: 1 /* STABLE */
+                      }, 8 /* PROPS */, ["disabled"])
+                    ]),
+                    ($data.saveError)
+                      ? (openBlock(), createElementBlock("p", _hoisted_15, toDisplayString($data.saveError), 1 /* TEXT */))
+                      : createCommentVNode("v-if", true)
+                  ], 32 /* NEED_HYDRATION */))
+                : createCommentVNode("v-if", true)
+            ], 64 /* STABLE_FRAGMENT */))
+          : (openBlock(), createElementBlock("p", _hoisted_16, toDisplayString($options.emptyLabel), 1 /* TEXT */))
+  ]))
+}
+
+export { render };
+//# sourceMappingURL=CnWorkingCalendarWidget.vue3.js.map

package/dist/esm/components/CnWorkingCalendarWidget/CnWorkingCalendarWidget.vue3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CnWorkingCalendarWidget.vue3.js","sources":["../../../../src/components/CnWorkingCalendarWidget/CnWorkingCalendarWidget.vue?vue&type=template&id=03ee459c&lang.js"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2026 Conduction B.V.\n  - SPDX-License-Identifier: EUPL-1.2\n-->\n<template>\n\t<div class=\"cn-working-calendar\" data-testid=\"cn-working-calendar\">\n\t\t<p v-if=\"error\"\n\t\t\tclass=\"cn-working-calendar__error\"\n\t\t\trole=\"alert\"\n\t\t\tdata-testid=\"cn-working-calendar-error\">\n\t\t\t{{ error }}\n\t\t</p>\n\t\t<div v-else-if=\"loading && !calendar\" class=\"cn-working-calendar__loading\">\n\t\t\t<NcLoadingIcon :size=\"20\" :name=\"loadingLabel\" />\n\t\t</div>\n\t\t<template v-else-if=\"calendar\">\n\t\t\t<div class=\"cn-working-calendar__head\">\n\t\t\t\t<NcButton\n\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t:aria-label=\"previousMonthLabel\"\n\t\t\t\t\tdata-testid=\"cn-working-calendar-previous\"\n\t\t\t\t\t@click=\"shiftMonth(-1)\">\n\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t<ChevronLeft :size=\"20\" />\n\t\t\t\t\t</template>\n\t\t\t\t</NcButton>\n\t\t\t\t<strong :id=\"`${uid}-title`\" class=\"cn-working-calendar__title\" data-testid=\"cn-working-calendar-title\">{{ monthTitle }}</strong>\n\t\t\t\t<NcButton\n\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t:aria-label=\"nextMonthLabel\"\n\t\t\t\t\tdata-testid=\"cn-working-calendar-next\"\n\t\t\t\t\t@click=\"shiftMonth(1)\">\n\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t<ChevronRight :size=\"20\" />\n\t\t\t\t\t</template>\n\t\t\t\t</NcButton>\n\t\t\t\t<NcButton\n\t\t\t\t\tv-if=\"editable\"\n\t\t\t\t\tclass=\"cn-working-calendar__add\"\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\tdata-testid=\"cn-working-calendar-add\"\n\t\t\t\t\t@click=\"openAdd()\">\n\t\t\t\t\t{{ addLabel }}\n\t\t\t\t</NcButton>\n\t\t\t</div>\n\t\t\t<p v-if=\"previewNote\" class=\"cn-working-calendar__note\" data-testid=\"cn-working-calendar-note\">\n\t\t\t\t{{ previewNote }}\n\t\t\t</p>\n\t\t\t<span class=\"cn-working-calendar__live\" aria-live=\"polite\">{{ liveText }}</span>\n\n\t\t\t<div\n\t\t\t\trole=\"grid\"\n\t\t\t\tclass=\"cn-working-calendar__grid\"\n\t\t\t\t:aria-labelledby=\"`${uid}-title`\"\n\t\t\t\tdata-testid=\"cn-working-calendar-grid\"\n\t\t\t\t@keydown=\"onKeydown\">\n\t\t\t\t<div role=\"row\" class=\"cn-working-calendar__row\">\n\t\t\t\t\t<span\n\t\t\t\t\t\tv-for=\"name in weekdayNames\"\n\t\t\t\t\t\t:key=\"name.long\"\n\t\t\t\t\t\trole=\"columnheader\"\n\t\t\t\t\t\tclass=\"cn-working-calendar__weekday\"\n\t\t\t\t\t\t:aria-label=\"name.long\">{{ name.short }}</span>\n\t\t\t\t</div>\n\t\t\t\t<div\n\t\t\t\t\tv-for=\"(week, w) in weeks\"\n\t\t\t\t\t:key=\"w\"\n\t\t\t\t\trole=\"row\"\n\t\t\t\t\tclass=\"cn-working-calendar__row\">\n\t\t\t\t\t<template v-for=\"(slot, d) in week\">\n\t\t\t\t\t\t<span v-if=\"!slot\"\n\t\t\t\t\t\t\t:key=\"`empty-${w}-${d}`\"\n\t\t\t\t\t\t\trole=\"gridcell\"\n\t\t\t\t\t\t\tclass=\"cn-working-calendar__blank\" />\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tv-else\n\t\t\t\t\t\t\t:key=\"slot.date\"\n\t\t\t\t\t\t\trole=\"gridcell\"\n\t\t\t\t\t\t\tclass=\"cn-working-calendar__day\"\n\t\t\t\t\t\t\t:class=\"{\n\t\t\t\t\t\t\t\t'cn-working-calendar__day--off': !slot.working && !slot.closure,\n\t\t\t\t\t\t\t\t'cn-working-calendar__day--closed': slot.closure,\n\t\t\t\t\t\t\t\t'cn-working-calendar__day--today': slot.today,\n\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t:tabindex=\"slot.date === focusDate ? 0 : -1\"\n\t\t\t\t\t\t\t:aria-label=\"dayLabel(slot)\"\n\t\t\t\t\t\t\t:aria-current=\"slot.today ? 'date' : null\"\n\t\t\t\t\t\t\t:title=\"slot.closure ? closureName(slot.closure) : null\"\n\t\t\t\t\t\t\t:data-date=\"slot.date\"\n\t\t\t\t\t\t\tdata-testid=\"cn-working-calendar-day\"\n\t\t\t\t\t\t\t@click=\"onDayClick(slot)\"\n\t\t\t\t\t\t\t@focus=\"focusDate = slot.date\">{{ slot.day }}</span>\n\t\t\t\t\t</template>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<form\n\t\t\t\tv-if=\"adding\"\n\t\t\t\tclass=\"cn-working-calendar__form\"\n\t\t\t\tdata-testid=\"cn-working-calendar-form\"\n\t\t\t\t@submit.prevent=\"saveDay\">\n\t\t\t\t<label class=\"cn-working-calendar__field\">\n\t\t\t\t\t{{ dateLabel }}\n\t\t\t\t\t<input\n\t\t\t\t\t\tref=\"dateInput\"\n\t\t\t\t\t\tv-model=\"newDate\"\n\t\t\t\t\t\ttype=\"date\"\n\t\t\t\t\t\trequired\n\t\t\t\t\t\tdata-testid=\"cn-working-calendar-date\">\n\t\t\t\t</label>\n\t\t\t\t<label class=\"cn-working-calendar__field\">\n\t\t\t\t\t{{ nameLabel }}\n\t\t\t\t\t<input\n\t\t\t\t\t\tv-model=\"newName\"\n\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\tdata-testid=\"cn-working-calendar-name\">\n\t\t\t\t</label>\n\t\t\t\t<div class=\"cn-working-calendar__form-actions\">\n\t\t\t\t\t<NcButton variant=\"tertiary\" data-testid=\"cn-working-calendar-cancel\" @click=\"adding = false\">\n\t\t\t\t\t\t{{ cancelLabel }}\n\t\t\t\t\t</NcButton>\n\t\t\t\t\t<NcButton\n\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t:disabled=\"saving || !newDate\"\n\t\t\t\t\t\tdata-testid=\"cn-working-calendar-save\">\n\t\t\t\t\t\t{{ saveLabel }}\n\t\t\t\t\t</NcButton>\n\t\t\t\t</div>\n\t\t\t\t<p v-if=\"saveError\"\n\t\t\t\t\tclass=\"cn-working-calendar__error\"\n\t\t\t\t\trole=\"alert\"\n\t\t\t\t\tdata-testid=\"cn-working-calendar-save-error\">\n\t\t\t\t\t{{ saveError }}\n\t\t\t\t</p>\n\t\t\t</form>\n\t\t</template>\n\t\t<p v-else class=\"cn-working-calendar__note\" data-testid=\"cn-working-calendar-empty\">\n\t\t\t{{ emptyLabel }}\n\t\t</p>\n\t</div>\n</template>\n\n<script>\nimport { getCurrentUser } from '@nextcloud/auth'\nimport axios from '@nextcloud/axios'\nimport { translate as t } from '@nextcloud/l10n'\nimport { generateUrl } from '@nextcloud/router'\nimport { NcButton, NcLoadingIcon } from '@nextcloud/vue'\nimport ChevronLeft from 'vue-material-design-icons/ChevronLeft.vue'\nimport ChevronRight from 'vue-material-design-icons/ChevronRight.vue'\nimport { fetchReferenceObjects } from '../../utils/boardReferenceColumns.js'\nimport { hasUnresolvedTokens, resolveFilterTokens } from '../../utils/resolveFilterTokens.js'\nimport { userLocale } from '../../utils/userLocale.js'\nimport { buildMonth, isoDate, normaliseExceptions } from '../../utils/workingCalendarMonth.js'\n\nconst OBJECT_API = '/apps/openregister/api/objects'\nconst PREVIEW_URL = '/apps/openregister/api/flow-timers/calendars/preview'\n\nlet instanceCounter = 0\n\n/**\n * The id of an object, wherever OpenRegister carries it.\n *\n * @param {object|null} object The object.\n * @return {string} The id, or ''.\n */\nfunction idOf(object) {\n\treturn String(object?.id ?? object?.['@self']?.id ?? object?.uuid ?? '')\n}\n\n/**\n * Today as `YYYY-MM-DD`, in local time.\n *\n * @return {string} The date.\n */\nfunction todayIso() {\n\tconst now = new Date()\n\treturn isoDate(now.getFullYear(), now.getMonth(), now.getDate())\n}\n\n/**\n * CnWorkingCalendarWidget — the `working-calendar` widget: one month of a\n * working calendar kept as an OpenRegister object (board\n * DqInstellingenAlgemeen, \"Werkdagen en feestdagen\").\n *\n * The grid runs Monday to Sunday. Weekdays the calendar does not work are\n * grey; the dates it is closed on are red, with their name on hover and in\n * the day's label. The closures are not computed here: the widget asks\n * OpenRegister's calendar preview (`/api/flow-timers/calendars/preview`) for\n * the year shown, which expands the calendar's rules and its exceptions.\n *\n * \"Add day\" appends `{ date, name }` to the object's `exceptions` with one\n * update through the object API, under the reader's own rights; it shows for\n * administrators, and the server decides. The preview is administrators-only\n * too; for anyone else the widget shows the stored exceptions and says the\n * holidays could not be read.\n *\n * ```json\n * {\n *   \"type\": \"working-calendar\",\n *   \"content\": {\n *     \"calendar\": { \"register\": \"flow-timers\", \"schema\": \"working-calendar\", \"filter\": { \"slug\": \"default\" } }\n *   }\n * }\n * ```\n *\n * Keyboard: the days form a grid with one tab stop; the arrow keys move a\n * day or a week, Home and End to the start and end of the week, Page Up and\n * Page Down a month. Enter on a day opens Add day for that date.\n */\nexport default {\n\tname: 'CnWorkingCalendarWidget',\n\n\tcomponents: { ChevronLeft, ChevronRight, NcButton, NcLoadingIcon },\n\n\tinject: {\n\t\t/** The page's workspace values, for `@workspace.<key>` tokens in the filter. */\n\t\tcnWorkspaceContext: { default: null },\n\t\t/** The host's translate, for the manifest's texts. */\n\t\tcnTranslate: { default: () => (key) => key },\n\t},\n\n\tprops: {\n\t\t/**\n\t\t * The widget config: `{ calendar: { register, schema, id? | filter? },\n\t\t * previewUrl?, editable?, emptyText? }`.\n\t\t *\n\t\t * @type {object}\n\t\t */\n\t\tcontent: {\n\t\t\ttype: Object,\n\t\t\tdefault: () => ({}),\n\t\t},\n\n\t\t/** The bound record's id, for `@objectId` in the filter. */\n\t\tobjectId: {\n\t\t\ttype: [String, Number],\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/** The bound record, for `@object.<field>` in the filter. */\n\t\tobjectData: {\n\t\t\ttype: Object,\n\t\t\tdefault: null,\n\t\t},\n\t},\n\n\tdata() {\n\t\tinstanceCounter += 1\n\t\tconst now = new Date()\n\t\treturn {\n\t\t\tuid: `cn-working-calendar-${instanceCounter}`,\n\t\t\tloading: false,\n\t\t\terror: '',\n\t\t\tcalendar: null,\n\t\t\tpreviews: {},\n\t\t\tpreviewFailed: false,\n\t\t\tyear: now.getFullYear(),\n\t\t\tmonth: now.getMonth(),\n\t\t\tfocusDate: todayIso(),\n\t\t\tadding: false,\n\t\t\tnewDate: '',\n\t\t\tnewName: '',\n\t\t\tsaving: false,\n\t\t\tsaveError: '',\n\t\t\tliveText: '',\n\t\t}\n\t},\n\n\tcomputed: {\n\t\t/** @return {{register: string, schema: string, id: string, filter: (object|null)}|null} The calendar source, tokens resolved, or null while unresolved. */\n\t\tsource() {\n\t\t\tconst c = this.content?.calendar\n\t\t\tif (!c || !c.register || !c.schema) {\n\t\t\t\treturn null\n\t\t\t}\n\t\t\tconst unwrap = (v) => (v && typeof v === 'object' && 'value' in v ? v.value : v)\n\t\t\tconst ctx = { objectId: this.objectId || null, object: this.objectData, workspace: unwrap(this.cnWorkspaceContext) || {} }\n\t\t\tconst filter = c.filter && typeof c.filter === 'object' ? resolveFilterTokens(c.filter, ctx) : null\n\t\t\tif (filter && hasUnresolvedTokens(filter)) {\n\t\t\t\treturn null\n\t\t\t}\n\t\t\treturn { register: String(c.register), schema: String(c.schema), id: c.id ? String(c.id) : '', filter }\n\t\t},\n\n\t\t/** @return {string} A key of the source, to read it again when it changes. */\n\t\tsourceKey() {\n\t\t\treturn this.source ? JSON.stringify(this.source) : ''\n\t\t},\n\n\t\t/** @return {boolean} Whether Add day shows: administrators, unless the manifest turns it off. */\n\t\teditable() {\n\t\t\treturn this.content?.editable !== false && Boolean(getCurrentUser()?.isAdmin)\n\t\t},\n\n\t\t/** @return {number[]} The ISO weekdays that work. */\n\t\tworkingWeekdays() {\n\t\t\tconst days = this.calendar?.workingWeekdays\n\t\t\treturn Array.isArray(days) ? days.map((d) => Number(d)) : [1, 2, 3, 4, 5]\n\t\t},\n\n\t\t/** @return {Array<{date: string, name: string}>} The stored exceptions. */\n\t\texceptions() {\n\t\t\treturn normaliseExceptions(this.calendar?.exceptions)\n\t\t},\n\n\t\t/**\n\t\t * The closed dates of the year shown: the preview's, each marked as an\n\t\t * exception when the calendar lists it, else as a holiday; without a\n\t\t * preview, the stored exceptions.\n\t\t *\n\t\t * @return {Map<string, {name: string, kind: string}>}\n\t\t * @spec openspec/changes/working-calendar-widget/specs/working-calendar-widget/spec.md#requirement-a-working-calendar-shows-a-month\n\t\t */\n\t\tclosures() {\n\t\t\tconst own = new Set(this.exceptions.map((e) => e.date))\n\t\t\tconst map = new Map()\n\t\t\tconst preview = this.previews[this.year]\n\t\t\tfor (const entry of Array.isArray(preview) ? preview : []) {\n\t\t\t\tif (entry && typeof entry.date === 'string') {\n\t\t\t\t\tmap.set(entry.date, { name: String(entry.name || ''), kind: own.has(entry.date) ? 'exception' : 'holiday' })\n\t\t\t\t}\n\t\t\t}\n\t\t\tfor (const e of this.exceptions) {\n\t\t\t\tif (!map.has(e.date)) {\n\t\t\t\t\tmap.set(e.date, { name: e.name, kind: 'exception' })\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn map\n\t\t},\n\n\t\t/** @return {Array<Array<object|null>>} The weeks of the month shown. */\n\t\tweeks() {\n\t\t\treturn buildMonth(this.year, this.month, { workingWeekdays: this.workingWeekdays, closures: this.closures, today: todayIso() })\n\t\t},\n\n\t\t/** @return {Array<{short: string, long: string}>} Monday to Sunday in the user's language. */\n\t\tweekdayNames() {\n\t\t\tconst short = new Intl.DateTimeFormat(userLocale(), { weekday: 'short' })\n\t\t\tconst long = new Intl.DateTimeFormat(userLocale(), { weekday: 'long' })\n\t\t\treturn Array.from({ length: 7 }, (_v, i) => {\n\t\t\t\tconst day = new Date(Date.UTC(2024, 0, 1 + i, 12))\n\t\t\t\treturn { short: short.format(day).replace(/\\.$/, ''), long: long.format(day) }\n\t\t\t})\n\t\t},\n\n\t\t/** @return {string} \"December 2026\" in the user's language. */\n\t\tmonthTitle() {\n\t\t\tconst text = new Intl.DateTimeFormat(userLocale(), { month: 'long', year: 'numeric' }).format(new Date(this.year, this.month, 15))\n\t\t\treturn text.charAt(0).toUpperCase() + text.slice(1)\n\t\t},\n\n\t\t/** @return {string} Why holidays are missing, or ''. */\n\t\tpreviewNote() {\n\t\t\treturn this.previewFailed ? t('nextcloud-vue', 'Holidays could not be read. Only the days added by hand are shown.') : ''\n\t\t},\n\n\t\tloadingLabel: () => t('nextcloud-vue', 'Loading …'),\n\t\tpreviousMonthLabel: () => t('nextcloud-vue', 'Previous month'),\n\t\tnextMonthLabel: () => t('nextcloud-vue', 'Next month'),\n\t\taddLabel: () => t('nextcloud-vue', 'Add day'),\n\t\tdateLabel: () => t('nextcloud-vue', 'Date'),\n\t\tnameLabel: () => t('nextcloud-vue', 'Name'),\n\t\tcancelLabel: () => t('nextcloud-vue', 'Cancel'),\n\t\tsaveLabel: () => t('nextcloud-vue', 'Save'),\n\n\t\t/** @return {string} The empty-state text. */\n\t\temptyLabel() {\n\t\t\treturn this.content?.emptyText ? this.translate(this.content.emptyText) : t('nextcloud-vue', 'No working calendar found.')\n\t\t},\n\t},\n\n\twatch: {\n\t\tsourceKey: {\n\t\t\thandler() {\n\t\t\t\tthis.load()\n\t\t\t},\n\n\t\t\timmediate: true,\n\t\t},\n\n\t\tyear() {\n\t\t\tthis.loadPreview()\n\t\t},\n\t},\n\n\tmethods: {\n\t\t/**\n\t\t * The host's translate, or the text unchanged.\n\t\t *\n\t\t * @param {string} text The text.\n\t\t * @return {string} The translation.\n\t\t */\n\t\ttranslate(text) {\n\t\t\treturn typeof this.cnTranslate === 'function' ? this.cnTranslate(text) : text\n\t\t},\n\n\t\t/** @return {string} The calendar object's API URL. */\n\t\tobjectUrl() {\n\t\t\tconst s = this.source\n\t\t\tconst id = idOf(this.calendar) || s.id\n\t\t\treturn generateUrl(`${OBJECT_API}/${encodeURIComponent(s.register)}/${encodeURIComponent(s.schema)}/${encodeURIComponent(id)}`)\n\t\t},\n\n\t\t/**\n\t\t * Read the calendar object, then the closures of the year shown.\n\t\t *\n\t\t * @return {Promise<void>}\n\t\t */\n\t\tasync load() {\n\t\t\tconst key = this.sourceKey\n\t\t\tif (key === '') {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tthis.loading = true\n\t\t\tthis.error = ''\n\t\t\ttry {\n\t\t\t\tconst s = this.source\n\t\t\t\tlet calendar = null\n\t\t\t\tif (s.id) {\n\t\t\t\t\tconst response = await axios.get(generateUrl(`${OBJECT_API}/${encodeURIComponent(s.register)}/${encodeURIComponent(s.schema)}/${encodeURIComponent(s.id)}`))\n\t\t\t\t\tcalendar = response?.data || null\n\t\t\t\t} else {\n\t\t\t\t\tconst found = await fetchReferenceObjects({ register: s.register, schema: s.schema, filter: s.filter || {}, limit: 1 })\n\t\t\t\t\tcalendar = found[0] || null\n\t\t\t\t}\n\t\t\t\tif (key !== this.sourceKey) {\n\t\t\t\t\treturn\n\t\t\t\t}\n\t\t\t\tthis.calendar = calendar\n\t\t\t\tthis.previews = {}\n\t\t\t\tif (calendar) {\n\t\t\t\t\tawait this.loadPreview()\n\t\t\t\t}\n\t\t\t} catch {\n\t\t\t\tthis.error = t('nextcloud-vue', 'The working calendar could not be loaded.')\n\t\t\t} finally {\n\t\t\t\tthis.loading = false\n\t\t\t}\n\t\t},\n\n\t\t/**\n\t\t * Ask the calendar preview for the closed dates of the year shown,\n\t\t * once per year.\n\t\t *\n\t\t * @return {Promise<void>}\n\t\t * @spec openspec/changes/working-calendar-widget/specs/working-calendar-widget/spec.md#requirement-a-working-calendar-shows-a-month\n\t\t */\n\t\tasync loadPreview() {\n\t\t\tconst year = this.year\n\t\t\tif (!this.calendar || this.previews[year]) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\ttry {\n\t\t\t\tconst url = generateUrl(this.content?.previewUrl || PREVIEW_URL)\n\t\t\t\tconst response = await axios.post(url, { calendar: this.calendar, year })\n\t\t\t\tconst dates = Array.isArray(response?.data?.dates) ? response.data.dates : []\n\t\t\t\tthis.previews = { ...this.previews, [year]: dates }\n\t\t\t\tthis.previewFailed = false\n\t\t\t} catch {\n\t\t\t\tthis.previewFailed = true\n\t\t\t}\n\t\t},\n\n\t\t/**\n\t\t * Show another month, keeping focus on the same day where it exists.\n\t\t *\n\t\t * @param {number} delta Months to move.\n\t\t * @return {void}\n\t\t */\n\t\tshiftMonth(delta) {\n\t\t\tconst date = new Date(this.year, this.month + delta, 1)\n\t\t\tthis.year = date.getFullYear()\n\t\t\tthis.month = date.getMonth()\n\t\t\tconst day = Math.min(Number(this.focusDate.slice(8, 10)) || 1, new Date(this.year, this.month + 1, 0).getDate())\n\t\t\tthis.focusDate = isoDate(this.year, this.month, day)\n\t\t\tthis.liveText = this.monthTitle\n\t\t},\n\n\t\t/**\n\t\t * A day's accessible label: the full date, whether it works, and the\n\t\t * closure's name.\n\t\t *\n\t\t * @param {object} slot The day.\n\t\t * @return {string} The label.\n\t\t */\n\t\tdayLabel(slot) {\n\t\t\tconst [y, m, d] = slot.date.split('-').map(Number)\n\t\t\tconst date = new Intl.DateTimeFormat(userLocale(), { weekday: 'long', day: 'numeric', month: 'long', year: 'numeric' }).format(new Date(y, m - 1, d))\n\t\t\tif (slot.closure) {\n\t\t\t\tconst name = this.closureName(slot.closure)\n\t\t\t\treturn name\n\t\t\t\t\t? t('nextcloud-vue', '{date}, closed: {name}', { date, name })\n\t\t\t\t\t: t('nextcloud-vue', '{date}, closed', { date })\n\t\t\t}\n\t\t\treturn slot.working ? t('nextcloud-vue', '{date}, working day', { date }) : t('nextcloud-vue', '{date}, not a working day', { date })\n\t\t},\n\n\t\t/**\n\t\t * A closure's name, with a fallback for an unnamed added day.\n\t\t *\n\t\t * @param {{name: string, kind: string}} closure The closure.\n\t\t * @return {string} The name.\n\t\t */\n\t\tclosureName(closure) {\n\t\t\tif (closure.name) {\n\t\t\t\treturn this.translate(closure.name)\n\t\t\t}\n\t\t\treturn closure.kind === 'exception' ? t('nextcloud-vue', 'Day added by hand') : ''\n\t\t},\n\n\t\t/**\n\t\t * Open Add day, with a date filled in.\n\t\t *\n\t\t * @param {string} [date] The date.\n\t\t * @return {void}\n\t\t */\n\t\topenAdd(date) {\n\t\t\tthis.newDate = date || this.focusDate || ''\n\t\t\tthis.newName = ''\n\t\t\tthis.saveError = ''\n\t\t\tthis.adding = true\n\t\t\tthis.$nextTick(() => this.$refs.dateInput?.focus?.())\n\t\t},\n\n\t\t/**\n\t\t * A click on a day: open Add day for it when the reader may edit.\n\t\t *\n\t\t * @param {object} slot The day.\n\t\t * @return {void}\n\t\t */\n\t\tonDayClick(slot) {\n\t\t\tthis.focusDate = slot.date\n\t\t\tif (this.editable) {\n\t\t\t\tthis.openAdd(slot.date)\n\t\t\t}\n\t\t},\n\n\t\t/**\n\t\t * Append the new day to the calendar's exceptions with one update,\n\t\t * under the reader's rights, then read the closures again.\n\t\t *\n\t\t * @return {Promise<void>}\n\t\t * @spec openspec/changes/working-calendar-widget/specs/working-calendar-widget/spec.md#requirement-a-day-can-be-added-to-the-calendar\n\t\t */\n\t\tasync saveDay() {\n\t\t\tif (!/^\\d{4}-\\d{2}-\\d{2}$/.test(this.newDate) || !this.calendar) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tthis.saving = true\n\t\t\tthis.saveError = ''\n\t\t\ttry {\n\t\t\t\tconst stored = Array.isArray(this.calendar.exceptions) ? this.calendar.exceptions : []\n\t\t\t\tconst name = this.newName.trim()\n\t\t\t\tconst exceptions = [...stored.filter((e) => (typeof e === 'string' ? e : e?.date) !== this.newDate), name ? { date: this.newDate, name } : { date: this.newDate }]\n\t\t\t\tconst response = await axios.patch(this.objectUrl(), { exceptions })\n\t\t\t\tthis.calendar = { ...this.calendar, ...(response?.data && typeof response.data === 'object' ? response.data : {}), exceptions }\n\t\t\t\tconst year = Number(this.newDate.slice(0, 4))\n\t\t\t\tconst { [year]: _stale, ...rest } = this.previews\n\t\t\t\tthis.previews = rest\n\t\t\t\tconst [y, m] = this.newDate.split('-').map(Number)\n\t\t\t\tthis.year = y\n\t\t\t\tthis.month = m - 1\n\t\t\t\tthis.focusDate = this.newDate\n\t\t\t\tawait this.loadPreview()\n\t\t\t\tthis.adding = false\n\t\t\t\tthis.liveText = t('nextcloud-vue', 'Day added.')\n\t\t\t} catch (e) {\n\t\t\t\tthis.saveError = e?.response?.status === 403\n\t\t\t\t\t? t('nextcloud-vue', 'Only an administrator can change the working calendar.')\n\t\t\t\t\t: t('nextcloud-vue', 'The day could not be added. Try again.')\n\t\t\t} finally {\n\t\t\t\tthis.saving = false\n\t\t\t}\n\t\t},\n\n\t\t/**\n\t\t * Arrow keys, Home / End and Page Up / Down move focus across the days.\n\t\t *\n\t\t * @param {KeyboardEvent} event The key event.\n\t\t * @return {void}\n\t\t */\n\t\tonKeydown(event) {\n\t\t\tconst moves = { ArrowLeft: -1, ArrowRight: 1, ArrowUp: -7, ArrowDown: 7 }\n\t\t\tconst [y, m, d] = (this.focusDate || todayIso()).split('-').map(Number)\n\t\t\tlet target\n\t\t\tif (event.key in moves) {\n\t\t\t\ttarget = new Date(y, m - 1, d + moves[event.key])\n\t\t\t} else if (event.key === 'Home' || event.key === 'End') {\n\t\t\t\tconst weekday = (new Date(y, m - 1, d).getDay() + 6) % 7\n\t\t\t\ttarget = new Date(y, m - 1, d + (event.key === 'Home' ? -weekday : 6 - weekday))\n\t\t\t} else if (event.key === 'PageUp' || event.key === 'PageDown') {\n\t\t\t\ttarget = new Date(y, m - 1 + (event.key === 'PageUp' ? -1 : 1), 1)\n\t\t\t\ttarget.setDate(Math.min(d, new Date(target.getFullYear(), target.getMonth() + 1, 0).getDate()))\n\t\t\t} else if ((event.key === 'Enter' || event.key === ' ') && this.editable) {\n\t\t\t\tevent.preventDefault()\n\t\t\t\tthis.openAdd(this.focusDate)\n\t\t\t\treturn\n\t\t\t} else {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tevent.preventDefault()\n\t\t\tthis.focusDate = isoDate(target.getFullYear(), target.getMonth(), target.getDate())\n\t\t\tif (target.getFullYear() !== this.year || target.getMonth() !== this.month) {\n\t\t\t\tthis.year = target.getFullYear()\n\t\t\t\tthis.month = target.getMonth()\n\t\t\t\tthis.liveText = this.monthTitle\n\t\t\t}\n\t\t\tthis.$nextTick(() => this.$el.querySelector?.(`[data-date=\"${this.focusDate}\"]`)?.focus?.())\n\t\t},\n\t},\n}\n</script>\n\n<style scoped>\n.cn-working-calendar {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 12px;\n}\n\n.cn-working-calendar__head {\n\talign-items: center;\n\tdisplay: flex;\n\tgap: 4px;\n}\n\n.cn-working-calendar__title {\n\tfont-size: 15px;\n\tmin-width: 9em;\n\ttext-align: center;\n}\n\n.cn-working-calendar__add {\n\tmargin-inline-start: auto;\n}\n\n.cn-working-calendar__grid {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 4px;\n}\n\n.cn-working-calendar__row {\n\tdisplay: grid;\n\tgap: 4px;\n\tgrid-template-columns: repeat(7, minmax(0, 1fr));\n}\n\n.cn-working-calendar__weekday {\n\tcolor: var(--color-text-maxcontrast);\n\tfont-size: 12px;\n\ttext-align: center;\n}\n\n.cn-working-calendar__day {\n\talign-items: center;\n\tbackground: var(--color-main-background);\n\tborder: 1px solid var(--color-border);\n\tborder-radius: 6px;\n\tcursor: default;\n\tdisplay: flex;\n\tfont-size: 13px;\n\theight: 34px;\n\tjustify-content: center;\n}\n\n.cn-working-calendar__day:focus-visible {\n\toutline: 2px solid var(--color-primary-element);\n\toutline-offset: 1px;\n}\n\n.cn-working-calendar__day--off {\n\tbackground: var(--color-background-dark);\n}\n\n.cn-working-calendar__day--closed {\n\tbackground: var(--color-error-light, color-mix(in srgb, var(--color-error) 12%, var(--color-main-background)));\n\tborder-color: var(--color-error);\n\tcolor: var(--color-error-text, var(--color-main-text));\n\tfont-weight: 600;\n}\n\n.cn-working-calendar__day--today {\n\tbox-shadow: inset 0 0 0 2px var(--color-primary-element);\n}\n\n.cn-working-calendar__live {\n\tclip-path: inset(50%);\n\theight: 1px;\n\toverflow: hidden;\n\tposition: absolute;\n\twhite-space: nowrap;\n\twidth: 1px;\n}\n\n.cn-working-calendar__note {\n\tcolor: var(--color-text-maxcontrast);\n\tmargin: 0;\n}\n\n.cn-working-calendar__form {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tgap: 8px 12px;\n}\n\n.cn-working-calendar__field {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 4px;\n}\n\n.cn-working-calendar__form-actions {\n\talign-items: flex-end;\n\tdisplay: flex;\n\tgap: 8px;\n}\n\n.cn-working-calendar__error {\n\tcolor: var(--color-error-text, var(--color-error));\n\tmargin: 0;\n}\n</style>\n"],"names":["_openBlock","_createElementBlock","_toDisplayString","_createVNode","_Fragment","_createElementVNode","_createBlock","_renderList","_createTextVNode"],"mappings":"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"}

package/dist/esm/components/CnWorkingCalendarWidget/index.js

@@ -0,0 +1,27 @@
+import __sfc_main from './CnWorkingCalendarWidget.vue.js';
+import { registerDashboardWidget } from '../CnWidgetGrid/dashboardWidgetRegistry.js';
+
+/**
+ * SPDX-FileCopyrightText: 2026 Conduction B.V.
+ * SPDX-License-Identifier: EUPL-1.2
+ *
+ * CnWorkingCalendarWidget — self-registers the `working-calendar` widget type
+ * (one month of a working calendar kept as an OpenRegister object, with its
+ * closed dates and Add day) into the shared dashboardWidgetRegistry at module
+ * load. Renderer only: the calendar object is named in the manifest.
+ */
+
+
+registerDashboardWidget('working-calendar', {
+	renderer: __sfc_main,
+	form: null,
+	defaultContent: {
+		calendar: { register: 'flow-timers', schema: 'working-calendar', filter: {} },
+	},
+	displayName: 'Working calendar',
+	icon: 'CalendarMonthOutline',
+	surfaces: ['app-dashboard', 'detail-page'],
+});
+
+export { __sfc_main as CnWorkingCalendarWidget, __sfc_main as default };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/CnWorkingCalendarWidget/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/CnWorkingCalendarWidget/index.js"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2026 Conduction B.V.\n * SPDX-License-Identifier: EUPL-1.2\n *\n * CnWorkingCalendarWidget — self-registers the `working-calendar` widget type\n * (one month of a working calendar kept as an OpenRegister object, with its\n * closed dates and Add day) into the shared dashboardWidgetRegistry at module\n * load. Renderer only: the calendar object is named in the manifest.\n */\n\nimport CnWorkingCalendarWidget from './CnWorkingCalendarWidget.vue'\nimport { registerDashboardWidget } from '../CnWidgetGrid/dashboardWidgetRegistry.js'\n\nregisterDashboardWidget('working-calendar', {\n\trenderer: CnWorkingCalendarWidget,\n\tform: null,\n\tdefaultContent: {\n\t\tcalendar: { register: 'flow-timers', schema: 'working-calendar', filter: {} },\n\t},\n\tdisplayName: 'Working calendar',\n\ticon: 'CalendarMonthOutline',\n\tsurfaces: ['app-dashboard', 'detail-page'],\n})\n\nexport { CnWorkingCalendarWidget }\nexport default CnWorkingCalendarWidget\n"],"names":["CnWorkingCalendarWidget"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA,uBAAuB,CAAC,kBAAkB,EAAE;AAC5C,CAAC,QAAQ,EAAEA,UAAuB;AAClC,CAAC,IAAI,EAAE,IAAI;AACX,CAAC,cAAc,EAAE;AACjB,EAAE,QAAQ,EAAE,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,kBAAkB,EAAE,MAAM,EAAE,EAAE,EAAE;AAC/E,EAAE;AACF,CAAC,WAAW,EAAE,kBAAkB;AAChC,CAAC,IAAI,EAAE,sBAAsB;AAC7B,CAAC,QAAQ,EAAE,CAAC,eAAe,EAAE,aAAa,CAAC;AAC3C,CAAC;;;;"}

package/dist/esm/composables/indexSources.js

@@ -1,4 +1,4 @@
-import { translate } from '@nextcloud/l10n';
+import { translate, getCanonicalLocale } from '@nextcloud/l10n';
 import { generateUrl, generateOcsUrl } from '@nextcloud/router';
 import { reactive } from 'vue';
 import CalendarClock from 'vue-material-design-icons/CalendarClock.vue';
@@ -7,8 +7,10 @@ import LightningBolt from 'vue-material-design-icons/LightningBolt.vue';
 import Pencil from 'vue-material-design-icons/Pencil.vue';
 import { formatRelativeDate } from '../utils/boardDate.js';
 import { flowRunStatuses, FLOW_RUN_ERROR_STATUSES } from '../utils/flowRunStatus.js';
+import { fetchGroupMembers, fetchStatuses, fetchPresence } from '../utils/nextcloudDirectory.js';
 import { readPath } from '../utils/readPath.js';
 import { useFlowStore } from './useFlowStore.js';
+import { useOrganisationStore, organisationRecord } from './useOrganisationStore.js';
 import { useTaskInboxStore } from './useTaskInboxStore.js';
 
 /**
@@ -892,12 +894,218 @@ function searchSource(config = {}) {
 	}
 }
 
+/**
+ * The users source: the members of a Nextcloud group, with their function,
+ * roles, e-mail and whether they are in today (`entitySource: "users"`,
+ * DqAfdelingen). Pair it with `folderSidebar: { source: 'groups',
+ * filterField: 'group' }`, which lists the groups as the folder tree; the
+ * selected group arrives as `group`. `sourceConfig.group` is the group shown
+ * before one is picked.
+ *
+ * Today is the dav app's out-of-office period when one runs now ("Absent
+ * until 14 Oct"), else the user status (present, away) and its message. The
+ * function is the profile `headline`, the roles the profile `role`, unless
+ * `sourceConfig.functionField` / `rolesField` name other user fields.
+ * Listing a group needs an admin or the group's sub-admin; a refused request
+ * leaves the list empty.
+ *
+ * @return {object} The source adapter.
+ * @spec openspec/changes/index-groups-users-source/specs/index-page/spec.md#requirement-an-index-page-can-list-nextcloud-groups-and-their-members
+ */
+function usersSource() {
+	const state = reactive({ rows: [], loading: false });
+	let seq = 0;
+	const presenceLabels = {
+		present: translate('nextcloud-vue', 'Present'),
+		away: translate('nextcloud-vue', 'Away'),
+	};
+	const presenceColors = {
+		[presenceLabels.present]: 'success',
+		[presenceLabels.away]: 'info',
+	};
+
+	return {
+		/**
+		 * Load the group's members and their presence.
+		 *
+		 * @param {object} config The page's source config with the picked `group`.
+		 * @return {Promise<void>} Resolves when loaded.
+		 */
+		load: async (config) => {
+			const group = String((config && (config.group || config.defaultGroup)) || '');
+			const mine = ++seq;
+			if (group === '') {
+				state.rows = [];
+				return
+			}
+			state.loading = true;
+			try {
+				const { default: axios } = await import('@nextcloud/axios');
+				const [members, statuses] = await Promise.all([fetchGroupMembers(axios, group), fetchStatuses(axios)]);
+				const functionField = (config && config.functionField) || 'headline';
+				const rolesField = (config && config.rolesField) || 'role';
+				const rows = await Promise.all(members.map(async (user) => {
+					const presence = await fetchPresence(axios, user.id, statuses[user.id] || null);
+					let today = '';
+					if (presence.state === 'absent') {
+						const until = presence.until ? new Date(`${presence.until}T12:00:00`) : null;
+						today = until
+							? translate('nextcloud-vue', 'Absent until {date}', { date: until.toLocaleDateString(getCanonicalLocale() || undefined, { day: 'numeric', month: 'short' }) })
+							: translate('nextcloud-vue', 'Absent');
+					} else if (presence.message) {
+						today = presence.message;
+					} else if (presenceLabels[presence.state]) {
+						today = presenceLabels[presence.state];
+					}
+					return {
+						id: user.id,
+						displayname: user.displayname || user['display-name'] || user.id,
+						function: String(user[functionField] || ''),
+						roles: String(user[rolesField] || ''),
+						email: user.email || '',
+						today,
+						presence: presence.state,
+					}
+				}));
+				if (mine === seq) {
+					state.rows = rows.sort((a, b) => a.displayname.localeCompare(b.displayname));
+				}
+			} catch (error) {
+				if (mine === seq) {
+					state.rows = [];
+				}
+				throw error
+			} finally {
+				if (mine === seq) {
+					state.loading = false;
+				}
+			}
+		},
+
+		/**
+		 * @return {Array<object>} The members.
+		 */
+		rows: () => state.rows,
+
+		/**
+		 * @return {boolean} Whether a load is in flight.
+		 */
+		loading: () => state.loading,
+
+		columns: [
+			{ key: 'displayname', label: translate('nextcloud-vue', 'Employee'), secondary: 'function' },
+			{ key: 'roles', label: translate('nextcloud-vue', 'Roles') },
+			{ key: 'email', label: translate('nextcloud-vue', 'E-mail') },
+			{ key: 'today', label: translate('nextcloud-vue', 'Today'), widget: 'badge', widgetProps: { colorMap: presenceColors, variant: 'warning' } },
+		],
+
+		searchFields: {
+			group: { param: 'group', single: true },
+		},
+
+		showAdd: false,
+	}
+}
+
+/**
+ * The organisations source: OpenRegister organisations, which are not
+ * register/schema objects.
+ *
+ * The list is the viewer's own organisations and the single read refuses an
+ * organisation the viewer has no access to; both are decided by OpenRegister
+ * from the session. The adapter forwards nothing that could widen that.
+ *
+ * It is a RECORD source as well (`loadRecord` + `record`), so a
+ * `type: "detail"` page with the same `entitySource` shows one organisation
+ * with the header, pills, facts and `@objectId` / `@object.*` tokens an object
+ * page has.
+ *
+ * @return {object} The source adapter.
+ * @spec openspec/changes/organisations-entity-source/specs/organisations-entity-source/spec.md
+ */
+function organisationsSource() {
+	const store = useOrganisationStore();
+
+	const statusLabels = {
+		provisioning: translate('nextcloud-vue', 'Provisioning'),
+		active: translate('nextcloud-vue', 'Active'),
+		suspended: translate('nextcloud-vue', 'Suspended'),
+		deprovisioning: translate('nextcloud-vue', 'Deprovisioning'),
+		archived: translate('nextcloud-vue', 'Archived'),
+		retained: translate('nextcloud-vue', 'Retained'),
+	};
+
+	return {
+		store,
+
+		/**
+		 * Load the viewer's organisations. The endpoint takes no parameters.
+		 *
+		 * @return {Promise<void>} Resolves when loaded.
+		 */
+		load: () => store.load(),
+
+		/**
+		 * @return {Array<object>} The rows, keyed on the organisation uuid.
+		 */
+		rows: () => (store.organisations || []).map(organisationRecord),
+
+		/**
+		 * @return {boolean} Whether a load is in flight.
+		 */
+		loading: () => !!store.loading,
+
+		/**
+		 * Read one organisation for a detail page.
+		 *
+		 * @param {string} id The organisation uuid.
+		 * @return {Promise<object|null>} The organisation, or null when it could not be read.
+		 */
+		loadRecord: (id) => store.fetchRecord(id),
+
+		/**
+		 * @param {string} id The organisation uuid.
+		 * @return {object|null} The organisation read for this id, keyed on its uuid, or null.
+		 */
+		record: (id) => {
+			const organisation = store.records?.[String(id)];
+			return organisation ? organisationRecord(organisation) : null
+		},
+
+		/**
+		 * @param {string} id The organisation uuid.
+		 * @return {number|null} The HTTP status of a failed read of this id, or null.
+		 */
+		recordError: (id) => store.recordErrors?.[String(id)] ?? null,
+
+		columns: [
+			{ key: 'name', label: translate('nextcloud-vue', 'Name') },
+			{
+				key: 'status',
+				label: translate('nextcloud-vue', 'Status'),
+				enum: Object.keys(statusLabels),
+				enumLabels: statusLabels,
+				colorMap: { active: 'success', provisioning: 'info', suspended: 'warning', deprovisioning: 'error', archived: 'default', retained: 'default' },
+			},
+			{ key: 'type', label: translate('nextcloud-vue', 'Type') },
+			{ key: 'created', label: translate('nextcloud-vue', 'Created'), type: 'string', format: 'date-time' },
+		],
+
+		// Creating an organisation is not the index's object form, and
+		// OpenRegister has no delete for one, so neither action is offered.
+		showAdd: false,
+		title: translate('nextcloud-vue', 'Organisations'),
+	}
+}
+
 const indexSources = {
 	flows: flowsSource,
 	flowRuns: flowRunsSource,
 	tasks: tasksSource,
 	endpoint: endpointSource,
 	search: searchSource,
+	users: usersSource,
+	organisations: organisationsSource,
 };
 
 /**
@@ -930,5 +1138,33 @@ function resolveIndexSource(name, config) {
 	return factory(config || {})
 }
 
-export { flowRunStatuses, flowTriggerCell, indexSources, resolveIndexSource, startOfWeek, taskDeepLink, taskDueLabel };
+/**
+ * Resolve a named source for ONE record, for a `type: "detail"` page.
+ *
+ * The same registry as the index: a source that can also read a single record
+ * supplies `loadRecord(id)` and `record(id)`, and the detail page names it with
+ * the same `entitySource`. A name that is unknown, or a source that cannot read
+ * one record, resolves to null with a console warning, and the page shows no
+ * record rather than the wrong one.
+ *
+ * @param {string} name The source name from `config.entitySource`.
+ * @return {object|null} The adapter, or null.
+ * @spec openspec/changes/organisations-entity-source/specs/organisations-entity-source/spec.md
+ */
+function resolveRecordSource(name) {
+	const key = String(name || '');
+	if (!key) {
+		return null
+	}
+	const factory = indexSources[key];
+	const source = typeof factory === 'function' ? factory() : null;
+	if (!source || typeof source.loadRecord !== 'function' || typeof source.record !== 'function') {
+		// eslint-disable-next-line no-console
+		console.warn(`[CnDetailPage] entitySource "${key}" is not a source that reads one record. The page shows no record.`);
+		return null
+	}
+	return source
+}
+
+export { flowRunStatuses, flowTriggerCell, indexSources, resolveIndexSource, resolveRecordSource, startOfWeek, taskDeepLink, taskDueLabel };
 //# sourceMappingURL=indexSources.js.map