Fix #32 Make photo files linkable

safrazik · Dec 17, 2019 · bd64bf4 · bd64bf4
1 parent c07714f
commit bd64bf4
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 8 deletions.
diff --git a/src/components/vue-file-preview-mixin.ts b/src/components/vue-file-preview-mixin.ts
@@ -20,12 +20,7 @@ export default Vue.extend({
       if (!this.linkable) {
         return false;
       }
-      return (
-        !!this.fileData.url &&
-        !this.fileData.isImage() &&
-        !this.fileData.isPlayableVideo() &&
-        !this.fileData.isPlayableAudio()
-      );
+      return !!this.fileData.url && !this.fileData.isPlayableVideo() && !this.fileData.isPlayableAudio();
     },
   },
   methods: {

diff --git a/src/components/vue-file-preview.vue b/src/components/vue-file-preview.vue
@@ -38,8 +38,15 @@
       }"
     >
       <span class="file-preview-overlay"></span>
-      <span class="thumbnail" style="position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden;">
-        <img v-if="fileData.isImage() || fileData.isPlayableVideo()" class="file-preview-img" :src="fileData.src()" />
+      <span
+        class="thumbnail"
+        style="position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden;"
+        v-if="fileData.isImage() || fileData.isPlayableVideo()"
+      >
+        <a v-if="hasLinkableUrl" :href="fileData.url" target="_blank" :title="fileData.name()">
+          <img class="file-preview-img" :src="fileData.src()" />
+        </a>
+        <img v-else class="file-preview-img" :src="fileData.src()" />
       </span>
       <span class="file-ext">{{ fileData.ext() }}</span>
       <span class="file-size">{{ fileData.size() }}</span>