@conduction/nextcloud-vue 2.135.0 → 2.137.0

package/src/css/look-board-index.css

@@ -89,7 +89,7 @@
 }
 
 .cn-look-board .cn-index-page .cn-index-page__header-buttons > .button-vue--secondary:hover,
-.cn-look-board .cn-index-page .cn-index-page__header-buttons > .action-item .button-vue:hover {
+.cn-look-board .cn-index-page .cn-index-page__header-buttons > .action-item:not(.action-item--open) .button-vue:hover {
 	background: var(--color-background-hover) !important;
 }
 
@@ -1368,6 +1368,7 @@
 	margin-inline-start: auto;
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
+	white-space: nowrap;
 }
 
 .cn-look-board .cn-object-card--board .cn-object-card__record .cn-object-card__title {
@@ -1380,12 +1381,19 @@
 }
 
 .cn-look-board .cn-object-card--board .cn-object-card__record-meta {
+	--nldesign-component-paragraph-font-size: 14px;
+	--nldesign-component-paragraph-color: var(--color-text-maxcontrast);
 	margin: 0;
 	color: var(--color-text-maxcontrast);
 	font-size: 14px;
 }
 
+/* The meta line, note and description are paragraphs: each hands the theme,
+   which sets paragraphs with `!important`, its own size and ink. */
 .cn-look-board .cn-object-card--board .cn-object-card__record-note {
+	--nldesign-component-paragraph-font-size: 13px;
+	--nldesign-component-paragraph-font-weight: 600;
+	--nldesign-component-paragraph-color: var(--cn-board-text-soft);
 	margin: 0;
 	color: var(--cn-board-text-soft);
 	font-size: 13px;
@@ -1393,10 +1401,12 @@
 }
 
 .cn-look-board .cn-object-card--board .cn-object-card__record-note--purple {
+	--nldesign-component-paragraph-color: var(--cn-status-purple-text);
 	color: var(--cn-status-purple-text);
 }
 
 .cn-look-board .cn-object-card--board .cn-object-card__record-note--teal {
+	--nldesign-component-paragraph-color: var(--cn-status-teal-text);
 	color: var(--cn-status-teal-text);
 }
 
@@ -1433,6 +1443,9 @@
 }
 
 .cn-look-board .cn-object-card--board .cn-object-card__record-description {
+	--nldesign-component-paragraph-font-size: 14px;
+	--nldesign-component-paragraph-line-height: 1.4;
+	--nldesign-component-paragraph-color: var(--color-text-maxcontrast);
 	margin: 0;
 	color: var(--color-text-maxcontrast);
 	font-size: 14px;
@@ -1869,6 +1882,22 @@
 	font-weight: 700;
 }
 
+/* A pill in a trailing cell stays inside the cell's width and ends in an
+   ellipsis, instead of running over the next cell (DqTeamwachtrij). */
+.cn-look-board .cn-object-row__trail .cn-cell-renderer:not(.cn-look-nextcloud *) {
+	display: block;
+	max-width: 100%;
+}
+
+.cn-look-board .cn-object-row__trail .cn-status-badge:not(.cn-look-nextcloud *) {
+	display: inline-block;
+	box-sizing: border-box;
+	max-width: 100%;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	vertical-align: middle;
+}
+
 /* ---- The map view's missing-address card (DqZakenKaart) ---------------- */
 /* The board draws "3 zaken zonder adres" as a 15px title at its normal line
    height with "Toon ze in de tabel" under it as a link flush with the title,
@@ -1943,6 +1972,31 @@
 	border-radius: 50%;
 }
 
+/* The panel's words (DqFilterBeheren): a group heading at 15px/700 in the
+   main ink, the group's note and a view's description at 13px in the muted
+   ink, never bold.
+   @spec openspec/changes/board-saved-views-panel-type/specs/board-saved-views-panel-type/spec.md */
+.cn-look-board .cn-saved-views-panel:not(.cn-look-nextcloud *) .cn-saved-views-panel__section {
+	margin: 12px 0 0;
+	font-size: 15px;
+	font-weight: 700;
+	line-height: 1.2;
+	color: var(--color-main-text);
+}
+
+.cn-look-board .cn-saved-views-panel:not(.cn-look-nextcloud *) .cn-saved-views-panel__note {
+	font-size: 13px;
+	font-weight: 400;
+	line-height: 1.3;
+	color: var(--color-text-maxcontrast);
+}
+
+.cn-look-board .cn-saved-views-panel:not(.cn-look-nextcloud *) .cn-saved-views-panel__subline {
+	font-size: 13px;
+	font-weight: 400;
+	color: var(--color-text-maxcontrast);
+}
+
 /* ---- A saved view row's menu ------------------------------------------- */
 /* The menu trigger on a saved view row ("Beheer Termijn deze week") is a
    round 34px button (DqFilterBeheren, DqFilterInMenu); NcActions drew the
@@ -2005,3 +2059,24 @@
 .cn-look-board .cn-saved-views-panel:not(.cn-look-nextcloud *) .cn-saved-views-panel__row:is(.cn-saved-views-panel__row--selected, :has(.action-item--open)) .cn-saved-views-panel__name-text {
 	color: var(--color-primary-element-light-text);
 }
+
+/* ---- The side-panel grid's row spacing --------------------------------- */
+/* The side-panel page is a grid of seven rows; a row-gap opens between every
+   pair, empty or not, so a page without below-header, stat row or chip row
+   drew 60px of nothing under its header (DqZoekresultaten). The grid has no
+   row gap here; each part that is present carries the section gap under it.
+   @spec openspec/changes/side-panel-grid-no-empty-row-gaps/specs/side-panel-grid-no-empty-row-gaps/spec.md */
+.cn-look-board .cn-index-page--with-side-panel:not(.cn-look-nextcloud *) {
+	row-gap: 0;
+}
+
+.cn-look-board .cn-index-page--with-side-panel:not(.cn-look-nextcloud *) > :first-child,
+.cn-look-board .cn-index-page--with-side-panel:not(.cn-look-nextcloud *) > .cn-index-page__below-header,
+.cn-look-board .cn-index-page--with-side-panel:not(.cn-look-nextcloud *) > .cn-index-page__stat-row,
+.cn-look-board .cn-index-page--with-side-panel:not(.cn-look-nextcloud *) > .cn-actions-bar {
+	margin-bottom: var(--cn-board-section-gap);
+}
+
+.cn-look-board .cn-index-page--with-side-panel:not(.cn-look-nextcloud *) > .cn-index-page__quick-filter-row {
+	margin-bottom: calc(var(--cn-board-section-gap) + 12px);
+}

package/src/css/look-board.css

@@ -582,6 +582,31 @@
 	background: var(--color-background-hover);
 }
 
+/* ---- An ordered list field ----------------------------------------------- */
+/* DqPersoonlijkeInstellingen "Weergaven in mijn menu": a row's labelled remove
+   button ("Uit menu halen") is an outlined secondary button, and the select
+   that adds a row runs the field's full width.
+   @spec openspec/changes/board-ordered-list-field/specs/board-ordered-list-field/spec.md */
+.cn-look-board .cn-ordered-list-field__button--text:not(.cn-look-nextcloud *) {
+	box-sizing: border-box;
+	height: 34px;
+	min-height: 34px;
+	padding: 0 14px;
+	border: 1px solid var(--cn-board-control-border);
+	background: var(--color-main-background);
+	color: var(--color-main-text);
+	font-size: 14px;
+}
+
+.cn-look-board .cn-ordered-list-field__button--text:not(.cn-look-nextcloud *):hover:not(:disabled) {
+	background: var(--color-background-hover);
+}
+
+.cn-look-board .cn-ordered-list-field__add .v-select:not(.cn-look-nextcloud *) {
+	width: 100%;
+	max-width: none;
+}
+
 /* ---- A secondary button --------------------------------------------------- */
 /* The boards draw every secondary button neutral: the main background, a 1px
    control border, the main text, the hover ground on hover (DqFlow "Testen
@@ -1407,6 +1432,15 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
 	color: var(--color-text-maxcontrast);
 }
 
+/* A linked cell in a settings card's table reads in the text ink, as the index
+   tables do, not in the settings page's link blue (DqInstellingen: a
+   connection's name opens its settings card). The underline marks the link.
+   @spec openspec/changes/settings-table-link-ink/specs/settings-board-look/spec.md */
+.cn-look-board .settings-section .cn-data-table a.cn-cell-renderer__link:not(.cn-look-nextcloud *) {
+	color: var(--color-main-text);
+	text-decoration: underline;
+}
+
 /* Section actions sit at the end of the title row. The row is a grid, so a
    long title wraps beside the buttons instead of running under them. A
    half-width card keeps them there (DqVthInstellingen "Inspectiechecklists",
@@ -1801,14 +1835,16 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
 	line-height: 1.5;
 }
 
+/* `!important` on the size: a theme that sizes every paragraph with
+   `!important` (thematiq's paragraph token, 15px) would win otherwise. */
 .cn-look-board .notecard.notecard--info:not(.cn-look-nextcloud *) p {
 	color: var(--color-primary-element-light-text) !important;
-	font-size: inherit;
+	font-size: inherit !important;
 	line-height: inherit;
 }
 
 .cn-look-board .notecard.notecard--info:not(.cn-look-nextcloud *) .notecard__heading {
-	font-size: inherit;
+	font-size: inherit !important;
 	font-weight: 700 !important;
 }
 
@@ -2850,8 +2886,12 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
 	font-size: 14px;
 }
 
+/* The version card's title follows its board: 17px on DqInstellingenAlgemeen
+   and LrBeheerinstellingen; an app whose board draws another size passes the
+   shell's `versionTitleSize`.
+   @spec openspec/changes/board-version-title-size/specs/board-settings-card-controls/spec.md */
 .cn-look-board .settings-section:not(.cn-look-nextcloud *):has(.cn-version-info--compact) > .settings-section__name {
-	font-size: 18px;
+	font-size: var(--cn-board-version-title-size, 17px);
 }
 
 /* ---- A card titled as a side card (`titleTone: "side"`) ------------------ */
@@ -2886,9 +2926,16 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .v-popper__popper.action-
    gives the second pixel back so the words stay put. The board draws no
    option icon, only the radio and the words.
    @spec openspec/changes/board-setup-choice-rows/specs/board-setup-choice-rows/spec.md */
+/* The radio sits 21px inside the option's edge (DqInstellen): 1px border and
+   20px padding, or 2px and 19px on the chosen option.
+   @spec openspec/changes/board-setup-choice-inset/specs/board-setup-choice-rows/spec.md */
+.cn-look-board .cn-setup-step .cn-choice-cards .cn-choice-cards__row:not(.cn-look-nextcloud *) {
+	padding: 12px 20px;
+}
+
 .cn-look-board .cn-setup-step .cn-choice-cards .cn-choice-cards__row--selected:not(.cn-look-nextcloud *),
 .cn-look-board .cn-setup-step .cn-choice-cards .cn-choice-cards__row--selected:hover:not(.cn-look-nextcloud *) {
-	padding: 11px 13px;
+	padding: 11px 19px;
 	border-width: 2px;
 	box-shadow: none;
 }

package/src/css/table.css

@@ -203,6 +203,11 @@
 /* The overline of a cell (`columns[].overline` / `overlineText`): muted and
    smaller, on its own line above the value. Same theme hooks as the
    secondary line. */
+/* A count column's zero label as text (`aggregate.zeroAs: "text"`): "Geen" in the muted ink. */
+.cn-data-table .cn-table-cell__zero {
+	color: var(--color-text-maxcontrast);
+}
+
 .cn-data-table .cn-table-cell__overline {
 	display: block;
 	color: var(--cn-table-secondary-color, var(--color-text-maxcontrast));

package/src/schemas/app-manifest-v2.schema.json

@@ -3,7 +3,7 @@
 	"$id": "https://raw.githubusercontent.com/ConductionNL/nextcloud-vue/main/src/schemas/app-manifest-v2.schema.json",
 	"title": "Conduction App Manifest v2",
 	"description": "v2 schema for the JSON-driven page and navigation manifest consumed by @conduction/nextcloud-vue. Introduces a uniform widgets[] array on every page type with a per-slot grid coordinate system, a typed actions[] discriminator, and the required $schema field for version detection. v1 manifests continue to validate against app-manifest.schema.json (unchanged).",
-	"version": "2.154.0",
+	"version": "2.155.0",
 	"type": "object",
 	"required": ["$schema", "version"],
 	"allOf": [
@@ -3609,7 +3609,9 @@
 			"else": {
 				"$ref": "#/$defs/actionFields",
 				"properties": {
-					"children": { "items": { "$ref": "#/$defs/headerAction" } }
+					"children": { "items": { "$ref": "#/$defs/headerAction" } },
+					"tabs": { "type": "array", "items": { "type": "string", "minLength": 1 }, "description": "As a `primaryActionByStage` entry: the body tabs beside which its header button shows (2.155.0)." },
+					"notTabs": { "type": "array", "items": { "type": "string", "minLength": 1 }, "description": "As a `primaryActionByStage` entry: the body tabs beside which its header button stands aside; it stays in the Actions menu (2.155.0)." }
 				},
 				"unevaluatedProperties": false
 			}

package/src/utils/contentHeaderLink.js

@@ -52,6 +52,8 @@ export function contentHeaderLink(content) {
 /**
  * The header link a widget DEFINITION declares: `headerLink` on the
  * definition itself, else what its content asks for (see contentHeaderLink).
+ * A view-all the widget draws under its own content
+ * (`viewAllPlacement: "footer"`) is not a header link.
  *
  * @param {object|null|undefined} widget A widget definition.
  * @return {{label: string, route?: string, params?: object, query?: object, href?: string}|null}
@@ -64,7 +66,11 @@ export function widgetHeaderLink(widget) {
 	if (declared && typeof declared === 'object' && typeof declared.label === 'string' && declared.label !== '') {
 		return declared
 	}
-	return contentHeaderLink(widget.content)
+	const content = widget.content
+	if (content && content.viewAllPlacement === 'footer' && !content.headerLink) {
+		return null
+	}
+	return contentHeaderLink(content)
 }
 
 /**

package/src/utils/savedViewMenu.js

@@ -198,6 +198,9 @@ export const SAVED_VIEW_MENU_EMPTY = 'saved-views-empty'
  * An entry with a badge carries it as the menu entry's `count` (and
  * `counterVariant`), which CnAppRoot fetches like any filtered menu count.
  *
+ * The caption carries a pencil that opens the user settings, where the views
+ * in the menu are reordered, removed and added.
+ *
  * With `showEmpty`, an app that offers saved views shows the group also while
  * the user pinned none, with one line saying how to add one, so the group can
  * be found.
@@ -215,7 +218,7 @@ export function withSavedViewMenu(menu, entries, options = {}) {
 	}
 	const sorted = menu.map((item, index) => ({ item, index })).sort((a, b) => byOrder(a.item, b.item) || a.index - b.index).map(({ item }) => item)
 	const group = [
-		{ id: SAVED_VIEW_MENU_CAPTION, type: 'caption', label: t('nextcloud-vue', 'My views') },
+		{ id: SAVED_VIEW_MENU_CAPTION, type: 'caption', label: t('nextcloud-vue', 'My views'), action: 'user-settings' },
 		...(list.length > 0
 			? list.map((e) => ({
 					id: `${SAVED_VIEW_MENU_PREFIX}${e.id}`,

package/src/utils/savedViewSummary.js

@@ -69,17 +69,23 @@ export function summarizeViewFilters(state, options = {}) {
 
 /**
  * The ids a view's filters hold per reference property, for a label lookup.
+ * A filter on a value that identifies a record without being its id (a case
+ * type's `identifier`) is a reference too when the page's `filterLabels`
+ * entry names it: `reference: { register?, schema, matchField, labelField }`.
  *
  * @param {{filters?: object}} state The view's state.
  * @param {Array<object>} fields The page schema's fields (`fieldsFromSchema`).
- * @return {Array<{key: string, register: string, schema: string, labelField: string, ids: Array<string>}>} One entry per reference filter.
+ * @param {{[key: string]: {reference?: object}}} [filterLabels] The page's `config.filterLabels`.
+ * @return {Array<{key: string, register: string, schema: string, labelField: string, matchField?: string, ids: Array<string>}>} One entry per reference filter.
+ * @spec openspec/changes/saved-view-summary-match-field-labels/specs/saved-view-menu-settings/spec.md#requirement-a-filter-on-a-records-identifier-reads-as-the-records-name
  */
-export function viewFilterReferences(state, fields) {
+export function viewFilterReferences(state, fields, filterLabels = {}) {
 	const filters = (state && state.filters && typeof state.filters === 'object') ? state.filters : {}
 	const out = []
 	for (const [key, raw] of Object.entries(filters)) {
 		const field = (Array.isArray(fields) ? fields : []).find((f) => f && f.key === key)
-		const ref = field && field.reference
+		const named = filterLabels && filterLabels[key] && filterLabels[key].reference && typeof filterLabels[key].reference === 'object' ? filterLabels[key].reference : null
+		const ref = (field && field.reference) || named
 		if (!ref || ref.schema === undefined || ref.schema === null) {
 			continue
 		}
@@ -87,7 +93,8 @@ export function viewFilterReferences(state, fields) {
 			.filter((id) => (typeof id === 'string' || typeof id === 'number') && id !== '' && id !== MISSING_VALUE)
 			.map(String)
 		if (ids.length > 0) {
-			out.push({ key, register: ref.register || '', schema: String(ref.schema), labelField: ref.labelField || '', ids })
+			const matchField = ref === named && typeof ref.matchField === 'string' && ref.matchField !== '' ? { matchField: ref.matchField } : {}
+			out.push({ key, register: ref.register || '', schema: String(ref.schema), labelField: ref.labelField || '', ...matchField, ids })
 		}
 	}
 	return out