@conduction/nextcloud-vue 2.74.0 → 2.76.0

package/dist/esm/nextcloud-vue.css

@@ -795,7 +795,7 @@
 }
 
 /* An invalid field: 2px error border on the control, 4px edge on the group. */
-.cn-look-board .cn-form-field--invalid input,
+.cn-look-board .cn-form-field--invalid input:not([type='checkbox']):not([type='radio']),
 .cn-look-board .cn-form-field--invalid textarea,
 .cn-look-board .cn-form-field--invalid .select {
 	border: var(--cn-field-error-border) solid var(--color-error);
@@ -1490,7 +1490,10 @@
 }
 
 .cn-look-board .cn-index-page__main.cn-index-page__main--table {
-	flex: 0 1 auto;
+	/* The body is a row: the card takes the width left beside a sidebar (the
+	   board's table card spans the content), and keeps the height of its rows. */
+	flex: 1 1 auto;
+	align-self: flex-start;
 	border: 1px solid var(--color-border);
 	border-radius: var(--cn-board-card-radius, 12px);
 	background: var(--color-main-background);
@@ -1680,6 +1683,37 @@
 	background: var(--color-primary-element-light);
 }
 
+/* The status accent outranks the board's border, also on hover and selection. */
+.cn-look-board .cn-object-card.cn-object-card--board.cn-object-card--accent {
+	border-inline-start-width: 4px;
+	padding-inline-start: 13px;
+}
+
+.cn-look-board .cn-object-card.cn-object-card--board.cn-object-card--accent-success,
+.cn-look-board .cn-object-card.cn-object-card--board.cn-object-card--accent-success:hover {
+	border-inline-start-color: var(--color-element-success);
+}
+
+.cn-look-board .cn-object-card.cn-object-card--board.cn-object-card--accent-warning,
+.cn-look-board .cn-object-card.cn-object-card--board.cn-object-card--accent-warning:hover {
+	border-inline-start-color: var(--color-element-warning);
+}
+
+.cn-look-board .cn-object-card.cn-object-card--board.cn-object-card--accent-error,
+.cn-look-board .cn-object-card.cn-object-card--board.cn-object-card--accent-error:hover {
+	border-inline-start-color: var(--color-element-error);
+}
+
+.cn-look-board .cn-object-card.cn-object-card--board.cn-object-card--accent-info,
+.cn-look-board .cn-object-card.cn-object-card--board.cn-object-card--accent-info:hover {
+	border-inline-start-color: var(--color-element-info);
+}
+
+.cn-look-board .cn-object-card.cn-object-card--board.cn-object-card--accent-primary,
+.cn-look-board .cn-object-card.cn-object-card--board.cn-object-card--accent-primary:hover {
+	border-inline-start-color: var(--color-primary-element);
+}
+
 .cn-look-board .cn-object-card--board .cn-object-card__content {
 	display: flex;
 	flex: 1 1 auto;
@@ -19425,6 +19459,18 @@ a.cn-xwiki-card__title[data-v-54e85fe3]:hover {
 	color: var(--color-text-maxcontrast);
 	font-style: italic;
 }
+.cn-related-objects-widget__section-status[data-v-44c2988f] {
+	margin: 0;
+	padding: var(--default-grid-baseline, 4px) calc(2 * var(--default-grid-baseline, 4px));
+	color: var(--color-text-maxcontrast);
+	font-size: 0.85em;
+}
+.cn-related-objects-widget__section-error[data-v-44c2988f] {
+	margin: 0;
+	padding: var(--default-grid-baseline, 4px) calc(2 * var(--default-grid-baseline, 4px));
+	color: var(--color-error-text, var(--color-error));
+	font-size: 0.85em;
+}
 .cn-related-objects-widget__empty-state[data-v-44c2988f] {
 	/* NcEmptyContent defaults to filling tall parents; inside a widget cell a
 	   compact block reads better. */
@@ -22090,6 +22136,47 @@ to { background-position: -200% 0;
 	border-color: var(--color-primary-element);
 	background: var(--color-primary-element-light);
 }
+
+/* The 4px start border takes 3px of padding, so the content stays put. */
+.cn-object-card.cn-object-card--accent[data-v-6f672c8f] {
+	border-inline-start-width: 4px;
+	padding-inline-start: 13px;
+}
+.cn-object-card.cn-object-card--accent-success[data-v-6f672c8f] {
+	border-inline-start-color: var(--color-element-success);
+}
+.cn-object-card.cn-object-card--accent-warning[data-v-6f672c8f] {
+	border-inline-start-color: var(--color-element-warning);
+}
+.cn-object-card.cn-object-card--accent-error[data-v-6f672c8f] {
+	border-inline-start-color: var(--color-element-error);
+}
+.cn-object-card.cn-object-card--accent-info[data-v-6f672c8f] {
+	border-inline-start-color: var(--color-element-info);
+}
+.cn-object-card.cn-object-card--accent-primary[data-v-6f672c8f] {
+	border-inline-start-color: var(--color-primary-element);
+}
+.cn-object-card__accent-icon[data-v-6f672c8f] {
+	display: inline-flex;
+	vertical-align: -2px;
+	margin-inline-end: 4px;
+}
+.cn-object-card--accent-success .cn-object-card__accent-icon[data-v-6f672c8f] {
+	color: var(--color-text-success);
+}
+.cn-object-card--accent-warning .cn-object-card__accent-icon[data-v-6f672c8f] {
+	color: var(--color-text-warning);
+}
+.cn-object-card--accent-error .cn-object-card__accent-icon[data-v-6f672c8f] {
+	color: var(--color-text-error);
+}
+.cn-object-card--accent-info .cn-object-card__accent-icon[data-v-6f672c8f] {
+	color: var(--color-element-info);
+}
+.cn-object-card--accent-primary .cn-object-card__accent-icon[data-v-6f672c8f] {
+	color: var(--color-primary-element);
+}
 .cn-object-card__checkbox[data-v-6f672c8f] {
 	flex-shrink: 0;
 	padding-top: 2px;
@@ -38840,6 +38927,71 @@ a.cn-integration-card__title[data-v-f7e9bbfa]:hover {
 }
 
 
+/* The host is one flex item at the start of Nextcloud's header. */
+.cn-brand-bar-host {
+	flex: none;
+	display: flex;
+	align-items: center;
+	height: 100%;
+	margin-inline-end: 12px;
+}
+.cn-brand-bar {
+	box-sizing: border-box;
+	display: flex;
+	align-items: center;
+	gap: 12px;
+	width: var(--cn-board-brand-width, 237px);
+}
+.cn-brand-bar__brand {
+	flex: 1 1 0;
+	box-sizing: border-box;
+	display: flex;
+	align-items: center;
+	gap: 10px;
+	min-width: 0;
+	min-height: 48px;
+	max-height: 100%;
+	padding: 0 6px;
+	border-radius: 8px;
+	color: var(--color-background-plain-text, var(--color-main-text));
+}
+.cn-brand-bar__emblem {
+	flex: none;
+	height: var(--cn-nav-emblem-size, 34px);
+	width: auto;
+	object-fit: contain;
+}
+.cn-brand-bar__emblem--theme {
+	display: inline-block;
+	width: var(--cn-nav-emblem-size, 34px);
+	background: var(--nldesign-emblem-url) center / contain no-repeat;
+}
+.cn-brand-bar__text {
+	display: flex;
+	flex-direction: column;
+	line-height: 1.15;
+	min-width: 0;
+}
+.cn-brand-bar__caption {
+	font-size: 13px;
+	white-space: nowrap;
+	opacity: 0.8;
+}
+.cn-brand-bar__name {
+	font-size: 18px;
+	font-weight: 700;
+	white-space: nowrap;
+}
+.cn-brand-bar__divider {
+	flex: none;
+	width: 1px;
+	height: 28px;
+	background: currentColor;
+	opacity: 0.25;
+	color: var(--color-background-plain-text, var(--color-main-text));
+}
+
+
 .cn-notif-prefs__intro[data-v-72cc0056] {
 	margin-bottom: 12px;
 	color: var(--color-text-maxcontrast);

package/dist/esm/store/useObjectStore.js

@@ -240,9 +240,10 @@ const baseActions = {
 	 * @param {object} [slugs] Optional slug hints for live-updates transport
 	 * @param {string|null} [slugs.registerSlug] Canonical register slug (e.g. 'zaken')
 	 * @param {string|null} [slugs.schemaSlug]   Canonical schema slug (e.g. 'meldingen')
+	 * @param {string} [slugs.collectionUrl] Endpoint `fetchCollection` lists from instead of `/register/schema`; every other call keeps the pair URL
 	 */
 	registerObjectType(slug, schemaId, registerId, slugs = {}) {
-		const { registerSlug = null, schemaSlug = null } = slugs;
+		const { registerSlug = null, schemaSlug = null, collectionUrl = null } = slugs;
 		// Replace entire objects so Vue 2 reactivity detects the change
 		// (Vue 2 cannot track new properties added to existing reactive objects)
 		this.objectTypeRegistry = {
@@ -252,6 +253,7 @@ const baseActions = {
 				register: registerId,
 				registerSlug,
 				schemaSlug,
+				...(collectionUrl ? { collectionUrl } : {}),
 			},
 		};
 		this.collections = { ...this.collections, [slug]: [] };
@@ -496,6 +498,31 @@ const baseActions = {
 		return url
 	},
 
+	/**
+	 * Build the list URL for a type registered with a `collectionUrl`. `_order`
+	 * goes in the bracket form (`_order[key]=dir`) every PHP endpoint parses.
+	 *
+	 * @param {object} config The type config
+	 * @param {object} [params] Query parameters
+	 * @return {string} Full URL including query string
+	 */
+	_buildCollectionUrl(config, params = {}) {
+		const { _order: order, ...rest } = params;
+		const merged = { ...rest };
+		if (order && typeof order === 'object') {
+			for (const [key, dir] of Object.entries(order)) {
+				merged[`_order[${key}]`] = dir;
+			}
+		}
+		const lang = this._resolveLanguage();
+		if (lang) {
+			merged._lang = lang;
+		}
+		const url = prefixUrl(config.collectionUrl);
+		const query = buildQueryString(merged);
+		return query && url.includes('?') ? url + '&' + query.slice(1) : url + query
+	},
+
 	/**
 	 * Fetch for a type, retrying ONCE with its `schemaFallback` when the
 	 * schema path segment answers 404. A type without a fallback (every type
@@ -685,14 +712,15 @@ const baseActions = {
 				}
 			}
 
-			const response = await this._fetchWithSchemaFallback(
-				type,
-				(schema) => this._buildUrlWithParams(type, fetchParams, null, schema),
-				{
-					method: 'GET',
-					headers: this._buildHeaders(),
-				},
-			);
+			const config = this._getTypeConfig(type);
+			const init = { method: 'GET', headers: this._buildHeaders() };
+			const response = config.collectionUrl
+				? await trackedFetch(this._buildCollectionUrl(config, fetchParams), init)
+				: await this._fetchWithSchemaFallback(
+						type,
+						(schema) => this._buildUrlWithParams(type, fetchParams, null, schema),
+						init,
+					);
 
 			if (!response.ok) {
 				const failure = await parseResponseError(response, type);