github-mirror/BookStack
2
0
Fork 0
mirror of https://github.com/BookStackApp/BookStack.git synced 2024-11-23 06:35:43 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Allowed button-based multi-file uploads

Browse Source 
Likely something that worked via dropzone before.
This adds support for our custom dropzone file handling.
Related to #4241
This commit is contained in:
Dan Brown 2023-05-22 14:19:18 +01:00
parent c17906c758
commit 6a7bc68b61
No known key found for this signature in database
GPG Key ID: 46D9F943C24A2EF9
4 changed files with 14 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
resources/js/components/dropzone.js
View File

@ -21,6 +21,7 @@ export class Dropzone extends Component {
this.uploadLimitMessage = this.$opts.uploadLimitMessage;
this.zoneText = this.$opts.zoneText;
this.fileAcceptTypes = this.$opts.fileAccept;
this.allowMultiple = this.$opts.allowMultiple === 'true';
this.setupListeners();
}
@ -83,7 +84,12 @@ export class Dropzone extends Component {
}
manualSelectHandler() {
const input = elem('input', {type: 'file', style: 'left: -400px; visibility: hidden; position: fixed;', accept: this.fileAcceptTypes});
const input = elem('input', {
type: 'file',
style: 'left: -400px; visibility: hidden; position: fixed;',
accept: this.fileAcceptTypes,
multiple: this.allowMultiple ? '' : null,
});
this.container.append(input);
input.click();
input.addEventListener('change', () => {

6
resources/js/services/dom.js
View File

@ -10,7 +10,11 @@ export function elem(tagName, attrs = {}, children = []) {
const el = document.createElement(tagName);
for (const [key, val] of Object.entries(attrs)) {
el.setAttribute(key, val);
if (val === null) {
el.removeAttribute(key);
} else {
el.setAttribute(key, val);
}
}
for (const child of children) {

1
resources/views/attachments/manager.blade.php
View File

@ -14,6 +14,7 @@
option:dropzone:upload-limit-message="{{ trans('errors.server_upload_limit') }}"
option:dropzone:zone-text="{{ trans('entities.attachments_dropzone') }}"
option:dropzone:file-accept="*"
option:dropzone:allow-multiple="true"
class="px-l files">
<div refs="attachments@list-container dropzone@drop-target" class="relative">

1
resources/views/pages/parts/image-manager.blade.php
View File

@ -6,6 +6,7 @@
option:dropzone:upload-limit-message="{{ trans('errors.server_upload_limit') }}"
option:dropzone:zone-text="{{ trans('components.image_dropzone_drop') }}"
option:dropzone:file-accept="image/*"
option:dropzone:allow-multiple="true"
option:image-manager:uploaded-to="{{ $uploaded_to ?? 0 }}"
class="image-manager">