shihaam/akaunting
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #1778 from SevanNerse/master

Browse Source 
akaunting dropzone related works
This commit is contained in:
Cüneyt Şentürk 2021-01-18 15:00:11 +03:00 committed by GitHub
commit 1a562e4707
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 27 additions and 67 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

87
resources/assets/js/components/AkauntingDropzoneFileUpload.vue
View File

@ -57,7 +57,7 @@ export default {
type: Object, type: Object,
default: () => ({}) default: () => ({})
}, },
value: [String, Object, Array], value: [String, Object, Array, File],
url: { url: {
type: String, type: String,
default: 'http:' default: 'http:'
@ -99,6 +99,7 @@ export default {
thumbnailHeight: null, thumbnailHeight: null,
previewsContainer: preview, previewsContainer: preview,
previewTemplate: preview.innerHTML, previewTemplate: preview.innerHTML,
autoProcessQueue: false,
init: function () { init: function () {
this.on("addedfile", function (file) { this.on("addedfile", function (file) {
self.files.push(file); self.files.push(file);
@ -106,81 +107,35 @@ export default {
if (self.options.maxFiles == 1) { if (self.options.maxFiles == 1) {
self.$emit('change', file); self.$emit('change', file);
} else { } else {
self.$emit('change', this.files); self.$emit('change', self.files);
} }
}), }),
this.on("removedfile", function (file) {
let index = self.files.findIndex(f => f.upload.uuid === file.upload.uuid);
if (index !== -1) {
self.files.splice(index, 1);
}
self.$emit('change', self.files);
if(self.isPreviewSingle == false)
this.enable()
}),
this.on("maxfilesexceeded", function(file) { this.on("maxfilesexceeded", function(file) {
this.removeAllFiles('notCancel'); this.removeAllFiles('notCancel');
this.addFile(file); this.addFile(file);
}); }),
this.on("maxfilesreached", function(file) {
if(self.isPreviewSingle == false)
this.disable()
})
} }
}; };
this.dropzone = new Dropzone(this.$el, finalOptions); this.dropzone = new Dropzone(this.$el, finalOptions);
preview.innerHTML = ''; preview.innerHTML = ''
let evtList = [
'drop',
'dragstart',
'dragend',
'dragenter',
'dragover',
'addedfile',
'removedfile',
'thumbnail',
'error',
'processing',
'uploadprogress',
'sending',
'success',
'complete',
'canceled',
'maxfilesreached',
'maxfilesexceeded',
'processingmultiple',
'sendingmultiple',
'successmultiple',
'completemultiple',
'canceledmultiple',
'totaluploadprogress',
'reset',
'queuecomplete',
];
evtList.forEach(evt => {
this.dropzone.on(evt, (file) => {
this.$emit(evt, file);
/*
if (evt === 'addedfile') {
if (self.multiple) {
this.files.push(file);
this.$emit('change', this.files);
} else {
this.file = file;
this.$emit('change', file);
}
}
*/
if (evt === 'removedfile') {
//if (self.multiple) {
let index = this.files.findIndex(f => f.upload.uuid === file.upload.uuid);
if (index !== -1) {
this.files.splice(index, 1);
}
this.$emit('change', this.files);
//} else {
// this.file = '';
// this.$emit('change', '');
//}
}
})
}, this);
} }
}, },

7
resources/views/partials/form/file_group.blade.php
View File

@ -13,7 +13,12 @@
class="{{ $attributes['dropzone-class'] }}" class="{{ $attributes['dropzone-class'] }}"
@endif @endif
@if (!empty($attributes['options'])) @if (!empty($attributes['options']))
:options={{ json_encode($attributes['options']) }} @if (isset($attributes['options']['maxFiles']))
:options={{ json_encode($attributes['options']) }}
@else
@php $attributes['options']['maxFiles'] = 1 @endphp
:options={{ json_encode($attributes['options']) }}
@endif
@endif @endif
@if (!empty($attributes['multiple'])) @if (!empty($attributes['multiple']))
multiple multiple