From 3e10f3b0fe6a119fc3af615184a655960c1cb170 Mon Sep 17 00:00:00 2001
From: Diogo Castro <diogo.castro@cern.ch>
Date: Wed, 19 Oct 2022 12:43:02 +0200
Subject: [PATCH 1/2] FUTURE PR? Single file share view

---
 .../src/views/spaces/GenericSpace.vue         | 33 ++++++++++--
 .../src/views/spaces/SingleSharedFile.vue     | 50 +++++++++++++++++++
 2 files changed, 78 insertions(+), 5 deletions(-)
 create mode 100644 packages/web-app-files/src/views/spaces/SingleSharedFile.vue

diff --git a/packages/web-app-files/src/views/spaces/GenericSpace.vue b/packages/web-app-files/src/views/spaces/GenericSpace.vue
index 9c0d976b2bb..316603909e7 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="!isSingleFile"
+        :has-bulk-actions="!isSingleFile"
+        :show-actions-on-selection="!isSingleFile"
+        :has-sidebar-toggle="!isSingleFile"
+        :has-view-options="!isSingleFile"
         :side-bar-open="sideBarOpen"
         :space="space"
       >
@@ -44,6 +46,9 @@
             </span>
           </template>
         </no-content-message>
+        <div v-else-if="isSingleFile">
+          <single-shared-file :space="space" />
+        </div>
         <resource-tiles
           v-else-if="viewMode === ViewModeConstants.tilesView.name"
           v-model:selectedIds="selectedResourcesIds"
@@ -180,6 +185,8 @@ import { ResourceTransfer, TransferType } from '../../helpers/resource'
 import { FolderLoaderOptions } from '../../services/folder'
 import { CreateTargetRouteOptions } from 'web-app-files/src/helpers/folderLink/types'
 
+import SingleSharedFile from './SingleSharedFile.vue'
+
 const visibilityObserver = new VisibilityObserver()
 
 export default defineComponent({
@@ -200,7 +207,8 @@ export default defineComponent({
     ResourceTable,
     ResourceTiles,
     SideBar,
-    SpaceHeader
+    SpaceHeader,
+    SingleSharedFile
   },
 
   mixins: [MixinAccessibleBreadcrumb, MixinFileActions],
@@ -381,6 +389,15 @@ export default defineComponent({
     ...mapGetters('Files', ['currentFolder', 'totalFilesCount', 'totalFilesSize']),
     ...mapGetters(['user', 'configuration']),
 
+    isSingleFile() {
+      if (
+        this.paginatedResources.length === 1 &&
+        (!this.currentFolder.fileId || this.currentFolder.path === this.paginatedResources[0].path)
+      ) {
+        return true
+      }
+      return false
+    },
     isEmpty() {
       return this.paginatedResources.length < 1
     },
@@ -408,6 +425,11 @@ export default defineComponent({
       handler: function () {
         this.performLoaderTask(true)
       }
+    },
+    paginatedResources: function () {
+      if (this.isSingleFile) {
+        this.SET_FILE_SELECTION(this.paginatedResources)
+      }
     }
   },
 
@@ -417,7 +439,8 @@ export default defineComponent({
     ...mapMutations('Files', [
       'REMOVE_FILES',
       'REMOVE_FILES_FROM_SEARCHED',
-      'REMOVE_FILE_SELECTION'
+      'REMOVE_FILE_SELECTION',
+      'SET_FILE_SELECTION'
     ]),
 
     async fileDropped(fileIdTarget) {
diff --git a/packages/web-app-files/src/views/spaces/SingleSharedFile.vue b/packages/web-app-files/src/views/spaces/SingleSharedFile.vue
new file mode 100644
index 00000000000..a042b551137
--- /dev/null
+++ b/packages/web-app-files/src/views/spaces/SingleSharedFile.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 { SpaceResource } from 'web-client/src/helpers'
+import { mapGetters } from 'vuex'
+
+import FileDetails from '../../components/SideBar/Details/FileDetails.vue'
+import FileActions from '../../components/SideBar/Actions/FileActions.vue'
+import FileInfo from '../../components/SideBar/FileInfo.vue'
+
+export default defineComponent({
+  components: {
+    FileDetails,
+    FileActions,
+    FileInfo
+  },
+  provide() {
+    return {
+      // File info and details require this
+      resource: computed(() => this.highlightedFile),
+      // File actions require this
+      space: computed(() => this.space)
+    }
+  },
+  props: {
+    space: {
+      type: Object as PropType<SpaceResource>,
+      required: false,
+      default: null
+    }
+  },
+  computed: {
+    ...mapGetters('Files', ['highlightedFile'])
+  }
+})
+</script>
+
+<style lang="scss" scoped>
+.file-without-app {
+  width: 50%;
+  margin: 0 auto;
+}
+</style>

From ce6f5157a9a2d1783dbb2c4c1762c85f93ada93e Mon Sep 17 00:00:00 2001
From: elizavetaRa <svillyfly@mail.ru>
Date: Thu, 19 Jan 2023 20:07:13 +0100
Subject: [PATCH 2/2] CERNONLY: automatically open single file share

---
 .../web-app-files/src/views/spaces/GenericSpace.vue | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/packages/web-app-files/src/views/spaces/GenericSpace.vue b/packages/web-app-files/src/views/spaces/GenericSpace.vue
index 316603909e7..1b425bf0a3c 100644
--- a/packages/web-app-files/src/views/spaces/GenericSpace.vue
+++ b/packages/web-app-files/src/views/spaces/GenericSpace.vue
@@ -429,6 +429,19 @@ export default defineComponent({
     paginatedResources: function () {
       if (this.isSingleFile) {
         this.SET_FILE_SELECTION(this.paginatedResources)
+
+        const defaultAction = this.$_fileActions_getDefaultAction({
+            space: this.space,
+            resources: this.paginatedResources
+          }).label()
+
+        if (!this.$route.query.scrollTo && defaultAction !== 'Download') {
+          this.$_fileActions_triggerDefaultAction({
+            space: this.space,
+            resources: this.paginatedResources,
+            sameTab: true
+          })
+        }
       }
     }
   },