@conduction/nextcloud-vue 2.115.0 → 2.116.0

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

@@ -4,7 +4,8 @@ import { NcButton, NcLoadingIcon } from '@nextcloud/vue';
 import { inject, ref } from 'vue';
 import ChevronRight from 'vue-material-design-icons/ChevronRight.vue';
 import __sfc_main from '../CnIcon/CnIcon.vue.js';
-import __sfc_main$1 from '../CnStatusBadge/CnStatusBadge.vue.js';
+import __sfc_main$2 from '../CnStatusBadge/CnStatusBadge.vue.js';
+import __sfc_main$1 from './CnRecordNoteRows.vue.js';
 import { useEndpointSource } from '../../composables/useEndpointSource.js';
 import { dispatchAction, interpolateActionTarget, actionLink } from '../../utils/actionsDispatcher.js';
 import { isBadgeVariant } from '../../utils/badgeVariants.js';
@@ -23,7 +24,7 @@ const PAGE_REFRESH_CHANNEL = 'cn:page:refresh';
 
 /** Gives each list's footer reason its own element id. */
 let footerSeq = 0;
-const PRESENTATIONS = ['rows', 'feed', 'inline', 'cards', 'notice', 'table'];
+const PRESENTATIONS = ['rows', 'feed', 'inline', 'cards', 'notice', 'table', 'notes'];
 
 /** The tones a `notice` list takes. */
 const NOTICE_VARIANTS = ['info', 'warning', 'error'];
@@ -76,7 +77,7 @@ function unwrap(value) {
 var script = {
 	name: 'CnRecordListWidget',
 
-	components: { ChevronRight, CnIcon: __sfc_main, CnStatusBadge: __sfc_main$1, NcButton, NcLoadingIcon },
+	components: { ChevronRight, CnIcon: __sfc_main, CnRecordNoteRows: __sfc_main$1, CnStatusBadge: __sfc_main$2, NcButton, NcLoadingIcon },
 
 	inject: {
 		/** Detail-page object context (`{ objectId, object, register, schema }`). */
@@ -174,6 +175,8 @@ var script = {
 			/** Whether `footerAction.disabledWhen` holds. */
 			footerDisabled: false,
 			footerReasonId: `cn-record-list-footer-reason-${++footerSeq}`,
+			/** The first `emptyTexts` entry whose condition holds, translated; '' for none. */
+			conditionalEmptyText: '',
 		}
 	},
 
@@ -459,10 +462,58 @@ var script = {
 		},
 
 		/** @return {string} The empty line. */
+		/**
+		 * `noteAction` with its labels through the host translate, or null
+		 * (`presentation: "notes"`).
+		 *
+		 * @spec openspec/changes/record-list-notes/specs/record-list-notes/spec.md#requirement-a-record-list-can-collect-and-record-a-note-per-row
+		 * @return {object|null}
+		 */
+		noteAction() {
+			const action = this.content?.noteAction;
+			if (!action || typeof action !== 'object' || (!action.urlField && !action.url)) {
+				return null
+			}
+			const tr = (text) => (typeof text === 'string' && text !== '' ? this.translate(text) : '');
+			return {
+				...action,
+				label: tr(action.label),
+				fieldLabel: tr(action.fieldLabel),
+				placeholder: tr(action.placeholder),
+				readyLabel: tr(action.readyLabel),
+				errorText: tr(action.errorText),
+			}
+		},
+
+		/**
+		 * `noteAction.recordAll` translated, its cancel link as a route, or null.
+		 *
+		 * @return {object|null}
+		 */
+		noteRecordAll() {
+			const all = this.content?.noteAction?.recordAll;
+			if (!all || typeof all !== 'object' || !all.label) {
+				return null
+			}
+			const cancel = all.cancel && all.cancel.label && all.cancel.route
+				? { label: this.translate(all.cancel.label), to: typeof all.cancel.route === 'string' ? { name: all.cancel.route } : all.cancel.route }
+				: null;
+			return {
+				label: this.translate(all.label),
+				title: all.title ? this.translate(all.title) : '',
+				text: all.text ? this.translate(all.text) : '',
+				icon: all.icon || '',
+				cancel,
+			}
+		},
+
 		emptyLabel() {
 			if (this.lensReasonText !== '') {
 				return this.lensReasonText
 			}
+			if (this.conditionalEmptyText !== '') {
+				return this.conditionalEmptyText
+			}
 			return this.content?.emptyText ? this.translate(this.content.emptyText) : translate('nextcloud-vue', 'Nothing here yet')
 		},
 
@@ -482,6 +533,10 @@ var script = {
 			this.fetchRows();
 		},
 
+		rows() {
+			this.evaluateEmptyTexts();
+		},
+
 		footerDisabledKey: {
 			immediate: true,
 			handler() {
@@ -567,6 +622,38 @@ var script = {
 		 * @spec openspec/changes/record-list-footer-action/specs/record-list/spec.md#requirement-a-record-list-can-end-with-an-action-that-says-why-it-is-disabled
 		 * @return {Promise<void>}
 		 */
+		/**
+		 * Pick the empty text (`emptyTexts`: `[{ when, text }]`, the first whose
+		 * visibleWhen condition holds), for a list that is empty for more than
+		 * one reason ("Everything you opened today has a note" or "You have not
+		 * opened anything today"). `emptyText` stays the fallback.
+		 *
+		 * @spec openspec/changes/record-list-notes/specs/record-list-notes/spec.md#requirement-a-record-list-can-say-why-it-is-empty
+		 * @return {Promise<void>}
+		 */
+		async evaluateEmptyTexts() {
+			const options = Array.isArray(this.content?.emptyTexts) ? this.content.emptyTexts : [];
+			if (options.length === 0 || this.rows.length > 0) {
+				this.conditionalEmptyText = '';
+				return
+			}
+			const run = this.emptyRun = (this.emptyRun || 0) + 1;
+			for (const option of options) {
+				if (!option || typeof option.text !== 'string' || !option.when) {
+					continue
+				}
+				const holds = await evaluateVisibleWhen(option.when, this.tokenCtx);
+				if (run !== this.emptyRun) {
+					return
+				}
+				if (holds) {
+					this.conditionalEmptyText = this.translate(option.text);
+					return
+				}
+			}
+			this.conditionalEmptyText = '';
+		},
+
 		async evaluateFooterDisabled() {
 			const cond = this.content?.footerAction?.disabledWhen;
 			if (!cond) {
@@ -831,7 +918,10 @@ var script = {
 		},
 
 		rowLink(row) {
-			const route = this.content?.rowRoute;
+			// `rowRouteField`: the route name read from the row, for a list
+			// whose rows open different pages (a case and a task).
+			const byField = this.content?.rowRouteField ? readPath(row, this.content.rowRouteField) : null;
+			const route = (typeof byField === 'string' && byField !== '') ? byField : this.content?.rowRoute;
 			if (!route || !this.$router || !row) {
 				return null
 			}