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

Merge pull request #1817 from SevanNerse/master

Browse Source 
preview option is added to dropzone
This commit is contained in:
Cüneyt Şentürk 2021-01-29 17:28:40 +03:00 committed by GitHub
commit 1029f1492f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 13 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,5 +1,5 @@
<template> <template>
<div class="dropzone mb-3 dz-clickable" :class="[!multiple ? 'dropzone-single': 'dropzone-multiple']"> <div class="dropzone mb-3 dz-clickable" :class="[preview == 'single' ? 'dropzone-single': 'dropzone-multiple']">
<div class="fallback"> <div class="fallback">
<div class="custom-file"> <div class="custom-file">
<input type="file" class="custom-file-input" :id="'projectCoverUploads' + _uid" :multiple="multiple"> <input type="file" class="custom-file-input" :id="'projectCoverUploads' + _uid" :multiple="multiple">
@ -8,7 +8,7 @@
</div> </div>
</div> </div>
<div v-if="!multiple" class="dz-preview dz-preview-single" :class="previewClasses" ref="previewSingle"> <div v-if="preview == 'single'" class="dz-preview dz-preview-single" :class="previewClasses" ref="previewSingle">
<div class="dz-preview-cover"> <div class="dz-preview-cover">
<img class="dz-preview-img" data-dz-thumbnail> <img class="dz-preview-img" data-dz-thumbnail>
</div> </div>
@ -74,6 +74,12 @@ export default {
description: 'Multiple file Upload' description: 'Multiple file Upload'
}, },
previewClasses: [String, Object, Array], previewClasses: [String, Object, Array],
preview: {
type: String,
default: function () {
return this.multiple ? 'multiple' : 'single'
},
},
}, },
model: { model: {
@ -93,7 +99,7 @@ export default {
methods: { methods: {
async initDropzone() { async initDropzone() {
let self = this; let self = this;
let preview = !this.multiple ? this.$refs.previewSingle : this.$refs.previewMultiple; let preview = this.preview == 'single' ? this.$refs.previewSingle : this.$refs.previewMultiple;
if (this.configurations.maxFiles === undefined && this.multiple == false) { if (this.configurations.maxFiles === undefined && this.multiple == false) {
this.configurations.maxFiles = 1 this.configurations.maxFiles = 1

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

@ -20,6 +20,10 @@
:options={{ json_encode($attributes['options']) }} :options={{ json_encode($attributes['options']) }}
@endif @endif
@if (!empty($attributes['preview']))
:preview={{ json_encode($attributes['preview']) }}
@endif
@if (!empty($attributes['multiple'])) @if (!empty($attributes['multiple']))
multiple multiple
@endif @endif