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

Image manager: Redesigned header bar(s)

Browse Source
This commit is contained in:
Dan Brown
2023-05-26 14:30:59 +01:00
parent e467324658
commit 6c91e09c73
6 changed files with 123 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
resources/js/components/image-manager.js
View File

@ -23,6 +23,7 @@ export class ImageManager extends Component {
this.formContainer = this.$refs.formContainer;
this.formContainerPlaceholder = this.$refs.formContainerPlaceholder;
this.dropzoneContainer = this.$refs.dropzoneContainer;
this.loadMore = this.$refs.loadMore;
// Instance data
this.type = 'gallery';
@ -59,12 +60,11 @@ export class ImageManager extends Component {
this.loadGallery();
});
onChildEvent(this.listContainer, '.load-more button', 'click', async event => {
onChildEvent(this.container, '.load-more button', 'click', async event => {
const wrapper = event.target.closest('.load-more');
showLoading(wrapper);
this.page += 1;
await this.loadGallery();
wrapper.remove();
});
this.listContainer.addEventListener('event-emit-select-image', this.onImageSelectEvent.bind(this));
@ -145,6 +145,14 @@ export class ImageManager extends Component {
addReturnedHtmlElementsToList(html) {
const el = document.createElement('div');
el.innerHTML = html;
const loadMore = el.querySelector('.load-more');
if (loadMore) {
loadMore.remove();
this.loadMore.innerHTML = loadMore.innerHTML;
}
this.loadMore.toggleAttribute('hidden', !loadMore);
window.$components.init(el);
for (const child of [...el.children]) {
this.listContainer.appendChild(child);