From 1aafa2c3c3d69822e87ed8bd7bfb23ee7a217dab Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=A9r=C3=A9my=20Munsch?= <jeremy.munsch@ldc.fr>
Date: Thu, 9 Jun 2022 09:59:06 +0200
Subject: [PATCH] Fix image input vue on sliders

---
 resources/js/components/bo/ImageInputComponent.vue | 11 ++++++++++-
 resources/views/back/sliders/form.blade.php        |  1 +
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/resources/js/components/bo/ImageInputComponent.vue b/resources/js/components/bo/ImageInputComponent.vue
index 8001cda..3a3b4d6 100644
--- a/resources/js/components/bo/ImageInputComponent.vue
+++ b/resources/js/components/bo/ImageInputComponent.vue
@@ -6,7 +6,7 @@
             <div class="input-group">
                 <button v-on:click.prevent="chooseAFile" class="btn btn-outline-secondary" type="button">{{ __('Parcourir') }}</button>
                 <input :id="_id" ref="actualImage" @change="changedImage" type="file" class="d-none" :name="_name" accept="image/png,image/jpeg,.svg" :aria-describedby="`Help${_id}`">
-                <input v-if="typeof _value === 'string'" class="d-none" :name="_name" type="text" :value="_value">
+                <input v-if="_pushString && typeof _value === 'string'" class="d-none" :name="_name" type="text" :value="_value">
                 <input v-on:click.prevent="chooseAFile" type="text" :value="_valueFileName" class="form-control rightAligned" :aria-describedby="`Help${_id}`" readonly>
                 <button v-if="!_required" v-on:click.prevent="removeFile" class="btn btn-outline-danger" type="button"><i class="fas fa-eraser"></i></button>
                 <button v-if="!_preview && _value" class="btn btn-warning" type="button" data-bs-toggle="modal" :data-bs-target="`#ModalPreview${_id}`">
@@ -164,6 +164,9 @@ export default {
             if(data.browseEvent !== undefined) {
                 this._browseEvent = data.browseEvent ? true : false
             }
+            if(data.pushString !== undefined) {
+                this._pushString = data.pushString ? true : false
+            }
         } else {
             // * Init Uppon Vue component
             this._id = this.id
@@ -179,6 +182,7 @@ export default {
             this._preview = this.preview
             this._required = this.required
             this._browseEvent = this.browseEvent
+            this._pushString = this.pushString
         }
         this._hasImage = false
     },
@@ -217,6 +221,10 @@ export default {
         browseEvent: {
             type: Boolean,
             default: false
+        },
+        pushString: {
+            type: Boolean,
+            default: true
         }
     },
     data() {
@@ -232,6 +240,7 @@ export default {
             _preview: true,
 
             _browseEvent: false,
+            _pushString: false,
 
             _rotationText: 0,
             _rotationValue: 0,
diff --git a/resources/views/back/sliders/form.blade.php b/resources/views/back/sliders/form.blade.php
index 8ff9081..673b930 100644
--- a/resources/views/back/sliders/form.blade.php
+++ b/resources/views/back/sliders/form.blade.php
@@ -131,6 +131,7 @@
                             'width' => 1400,
                             'height' => 630,
                             'value' => $slider->picture ?? '',
+                            'pushString' => false
                         ];
                         @endphp
                         @include('back.modules.input-error', [ 'inputName' => 'picture'])