filebrowser · alexandrestein · Jul 1, 2019 · Jul 1, 2019 · Jul 3, 2019
@@ -1,40 +1,61 @@
 <template>
-  <div class="share" v-if="loaded">
-    <a target="_blank" :href="link">
+  <div
+    class="share"
+    v-if="loaded"
+  >
+    <a
+      target="_blank"
+      :href="link"
+      v-if="!file.isDir"
+    >
       <div class="share__box">
-        <div class="share__box__download" v-if="file.isDir">{{ $t('download.downloadFolder') }}</div>
-        <div class="share__box__download" v-else>{{ $t('download.downloadFile') }}</div>
+        <div class="share__box__download">{{ $t('download.downloadFile') }}</div>
         <div class="share__box__info">
-          <svg v-if="file.isDir" fill="#40c4ff" height="150" viewBox="0 0 24 24" width="150" xmlns="http://www.w3.org/2000/svg">
-            <path d="M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z"/>
-            <path d="M0 0h24v24H0z" fill="none"/>
-          </svg>
-          <svg v-else fill="#40c4ff" height="150" viewBox="0 0 24 24" width="150" xmlns="http://www.w3.org/2000/svg">
-            <path d="M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6H6zm7 7V3.5L18.5 9H13z"/>
-            <path d="M0 0h24v24H0z" fill="none"/>
+          <svg
+            fill="#40c4ff"
+            height="150"
+            viewBox="0 0 24 24"
+            width="150"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path d="M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6H6zm7 7V3.5L18.5 9H13z" />
+            <path
+              d="M0 0h24v24H0z"
+              fill="none"
+            />
           </svg>
           <h1 class="share__box__title">{{ file.name }}</h1>
-          <qrcode-vue :value="fullLink" size="200" level="M"></qrcode-vue>
+          <qrcode-vue
+            :value="fullLink"
+            size="200"
+            level="M"
+          ></qrcode-vue>
         </div>
       </div>
     </a>
+    <listing :class="{ multiple }"></listing>
   </div>
 </template>
 
 <script>
+import { mapState, mapMutations } from 'vuex'
+import Listing from '@/components/files/Listing'
+
 import { share as api } from '@/api'
 import { baseURL } from '@/utils/constants'
 import QrcodeVue from 'qrcode.vue'
 
 export default {
   name: 'share',
   components: {
-    QrcodeVue
+    QrcodeVue,
+    Listing
   },
   data: () => ({
     loaded: false,
     notFound: false,
-    file: null
+    file: null,
+    dirContent: null
   }),
   watch: {
     '$route': 'fetchData'
@@ -43,6 +64,17 @@ export default {
     this.fetchData()
   },
   computed: {
+    ...mapState([
+      'isEditor',
+      'isFiles',
+      'isListing',
+      'loading',
+      'multiple',
+      'reload',
+      'req',
+      'selectedCount',
+      'user'
+    ]),
     hash: function () {
       return this.$route.params.pathMatch
     },
@@ -57,6 +89,43 @@ export default {
     fetchData: async function () {
       try {
         this.file = await api.getHash(this.hash)
+
+        if (this.file.isDir) {
+          const tmpPath = this.hash.split('/')
+          const hash = tmpPath.shift();
+          const relativePath = tmpPath.join('/');
+
+          const items = await fetch('/api/public/resources/' + hash, {
+            headers: {
+              'Content-Type': 'application/json',
+              'Relative-Path': relativePath
+            }
+          }).then((ret) => {
+            if (ret.status === 200) {
+              return ret.json();
+            }
+          }).then((file) => {
+            return file.items
+          });
+
+          this.$store.commit('setReload', false)
+          this.$store.commit('resetSelected')
+          this.$store.commit('multiple', false)
+          this.$store.commit('closeHovers')
+
+          this.dirContent = items;
+          const req = {
+            items,
+            sorting: {
+              isDir: true,
+              asc: false,
+              by: "name",
+              path: relativePath,
+            }
+          };
+          this.$store.commit('updateRequest', req)
+        }
+
         this.loaded = true
       } catch (e) {
         this.notFound = true

@@ -64,6 +64,7 @@ func NewHandler(storage *storage.Storage, server *settings.Server) (http.Handler
 	public := api.PathPrefix("/public").Subrouter()
 	public.PathPrefix("/dl").Handler(monkey(publicDlHandler, "/api/public/dl/")).Methods("GET")
 	public.PathPrefix("/share").Handler(monkey(publicShareHandler, "/api/public/share/")).Methods("GET")
+	public.PathPrefix("/resources").Handler(monkey(publicShareFolderHandler, "/api/public/resources/")).Methods("GET")
 
 	return stripPrefix(server.BaseURL, r), nil
 }
@@ -58,3 +58,27 @@ var publicDlHandler = withHashFile(func(w http.ResponseWriter, r *http.Request,
 
 	return rawDirHandler(w, r, d, file)
 })
+
+var publicShareFolderHandler = withHashFile(func(w http.ResponseWriter, r *http.Request, d *data) (int, error) {
+	baseFolder := d.raw.(*files.FileInfo)
+
+	path := baseFolder.Path
+	if relativeHeaderString := r.Header.Get("Relative-Path"); relativeHeaderString != "" {
+		path = path + "/" + relativeHeaderString
+	}
+
+	file, err := files.NewFileInfo(files.FileOptions{
+		Fs:      d.user.Fs,
+		Path:    path,
+		Modify:  d.user.Perm.Modify,
+		Expand:  true,
+		Checker: d,
+	})
+	if err != nil {
+		return errToStatus(err), err
+	}
+
+	file.Listing.Sorting = d.user.Sorting
+	file.Listing.ApplySort()
+	return renderJSON(w, r, file)
+})