feat(files): actions api

Signed-off-by: John Molakvoæ <skjnldsv@protonmail.com>

3 files changed, 71 insertions, 5 deletions

diff --git a/apps/files_trashbin/src/actions/restoreAction.ts b/apps/files_trashbin/src/actions/restoreAction.ts
new file mode 100644
index 00000000000..d65ff3f0799
--- /dev/null
+++ b/apps/files_trashbin/src/actions/restoreAction.ts
@@ -0,0 +1,59 @@
+/**
+ * @copyright Copyright (c) 2023 John Molakvoæ <skjnldsv@protonmail.com>
+ *
+ * @author John Molakvoæ <skjnldsv@protonmail.com>
+ *
+ * @license AGPL-3.0-or-later
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ *
+ */
+import { registerFileAction, Permission, FileAction } from '@nextcloud/files'
+import { translate as t } from '@nextcloud/l10n'
+import axios from '@nextcloud/axios'
+import History from '@mdi/svg/svg/history.svg?raw'
+import { generateRemoteUrl } from '@nextcloud/router'
+import { getCurrentUser } from '@nextcloud/auth'
+
+registerFileAction(new FileAction({
+	id: 'restore',
+	displayName() {
+		return t('files_trashbin', 'Restore')
+	},
+	iconSvgInline: () => History,
+	enabled(nodes, view) {
+		// Only available in the trashbin view
+		if (view.id !== 'trashbin') {
+			return false
+		}
+
+		// Only available if all nodes have read permission
+		return nodes.length > 0 && nodes
+			.map(node => node.permissions)
+			.every(permission => (permission & Permission.READ) !== 0)
+	},
+	async exec(node) {
+		// No try...catch here, let the files app handle the error
+		await axios({
+			method: 'MOVE',
+			url: node.source,
+			headers: {
+				destination: generateRemoteUrl(`dav/trashbin/${getCurrentUser()?.uid}/restore/${node.basename}`),
+			},
+		})
+		return true
+	},
+	order: 1,
+	inline: () => true,
+}))
diff --git a/apps/files_trashbin/src/css/trashbin.css b/apps/files_trashbin/src/css/trashbin.css
index dd6cd8af591..40bbdfb037b 100644
--- a/apps/files_trashbin/src/css/trashbin.css
+++ b/apps/files_trashbin/src/css/trashbin.css
@@ -1,2 +1,3 @@
 .files-list__row-trashbin-deleted {
-}
\ No newline at end of file
+	
+}
diff --git a/apps/files_trashbin/src/main.ts b/apps/files_trashbin/src/main.ts
index d9cd2841b23..7cd6cf850f8 100644
--- a/apps/files_trashbin/src/main.ts
+++ b/apps/files_trashbin/src/main.ts
@@ -27,6 +27,9 @@ import moment from '@nextcloud/moment'
 
 import getContents from './services/trashbin'
 
+// Register restore action
+import './actions/restoreAction'
+
 const Navigation = window.OCP.Files.Navigation as NavigationService
 Navigation.register({
 	id: 'trashbin',
@@ -40,13 +43,16 @@ Navigation.register({
 		{
 			id: 'deleted',
 			title: t('files_trashbin', 'Deleted'),
-			render(mount, node) {
+			render(node) {
 				const deletionTime = node.attributes?.['trashbin-deletion-time']
+				const span = document.createElement('span')
 				if (deletionTime) {
-					mount.innerText = moment.unix(deletionTime).fromNow()
-					return
+					span.title = moment.unix(deletionTime).format('LLL')
+					span.textContent = moment.unix(deletionTime).fromNow()
+					return span
 				}
-				mount.innerText = translate('files_trashbin', 'Deleted a long time ago')
+				span.textContent = translate('files_trashbin', 'Deleted a long time ago')
+				return span
 			},
 			sort(nodeA, nodeB) {
 				const deletionTimeA = nodeA.attributes?.['trashbin-deletion-time'] || nodeA?.mtime || 0