@conduction/nextcloud-vue 2.77.0 → 2.79.0

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

@@ -14,6 +14,7 @@ import FolderOutline from 'vue-material-design-icons/FolderOutline.vue';
 import OpenInNew from 'vue-material-design-icons/OpenInNew.vue';
 import Pencil from 'vue-material-design-icons/Pencil.vue';
 import Plus from 'vue-material-design-icons/Plus.vue';
+import TrashCanOutline from 'vue-material-design-icons/TrashCanOutline.vue';
 import Upload from 'vue-material-design-icons/Upload.vue';
 import __sfc_main from '../CnCellRenderer/CnCellRenderer.vue.js';
 import __sfc_main$2 from '../CnEmptyContent/CnEmptyContent.vue.js';
@@ -57,6 +58,7 @@ var script = {
 		OpenInNew,
 		Pencil,
 		Plus,
+		TrashCanOutline,
 		Upload,
 	},
 
@@ -67,6 +69,30 @@ var script = {
 	},
 
 	props: {
+		/**
+		 * Where the folder is read from and written to. Null (the default)
+		 * is WebDAV under the signed-in person's files root, with the Files
+		 * app's own actions and New menu. An object from
+		 * `createOpenRegisterSource()` reads one OpenRegister object's folder
+		 * through OpenRegister's files API instead, under the object's access
+		 * rule: `rootPath` is then `/`, the Files app's actions and New menu
+		 * are not offered (they act over WebDAV), and upload, new folder,
+		 * rename and delete appear only when the listing says the person may
+		 * change the folder.
+		 *
+		 * @type {object|null}
+		 */
+		source: {
+			type: Object,
+			default: null,
+		},
+
+		/** Label of the delete action and its dialog, with a `source`. */
+		deleteLabel: {
+			type: String,
+			default: () => translate('nextcloud-vue', 'Delete'),
+		},
+
 		/**
 		 * The host's own actions on each file row, declared the way a
 		 * manifest declares any action (`open-modal`, `handler`, ...), and
@@ -337,6 +363,9 @@ var script = {
 			renaming: null,
 			renameName: '',
 			renameError: '',
+			/** The row being deleted (with a `source`), or null. */
+			removing: null,
+			removeError: '',
 			fileInputEl: null,
 			/**
 			 * The view the Files app's actions are handed. They read `view.id`
@@ -356,6 +385,20 @@ var script = {
 	},
 
 	computed: {
+		/**
+		 * Whether this person may add to and change the open folder. Over
+		 * WebDAV the server answers each write on its own, so this is true;
+		 * with a `source` it is what the listing said.
+		 *
+		 * @return {boolean} True when upload, new folder, rename and delete are offered.
+		 */
+		canChange() {
+			if (!this.source) {
+				return true
+			}
+			return this.folder !== null && this.folder.canChange === true
+		},
+
 		/**
 		 * The breadcrumb trail from the root to the open folder.
 		 *
@@ -460,7 +503,7 @@ var script = {
 		 * @return {Array<object>} The entries, in the plugins' order.
 		 */
 		newMenuEntries() {
-			if (this.folder === null) {
+			if (this.folder === null || this.source) {
 				return []
 			}
 			try {
@@ -518,6 +561,10 @@ var script = {
 		async refresh() {
 			this.loading = true;
 			this.error = '';
+			if (this.source) {
+				await this.refreshFromSource();
+				return
+			}
 			try {
 				const client = getClient();
 				const { data } = await client.getDirectoryContents(this.davPath(this.currentPath), {
@@ -545,6 +592,70 @@ var script = {
 			}
 		},
 
+		/**
+		 * List the open folder through the `source`.
+		 *
+		 * @return {Promise<void>}
+		 */
+		async refreshFromSource() {
+			try {
+				const { folder, nodes } = await this.source.list(this.currentPath);
+				this.folder = folder;
+				this.nodes = nodes;
+				await this.resolveRowData(this.nodes);
+			} catch (err) {
+				const atRoot = (this.currentPath.replace(/\/+$/, '') || '/') === (this.rootPath.replace(/\/+$/, '') || '/');
+				this.error = err?.status === 404
+					? (atRoot ? translate('nextcloud-vue', 'You cannot see these files') : translate('nextcloud-vue', 'This folder no longer exists'))
+					: (err?.status === 403 ? translate('nextcloud-vue', 'You cannot see this folder') : translate('nextcloud-vue', 'The folder could not be read'));
+				this.folder = null;
+				this.nodes = [];
+			} finally {
+				this.loading = false;
+			}
+		},
+
+		/**
+		 * Where a file downloads from, through the `source`.
+		 *
+		 * @param {object} node The row.
+		 * @return {string|null} The url.
+		 */
+		sourceDownloadUrl(node) {
+			return this.source && typeof this.source.downloadUrl === 'function' ? this.source.downloadUrl(node) : null
+		},
+
+		/**
+		 * Open the delete dialog on a row.
+		 *
+		 * @param {object} node The row.
+		 * @return {void}
+		 */
+		askRemove(node) {
+			this.removing = node;
+			this.removeError = '';
+		},
+
+		/**
+		 * Delete the row named in the dialog, through the `source`.
+		 *
+		 * @return {Promise<void>}
+		 */
+		async remove() {
+			const node = this.removing;
+			if (node === null || !this.source) {
+				return
+			}
+			try {
+				await this.source.remove(node);
+				this.removing = null;
+				await this.refresh();
+				this.$emit('changed');
+			} catch (err) {
+				this.removeError = err?.message || translate('nextcloud-vue', '{action} did not succeed', { action: this.deleteLabel });
+			}
+		},
+
 		/**
 		 * Open a folder below the root.
 		 *
@@ -582,6 +693,13 @@ var script = {
 				this.navigate(node.path);
 				return
 			}
+			if (this.source) {
+				const url = this.sourceDownloadUrl(node);
+				if (url) {
+					window.open(url, '_blank', 'noopener,noreferrer');
+				}
+				return
+			}
 			const view = this.actionsFor(node).find((action) => action.id === 'view');
 			if (view) {
 				await this.run(view, node);
@@ -628,6 +746,16 @@ var script = {
 		 * @return {void}
 		 */
 		openInNewTab(node) {
+			if (this.source) {
+				if (this.isFolder(node)) {
+					return
+				}
+				const url = this.sourceDownloadUrl(node);
+				if (url) {
+					window.open(url, '_blank', 'noopener,noreferrer');
+				}
+				return
+			}
 			if (node.fileid) {
 				window.open(this.permalink(node), '_blank', 'noopener,noreferrer');
 			}
@@ -655,6 +783,9 @@ var script = {
 		 * @return {Array<object>} The actions.
 		 */
 		actionsFor(node) {
+			if (this.source) {
+				return []
+			}
 			let actions;
 			try {
 				actions = getFileActions();
@@ -784,7 +915,11 @@ var script = {
 				return
 			}
 			try {
-				await getClient().createDirectory(this.davPath(joinPath(this.currentPath, name)));
+				if (this.source) {
+					await this.source.createFolder(this.currentPath, name);
+				} else {
+					await getClient().createDirectory(this.davPath(joinPath(this.currentPath, name)));
+				}
 				this.newFolderOpen = false;
 				await this.refresh();
 				this.$emit('changed');
@@ -825,7 +960,11 @@ var script = {
 				return
 			}
 			try {
-				await getClient().moveFile(this.davPath(node.path), this.davPath(joinPath(this.currentPath, name)));
+				if (this.source) {
+					await this.source.rename(node, name);
+				} else {
+					await getClient().moveFile(this.davPath(node.path), this.davPath(joinPath(this.currentPath, name)));
+				}
 				this.renaming = null;
 				await this.refresh();
 				this.$emit('changed');
@@ -869,6 +1008,9 @@ var script = {
 			this.dragging = false;
 			this.dragDepth = 0;
 			this.dropStatus = '';
+			if (!this.canChange) {
+				return
+			}
 			const files = event.dataTransfer?.files;
 			if (files?.length) {
 				await this.uploadFiles(files);
@@ -886,7 +1028,7 @@ var script = {
 		 * @return {void}
 		 */
 		onDragEnter(event) {
-			if (!this.carriesFiles(event)) {
+			if (!this.canChange || !this.carriesFiles(event)) {
 				return
 			}
 			this.dragDepth++;
@@ -903,7 +1045,7 @@ var script = {
 		 * @return {void}
 		 */
 		onDragOver(event) {
-			if (this.carriesFiles(event)) {
+			if (this.canChange && this.carriesFiles(event)) {
 				this.dragging = true;
 			}
 		},
@@ -956,6 +1098,10 @@ var script = {
 			const batch = [...files].map((file) => ({ key: `u${++uploadSeq}`, name: file.name, progress: 0, error: '', file }));
 			this.uploads = [...this.uploads, ...batch];
 			for (const upload of batch) {
+				if (this.source) {
+					await this.uploadThroughSource(upload);
+					continue
+				}
 				try {
 					await axios__default.put(`${getRemoteURL()}${this.davPath(joinPath(this.currentPath, upload.name))}`, upload.file, {
 						headers: {
@@ -984,6 +1130,25 @@ var script = {
 			}, 1500);
 		},
 
+		/**
+		 * Store one upload through the `source`, keeping its progress row.
+		 *
+		 * @param {object} upload The progress row, carrying the file.
+		 * @return {Promise<void>}
+		 */
+		async uploadThroughSource(upload) {
+			try {
+				await this.source.upload(this.currentPath, upload.file, (percent) => {
+					upload.progress = percent;
+				});
+				upload.progress = 100;
+			} catch (err) {
+				upload.error = err?.status === 409
+					? translate('nextcloud-vue', 'A file with that name is already here')
+					: (err?.message || translate('nextcloud-vue', 'The upload failed'));
+			}
+		},
+
 		/**
 		 * Change the sort column, or flip the order on the same one.
 		 *
@@ -1216,6 +1381,9 @@ var script = {
 			if (!node.fileid || this.isFolder(node) || !/^image\//i.test(mime) || /svg/i.test(mime) || this.previewFailed[node.fileid]) {
 				return null
 			}
+			if (this.source) {
+				return typeof this.source.previewUrl === 'function' ? this.source.previewUrl(node) : null
+			}
 			return generateUrl('/core/preview?fileId={fileId}&x=64&y=64&a=1', { fileId: node.fileid })
 		},