github-mirror/BookStack
2
0
Fork 0
mirror of https://github.com/BookStackApp/BookStack.git synced 2025-05-30 12:38:12 +08:00
Code Issues Actions 9 Packages Projects Releases Wiki Activity

Converted image manager into vue component

Browse Source
This commit is contained in:
Dan Brown
2017-08-09 21:33:00 +01:00
parent a59d73de7b
commit ab07f7df6c
11 changed files with 287 additions and 307 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
resources/assets/js/components/index.js
View File

@ -21,6 +21,8 @@ for (let i = 0, len = componentNames.length; i < len; i++) {
if (typeof window.components[name] === "undefined") window.components[name] = [];
for (let j = 0, jLen = elems.length; j < jLen; j++) {
let instance = new component(elems[j]);
if (typeof elems[j].components === 'undefined') elems[j].components = {};
elems[j].components[name] = instance;
window.components[name].push(instance);
}
}

15
resources/assets/js/components/notification.js
View File

@ -7,14 +7,16 @@ class Notification {
this.textElem = elem.querySelector('span');
this.autohide = this.elem.hasAttribute('data-autohide');
window.Events.listen(this.type, text => {
console.log('show', text);
this.show(text);
});
elem.addEventListener('click', this.hide.bind(this));
if (elem.hasAttribute('data-show')) this.show(this.textElem.textContent);
this.hideCleanup = this.hideCleanup.bind(this);
}
show(textToShow = '') {
this.elem.removeEventListener('transitionend', this.hideCleanup);
this.textElem.textContent = textToShow;
this.elem.style.display = 'block';
setTimeout(() => {
@ -26,13 +28,12 @@ class Notification {
hide() {
this.elem.classList.remove('showing');
this.elem.addEventListener('transitionend', this.hideCleanup);
}
function transitionEnd() {
this.elem.style.display = 'none';
this.elem.removeEventListener('transitionend', transitionEnd);
}
this.elem.addEventListener('transitionend', transitionEnd.bind(this));
hideCleanup() {
this.elem.style.display = 'none';
this.elem.removeEventListener('transitionend', this.hideCleanup);
}
}