From 466276387852b9d156e306a73cfc05ffa67e3e55 Mon Sep 17 00:00:00 2001
From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Fri, 22 Oct 2021 16:07:13 +0200
Subject: [PATCH] wip #4832 @2

---
 .../views/fields/dropzone_media.blade.php     | 62 ++++++++++---------
 1 file changed, 33 insertions(+), 29 deletions(-)

diff --git a/src/resources/views/fields/dropzone_media.blade.php b/src/resources/views/fields/dropzone_media.blade.php
index da35f62..b086ee2 100644
--- a/src/resources/views/fields/dropzone_media.blade.php
+++ b/src/resources/views/fields/dropzone_media.blade.php
@@ -82,7 +82,7 @@ $collection = old(square_brackets_to_dots($field['name'])) ?? $field['value'] ??
         @push('crud_fields_styles')
             <!-- include dropzone css-->
             <link rel="stylesheet"
-                  href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.5.1/min/dropzone.min.css"/>
+                  href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.9.3/min/dropzone.min.css"/>
             <style type="text/css">
                 .dropzone {
                     border: 1px solid #d2d6de;
@@ -222,6 +222,15 @@ $collection = old(square_brackets_to_dots($field['name'])) ?? $field['value'] ??
                         var el_id = $(el).attr('id');
                         var collection = $(el).prev().val();
                         var dOptions = {
+                            dictDefaultMessage:@json(__("Drop files here to upload")),
+                            dictFileTooBig:@json(__('File is too big ({{filesize}}MiB). Max filesize: {{maxFilesize}}MiB.')),
+                            dictInvalidFileType:@json(__('You can\'t upload files of this type.')),
+                            dictResponseError:@json(__('Server responded with {{statusCode}} code.')),
+                            dictCancelUpload:@json(__('Cancel upload')),
+                            dictUploadCanceled:@json(__('Upload canceled.')),
+                            dictCancelUploadConfirmation:@json(__('Are you sure you want to cancel this upload?')),
+                            dictRemoveFile:@json(__('Remove file')),
+                            dictMaxFilesExceeded:@json(__('You can not upload any more files.')),
                             url: base_url,
                             previewTemplate: document.getElementById("dz-template-container").innerHTML,
                             init: function () {
@@ -270,7 +279,6 @@ $collection = old(square_brackets_to_dots($field['name'])) ?? $field['value'] ??
                                         url: base_url + '/' + file.media.id,
                                         type: 'DELETE'
                                     }).done(function (response) {
-                                        console.log(response);
                                         var notification_type;
 
                                         if (response.success == true) {
@@ -289,7 +297,7 @@ $collection = old(square_brackets_to_dots($field['name'])) ?? $field['value'] ??
                                             icon: false
                                         }).show();
                                     }).fail(function (xhr) {
-                                        var message = 'Deletion failed';
+                                        var message = @json(__('Failed to delete the file'));
 
                                         if (xhr.responseJSON != 'undefined' && xhr.responseJSON.message != 'undefined') {
                                             message = xhr.responseJSON.message;
@@ -314,14 +322,12 @@ $collection = old(square_brackets_to_dots($field['name'])) ?? $field['value'] ??
                         };
 
                         var options = jQuery.extend(dOptions, $(el).data('options'));
-                        console.log(options);
                         var dropzone = new Dropzone("#" + el_id, options);
 
-
                         dropzone.on("maxfilesexceeded", function (file) {
                             this.removeFile(file);
                             new Noty({
-                                text: 'Unable to add a new file: field limit is reached.',
+                                text: @json(__('Unable to add a new file: field limit is reached.')),
                                 type: 'error',
                                 icon: false
                             }).show();
@@ -341,29 +347,13 @@ $collection = old(square_brackets_to_dots($field['name'])) ?? $field['value'] ??
                                         data: {
                                             ids: ids
                                         }
-                                    })
-                                        .done(function (response) {
-                                            var notification_type;
-
-                                            if (response.success != true) {
-                                                var message = 'Order failed';
-
-                                                if (response.message != 'undefined') {
-                                                    message = response.message;
-                                                }
-
-                                                new Noty({
-                                                    text: message,
-                                                    type: 'error',
-                                                    icon: false
-                                                }).show();
-                                            }
-                                        })
-                                        .fail(function (xhr) {
-                                            var message = 'Order failed';
+                                    }).done(function (response) {
+                                        var notification_type;
+                                        if (response.success != true) {
+                                            var message = @json(__('Failed to reorder files'));
 
-                                            if (xhr.responseJSON != 'undefined' && xhr.responseJSON.message != 'undefined') {
-                                                message = xhr.responseJSON.message;
+                                            if (response.message != 'undefined') {
+                                                message = response.message;
                                             }
 
                                             new Noty({
@@ -371,7 +361,21 @@ $collection = old(square_brackets_to_dots($field['name'])) ?? $field['value'] ??
                                                 type: 'error',
                                                 icon: false
                                             }).show();
-                                        });
+                                        }
+                                    }).fail(function (xhr) {
+                                        var message = @json(__('Failed to reorder files'));
+
+
+                                        if (xhr.responseJSON != 'undefined' && xhr.responseJSON.message != 'undefined') {
+                                            message = xhr.responseJSON.message;
+                                        }
+
+                                        new Noty({
+                                            text: message,
+                                            type: 'error',
+                                            icon: false
+                                        }).show();
+                                    });
                                 }
                             }
                         });
-- 
2.39.5