From a165f155a51edc211e5583ed17de0b69d4ae126e Mon Sep 17 00:00:00 2001
From: Pascal Wengerter <pascal@wengerter.info>
Date: Wed, 15 Feb 2023 18:02:32 +0100
Subject: [PATCH] Add ResourceDetails component to GenericSpace for individual
 (public) shares

---
 .../unreleased/enhancement-single-share-view  |  7 +++
 .../components/FilesList/ResourceDetails.vue  | 50 +++++++++++++++++++
 .../src/views/spaces/GenericSpace.vue         | 45 +++++++++++++++--
 3 files changed, 97 insertions(+), 5 deletions(-)
 create mode 100644 changelog/unreleased/enhancement-single-share-view
 create mode 100644 packages/web-app-files/src/components/FilesList/ResourceDetails.vue

diff --git a/changelog/unreleased/enhancement-single-share-view b/changelog/unreleased/enhancement-single-share-view
new file mode 100644
index 00000000000..4066d660963
--- /dev/null
+++ b/changelog/unreleased/enhancement-single-share-view
@@ -0,0 +1,7 @@
+Enhancement: Open individually shared file in dedicated view
+
+We have added functionality to open a single, publicly shared file in a different view (instead of showing it in a table).
+
+https://github.com/owncloud/web/issues/8445
+https://github.com/owncloud/web/pull/8440
+https://github.com/owncloud/web/pull/8446
diff --git a/packages/web-app-files/src/components/FilesList/ResourceDetails.vue b/packages/web-app-files/src/components/FilesList/ResourceDetails.vue
new file mode 100644
index 00000000000..08d70fc9455
--- /dev/null
+++ b/packages/web-app-files/src/components/FilesList/ResourceDetails.vue
@@ -0,0 +1,50 @@
+<template>
+  <div class="file-without-app">
+    <file-info />
+    <file-details :class="'oc-mb'" />
+    <file-actions />
+  </div>
+</template>
+  
+  <script lang="ts">
+import { computed, defineComponent, PropType } from 'vue'
+import { Resource, SpaceResource } from 'web-client/src/helpers'
+
+import FileActions from '../SideBar/Actions/FileActions.vue'
+import FileDetails from '../SideBar/Details/FileDetails.vue'
+import FileInfo from '../SideBar/FileInfo.vue'
+
+export default defineComponent({
+  components: {
+    FileActions,
+    FileDetails,
+    FileInfo
+  },
+  provide() {
+    return {
+      resource: computed(() => this.singleResource),
+      space: computed(() => this.space)
+    }
+  },
+  props: {
+    singleResource: {
+      type: Object as PropType<Resource>,
+      required: false,
+      default: null
+    },
+    space: {
+      type: Object as PropType<SpaceResource>,
+      required: false,
+      default: null
+    }
+  }
+})
+</script>
+  
+  <style lang="scss" scoped>
+.file-without-app {
+  width: 50%;
+  margin: 0 auto;
+}
+</style>
+  
\ No newline at end of file
diff --git a/packages/web-app-files/src/views/spaces/GenericSpace.vue b/packages/web-app-files/src/views/spaces/GenericSpace.vue
index 9c0d976b2bb..5fe2f212c3f 100644
--- a/packages/web-app-files/src/views/spaces/GenericSpace.vue
+++ b/packages/web-app-files/src/views/spaces/GenericSpace.vue
@@ -5,9 +5,11 @@
       <app-bar
         :breadcrumbs="breadcrumbs"
         :breadcrumbs-context-actions-items="[currentFolder]"
-        :display-view-mode-switch="true"
-        :has-bulk-actions="true"
-        :show-actions-on-selection="true"
+        :display-view-mode-switch="displayFullAppBar"
+        :has-bulk-actions="displayFullAppBar"
+        :show-actions-on-selection="displayFullAppBar"
+        :has-sidebar-toggle="displayFullAppBar"
+        :has-view-options="displayFullAppBar"
         :side-bar-open="sideBarOpen"
         :space="space"
       >
@@ -73,6 +75,11 @@
             />
           </template>
         </resource-tiles>
+        <resource-details
+          v-else-if="displayResourceAsSingleResource"
+          :single-resource="paginatedResources[0]"
+          :space="space"
+        />
         <resource-table
           v-else
           id="files-space-table"
@@ -161,6 +168,7 @@ import ListInfo from '../../components/FilesList/ListInfo.vue'
 import NotFoundMessage from '../../components/FilesList/NotFoundMessage.vue'
 import Pagination from '../../components/FilesList/Pagination.vue'
 import QuickActions from '../../components/FilesList/QuickActions.vue'
+import ResourceDetails from '../../components/FilesList/ResourceDetails.vue'
 import ResourceTable from '../../components/FilesList/ResourceTable.vue'
 import ResourceTiles from '../../components/FilesList/ResourceTiles.vue'
 import SideBar from '../../components/SideBar/SideBar.vue'
@@ -197,6 +205,7 @@ export default defineComponent({
     NotFoundMessage,
     Pagination,
     QuickActions,
+    ResourceDetails,
     ResourceTable,
     ResourceTiles,
     SideBar,
@@ -381,12 +390,38 @@ export default defineComponent({
     ...mapGetters('Files', ['currentFolder', 'totalFilesCount', 'totalFilesSize']),
     ...mapGetters(['user', 'configuration']),
 
+    folderNotFound() {
+      return this.currentFolder === null
+    },
+
     isEmpty() {
       return this.paginatedResources.length < 1
     },
 
-    folderNotFound() {
-      return this.currentFolder === null
+    isRunningOnEos() {
+      return !!this.configuration?.options?.runningOnEos
+    },
+
+    displayFullAppBar() {
+      return !this.displayResourceAsSingleResource
+    },
+
+    displayResourceAsSingleResource() {
+      if (this.paginatedResources.length !== 1) {
+        return false
+      }
+
+      if (
+        this.isRunningOnEos &&
+        (!this.currentFolder.fileId || this.currentFolder.path === this.paginatedResources[0].path)
+      ) {
+        return true
+      }
+      if (isPublicSpaceResource(this.space) && !this.paginatedResources[0].isFolder) {
+        return true
+      }
+
+      return false
     },
 
     displayThumbnails() {