@conduction/nextcloud-vue 2.61.0 → 2.62.0

package/src/components/CnObjectSidebar/CnFilesTab.vue

@@ -130,6 +130,18 @@
 							</template>
 							{{ openLabel }}
 						</NcActionButton>
+						<!-- OpenRegister's Office page applies the object rule:
+						     update edits, read views, no read is a 404. -->
+						<NcActionLink
+							v-if="officeOpens(file)"
+							:href="officeUrlFor(file)"
+							target="_blank"
+							:closeAfterClick="true">
+							<template #icon>
+								<FileDocumentEditOutline :size="20" />
+							</template>
+							{{ openInOfficeLabel }}
+						</NcActionLink>
 						<NcActionLink
 							v-if="file.id"
 							:href="downloadUrlFor(file)"
@@ -194,6 +206,7 @@
 <script>
 import { getCurrentUser } from '@nextcloud/auth'
 import axios from '@nextcloud/axios'
+import { getCapabilities } from '@nextcloud/capabilities'
 import { translate as t } from '@nextcloud/l10n'
 import { generateRemoteUrl, generateUrl } from '@nextcloud/router'
 import {
@@ -209,6 +222,7 @@ import {
 } from '@nextcloud/vue'
 import Delete from 'vue-material-design-icons/Delete.vue'
 import Download from 'vue-material-design-icons/Download.vue'
+import FileDocumentEditOutline from 'vue-material-design-icons/FileDocumentEditOutline.vue'
 import FileOutline from 'vue-material-design-icons/FileOutline.vue'
 import FolderOutline from 'vue-material-design-icons/FolderOutline.vue'
 import InformationOutline from 'vue-material-design-icons/InformationOutline.vue'
@@ -221,6 +235,23 @@ import { buildHeaders, prefixUrl } from '../../utils/index.js'
 import { safeHref } from '../../utils/safeHref.js'
 import { resolveObjectFolder } from '../CnFilesBrowser/filesBrowser.js'
 
+/**
+ * The mime types Nextcloud Office opens by default for the current person.
+ *
+ * richdocuments publishes its capabilities only to a person it lets use
+ * Office, so an empty list means no Office here, or none for them.
+ *
+ * @return {Array<string>} The mime types, or an empty list.
+ */
+function readOfficeMimetypes() {
+	try {
+		const mimetypes = getCapabilities()?.richdocuments?.mimetypes
+		return Array.isArray(mimetypes) ? mimetypes.filter((mime) => typeof mime === 'string') : []
+	} catch {
+		return []
+	}
+}
+
 export default {
 	name: 'CnFilesTab',
 
@@ -237,6 +268,7 @@ export default {
 		NcLoadingIcon,
 		Delete,
 		Download,
+		FileDocumentEditOutline,
 		FileOutline,
 		FolderOutline,
 		InformationOutline,
@@ -261,6 +293,13 @@ export default {
 		noFilesLabel: { type: String, default: () => t('nextcloud-vue', 'No files attached') },
 		/** Label for the open/view file action */
 		openLabel: { type: String, default: () => t('nextcloud-vue', 'Open') },
+		/**
+		 * Label of the action that opens a document in Nextcloud Office through
+		 * OpenRegister's Office page. Shown only when Office is there for this
+		 * person and opens the file's type; the page opens it for editing or
+		 * read-only by the object's own rule.
+		 */
+		openInOfficeLabel: { type: String, default: () => t('nextcloud-vue', 'Open in Office') },
 		/** Label for the delete action */
 		deleteLabel: { type: String, default: () => t('nextcloud-vue', 'Delete') },
 		/** What the files browser's root crumb reads; null shows the folder's own name, as the Files app does. */
@@ -346,6 +385,8 @@ export default {
 			 * @type {HTMLInputElement|null}
 			 */
 			fileInputEl: null,
+			/** The mime types Nextcloud Office opens for this person; empty without Office. */
+			officeMimetypes: readOfficeMimetypes(),
 		}
 	},
 
@@ -702,6 +743,30 @@ export default {
 			return `${this.apiBase}/files/${encodeURIComponent(String(file.id))}/download`
 		},
 
+		/**
+		 * Whether Nextcloud Office opens this file for this person.
+		 *
+		 * @param {object} file The file row.
+		 * @return {boolean} true when the Office action applies.
+		 */
+		officeOpens(file) {
+			const mime = file.type || file.mimetype || file.mimeType || ''
+			return Boolean(file.id) && mime !== '' && this.officeMimetypes.includes(mime)
+		},
+
+		/**
+		 * OpenRegister's Office page for a file of this object, which checks the
+		 * object rule and opens the document editable or read-only.
+		 *
+		 * @param {object} file The file row.
+		 * @return {string} The url.
+		 */
+		officeUrlFor(file) {
+			const appBase = /\/api\/?$/.test(this.apiBase) ? this.apiBase.replace(/\/api\/?$/, '') : '/apps/openregister'
+			const segments = [this.register, this.schema, this.objectId, String(file.id)].map((part) => encodeURIComponent(String(part)))
+			return prefixUrl(`${appBase}/office/${segments.join('/')}`)
+		},
+
 		/**
 		 * The Files app's permalink for a file: opens the Files app at the
 		 * file's folder with the file selected.

package/src/components/CnReportsPage/CnReportsPage.vue

@@ -436,6 +436,13 @@ export default {
 	padding: 16px;
 }
 
+/* Clear the Nextcloud navigation toggle button (44px wide, absolutely
+   positioned at the left edge of .app-content) plus 12px breathing room, as
+   CnPageHeader does. Only the header shifts; the body keeps the full width. */
+.cn-reports-page__header {
+	padding-inline-start: 56px;
+}
+
 .cn-reports-page__title {
 	margin: 0 0 4px;
 }

package/src/components/CnStorePage/CnStorePage.vue

@@ -774,6 +774,13 @@ export default {
 	max-width: 1200px;
 }
 
+/* Clear the Nextcloud navigation toggle button (44px wide, absolutely
+   positioned at the left edge of .app-content) plus 12px breathing room, as
+   CnPageHeader does. Only the header shifts; the body keeps the full width. */
+.cn-store-page__header {
+	padding-inline-start: 56px;
+}
+
 .cn-store-page__heading {
 	display: flex;
 	flex-wrap: wrap;

package/src/components/CnWikiPage/CnWikiPage.vue

@@ -418,6 +418,13 @@ export default {
 	margin-bottom: 16px;
 }
 
+/* Without a sidebar the title starts at the left edge of the content, under
+   the Nextcloud navigation toggle button (44px wide). Clear it as CnPageHeader
+   does. With a sidebar the tree sits there instead and the title is clear. */
+.cn-wiki-page:not(.cn-wiki-page--has-sidebar) .cn-wiki-page__header {
+	padding-inline-start: 56px;
+}
+
 .cn-wiki-page__title {
 	font-size: 1.6em;
 	margin: 0;

package/src/css/table.css

@@ -295,8 +295,7 @@
 	outline-offset: -2px;
 }
 
-/* Multi-column sort priority badge (1, 2, 3) — only rendered once more than
-   one sort key is active; a single active sort shows the arrow alone. */
+/* Multi-column sort priority badge (1, 2, 3), rendered only when two or more rendered, sortable columns are sorted. */
 .cn-table-sort-badge {
 	display: inline-flex;
 	align-items: center;

package/src/public/index.js

@@ -40,6 +40,10 @@
  * claiming purity is worth nothing; the check is in CI.
  */
 
+// The brand stripe imports nothing at all, so it is public-safe as it is: a
+// portal draws the organisation's motif under its header with the same
+// component, and the same tokens, as a Nextcloud page (brand-motif-token).
+import CnBrandStripe from '../components/CnBrandStripe/CnBrandStripe.vue'
 import CnSiteCard from './components/CnSiteCard.vue'
 import CnSiteCardGrid from './components/CnSiteCardGrid.vue'
 import CnSiteEmptyState from './components/CnSiteEmptyState.vue'
@@ -50,6 +54,7 @@ import CnSiteSearch from './components/CnSiteSearch.vue'
 import CnSiteSection from './components/CnSiteSection.vue'
 
 export {
+	CnBrandStripe,
 	CnSiteCard,
 	CnSiteCardGrid,
 	CnSiteEmptyState,

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.42.0",
+	"version": "2.43.0",
 	"type": "object",
 	"required": ["$schema", "version"],
 	"allOf": [