@conduction/nextcloud-vue 2.143.0 → 2.145.0

package/src/integrations/builtin/deck/CnDeckCard.vue

@@ -93,6 +93,33 @@
 			<div v-else-if="cards.length === 0" class="cn-deck-card__empty">
 				{{ emptyLabel }}
 			</div>
+			<!-- The board look draws each linked card as a ruled row: its title,
+			     one meta line (board, list, assignees) and its first label at
+			     the end, then a link to Deck. -->
+			<div v-else-if="isBoard" class="cn-deck-card__rows">
+				<ul class="cn-deck-card__row-list">
+					<li v-for="card in cards"
+						:key="cardKey(card)"
+						class="cn-deck-card__row"
+						data-testid="cn-deck-card-row">
+						<span class="cn-deck-card__row-main">
+							<a class="cn-deck-card__row-title"
+								:href="cardUrl(card)"
+								target="_blank"
+								rel="noopener">{{ cardTitle(card) }}</a>
+							<span class="cn-deck-card__row-meta" data-testid="cn-deck-card-meta">{{ boardMetaOf(card) }}</span>
+						</span>
+						<span v-if="firstLabel(card)"
+							class="cn-status-badge cn-status-badge--purple"
+							data-testid="cn-deck-card-label">{{ firstLabel(card) }}</span>
+					</li>
+				</ul>
+				<a class="cn-deck-card__open"
+					:href="deckAppUrl"
+					target="_blank"
+					rel="noopener"
+					data-testid="cn-deck-card-open">{{ openDeckLabel }}</a>
+			</div>
 			<div v-else class="cn-deck-card__kanban">
 				<section
 					v-for="stack in miniColumns"
@@ -146,7 +173,9 @@ import ViewColumnOutline from 'vue-material-design-icons/ViewColumnOutline.vue'
 import CnDeckCardCreate from '../../../components/CnDeckCardCreate/CnDeckCardCreate.vue'
 import CnDeckCardPicker from '../../../components/CnDeckCardPicker/CnDeckCardPicker.vue'
 import CnDetailCard from '../../../components/CnDetailCard/CnDetailCard.vue'
+import { normalizeLook } from '../../../composables/useLook.js'
 import { buildHeaders, prefixUrl, safeHref } from '../../../utils/index.js'
+import { assigneeDisplayName, cardAssignees, cardBoardTitle, cardLabels, cardStackTitle } from './deckCardParts.js'
 
 const VALID_SURFACES = ['user-dashboard', 'app-dashboard', 'detail-page', 'single-entity']
 
@@ -161,6 +190,10 @@ export default {
 
 	components: { CnDeckCardCreate, CnDeckCardPicker, CnDetailCard, LinkVariant, NcButton, NcLoadingIcon, Plus, ViewColumnOutline },
 
+	inject: {
+		cnLook: { default: 'nextcloud' },
+	},
+
 	props: {
 		/** Stable integration id (forwarded from the registry — always `'deck'`). */
 		integrationId: { type: String, default: 'deck' },
@@ -203,6 +236,8 @@ export default {
 		linkLabel: { type: String, default: () => t('nextcloud-vue', 'Link an existing card') },
 		/** Label of the `create` button. */
 		createLabel: { type: String, default: () => t('nextcloud-vue', 'New card') },
+		/** Label of the link to Deck under the rows (board look). */
+		openDeckLabel: { type: String, default: () => t('nextcloud-vue', 'Open Deck') },
 	},
 
 	data() {
@@ -231,6 +266,11 @@ export default {
 			return this.headerActions.filter((action, index, all) => ['create', 'link'].includes(action) && all.indexOf(action) === index)
 		},
 
+		/** @return {boolean} The board look draws ruled rows instead of the mini-kanban. */
+		isBoard() {
+			return normalizeLook(this.cnLook) === 'board'
+		},
+
 		cardHeaderTitle() {
 			return this.title || this.integrationId
 		},
@@ -325,6 +365,32 @@ export default {
 	},
 
 	methods: {
+		/**
+		 * A card's meta line in the board look: its board, its list and its
+		 * assignees, separated by middots.
+		 *
+		 * @param {object} card The card row.
+		 * @return {string}
+		 */
+		boardMetaOf(card) {
+			const board = cardBoardTitle(card)
+			const stack = cardStackTitle(card)
+			return [
+				board ? t('nextcloud-vue', 'Board {name}', { name: board }) : '',
+				stack ? t('nextcloud-vue', 'list {name}', { name: stack }) : '',
+				...cardAssignees(card).map(assigneeDisplayName),
+			].filter(Boolean).join(' · ')
+		},
+
+		/**
+		 * @param {object} card The card row.
+		 * @return {string} Its first label's title, or ''.
+		 */
+		firstLabel(card) {
+			const label = cardLabels(card)[0]
+			return label ? String(label.title ?? label.name ?? '') : ''
+		},
+
 		/** @return {string} The object's Deck endpoint the link and create flows post to. */
 		deckEndpoint() {
 			return `${this.apiBase}/objects/${this.register}/${this.schema}/${this.objectId}/deck`

package/src/integrations/builtin/deck/CnDeckTab.vue

@@ -169,6 +169,7 @@ import CnDeckCardPicker from '../../../components/CnDeckCardPicker/CnDeckCardPic
 import CnStatusBadge from '../../../components/CnStatusBadge/CnStatusBadge.vue'
 import { buildHeaders, prefixUrl, safeHref } from '../../../utils/index.js'
 import { userLocale } from '../../../utils/userLocale.js'
+import { cardAssignees, cardBoardTitle, cardLabels, cardStackTitle } from './deckCardParts.js'
 
 /** Maximum assignee avatars shown before collapsing the rest into a +N overflow badge. */
 const MAX_VISIBLE_ASSIGNEES = 3
@@ -365,8 +366,7 @@ export default {
 		},
 
 		cardLabels(card) {
-			const labels = card.labels ?? card.tags ?? []
-			return Array.isArray(labels) ? labels : []
+			return cardLabels(card)
 		},
 
 		chipText(label) {
@@ -451,8 +451,8 @@ export default {
 		 * @return {string} board (or board · stack) label, or '' when unknown
 		 */
 		boardBadge(card) {
-			const board = card.boardTitle ?? card.board?.title ?? ''
-			const stack = card.stackTitle ?? card.stack?.title ?? ''
+			const board = cardBoardTitle(card)
+			const stack = cardStackTitle(card)
 			if (board && stack) {
 				return `${board} · ${stack}`
 			}
@@ -468,8 +468,7 @@ export default {
 		 * @return {Array} assignee entries
 		 */
 		cardAssignees(card) {
-			const raw = card.assignedUsers ?? card.assignees ?? card.users ?? []
-			return Array.isArray(raw) ? raw : []
+			return cardAssignees(card)
 		},
 
 		/**

package/src/integrations/builtin/deck/__tests__/CnDeckCardBoardRows.spec.js

@@ -0,0 +1,49 @@
+/**
+ * CnDeckCard in the board look on a detail page (DqZaakTaken "Kaarten"):
+ * each linked card is a ruled row with its title, one meta line (board,
+ * list, assignees) and its first label at the end, with "Open Deck" under
+ * the rows, instead of the mini-kanban.
+ *
+ * @spec openspec/changes/board-deck-calendar-rows/specs/integrations/spec.md
+ */
+
+const { flushPromises, mount } = require('@vue/test-utils')
+const CnDeckCard = require('../CnDeckCard.vue').default
+
+const CARD = { cardId: 7, boardId: 2, cardTitle: 'Lakken offerte lantaarnpalen', boardTitle: 'Woo en informatie', stackTitle: 'Deze week', assignedUsers: [{ participant: { uid: 'lars', displayname: 'Lars de Koning' } }], labels: [{ id: 1, title: 'Bezig' }] }
+
+function mountCard(look) {
+	global.fetch = jest.fn().mockResolvedValue({ ok: true, status: 200, json: () => Promise.resolve({ results: [CARD] }) })
+	return mount(CnDeckCard, {
+		props: { register: 'reg', schema: 'case', objectId: 'c-1', surface: 'detail-page' },
+		global: { provide: { cnLook: look } },
+	})
+}
+
+describe('CnDeckCard board rows', () => {
+	afterEach(() => {
+		delete global.fetch
+	})
+
+	it('draws the linked card as a row with board, list and assignee, its label at the end, and Open Deck', async () => {
+		const w = mountCard('board')
+		await flushPromises()
+		expect(w.find('.cn-deck-card__kanban').exists()).toBe(false)
+		const row = w.find('[data-testid="cn-deck-card-row"]')
+		expect(row.text()).toContain('Lakken offerte lantaarnpalen')
+		const meta = row.find('[data-testid="cn-deck-card-meta"]').text()
+		expect(meta).toContain('Woo en informatie')
+		expect(meta).toContain('Deze week')
+		expect(meta).toContain('Lars de Koning')
+		expect(row.find('[data-testid="cn-deck-card-label"]').text()).toBe('Bezig')
+		expect(w.find('[data-testid="cn-deck-card-open"]').attributes('href')).toBe('/index.php/apps/deck')
+		w.unmount()
+	})
+
+	it('keeps the mini-kanban in the Nextcloud look', async () => {
+		const w = mountCard('nextcloud')
+		await flushPromises()
+		expect(w.find('.cn-deck-card__kanban').exists()).toBe(true)
+		w.unmount()
+	})
+})

package/src/integrations/builtin/deck/deckCardParts.js

@@ -0,0 +1,56 @@
+/**
+ * SPDX-FileCopyrightText: 2026 Conduction B.V.
+ * SPDX-License-Identifier: EUPL-1.2
+ *
+ * The parts of a linked Deck card a row shows, shared by the Deck tab and
+ * the Deck card: its board, its stack, its assignees and its labels.
+ */
+
+/**
+ * @param {object} card The card row.
+ * @return {string} The board's title, or ''.
+ */
+export function cardBoardTitle(card) {
+	return card?.boardTitle ?? card?.board?.title ?? ''
+}
+
+/**
+ * @param {object} card The card row.
+ * @return {string} The stack's title, or ''.
+ */
+export function cardStackTitle(card) {
+	return card?.stackTitle ?? card?.stack?.title ?? ''
+}
+
+/**
+ * Deck's `assignedUsers` (each with a nested `participant`), or a plain
+ * `assignees` / `users` list of strings or objects.
+ *
+ * @param {object} card The card row.
+ * @return {Array} The assignee entries.
+ */
+export function cardAssignees(card) {
+	const raw = card?.assignedUsers ?? card?.assignees ?? card?.users ?? []
+	return Array.isArray(raw) ? raw : []
+}
+
+/**
+ * @param {object|string} assignee An assignee entry.
+ * @return {string} Its display name, or ''.
+ */
+export function assigneeDisplayName(assignee) {
+	if (typeof assignee === 'string') {
+		return assignee
+	}
+	const p = assignee?.participant ?? assignee ?? {}
+	return p.displayname ?? p.displayName ?? p.uid ?? p.id ?? ''
+}
+
+/**
+ * @param {object} card The card row.
+ * @return {Array<object>} Its labels.
+ */
+export function cardLabels(card) {
+	const labels = card?.labels ?? card?.tags ?? []
+	return Array.isArray(labels) ? labels : []
+}

package/src/utils/builtInFormatters.js

@@ -2,6 +2,7 @@ import { translatePlural as n, translate as t } from '@nextcloud/l10n'
 import { formatRelativeDate } from './boardDate.js'
 import { formatMoney } from './formatMetric.js'
 import { parseDuration } from './isoDuration.js'
+import { userDisplayName } from './userDisplayName.js'
 
 /**
  * @file Built-in formatters merged into the `cnFormatters` registry
@@ -523,6 +524,21 @@ export function formatIsoDuration(value) {
 	return words[period.unit] ? words[period.unit]() : String(value)
 }
 
+/**
+ * A Nextcloud user id as its display name (`userName` registry key): the id
+ * while the name is looked up, and for a user nobody answers for.
+ *
+ * @spec openspec/changes/user-name-formatter/specs/user-name-formatter/spec.md#requirement-a-user-id-can-read-as-its-display-name
+ * @param {unknown} value The user id.
+ * @return {string} The display name, the id, or ''.
+ */
+export function formatUserName(value) {
+	if (value === null || value === undefined || value === '' || typeof value === 'object') {
+		return ''
+	}
+	return userDisplayName(value) || String(value)
+}
+
 export const BUILT_IN_FORMATTERS = {
 	date: formatDate,
 	datetime: formatDateTime,
@@ -538,4 +554,5 @@ export const BUILT_IN_FORMATTERS = {
 	masked: formatMasked,
 	isoDuration: formatIsoDuration,
 	valueMap: formatValueMap,
+	userName: formatUserName,
 }

package/src/utils/fetchFilterCounts.js

@@ -176,10 +176,13 @@ export function singleEqualityOf(filter) {
  * @param {Array<{key: (string|number), filter: object}>} options.entries The filters to count, each under its own key.
  * @param {object} [options.baseFilter] A filter every count is narrowed by (the page's fixed filter).
  * @param {object} [options.ctx] Token-resolution context for the filters.
+ * @param {string} [options.via] `'list'` counts every entry through the list endpoint, the request a list sends, so a
+ *   count beside a list cannot disagree with it; else the aggregation endpoints where they apply.
  * @return {Promise<{[key: string]: number}>} The count per entry key. An entry whose count failed is left out.
  * @spec openspec/changes/workplace-dashboard-primitives/specs/workplace-dashboard-primitives/spec.md#requirement-counts-on-filters-and-views
+ * @spec openspec/changes/index-counts-read-the-list-endpoint/specs/index-page/spec.md#requirement-an-index-pages-counts-come-from-the-list-request
  */
-export async function fetchFilterCounts({ register, schema, entries, baseFilter, ctx } = {}) {
+export async function fetchFilterCounts({ register, schema, entries, baseFilter, ctx, via = '' } = {}) {
 	const counts = {}
 	if (!register || !schema || !Array.isArray(entries) || entries.length === 0) {
 		return counts
@@ -191,7 +194,7 @@ export async function fetchFilterCounts({ register, schema, entries, baseFilter,
 	// and `/value` returns exactly its number.
 	// A list of values anywhere in a request rules the aggregation endpoints
 	// out for it. A base filter with one rules them out for every entry.
-	const baseHasList = needsListEndpoint(base)
+	const baseHasList = via === 'list' || needsListEndpoint(base)
 	const byField = {}
 	const single = []
 	const viaList = []

package/src/utils/localHeaderRows.js

@@ -0,0 +1,91 @@
+/**
+ * SPDX-FileCopyrightText: 2026 Conduction B.V.
+ * SPDX-License-Identifier: EUPL-1.2
+ *
+ * Header sort and filter applied to rows the table already holds (an
+ * `endpointSource` table): the same `{ field, dir }` sort and
+ * `{ paramKey: values[] }` filter map a self-fetching table sends to the
+ * server, read here in the browser.
+ *
+ * @module utils/localHeaderRows
+ */
+
+import { CONTAINS_OPERATOR } from './columnFilters.js'
+
+/**
+ * A row value as one comparable scalar: an array counts as its joined items.
+ *
+ * @param {unknown} value The raw value.
+ * @return {string|number|null} The value to compare.
+ */
+function scalar(value) {
+	if (value === null || value === undefined) {
+		return null
+	}
+	if (Array.isArray(value)) {
+		return value.map((item) => (item && typeof item === 'object' ? (item.title || item.name || '') : String(item))).join(', ')
+	}
+	if (typeof value === 'number' || typeof value === 'boolean') {
+		return typeof value === 'boolean' ? String(value) : value
+	}
+	return typeof value === 'object' ? (value.title || value.name || '') : String(value)
+}
+
+/**
+ * Whether a row holds a value the filter entry asks for.
+ *
+ * @param {object} row The row.
+ * @param {string} param The filter key (`field`, `field[like]`, `field[gte]`, `field[lte]`).
+ * @param {Array<string>} values The chosen values.
+ * @return {boolean} True when the row passes.
+ */
+function passes(row, param, values) {
+	const match = /^(.+)\[(\w+)\]$/.exec(param)
+	const field = match ? match[1] : param
+	const op = match ? match[2] : ''
+	const value = scalar(row[field])
+	if (op === CONTAINS_OPERATOR) {
+		const term = String(values[0]).toLowerCase()
+		return value !== null && String(value).toLowerCase().includes(term)
+	}
+	if (op === 'gte' || op === 'lte') {
+		if (value === null) {
+			return false
+		}
+		const left = typeof value === 'number' ? value : String(value)
+		const right = typeof value === 'number' ? Number(values[0]) : String(values[0])
+		return op === 'gte' ? left >= right : left <= right
+	}
+	return value !== null && values.map(String).includes(String(value))
+}
+
+/**
+ * The rows that pass every active header filter, in the header sort's order.
+ *
+ * @param {Array<object>} rows The rows.
+ * @param {{field: string, dir: string}|null} sort The header sort.
+ * @param {object} filters The header filters, `{ paramKey: values[] }`.
+ * @return {Array<object>} The rows to show (the same array when nothing applies).
+ */
+export function localHeaderRows(rows, sort, filters) {
+	if (!Array.isArray(rows)) {
+		return []
+	}
+	const active = Object.entries(filters || {}).filter(([, values]) => Array.isArray(values) && values.length > 0)
+	let out = active.length > 0 ? rows.filter((row) => row && active.every(([param, values]) => passes(row, param, values))) : rows
+	if (sort && sort.field) {
+		const sign = sort.dir === 'desc' ? -1 : 1
+		out = [...out].sort((a, b) => {
+			const left = scalar(a && a[sort.field])
+			const right = scalar(b && b[sort.field])
+			if (left === null || right === null) {
+				return left === right ? 0 : (left === null ? 1 : -1)
+			}
+			if (typeof left === 'number' && typeof right === 'number') {
+				return sign * (left - right)
+			}
+			return sign * String(left).localeCompare(String(right), undefined, { numeric: true, sensitivity: 'base' })
+		})
+	}
+	return out
+}

package/src/utils/nextcloudDirectory.js

@@ -26,20 +26,33 @@ function ocsData(res) {
 	return (res && res.data && res.data.ocs && res.data.ocs.data) || null
 }
 
+/** The most groups read, so a server that ignores the offset cannot loop forever. */
+const MAX_GROUPS = 5000
+
 /**
  * The groups, with their member counts.
  *
  * @param {object} axios The axios instance.
- * @param {{search?: string, limit?: number}} [options] Narrowing.
+ * @param {{search?: string, limit?: number}} [options] Narrowing; `limit` is the page size.
  * @return {Promise<Array<{id: string, name: string, count: number}>>}
  * @spec openspec/changes/index-groups-users-source/specs/index-page/spec.md#requirement-an-index-page-can-list-nextcloud-groups-and-their-members
  */
 export async function fetchGroups(axios, options = {}) {
-	const res = await axios.get(generateOcsUrl('cloud/groups/details'), {
-		params: { search: options.search || '', limit: options.limit || 200, format: 'json' },
-		headers: OCS_HEADERS,
-	})
-	const groups = (ocsData(res) && ocsData(res).groups) || []
+	const limit = options.limit || 200
+	// Every page, while a page comes back full: one page cut an instance with
+	// more groups than the limit off before its last ones (DqAfdelingen).
+	const groups = []
+	for (let offset = 0; offset < MAX_GROUPS; offset += limit) {
+		const res = await axios.get(generateOcsUrl('cloud/groups/details'), {
+			params: { search: options.search || '', limit, offset, format: 'json' },
+			headers: OCS_HEADERS,
+		})
+		const batch = (ocsData(res) && ocsData(res).groups) || []
+		groups.push(...batch)
+		if (batch.length < limit) {
+			break
+		}
+	}
 	return groups.map((group) => ({
 		id: String(group.id),
 		name: group.displayname || String(group.id),