ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / lab2454c / tripvare.com / backup / resources / views / admin / dashboard / banner_images

@extends('layouts.admin.form')
@section('form')

<h3>{{ __('Edit Banner Images')}}</h3>
@include('validation.message')
@include('validation.flashmessage')

<form role="form" class="dropzone" id="dropzone" action="{{ route('admin.manage-banner-gallery', ['id'=>$page_info->id])}}" method="post" enctype="multipart/form-data">
        @csrf
        <div class="row">
            <div class="col-xl-12 col-lg-12 col-md-12">
                <div class="form-group form__group">
                    <label class="control-label">{{ __('messages.admin.manage_pages.list.heading.content_block', ['num' => 1])}}</label>

<div class="dz-default dz-message">
                        <h4>Drop files here or click to upload</h4>
                    </div>

</div>
            </div>
        </div>
    </form>

</div>
@endsection

@push('dropzonejs')
<script src="//unpkg.com/dropzone@5/dist/min/dropzone.min.js"></script>
<script>
    Dropzone.options.dropzone = {
        autoProcessQueue: true,
        parallelUploads: 1,
        maxFilesize: 4,
        //~ renameFile: function(file) {
        //~ var dt = new Date();
        //~ var time = dt.getTime();
        //~ return time+"-"+file.name;  
        //~ },
        acceptedFiles: ".jpeg,.jpg,.png,.gif",
        addRemoveLinks: true,
        timeout: 150000,
        init: function() {
            // Get images
            var myDropzone = this;
            $.ajax({
                url: "{{ route('admin.manage-banner-gallery', ['id'=>$page_info->id])}}",
                type: 'GET',
                dataType: 'json',
                success: function(data) {                
                    $.each(data, function(key, value) {
                        var file = {
                            name: value.name,
                            size: value.size
                        };
                        myDropzone.options.addedfile.call(myDropzone, file);
                        myDropzone.options.thumbnail.call(myDropzone, file, value.path);
                        myDropzone.emit("complete", file);
                    });
                }
            });
        },
        removedfile: function(file) {
             if (this.options.dictRemoveFile) {
                 return Dropzone.confirm("Are You Sure to " + this.options.dictRemoveFile, function() {
                     if (file.previewElement.id != "") {
                         var name = file.previewElement.id;
                     } else {
                         var name = file.name;
                     }
                     //console.log(name);
                     $.ajax({
                         headers: {
                             'X-CSRF-TOKEN': "{{csrf_token()}}"
                         },
                         type: 'POST',
                         url: "{{ route('admin.remove-banner-gallery', ['id'=>$page_info->id])}}",
                         data: {
                             filename: name
                         },
                         success: function(data) {
                             alert(data.success + " File has been successfully removed!");
                         },
                         error: function(e) {
                             console.log(e);
                         }
                     });
                     var fileRef;
                     return (fileRef = file.previewElement) != null ?
                         fileRef.parentNode.removeChild(file.previewElement) : void 0;
                 });
             }
        },

success: function(file, response) {
            file.previewElement.id = response.success;
            //console.log(file); 
            // set new images names in dropzone’s preview box.
            var olddatadzname = file.previewElement.querySelector("[data-dz-name]");
            file.previewElement.querySelector("img").alt = response.success;
            olddatadzname.innerHTML = response.success;
        },
        error: function(file, response) {
            if ($.type(response) === "string")
                var message = response; //dropzone sends it's own error messages in string
            else
                var message = response.message;
            file.previewElement.classList.add("dz-error");
            _ref = file.previewElement.querySelectorAll("[data-dz-errormessage]");
            _results = [];
            for (_i = 0, _len = _ref.length; _i < _len; _i++) {
                node = _ref[_i];
                _results.push(node.textContent = message);
            }
            return _results;
        }

};
</script>
@endpush

[+] ..
[-] list.blade.php [edit]
[-] page_info.blade.php [edit]