From c1f4316cb95d5935c0b35a16438879bd5b8a3737 Mon Sep 17 00:00:00 2001
From: Sevan Nerse <nerse.sevan@gmail.com>
Date: Fri, 29 Jan 2021 17:25:28 +0300
Subject: [PATCH] preview option is added to dropzone

---
 .../js/components/AkauntingDropzoneFileUpload.vue    | 12 +++++++++---
 resources/views/partials/form/file_group.blade.php   |  4 ++++
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/resources/assets/js/components/AkauntingDropzoneFileUpload.vue b/resources/assets/js/components/AkauntingDropzoneFileUpload.vue
index 4531bf0f1..4cb62c46b 100644
--- a/resources/assets/js/components/AkauntingDropzoneFileUpload.vue
+++ b/resources/assets/js/components/AkauntingDropzoneFileUpload.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="dropzone mb-3 dz-clickable" :class="[!multiple ? 'dropzone-single': 'dropzone-multiple']">
+    <div class="dropzone mb-3 dz-clickable" :class="[preview == 'single' ? 'dropzone-single': 'dropzone-multiple']">
         <div class="fallback">
             <div class="custom-file">
                 <input type="file" class="custom-file-input" :id="'projectCoverUploads' + _uid" :multiple="multiple">
@@ -8,7 +8,7 @@
             </div>
         </div>
 
-        <div v-if="!multiple" class="dz-preview dz-preview-single" :class="previewClasses" ref="previewSingle">
+        <div v-if="preview == 'single'" class="dz-preview dz-preview-single" :class="previewClasses" ref="previewSingle">
             <div class="dz-preview-cover">
                 <img class="dz-preview-img" data-dz-thumbnail>
             </div>
@@ -74,6 +74,12 @@ export default {
             description: 'Multiple file Upload'
         },
         previewClasses: [String, Object, Array],
+        preview: {
+            type: String,
+            default: function () {
+                return this.multiple ? 'multiple' : 'single'
+            },
+        },
     },
 
     model: {
@@ -93,7 +99,7 @@ export default {
     methods: {
         async initDropzone() {
             let self = this;
-            let preview = !this.multiple ? this.$refs.previewSingle : this.$refs.previewMultiple;
+            let preview = this.preview == 'single' ? this.$refs.previewSingle : this.$refs.previewMultiple;
 
             if (this.configurations.maxFiles === undefined && this.multiple == false) {
                 this.configurations.maxFiles = 1
diff --git a/resources/views/partials/form/file_group.blade.php b/resources/views/partials/form/file_group.blade.php
index 61c0adedf..1e809158b 100644
--- a/resources/views/partials/form/file_group.blade.php
+++ b/resources/views/partials/form/file_group.blade.php
@@ -20,6 +20,10 @@
                 :options={{ json_encode($attributes['options']) }}
                 @endif
 
+                @if (!empty($attributes['preview']))
+                :preview={{ json_encode($attributes['preview']) }}
+                @endif
+
                 @if (!empty($attributes['multiple']))
                 multiple
                 @endif