@conduction/nextcloud-vue 2.100.0 → 2.101.0

package/dist/esm/components/CnIndexPage/CnIndexPage.vue2.js

@@ -14,11 +14,12 @@ import ImportIcon from 'vue-material-design-icons/Import.vue';
 import TrashCanOutline from 'vue-material-design-icons/TrashCanOutline.vue';
 import Tune from 'vue-material-design-icons/Tune.vue';
 import ViewColumnOutline from 'vue-material-design-icons/ViewColumnOutline.vue';
-import __sfc_main$x from '../../dialogs/CnConfirmDialog.vue.js';
-import __sfc_main$y from '../../dialogs/CnQuickEditDialog.vue.js';
-import __sfc_main$1 from '../CnBuildiqEditButton/CnBuildiqEditButton.vue.js';
-import __sfc_main$3 from '../CnEmptyContent/CnEmptyContent.vue.js';
-import __sfc_main$2 from '../CnFollowToggle/CnFollowToggle.vue.js';
+import __sfc_main$y from '../../dialogs/CnConfirmDialog.vue.js';
+import __sfc_main$z from '../../dialogs/CnQuickEditDialog.vue.js';
+import __sfc_main$2 from '../CnBuildiqEditButton/CnBuildiqEditButton.vue.js';
+import __sfc_main$4 from '../CnEmptyContent/CnEmptyContent.vue.js';
+import __sfc_main$3 from '../CnFollowToggle/CnFollowToggle.vue.js';
+import __sfc_main$1 from '../CnStatusBadge/CnStatusBadge.vue.js';
 import __sfc_main from './CnIndexPageWidgets.vue.js';
 import { useLook } from '../../composables/useLook.js';
 import { copyKindsOf } from '../../composables/useObjectCopy.js';
@@ -37,6 +38,7 @@ import { lensUnavailableText } from '../../utils/lensAvailability.js';
 import { isModifiedClick, openRowTarget } from '../../utils/linkNavigation.js';
 import { resolveClaimedTeams, splitViewsIntoTabs, viewAsTab, resolveClaimTokens, viewIdOf } from '../../utils/listLenses.js';
 import { LIST_SHORTCUTS, listPaletteCommands, shortcutFor } from '../../utils/listShortcuts.js';
+import { mapListItems } from '../../utils/mapList.js';
 import { multiKeySort } from '../../utils/multiKeySort.js';
 import { fetchGroups } from '../../utils/nextcloudDirectory.js';
 import { OBJECTS_CHANGED_EVENT } from '../../utils/objectSignals.js';
@@ -53,38 +55,38 @@ import { viewMatchesScope, extractViewState, buildRouteQueryFromViewState, extra
 import { fieldsFromSchema, columnsFromSchema } from '../../utils/schema.js';
 import { resolveScopeLayout, resolveScopePresentation } from '../../utils/scopeListLayout.js';
 import { dispatchObjectCreated } from '../../utils/walkthroughSignals.js';
-import __sfc_main$6 from '../CnActionButtons/CnActionButtons.vue.js';
-import __sfc_main$7 from '../CnActionsBar/CnActionsBar.vue.js';
-import __sfc_main$q from '../CnAdvancedFormDialog/CnAdvancedFormDialog.vue.js';
+import __sfc_main$7 from '../CnActionButtons/CnActionButtons.vue.js';
+import __sfc_main$8 from '../CnActionsBar/CnActionsBar.vue.js';
+import __sfc_main$r from '../CnAdvancedFormDialog/CnAdvancedFormDialog.vue.js';
 import '../CnAdvancedFormDialog/CnMetadataTab.vue.js';
 import '../CnAdvancedFormDialog/CnPropertiesTab.vue.js';
 import '../CnAdvancedFormDialog/CnPropertyValueCell.vue.js';
-import __sfc_main$b from '../CnBoardView/CnBoardView.vue.js';
-import __sfc_main$a from '../CnCardGrid/CnCardGrid.vue.js';
-import __sfc_main$r from '../CnContextMenu/CnContextMenu.vue.js';
-import __sfc_main$o from '../CnCopyDialog/CnCopyDialog.vue.js';
-import __sfc_main$9 from '../CnDataTable/CnDataTable.vue.js';
-import __sfc_main$c from '../CnDateAxisView/CnDateAxisView.vue.js';
-import __sfc_main$n from '../CnDeleteDialog/CnDeleteDialog.vue.js';
-import __sfc_main$g from '../CnFolderSidebar/CnFolderSidebar.vue.js';
-import __sfc_main$p from '../CnFormDialog/CnFormDialog.vue.js';
-import __sfc_main$8 from '../CnIcon/CnIcon.vue.js';
-import __sfc_main$s from '../CnIndexSidebar/CnIndexSidebar.vue.js';
-import __sfc_main$e from '../CnMapWidget/CnMapWidget.vue.js';
-import __sfc_main$k from '../CnMassCopyDialog/CnMassCopyDialog.vue.js';
-import __sfc_main$j from '../CnMassDeleteDialog/CnMassDeleteDialog.vue.js';
-import __sfc_main$l from '../CnMassExportDialog/CnMassExportDialog.vue.js';
-import __sfc_main$m from '../CnMassImportDialog/CnMassImportDialog.vue.js';
-import __sfc_main$d from '../CnObjectCalendar/CnObjectCalendar.vue.js';
-import __sfc_main$f from '../CnObjectList/CnObjectList.vue.js';
-import __sfc_main$4 from '../CnPageHeader/CnPageHeader.vue.js';
-import __sfc_main$h from '../CnPagination/CnPagination.vue.js';
-import __sfc_main$5 from '../CnQuickFilterBar/CnQuickFilterBar.vue.js';
-import __sfc_main$i from '../CnRowActions/CnRowActions.vue.js';
-import __sfc_main$u from '../CnSavedViewPresentationDialog/CnSavedViewPresentationDialog.vue.js';
-import __sfc_main$t from '../CnSavedViewsControl/CnSavedViewsControl.vue.js';
-import __sfc_main$v from '../CnSavedViewShareDialog/CnSavedViewShareDialog.vue.js';
-import __sfc_main$w from '../CnSaveViewDialog/CnSaveViewDialog.vue.js';
+import __sfc_main$c from '../CnBoardView/CnBoardView.vue.js';
+import __sfc_main$b from '../CnCardGrid/CnCardGrid.vue.js';
+import __sfc_main$s from '../CnContextMenu/CnContextMenu.vue.js';
+import __sfc_main$p from '../CnCopyDialog/CnCopyDialog.vue.js';
+import __sfc_main$a from '../CnDataTable/CnDataTable.vue.js';
+import __sfc_main$d from '../CnDateAxisView/CnDateAxisView.vue.js';
+import __sfc_main$o from '../CnDeleteDialog/CnDeleteDialog.vue.js';
+import __sfc_main$h from '../CnFolderSidebar/CnFolderSidebar.vue.js';
+import __sfc_main$q from '../CnFormDialog/CnFormDialog.vue.js';
+import __sfc_main$9 from '../CnIcon/CnIcon.vue.js';
+import __sfc_main$t from '../CnIndexSidebar/CnIndexSidebar.vue.js';
+import __sfc_main$f from '../CnMapWidget/CnMapWidget.vue.js';
+import __sfc_main$l from '../CnMassCopyDialog/CnMassCopyDialog.vue.js';
+import __sfc_main$k from '../CnMassDeleteDialog/CnMassDeleteDialog.vue.js';
+import __sfc_main$m from '../CnMassExportDialog/CnMassExportDialog.vue.js';
+import __sfc_main$n from '../CnMassImportDialog/CnMassImportDialog.vue.js';
+import __sfc_main$e from '../CnObjectCalendar/CnObjectCalendar.vue.js';
+import __sfc_main$g from '../CnObjectList/CnObjectList.vue.js';
+import __sfc_main$5 from '../CnPageHeader/CnPageHeader.vue.js';
+import __sfc_main$i from '../CnPagination/CnPagination.vue.js';
+import __sfc_main$6 from '../CnQuickFilterBar/CnQuickFilterBar.vue.js';
+import __sfc_main$j from '../CnRowActions/CnRowActions.vue.js';
+import __sfc_main$v from '../CnSavedViewPresentationDialog/CnSavedViewPresentationDialog.vue.js';
+import __sfc_main$u from '../CnSavedViewsControl/CnSavedViewsControl.vue.js';
+import __sfc_main$w from '../CnSavedViewShareDialog/CnSavedViewShareDialog.vue.js';
+import __sfc_main$x from '../CnSaveViewDialog/CnSaveViewDialog.vue.js';
 import { applyAiContext } from './aiContext.js';
 import { buildDefaultActions } from './defaultActions.js';
 import { dispatchAction } from './manifestActionDispatch.js';
@@ -326,11 +328,12 @@ var script = {
 
 	components: {
 		CnIndexPageWidgets: __sfc_main,
+		CnStatusBadge: __sfc_main$1,
 		NcNoteCard,
-		CnBuildiqEditButton: __sfc_main$1,
-		CnFollowToggle: __sfc_main$2,
+		CnBuildiqEditButton: __sfc_main$2,
+		CnFollowToggle: __sfc_main$3,
 		NcLoadingIcon,
-		CnEmptyContent: __sfc_main$3,
+		CnEmptyContent: __sfc_main$4,
 		NcActions,
 		NcActionLink,
 		NcActionButton,
@@ -347,38 +350,38 @@ var script = {
 		Tune,
 		ViewColumnOutline,
 		NcCheckboxRadioSwitch,
-		CnPageHeader: __sfc_main$4,
-		CnQuickFilterBar: __sfc_main$5,
-		CnActionButtons: __sfc_main$6,
-		CnActionsBar: __sfc_main$7,
+		CnPageHeader: __sfc_main$5,
+		CnQuickFilterBar: __sfc_main$6,
+		CnActionButtons: __sfc_main$7,
+		CnActionsBar: __sfc_main$8,
 		DotsHorizontal,
-		CnIcon: __sfc_main$8,
-		CnDataTable: __sfc_main$9,
-		CnCardGrid: __sfc_main$a,
-		CnBoardView: __sfc_main$b,
-		CnDateAxisView: __sfc_main$c,
-		CnObjectCalendar: __sfc_main$d,
-		CnMapWidget: __sfc_main$e,
-		CnObjectList: __sfc_main$f,
-		CnFolderSidebar: __sfc_main$g,
-		CnPagination: __sfc_main$h,
-		CnRowActions: __sfc_main$i,
-		CnMassDeleteDialog: __sfc_main$j,
-		CnMassCopyDialog: __sfc_main$k,
-		CnMassExportDialog: __sfc_main$l,
-		CnMassImportDialog: __sfc_main$m,
-		CnDeleteDialog: __sfc_main$n,
-		CnCopyDialog: __sfc_main$o,
-		CnFormDialog: __sfc_main$p,
-		CnAdvancedFormDialog: __sfc_main$q,
-		CnContextMenu: __sfc_main$r,
-		CnIndexSidebar: __sfc_main$s,
-		CnSavedViewsControl: __sfc_main$t,
-		CnSavedViewPresentationDialog: __sfc_main$u,
-		CnSavedViewShareDialog: __sfc_main$v,
-		CnSaveViewDialog: __sfc_main$w,
-		CnConfirmDialog: __sfc_main$x,
-		CnQuickEditDialog: __sfc_main$y,
+		CnIcon: __sfc_main$9,
+		CnDataTable: __sfc_main$a,
+		CnCardGrid: __sfc_main$b,
+		CnBoardView: __sfc_main$c,
+		CnDateAxisView: __sfc_main$d,
+		CnObjectCalendar: __sfc_main$e,
+		CnMapWidget: __sfc_main$f,
+		CnObjectList: __sfc_main$g,
+		CnFolderSidebar: __sfc_main$h,
+		CnPagination: __sfc_main$i,
+		CnRowActions: __sfc_main$j,
+		CnMassDeleteDialog: __sfc_main$k,
+		CnMassCopyDialog: __sfc_main$l,
+		CnMassExportDialog: __sfc_main$m,
+		CnMassImportDialog: __sfc_main$n,
+		CnDeleteDialog: __sfc_main$o,
+		CnCopyDialog: __sfc_main$p,
+		CnFormDialog: __sfc_main$q,
+		CnAdvancedFormDialog: __sfc_main$r,
+		CnContextMenu: __sfc_main$s,
+		CnIndexSidebar: __sfc_main$t,
+		CnSavedViewsControl: __sfc_main$u,
+		CnSavedViewPresentationDialog: __sfc_main$v,
+		CnSavedViewShareDialog: __sfc_main$w,
+		CnSaveViewDialog: __sfc_main$x,
+		CnConfirmDialog: __sfc_main$y,
+		CnQuickEditDialog: __sfc_main$z,
 	},
 
 	/**
@@ -394,6 +397,29 @@ var script = {
 	 * Falls back to an empty object so `CnIndexPage` works standalone
 	 * (unit tests, isolated mount) without `CnAppRoot`.
 	 */
+	/**
+	 * The list a side-panel widget reads (`cnIndexList`): the applied saved
+	 * view, the list's total, and a way to hand back a view that changed
+	 * (the saved-view alert widget). Getters, so a widget follows the page.
+	 *
+	 * @return {object}
+	 */
+	provide() {
+		return {
+			cnIndexList: Object.defineProperties({}, {
+				appliedView: { enumerable: true, get: () => this.appliedSavedView },
+				total: {
+					enumerable: true,
+					get: () => {
+						const total = this.effectivePagination && this.effectivePagination.total;
+						return typeof total === 'number' ? total : undefined
+					},
+				},
+				replaceSavedView: { enumerable: true, value: (view) => this.replaceSavedView(view) },
+			}),
+		}
+	},
+
 	inject: {
 		cnCustomComponents: { default: () => ({}) },
 		/** The permissions the user holds, provided by CnAppRoot; for gated page tabs. */
@@ -691,7 +717,9 @@ var script = {
 		 * variant?, icon?, format?, id? }`: `action` is `add` (the Add flow;
 		 * its label defaults to the Add label), `export` (the export leaf in
 		 * `format`, `csv` by default, else the export dialog), `import`,
-		 * `refresh`, or the id of a `headerActions` entry; `variant` is
+		 * `refresh`, `save-view` (the save-current-view dialog: the board's
+		 * "Zoekopdracht opslaan", label "Save view" by default), or the id of a
+		 * `headerActions` entry; `variant` is
 		 * `primary` or `secondary` (the default). Shown only with
 		 * `showTitle`. When they show, the actions bar drops its Views and
 		 * Actions menus, and the Add button and Export menu when a button
@@ -1003,6 +1031,16 @@ var script = {
 			default: true,
 		},
 
+		/**
+		 * Draw the table without its column-header row (manifest
+		 * `config.hideTableHeader`), for a list the board draws as plain rows
+		 * (DqTeamwachtrij). Pair it with `selectable: false` for no checkboxes.
+		 */
+		hideTableHeader: {
+			type: Boolean,
+			default: false,
+		},
+
 		/**
 		 * When true, a row/card click emits `row-click` (to open/navigate) even
 		 * while `selectable` — selection then happens via the checkbox only.
@@ -1146,8 +1184,15 @@ var script = {
 		 * - `popupField` — object property rendered in the marker popup.
 		 * - `center` — optional `[lat, lng]` fallback centre when the filtered set
 		 *   has no plottable rows.
+		 * - `zoom` — the map's initial zoom level.
+		 * - `list` — a numbered list beside the map, map and list in one card
+		 *   (DqZakenKaart): `{ title, sub?, pills?: [{ path?, text?, map?,
+		 *   colorMap? }], due? }`, field templates read per row. The pins carry the
+		 *   list's numbers, the row under the pointer is marked on both, the rows
+		 *   without a place are counted under the list with a link to the table,
+		 *   and the page's count line adds how many are on the map.
 		 *
-		 * @type {{ latField?: string, lngField?: string, geoField?: string, popupField?: string, center?: [number, number] }}
+		 * @type {{ latField?: string, lngField?: string, geoField?: string, popupField?: string, center?: [number, number], zoom?: number, list?: object }}
 		 */
 		mapConfig: {
 			type: Object,
@@ -2563,6 +2608,8 @@ var script = {
 			pageTabCounts: {},
 			/** The `headerMetaCounts` totals, by name; a failed one is null. */
 			headerMetaCountValues: {},
+			/** The row the pointer is on in the map list, by key; '' for none. */
+			activeMapKey: '',
 			/** The tabs `quickFiltersFrom` produced, or null before they load. */
 			generatedQuickFilters: null,
 			/** Count per saved-view id, for the views control; null = none. */
@@ -4321,6 +4368,8 @@ var script = {
 		 */
 		mapMarkers() {
 			const features = [];
+			// With the list beside the map, a pin carries the row's number there.
+			const numbers = this.mapListEnabled ? new Map(this.mapList.items.map((item) => [item.row, item.n])) : null;
 			for (const row of this.displayObjects) {
 				const geometry = this.resolveRowGeometry(row);
 				if (!geometry) {
@@ -4332,6 +4381,7 @@ var script = {
 					properties: {
 						[this.rowKey]: row[this.rowKey],
 						...(this.mapConfig.popupField ? { [this.mapConfig.popupField]: row[this.mapConfig.popupField] } : {}),
+						...(numbers && numbers.has(row) ? { markerNumber: numbers.get(row), markerActive: this.activeMapKey === String(row[this.rowKey]) } : {}),
 					},
 				});
 			}
@@ -4358,6 +4408,57 @@ var script = {
 			return this.mapConfig.clustering !== false
 		},
 
+		/** @return {number|undefined} The map's initial zoom (`mapConfig.zoom`), when a number. */
+		mapZoom() {
+			const zoom = this.mapConfig && this.mapConfig.zoom;
+			return typeof zoom === 'number' && Number.isFinite(zoom) ? zoom : undefined
+		},
+
+		/** @return {boolean} Whether the map draws its numbered list (`mapConfig.list`). */
+		mapListEnabled() {
+			const list = this.mapConfig && this.mapConfig.list;
+			return Boolean(list && typeof list === 'object' && typeof list.title === 'string' && list.title !== '')
+		},
+
+		/**
+		 * The map list's entries, numbered as the pins, and the rows without a
+		 * place. Templates go through the host's translate first.
+		 *
+		 * @return {{items: Array<object>, missing: Array<object>}}
+		 */
+		mapList() {
+			if (!this.mapListEnabled) {
+				return { items: [], missing: [] }
+			}
+			const list = this.mapConfig.list;
+			const translated = {
+				...list,
+				title: this.cnTranslate(list.title),
+				sub: list.sub ? this.cnTranslate(list.sub) : '',
+				due: list.due ? this.cnTranslate(list.due) : '',
+			};
+			return mapListItems(this.displayObjects, translated, {
+				rowKey: this.rowKey,
+				located: (row) => Boolean(this.resolveRowGeometry(row)),
+				translate: (text) => this.cnTranslate(text),
+			})
+		},
+
+		/** @return {string} The list's accessible name. */
+		mapListLabel() {
+			return translate('nextcloud-vue', 'On the map')
+		},
+
+		/** @return {string} The card under the list, for the rows without a place. */
+		mapMissingTitle() {
+			return translatePlural('nextcloud-vue', '%n without an address', '%n without an address', this.mapList.missing.length)
+		},
+
+		/** @return {string} The link from that card to the table. */
+		mapMissingLink() {
+			return translate('nextcloud-vue', 'Show them in the table')
+		},
+
 		/**
 		 * Extra (non-background) map layers — WMS / WFS / GeoJSON overlays declared in
 		 * `mapConfig.layers`. The background map comes from `mapBasemaps` instead, so
@@ -4458,9 +4559,51 @@ var script = {
 			if (this.selfFetchFailed) {
 				return { ...this.list.pagination.value, total: 0, page: 1, pages: 1 }
 			}
+			// A named source that reports its own total (the search source)
+			// gives the count line its number.
+			if (this.isNamedSource && this.namedSource && typeof this.namedSource.total === 'function') {
+				return { ...(this.pagination || {}), total: this.namedSource.total() }
+			}
 			return this.isSelfFetchMode ? this.list.pagination.value : this.pagination
 		},
 
+		/**
+		 * The saved view the page has applied, or null.
+		 *
+		 * @return {object|null}
+		 */
+		appliedSavedView() {
+			const id = this.appliedSavedViewId;
+			if (!id) {
+				return null
+			}
+			return (this.savedViews || []).find((view) => view && (String(view.id) === id || String(view.slug) === id || String(view.uuid) === id)) || null
+		},
+
+		/**
+		 * The term a named source searched for, for `{term}` in the title and
+		 * the count line ("Zoeken: Lindelaan"), or ''.
+		 *
+		 * @return {string}
+		 */
+		sourceTerm() {
+			return this.isNamedSource && this.namedSource && typeof this.namedSource.term === 'function' ? String(this.namedSource.term() || '') : ''
+		},
+
+		/**
+		 * The page title with `{term}` filled in.
+		 *
+		 * @return {string}
+		 */
+		shownTitle() {
+			const title = this.presented('title');
+			// A title with the term is translated here, before the term goes in,
+			// so its catalogue entry is found ("Zoeken: {term}").
+			return typeof title === 'string' && title.includes('{term}')
+				? this.cnTranslate(title).replace(/\{term\}/g, this.sourceTerm)
+				: title
+		},
+
 		/**
 		 * Whether the table marks unread rows. The boards draw every row alike,
 		 * so under the board look only a page that offers the Unread lens
@@ -5201,6 +5344,9 @@ var script = {
 					if (label === '' && button.action === 'actions-menu') {
 						label = translate('nextcloud-vue', 'Actions');
 					}
+					if (label === '' && button.action === 'save-view') {
+						label = translate('nextcloud-vue', 'Save view');
+					}
 					return {
 						key: String(button.id || button.action || index),
 						label,
@@ -5528,7 +5674,23 @@ var script = {
 			return valid.length > 0 ? JSON.stringify(valid) : ''
 		},
 
+		/**
+		 * The header's description line, and on the map with its list the
+		 * number of rows on the map after a middle dot ("· 5 met een adres op
+		 * de kaart", DqZakenKaart).
+		 *
+		 * @return {string}
+		 */
 		headerDescription() {
+			const base = this.headerDescriptionBase;
+			if (this.currentViewMode !== 'map' || !this.mapListEnabled) {
+				return base
+			}
+			const onMap = translatePlural('nextcloud-vue', '%n with an address on the map', '%n with an address on the map', this.mapList.items.length);
+			return base ? `${base} · ${onMap}` : onMap
+		},
+
+		headerDescriptionBase() {
 			const total = this.effectivePagination?.total;
 			// Board look: the count line is a template over the rows on this page
 			// and all rows, "{shown} of {total}" unless the page says otherwise.
@@ -5549,6 +5711,7 @@ var script = {
 					return this.cnTranslate(countText)
 						.replace('{shown}', String(shown))
 						.replace('{total}', String(total))
+						.replace(/\{term\}/g, this.sourceTerm)
 				}
 				return this.countLine(this.countSubtitle, total, shown)
 			}
@@ -6995,6 +7158,8 @@ var script = {
 				this.showImportDialog = true;
 			} else if (button.action === 'refresh') {
 				this.onRefreshEvent();
+			} else if (button.action === 'save-view') {
+				this.showSaveViewDialog = true;
 			} else {
 				this.onHeaderAction({ action: button.action, id: button.action });
 			}
@@ -8258,7 +8423,7 @@ var script = {
 			this.cnIndexSidebarConfig.value = {
 				// markRaw: the holder is CnAppRoot `data()`, so it is deeply
 				// reactive and would proxy the component definition itself.
-				component: markRaw(__sfc_main$s),
+				component: markRaw(__sfc_main$t),
 				props: this.hoistedSidebarProps,
 				listeners: {
 					'update:open': (val) => {
@@ -9005,6 +9170,21 @@ var script = {
 			}
 		},
 
+		/**
+		 * Put a saved view that changed elsewhere (its alert) back in the list,
+		 * matched on its id or uuid.
+		 *
+		 * @param {object} view The saved view as the server returned it.
+		 * @return {void}
+		 */
+		replaceSavedView(view) {
+			if (!view || typeof view !== 'object') {
+				return
+			}
+			const same = (other) => other && ((view.id !== undefined && other.id === view.id) || (view.uuid && other.uuid === view.uuid));
+			this.savedViews = (this.savedViews || []).map((other) => (same(other) ? view : other));
+		},
+
 		async onSaveViewConfirm({ name, isPublic, sharedWith, presentation }) {
 			const state = this.isSelfFetchMode
 				? this.currentViewState()