1 files changed, 85 insertions, 0 deletions
diff --git a/apps/files_external/src/actions/inlineStorageCheckAction.ts b/apps/files_external/src/actions/inlineStorageCheckAction.ts
new file mode 100644
index 00000000000..27c9b0bcabb
--- /dev/null
+++ b/apps/files_external/src/actions/inlineStorageCheckAction.ts
@@ -0,0 +1,85 @@
+/**
+ * SPDX-FileCopyrightText: 2023 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+// eslint-disable-next-line n/no-extraneous-import
+import type { AxiosError } from '@nextcloud/axios'
+import type { Node } from '@nextcloud/files'
+
+import { FileAction } from '@nextcloud/files'
+import { showWarning } from '@nextcloud/dialogs'
+import { translate as t } from '@nextcloud/l10n'
+import AlertSvg from '@mdi/svg/svg/alert-circle.svg?raw'
+import Vue from 'vue'
+
+import '../css/fileEntryStatus.scss'
+import { getStatus, type StorageConfig } from '../services/externalStorage'
+import { isMissingAuthConfig, STORAGE_STATUS } from '../utils/credentialsUtils'
+import { isNodeExternalStorage } from '../utils/externalStorageUtils'
+
+export const action = new FileAction({
+	id: 'check-external-storage',
+	displayName: () => '',
+	iconSvgInline: () => '',
+
+	enabled: (nodes: Node[]) => {
+		return nodes.every(node => isNodeExternalStorage(node) === true)
+	},
+	exec: async () => null,
+
+	/**
+	 * Use this function to check the storage availability
+	 * We then update the node attributes directly.
+	 *
+	 * @param node The node to render inline
+	 */
+	async renderInline(node: Node) {
+		const span = document.createElement('span')
+		span.className = 'files-list__row-status'
+		span.innerHTML = t('files_external', 'Checking storage …')
+
+		let config = null as unknown as StorageConfig
+		getStatus(node.attributes.id, node.attributes.scope === 'system')
+			.then(response => {
+
+				config = response.data
+				Vue.set(node.attributes, 'config', config)
+
+				if (config.status !== STORAGE_STATUS.SUCCESS) {
+					throw new Error(config?.statusMessage || t('files_external', 'There was an error with this external storage.'))
+				}
+
+				span.remove()
+			})
+			.catch(error => {
+				// If axios failed or if something else prevented
+				// us from getting the config
+				if ((error as AxiosError).response && !config) {
+					showWarning(t('files_external', 'We were unable to check the external storage {basename}', {
+						basename: node.basename,
+					}))
+				}
+
+				// Reset inline status
+				span.innerHTML = ''
+
+				// Checking if we really have an error
+				const isWarning = !config ? false : isMissingAuthConfig(config)
+				const overlay = document.createElement('span')
+				overlay.classList.add(`files-list__row-status--${isWarning ? 'warning' : 'error'}`)
+
+				// Only show an icon for errors, warning like missing credentials
+				// have a dedicated inline action button
+				if (!isWarning) {
+					span.innerHTML = AlertSvg
+					span.title = (error as Error).message
+				}
+
+				span.prepend(overlay)
+			})
+
+		return span
+	},
+
+	order: 10,
+})