feat(editLocallyAction): Handle possible no local client scenario

Resolves: #46438

Signed-off-by: fenn-cs <fenn25.fn@gmail.com>

apps/files/src/actions/editLocallyAction.ts

@@ -6,12 +6,17 @@ import { encodePath } from '@nextcloud/paths'
 import { generateOcsUrl } from '@nextcloud/router'
 import { getCurrentUser } from '@nextcloud/auth'
 import { FileAction, Permission, type Node } from '@nextcloud/files'
-import { showError } from '@nextcloud/dialogs'
+import { showError, spawnDialog } from '@nextcloud/dialogs'
 import { translate as t } from '@nextcloud/l10n'
 import axios from '@nextcloud/axios'
-
 import LaptopSvg from '@mdi/svg/svg/laptop.svg?raw'
+import ConfirmLocalEditDialog from '../components/dialogs/ConfirmLocalEditDialog.vue'
+
+var openingLocally: Boolean = false
 
+const startOpenLocalProcess = async function (path: string) {
+	showConfirmLocalEditModal(path)
+}
 const openLocalClient = async function(path: string) {
 	const link = generateOcsUrl('apps/files/api/v1') + '/openlocaleditor?format=json'
 
@@ -27,6 +32,27 @@ const openLocalClient = async function(path: string) {
 	}
 }
 
+
+const showConfirmLocalEditModal = async function(path: string, fileName: string = '') {
+	spawnDialog(
+		ConfirmLocalEditDialog,
+		{
+			name: t('files', 'Open file locally'),
+			description: t('files', 'The file should now open locally. If you don\'t see this happening, make sure that the desktop client is installed on your system.'),
+			confirmButtonText: t('files', 'Retry to open locally'),
+			cancelButtonText: t('files', 'Continue editing online'),
+		},
+		(decision) => {
+			if (!decision) {
+				window.OCA.Viewer.open({ path: fileName })
+				return
+			}
+			openingLocally = true
+			openLocalClient
+		},
+	)
+}
+
 export const action = new FileAction({
 	id: 'edit-locally',
 	displayName: () => t('files', 'Edit locally'),

apps/files/src/components/FileEntry/FileEntryActions.vue

@@ -262,6 +262,7 @@ export default defineComponent({
 		},
 
 		async onActionClick(action, isSubmenu = false) {
+			debugger
 			// Skip click on loading
 			if (this.isLoading || this.loading !== '') {
 				return

apps/files/src/components/dialogs/ConfirmLocalEditDialog.vue

@@ -0,0 +1,55 @@
+<template>
+	<div>
+		<NcDialog :open.sync="showDialog" :name="name" :message="description" :buttons="buttons" />
+		<p>Last response: {{ lastResponse }}</p>
+	</div>
+</template>
+<script>
+import NcDialog from '@nextcloud/vue/dist/Components/NcDialog.js'
+import IconCancel from '@mdi/svg/svg/cancel.svg?raw'
+import IconCheck from '@mdi/svg/svg/check.svg?raw'
+
+export default {
+	name: 'ConfirmLocalEditDialog',
+	props: {
+		name: {
+			type: String,
+			default: '',
+		},
+		description: {
+			type: String,
+			default: '',
+		},
+		confirmButtonText: {
+			type: String,
+			default: t('files', 'Confirm'),
+		},
+		cancelButtonText: {
+			type: String,
+			default: t('files', 'Cancel'),
+		},
+	},
+	components: {
+		NcDialog,
+	},
+	data() {
+		return {
+			showDialog: false,
+			lastResponse: 'None',
+			buttons: [
+				{
+					label: this.confirmButtonText,
+					icon: IconCancel,
+					callback: () => { this.lastResponse = 'Pressed "Cancel"' },
+				},
+				{
+					label: this.cancelButtonText,
+					type: 'primary',
+					icon: IconCheck,
+					callback: () => { this.lastResponse = 'Pressed "Ok"' },
+				}
+			]
+		}
+	},
+}
+</script>