|
@@ -1,24 +1,24 @@
|
|
-import Uppy from 'uppy/core'
|
|
|
|
-import { DragDrop, Tus10 } from 'uppy/plugins'
|
|
|
|
|
|
+// import Uppy from 'uppy/core'
|
|
|
|
+// import { DragDrop, Tus10 } from 'uppy/plugins'
|
|
|
|
|
|
const defaults = {
|
|
const defaults = {
|
|
- width: 380, // max = 640
|
|
|
|
- height: 280, // max = 350
|
|
|
|
- showClose: false,
|
|
|
|
- showCloseText: '',
|
|
|
|
- closeByEscape: true,
|
|
|
|
- closeByDocument: true,
|
|
|
|
- holderClass: '',
|
|
|
|
- overlayClass: '',
|
|
|
|
|
|
+ width : 380, // max = 640
|
|
|
|
+ height : 280, // max = 350
|
|
|
|
+ showClose : false,
|
|
|
|
+ showCloseText : '',
|
|
|
|
+ closeByEscape : true,
|
|
|
|
+ closeByDocument : true,
|
|
|
|
+ holderClass : '',
|
|
|
|
+ overlayClass : '',
|
|
enableStackAnimation: false,
|
|
enableStackAnimation: false,
|
|
- onBlurContainer: '',
|
|
|
|
- openOnEvent: true,
|
|
|
|
- setEvent: 'click',
|
|
|
|
- onLoad: false,
|
|
|
|
- onUnload: false,
|
|
|
|
- onClosing: false,
|
|
|
|
- template: '<p>This is test popin content!</p>'
|
|
|
|
-};
|
|
|
|
|
|
+ onBlurContainer : '',
|
|
|
|
+ openOnEvent : true,
|
|
|
|
+ setEvent : 'click',
|
|
|
|
+ onLoad : false,
|
|
|
|
+ onUnload : false,
|
|
|
|
+ onClosing : false,
|
|
|
|
+ template : '<p>This is test popin content!</p>'
|
|
|
|
+}
|
|
|
|
|
|
document.addEventListener('DOMContentLoaded', () => {
|
|
document.addEventListener('DOMContentLoaded', () => {
|
|
document.body.classList.add('avgrund-ready')
|
|
document.body.classList.add('avgrund-ready')
|
|
@@ -30,52 +30,52 @@ document.addEventListener('DOMContentLoaded', () => {
|
|
document.body.appendChild(overlayElem)
|
|
document.body.appendChild(overlayElem)
|
|
|
|
|
|
overlayElem.addEventListener('click', onDocumentClick)
|
|
overlayElem.addEventListener('click', onDocumentClick)
|
|
- activate();
|
|
|
|
|
|
+ activate()
|
|
})
|
|
})
|
|
})
|
|
})
|
|
|
|
|
|
-function onDocumentKeyup (e) {
|
|
|
|
- if (e.keyCode === 27) {
|
|
|
|
- deactivate();
|
|
|
|
- }
|
|
|
|
-}
|
|
|
|
|
|
+// function onDocumentKeyup (e) {
|
|
|
|
+// if (e.keyCode === 27) {
|
|
|
|
+// deactivate()
|
|
|
|
+// }
|
|
|
|
+// }
|
|
|
|
|
|
function onDocumentClick (e) {
|
|
function onDocumentClick (e) {
|
|
- e.preventDefault();
|
|
|
|
- deactivate();
|
|
|
|
|
|
+ e.preventDefault()
|
|
|
|
+ deactivate()
|
|
}
|
|
}
|
|
|
|
|
|
function activate (e) {
|
|
function activate (e) {
|
|
setTimeout(function () {
|
|
setTimeout(function () {
|
|
- document.body.classList.toggle('avgrund-ready');
|
|
|
|
- document.body.classList.toggle('avgrund-active');
|
|
|
|
- }, 100);
|
|
|
|
|
|
+ document.body.classList.toggle('avgrund-ready')
|
|
|
|
+ document.body.classList.toggle('avgrund-active')
|
|
|
|
+ }, 100)
|
|
|
|
|
|
- var popin = document.createElement('div');
|
|
|
|
- popin.classList.add('avgrund-popin');
|
|
|
|
- popin.classList.add('ModalWindow');
|
|
|
|
|
|
+ var popin = document.createElement('div')
|
|
|
|
+ popin.classList.add('avgrund-popin')
|
|
|
|
+ popin.classList.add('ModalWindow')
|
|
|
|
|
|
- popin.innerHTML = defaults.template;
|
|
|
|
|
|
+ popin.innerHTML = defaults.template
|
|
console.log(defaults.template)
|
|
console.log(defaults.template)
|
|
|
|
|
|
var a = document.createElement('a')
|
|
var a = document.createElement('a')
|
|
- var linkText = document.createTextNode("close")
|
|
|
|
|
|
+ var linkText = document.createTextNode('close')
|
|
a.appendChild(linkText)
|
|
a.appendChild(linkText)
|
|
a.classList.add('avgrund-close')
|
|
a.classList.add('avgrund-close')
|
|
a.href = '#'
|
|
a.href = '#'
|
|
|
|
|
|
popin.appendChild(a)
|
|
popin.appendChild(a)
|
|
|
|
|
|
- document.body.appendChild(popin);
|
|
|
|
|
|
+ document.body.appendChild(popin)
|
|
a.addEventListener('click', onDocumentClick)
|
|
a.addEventListener('click', onDocumentClick)
|
|
}
|
|
}
|
|
|
|
|
|
function deactivate () {
|
|
function deactivate () {
|
|
- document.body.classList.toggle('avgrund-ready');
|
|
|
|
- document.body.classList.toggle('avgrund-active');
|
|
|
|
|
|
+ document.body.classList.toggle('avgrund-ready')
|
|
|
|
+ document.body.classList.toggle('avgrund-active')
|
|
|
|
|
|
setTimeout(function () {
|
|
setTimeout(function () {
|
|
- var el = document.querySelector('.avgrund-popin')
|
|
|
|
- el.remove();
|
|
|
|
- }, 500);
|
|
|
|
|
|
+ var el = document.querySelector('.avgrund-popin')
|
|
|
|
+ el.remove()
|
|
|
|
+ }, 500)
|
|
}
|
|
}
|