From a0dcfa90b51d6f7cd10b78b5a311ef2927c2cbd8 Mon Sep 17 00:00:00 2001
From: Sevan Nerse <nerse.sevan@gmail.com>
Date: Sun, 17 Jan 2021 17:58:34 +0300
Subject: [PATCH] preview of dropzone is made parametric

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

diff --git a/resources/assets/js/components/Inputs/DropzoneFileUpload.vue b/resources/assets/js/components/Inputs/DropzoneFileUpload.vue
index 8acc5ea24..9cdeed312 100644
--- a/resources/assets/js/components/Inputs/DropzoneFileUpload.vue
+++ b/resources/assets/js/components/Inputs/DropzoneFileUpload.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="dropzone mb-3 dz-clickable"
-       :class="[multiple ? 'dropzone-multiple': 'dropzone-single']">
+       :class="[isPreviewSingle ? 'dropzone-single': 'dropzone-multiple']">
     <div class="fallback">
       <div class="custom-file">
         <input type="file"
@@ -11,7 +11,7 @@
       </div>
     </div>
     <div class="dz-preview dz-preview-single"
-         v-if="!multiple"
+         v-if="isPreviewSingle"
          :class="previewClasses"
          ref="previewSingle">
       <div class="dz-preview-cover">
@@ -57,7 +57,11 @@
         default: 'http://'
       },
       multiple: Boolean,
-      previewClasses: [String, Object, Array]
+      previewClasses: [String, Object, Array],
+      isPreviewSingle: {
+        type: Boolean,
+        default: true
+      } 
     },
     model: {
       prop: 'value',
@@ -75,7 +79,7 @@
         let Dropzone = await import('dropzone')
         Dropzone = Dropzone.default || Dropzone
         Dropzone.autoDiscover = false
-        let preview = this.multiple ? this.$refs.previewMultiple : this.$refs.previewSingle;
+        let preview = this.isPreviewSingle ? this.$refs.previewSingle : this.$refs.previewMultiple;
         let self = this
         let finalOptions = {
           ...this.options,
diff --git a/resources/views/partials/form/file_group.blade.php b/resources/views/partials/form/file_group.blade.php
index 9bd4ff982..1dbd31b5f 100644
--- a/resources/views/partials/form/file_group.blade.php
+++ b/resources/views/partials/form/file_group.blade.php
@@ -18,6 +18,9 @@
                 @if (!empty($attributes['multiple']))
                 multiple
                 @endif
+                @if (!empty($attributes['isPreviewSingle']))
+                :is-preview-single="{{ $attributes['isPreviewSingle'] }}"
+                @endif
                 v-model="{{ !empty($attributes['v-model']) ? $attributes['v-model'] : (!empty($attributes['data-field']) ? 'form.' . $attributes['data-field'] . '.'. $name : 'form.' . $name) }}"
             ></dropzone-file-upload>
         </div>