@conduction/nextcloud-vue 2.77.0 → 2.79.0

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

@@ -1,4 +1,5 @@
-import { translate } from '@nextcloud/l10n';
+import { getCurrentUser } from '@nextcloud/auth';
+import { translate, getCanonicalLocale } from '@nextcloud/l10n';
 import { NcActions, NcActionButton, NcActionInput, NcActionSeparator, NcButton, NcLoadingIcon, NcSelect } from '@nextcloud/vue';
 import { ref, provide, watch } from 'vue';
 import CalendarRange from 'vue-material-design-icons/CalendarRange.vue';
@@ -19,6 +20,7 @@ import __sfc_main$g from '../CnKpiGrid/CnKpiGrid.vue.js';
 import __sfc_main$f from '../CnSegmentedControl/CnSegmentedControl.vue.js';
 import __sfc_main$6 from '../CnStatsBlockWidget/CnStatsBlockWidget.vue.js';
 import __sfc_main$4 from '../CnTileWidget/CnTileWidget.vue.js';
+import __sfc_main$h from '../CnWidgetGrid/CnWidgetIcon.vue.js';
 import __sfc_main$7 from '../CnWidgetRefItem/CnWidgetRefItem.vue.js';
 import __sfc_main$3 from '../CnWidgetRenderer/CnWidgetRenderer.vue.js';
 import __sfc_main$2 from '../CnWidgetWrapper/CnWidgetWrapper.vue.js';
@@ -35,7 +37,7 @@ import { BUILT_IN_WIDGETS } from '../CnWidgetGrid/builtInWidgets.js';
 import { getWidgetTypeEntry } from '../CnWidgetGrid/dashboardWidgetRegistry.js';
 import '../CnWidgetGrid/registerDashboardWidgets.js';
 import __sfc_main$a from '../CnActionsMenu/CnActionsMenu.vue.js';
-import { DEFAULT_DATE_RANGE_PRESETS, resolvePresetWindow } from '../CnDateRangePicker/CnDateRangePicker.vue2.js';
+import { DEFAULT_DATE_RANGE_PRESETS, translatePresetLabel, resolvePresetWindow } from '../CnDateRangePicker/CnDateRangePicker.vue2.js';
 
 /** Surfaces understood by the pluggable integration registry (AD-19). */
 const INTEGRATION_SURFACES = ['user-dashboard', 'app-dashboard', 'detail-page', 'single-entity'];
@@ -184,6 +186,7 @@ var script = {
 		CnLeafMountHost: __sfc_main$e,
 		CnSegmentedControl: __sfc_main$f,
 		CnKpiGrid: __sfc_main$g,
+		CnWidgetIcon: __sfc_main$h,
 	},
 
 	mixins: [pageViews],
@@ -284,6 +287,50 @@ var script = {
 			default: () => [],
 		},
 
+		/**
+		 * Greet the reader in the header subtitle (manifest `config.greeting`):
+		 * `true` (or `"first"`) writes "Good afternoon, Pieter · Monday 5
+		 * October 2026", `"full"` uses the whole display name. The page
+		 * `description`, when set, follows after another middle dot. Off by
+		 * default: the subtitle is the description alone, as before.
+		 *
+		 * @spec openspec/changes/screens-dashboard-greeting-header/specs/dashboard-page/spec.md#requirement-the-header-subtitle-can-greet-the-reader
+		 * @type {boolean|string}
+		 */
+		greeting: {
+			type: [Boolean, String],
+			default: false,
+		},
+
+		/**
+		 * Links drawn as small pills on the switch row under the header
+		 * (manifest `config.viewLinks`), as DqMijnWerk's "Uw wachtrij / Aan
+		 * mij toegewezen / Dag afsluiten". Each `{ label, icon?, route?,
+		 * href? }`: `route` is a route name or a `{ name, params?, query? }`
+		 * location, `href` a plain URL; `label` goes through the host
+		 * translate function. An entry without a label or a target is skipped.
+		 *
+		 * @spec openspec/changes/screens-dashboard-greeting-header/specs/dashboard-page/spec.md#requirement-a-switch-row-carries-the-view-switch-and-link-pills
+		 * @type {Array<object>}
+		 */
+		viewLinks: {
+			type: Array,
+			default: () => [],
+		},
+
+		/**
+		 * Whether the header draws the page Actions menu (manifest
+		 * `config.showActionsMenu`). `false` removes it, for a board page
+		 * whose header carries only the buildiq square and the primary.
+		 *
+		 * @spec openspec/changes/screens-dashboard-greeting-header/specs/dashboard-page/spec.md#requirement-the-header-can-drop-the-page-actions-menu
+		 * @type {boolean}
+		 */
+		showActionsMenu: {
+			type: Boolean,
+			default: true,
+		},
+
 		/**
 		 * Whether a widget draws its overflow Actions menu when neither its
 		 * placement nor its definition says (`showActions`). `false` (manifest
@@ -976,6 +1023,97 @@ var script = {
 			return typeof this.cnTranslate === 'function' ? this.cnTranslate : (key) => key
 		},
 
+		/**
+		 * The greeting for the time of day, with the reader's first (or
+		 * full) name when known, or '' when `greeting` is off.
+		 *
+		 * @spec openspec/changes/screens-dashboard-greeting-header/specs/dashboard-page/spec.md#requirement-the-header-subtitle-can-greet-the-reader
+		 * @return {string}
+		 */
+		greetingLine() {
+			if (this.greeting !== true && this.greeting !== 'first' && this.greeting !== 'full') {
+				return ''
+			}
+			let user;
+			try {
+				user = getCurrentUser();
+			} catch {
+				user = null;
+			}
+			const displayName = (user && typeof user.displayName === 'string') ? user.displayName.trim() : '';
+			const name = this.greeting === 'full' ? displayName : displayName.split(/\s+/)[0];
+			const hour = new Date().getHours();
+			if (hour < 12) {
+				return name ? translate('nextcloud-vue', 'Good morning, {name}', { name }) : translate('nextcloud-vue', 'Good morning')
+			}
+			if (hour < 18) {
+				return name ? translate('nextcloud-vue', 'Good afternoon, {name}', { name }) : translate('nextcloud-vue', 'Good afternoon')
+			}
+			return name ? translate('nextcloud-vue', 'Good evening, {name}', { name }) : translate('nextcloud-vue', 'Good evening')
+		},
+
+		/**
+		 * The header subtitle: with `greeting` on, the greeting, today's date
+		 * written out and the description, joined by a middle dot; else the
+		 * description alone, as before.
+		 *
+		 * @spec openspec/changes/screens-dashboard-greeting-header/specs/dashboard-page/spec.md#requirement-the-header-subtitle-can-greet-the-reader
+		 * @return {string}
+		 */
+		subtitleText() {
+			const description = this.description ? this.resolvedDescription : '';
+			const greeting = this.greetingLine;
+			if (greeting === '') {
+				return description
+			}
+			const options = { weekday: 'long', day: 'numeric', month: 'long', year: 'numeric' };
+			let date;
+			try {
+				date = new Intl.DateTimeFormat(getCanonicalLocale() || undefined, options).format(new Date());
+			} catch {
+				date = new Intl.DateTimeFormat(undefined, options).format(new Date());
+			}
+			return [greeting, date, description].filter((part) => part !== '').join(' · ')
+		},
+
+		/**
+		 * Whether the page's view switch sits on the switch row under the
+		 * header (board look) rather than among the header actions.
+		 *
+		 * @spec openspec/changes/screens-dashboard-greeting-header/specs/dashboard-page/spec.md#requirement-a-switch-row-carries-the-view-switch-and-link-pills
+		 * @return {boolean}
+		 */
+		switchInRow() {
+			return this.isBoardLook && this.showsPageViewSwitch
+		},
+
+		/**
+		 * `viewLinks` as render descriptors: a router link for a route, an
+		 * anchor for an href, the label translated. Entries without a label
+		 * or a target are dropped.
+		 *
+		 * @spec openspec/changes/screens-dashboard-greeting-header/specs/dashboard-page/spec.md#requirement-a-switch-row-carries-the-view-switch-and-link-pills
+		 * @return {Array<{key: string, tag: string, attrs: object, label: string, icon: string}>}
+		 */
+		resolvedViewLinks() {
+			const links = Array.isArray(this.viewLinks) ? this.viewLinks : [];
+			const out = [];
+			links.forEach((link, index) => {
+				if (!link || typeof link.label !== 'string' || link.label === '') {
+					return
+				}
+				const icon = typeof link.icon === 'string' ? link.icon : '';
+				const label = this.effectiveTranslate(link.label);
+				if (link.route && this.$router) {
+					const to = typeof link.route === 'string' ? { name: link.route } : link.route;
+					out.push({ key: `route-${index}`, tag: 'router-link', attrs: { to }, label, icon });
+				} else if (typeof link.href === 'string' && link.href !== '') {
+					out.push({ key: `href-${index}`, tag: 'a', attrs: { href: link.href }, label, icon });
+				}
+			});
+			return out
+		},
+
 		/**
 		 * The page title run through the host translate function so a
 		 * manifest-authored source string localises.
@@ -1137,9 +1275,12 @@ var script = {
 		 * doesn't supply one.
 		 */
 		effectivePresets() {
-			return Array.isArray(this.dateRange?.presets) && this.dateRange.presets.length > 0
+			const presets = Array.isArray(this.dateRange?.presets) && this.dateRange.presets.length > 0
 				? this.dateRange.presets
-				: DEFAULT_DATE_RANGE_PRESETS.map((p) => ({ ...p }))
+				: DEFAULT_DATE_RANGE_PRESETS;
+			// Labels in the user's language (screens-dashboard-i18n): the app's
+			// catalogue first, then the library's own for the default labels.
+			return presets.map((p) => ({ ...p, label: translatePresetLabel(p.label, this.effectiveTranslate) }))
 		},
 
 		/**
@@ -2482,7 +2623,7 @@ var script = {
 		 * @return {object}
 		 */
 		registryWidgetBindings(item) {
-			const content = this.getWidgetContent(item);
+			const content = this.collectionContent(this.getWidgetContent(item));
 			const def = this.getWidgetDef(item.widgetId);
 			if (!this.isBannerDef(def)) {
 				return content
@@ -2491,6 +2632,28 @@ var script = {
 			return outcome ? { ...content, conditionOutcome: outcome } : content
 		},
 
+		/**
+		 * A widget's content with the board's quiet collection footer: in the
+		 * board look a dashboard that drops the widget Actions menu
+		 * (`showWidgetActions: false`) also drops the Add footer of its list
+		 * widgets, whose Add is the menu's create entry at the bottom of the
+		 * card. A widget that says `content.allowCreate` keeps its own value.
+		 * Otherwise the content is returned as is.
+		 *
+		 * @spec openspec/changes/screens-dashboard-legacy-widgets/specs/dashboard-page/spec.md#requirement-a-board-dashboard-without-widget-actions-drops-the-add-footer
+		 * @param {object} content The widget's stored content.
+		 * @return {object}
+		 */
+		collectionContent(content) {
+			if (!this.isBoardLook || this.showWidgetActions !== false) {
+				return content
+			}
+			if (content && Object.hasOwn(content, 'allowCreate')) {
+				return content
+			}
+			return { ...content, allowCreate: false }
+		},
+
 		/**
 		 * Re-compact a filtered layout upward, display-only. GridStack runs
 		 * `float: true`, so removing an item does not close its row — this