1 files changed, 70 insertions, 50 deletions
diff --git a/src/main/resources/js/files.js b/src/main/resources/js/files.js
index c3fa1b1..0cd15a7 100644
--- a/src/main/resources/js/files.js
+++ b/src/main/resources/js/files.js
@@ -104,68 +104,88 @@ drop.addEventListener('drop', e => {
  * Set up listeners
  */
 function setListeners() {
-    document.querySelectorAll("[data-path]").forEach(element => {
-        const images = ["jpg", "jpeg", "png", "gif", "bmp", "webp", "svg", "tiff"];
-        const videos = ["mp4", "m4v", "mov", "webm", "avi", "wmv", "mpg", "mpv", "mpeg", "ogv"];
-        const audio = ["mp3", "m4a", "wav", "ogg"];
+    if (isShared) {
+        const accessId = location.pathname === '/shared' ? location.search.split('=')[1] : undefined;
+        document.querySelectorAll('[data-path], [data-href]').forEach(element => {
+            element.addEventListener('click', () => {
+                const request = new XMLHttpRequest();
+                const formData = new FormData();
+                formData.append('accessId', accessId);
+                formData.append('fileName', element.getAttribute('data-path') || element.getAttribute('data-href'));
+                request.open('POST', '/shared', true);
+                request.onload = () => {
+                    if (request.status === 200 && request.readyState === 4) {
+                        if (request.responseText)
+                            window.location = `/shared?id=${request.responseText}`;
+                        else alert('File not found!');
+                    }
+                };
+                request.send(formData)
+            });
+        });
+    } else {
+        document.querySelectorAll("[data-path]").forEach(element => {
+            const images = ["jpg", "jpeg", "png", "gif", "bmp", "webp", "svg", "tiff"];
+            const videos = ["mp4", "m4v", "mov", "webm", "avi", "wmv", "mpg", "mpv", "mpeg", "ogv"];
+            const audio = ["mp3", "m4a", "wav", "ogg"];
 
-        const filename = element.getAttribute("data-path");
-        const extension = /(?:\.([^.]+))?$/.exec(filename)[1].toLowerCase();
+            const filename = element.getAttribute("data-path");
+            const extension = /(?:\.([^.]+))?$/.exec(filename)[1].toLowerCase();
 
-        if (images.includes(extension)) {
-            element.setAttribute("data-bp", filename);
-            element.setAttribute("data-image", "");
-        } else if (videos.includes(extension)) {
-            element.setAttribute("data-src", filename);
-            element.setAttribute("data-video", "");
-        } else if (audio.includes(extension)) {
-            element.setAttribute("data-src", filename);
-            element.setAttribute("data-audio", "");
-        }
+            if (images.includes(extension)) {
+                element.setAttribute("data-bp", filename);
+                element.setAttribute("data-image", "");
+            } else if (videos.includes(extension)) {
+                element.setAttribute("data-src", filename);
+                element.setAttribute("data-video", "");
+            } else if (audio.includes(extension)) {
+                element.setAttribute("data-src", filename);
+                element.setAttribute("data-audio", "");
+            }
 
-        element.addEventListener("click", () => {
-            if (images.indexOf(extension) === -1 && videos.indexOf(extension) === -1 && audio.indexOf(extension) === -1)
-                window.location = `/files/${path}/${filename}`.clean(); // download binary files
+            element.addEventListener("click", () => {
+                if (images.indexOf(extension) === -1 && videos.indexOf(extension) === -1 && audio.indexOf(extension) === -1)
+                    window.location = `/files/${path}/${filename}`.clean(); // download binary files
+            });
         });
-    });
 
-    // images
-    document.querySelectorAll("[data-image]").forEach(element => {
-        element.addEventListener("click", image => {
-            BigPicture({
-                el: image.currentTarget,
-                gallery: document.querySelectorAll("[data-image]")
-            })
+        // images
+        document.querySelectorAll("[data-image]").forEach(element => {
+            element.addEventListener("click", image => {
+                BigPicture({
+                    el: image.currentTarget,
+                    gallery: document.querySelectorAll("[data-image]")
+                })
+            });
         });
-    });
 
-    // videos // TODO: Fix timeout exception and scrubbing issues with chromium based browsers
-    document.querySelectorAll("[data-video]").forEach(element => {
-        element.addEventListener("click", video => {
-            BigPicture({
-                el: video.currentTarget,
-                vidSrc: video.currentTarget.getAttribute("data-src")
-            })
+        // videos // TODO: Fix timeout exception and scrubbing issues with chromium based browsers
+        document.querySelectorAll("[data-video]").forEach(element => {
+            element.addEventListener("click", video => {
+                BigPicture({
+                    el: video.currentTarget,
+                    vidSrc: video.currentTarget.getAttribute("data-src")
+                })
+            });
         });
-    });
 
-    // audio // TODO: Fix IOException and scrubbing issues with chromium based browsers
-    document.querySelectorAll("[data-audio]").forEach(element => {
-        element.addEventListener("click", audio => {
-            BigPicture({
-                el: audio.currentTarget,
-                audio: audio.currentTarget.getAttribute("data-src")
+        // audio // TODO: Fix IOException and scrubbing issues with chromium based browsers
+        document.querySelectorAll("[data-audio]").forEach(element => {
+            element.addEventListener("click", audio => {
+                BigPicture({
+                    el: audio.currentTarget,
+                    audio: audio.currentTarget.getAttribute("data-src")
+                });
             });
         });
-    });
-
-    // normal files
-    document.querySelectorAll("[data-href]").forEach(element => {
-        element.addEventListener("click", () => {
-            window.location = `/files/${path}/${element.getAttribute("data-href")}`.clean();
-        })
-    });
 
+        // normal files
+        document.querySelectorAll("[data-href]").forEach(element => {
+            element.addEventListener("click", () => {
+                window.location = `/files/${path}/${element.getAttribute("data-href")}`.clean();
+            })
+        });
+    }
     // deletion button
     document.querySelectorAll(".delete").forEach(element => {
         element.addEventListener("click", e => {