Cleanup Jua upload handler

dev/View/Popup/Compose.js

@@ -1045,9 +1045,6 @@ export class ComposePopupView extends AbstractViewPopup {
 			attachmentSizeLimit = pInt(SettingsGet('AttachmentLimit'));
 
 		oJua
-			// .on('onLimitReached', (limit) => {
-			// 	alert(limit);
-			// })
 			.on('onDragEnter', () => {
 				this.dragAndDropOver(true);
 			})

dev/View/Popup/Contacts.js

@@ -281,7 +281,6 @@ export class ContactsPopupView extends AbstractViewPopup {
 			const j = new Jua({
 				action: serverRequest('UploadContacts'),
 				limit: 1,
-				disableDocumentDropPrevent: true,
 				clickElement: this.importButton()
 			});
 

vendors/jua/jua.js

@@ -6,32 +6,28 @@
 		 * @param {*} aItems
 		 * @param {Function} fFileCallback
 		 * @param {number=} iLimit = 20
-		 * @param {Function=} fLimitCallback
 		 */
-		getDataFromFiles = (aItems, fFileCallback, iLimit, fLimitCallback) =>
+		getDataFromFiles = (aItems, fFileCallback, iLimit) =>
 		{
 			if (aItems?.length)
 			{
 				let
 					oFile,
-					iInputLimit = iLimit,
+					iCount = 0,
-					bUseLimit = 0 < iLimit,
+					bCallLimit = false
-					bCallLimit = !fLimitCallback
 				;
 
 				[...aItems].forEach(oItem => {
-					if (oItem)
+					if (oItem) {
-					{
+						if (iLimit && iLimit < ++iCount) {
-						if (!bUseLimit || 0 <= --iLimit)
+							if (!bCallLimit) {
-						{
+								bCallLimit = true;
+//								fLimitCallback(iLimit);
+							}
+						} else {
 							oFile = getDataFromFile(oItem);
 							oFile && fFileCallback(oFile);
 						}
-						else if (bUseLimit && !bCallLimit)
-						{
-							bCallLimit = true;
-							fLimitCallback(iInputLimit);
-						}
 					}
 				});
 			}
@@ -57,14 +53,7 @@
 				: null; // Folder
 		},
 
-		eventContainsFiles = oEvent =>
+		eventContainsFiles = oEvent => oEvent.dataTransfer.types.includes('Files');
-		{
-			try {
-				return oEvent.dataTransfer.types.includes('Files');
-			} catch (e) {
-				return false;
-			}
-		};
 
 	class Queue extends Array
 	{
@@ -111,8 +100,7 @@
 				onDragEnter: null,
 				onDragLeave: null,
 				onBodyDragEnter: null,
-				onBodyDragLeave: null,
+				onBodyDragLeave: null
-				onLimitReached: null
 			};
 
 			self.oXhrs = {};
@@ -120,11 +108,13 @@
 			self.options = Object.assign({
 					action: '',
 					name: 'uploader',
-					hidden: {},
+					limit: 0,
-					limit: 0
+//					clickElement:
+//					dragAndDropElement:
 				}, options || {});
 			self.oQueue = new Queue();
 
+			// clickElement
 			if (el) {
 				el.style.position = 'relative';
 				el.style.overflow = 'hidden';
@@ -136,111 +126,58 @@
 			}
 
 			el = options.dragAndDropElement;
-			if (el)
+			if (el) {
-			{
+				addEventListeners(doc, {
-				let oBigDropZone = options.dragAndDropBodyElement || doc;
+					dragover: oEvent => {
-
+						if (eventContainsFiles(oEvent)) {
-				if (!options.disableDocumentDropPrevent)
+							timerStop();
-				{
+							if (el.contains(oEvent.target)) {
-					doc.addEventListener('dragover', oEvent => {
+								oEvent.dataTransfer.dropEffect = 'copy';
-						if (eventContainsFiles(oEvent))
+								oEvent.stopPropagation();
-						{
+							} else {
-							try
-							{
 								oEvent.dataTransfer.dropEffect = 'none';
-								oEvent.preventDefault();
-							}
-							catch (oExc) {
-								console.error(oExc);
 							}
+							oEvent.preventDefault();
 						}
-					});
+					},
-				}
-
-				if (oBigDropZone)
-				{
-					addEventListeners(oBigDropZone, {
-						dragover: () => timerStop(),
-						dragenter: oEvent => {
-							if (eventContainsFiles(oEvent))
-							{
-								timerStop();
-								oEvent.preventDefault();
-
-								self.runEvent('onBodyDragEnter', oEvent);
-							}
-						},
-						dragleave: oEvent =>
-							oEvent.dataTransfer && timerStart(() => self.runEvent('onBodyDragLeave', oEvent)),
-						drop: oEvent => {
-							if (oEvent.dataTransfer) {
-								let bFiles = eventContainsFiles(oEvent);
-								bFiles && oEvent.preventDefault();
-
-								self.runEvent('onBodyDragLeave', oEvent);
-
-								return !bFiles;
-							}
-
-							return false;
-						}
-					});
-				}
-
-				addEventListeners(el, {
 					dragenter: oEvent => {
 						if (eventContainsFiles(oEvent)) {
 							timerStop();
-
 							oEvent.preventDefault();
-							self.runEvent('onDragEnter', el, oEvent);
+							self.runEvent('onBodyDragEnter', oEvent);
-						}
+							if (el.contains(oEvent.target)) {
-					},
-					dragover: oEvent => {
-						if (eventContainsFiles(oEvent)) {
-							try
-							{
-								let sEffect = oEvent.dataTransfer.effectAllowed;
-
 								timerStop();
-
+								self.runEvent('onDragEnter', el, oEvent);
-								oEvent.dataTransfer.dropEffect = (sEffect === 'move' || sEffect === 'linkMove') ? 'move' : 'copy';
-
-								oEvent.stopPropagation();
-								oEvent.preventDefault();
-							}
-							catch (oExc) {
-								console.error(oExc);
 							}
 						}
 					},
 					dragleave: oEvent => {
-						if (oEvent.dataTransfer) {
+						if (eventContainsFiles(oEvent)) {
 							let oRelatedTarget = doc.elementFromPoint(oEvent.clientX, oEvent.clientY);
 							if (!oRelatedTarget || !el.contains(oRelatedTarget)) {
-								timerStop();
 								self.runEvent('onDragLeave', el, oEvent);
 							}
+							timerStart(() => self.runEvent('onBodyDragLeave', oEvent))
 						}
 					},
 					drop: oEvent => {
 						if (eventContainsFiles(oEvent)) {
+							timerStop();
 							oEvent.preventDefault();
-
+							if (el.contains(oEvent.target)) {
-							getDataFromFiles(
+								getDataFromFiles(
-								oEvent.files || oEvent.dataTransfer.files,
+									oEvent.files || oEvent.dataTransfer.files,
-								oFile => {
+									oFile => {
-									if (oFile) {
+										if (oFile) {
-										self.addFile(oFile);
+											self.addFile(oFile);
-										timerStop();
+										}
-									}
+									},
-								},
+									self.options.limit
-								self.options.limit,
+								);
-								self.getEvent('onLimitReached')
+							}
-							);
 						}
-
 						self.runEvent('onDragLeave', oEvent);
+						self.runEvent('onBodyDragLeave', oEvent);
 					}
 				});
 			}
@@ -308,7 +245,6 @@
 					oXhr = new XMLHttpRequest(),
 					oFormData = new FormData(),
 					sAction = this.options.action,
-					aHidden = this.options.hidden,
 					fStartFunction = this.getEvent('onStart'),
 					fProgressFunction = this.getEvent('onProgress')
 				;
@@ -350,9 +286,6 @@
 				fStartFunction && fStartFunction(sUid);
 
 				oFormData.append(this.options.name, oFileInfo['File']);
-				Object.entries(aHidden).forEach(([key, value]) =>
-					oFormData.append(key, (typeof value === "function" ? value(oFileInfo) : value).toString())
-				);
 
 				oXhr.send(oFormData);
 
@@ -393,10 +326,7 @@
 						}, 10);
 					};
 					if (oInput.files?.length) {
-						getDataFromFiles(oInput.files, fFileCallback,
+						getDataFromFiles(oInput.files, fFileCallback, limit);
-							limit,
-							self.getEvent('onLimitReached')
-						);
 					} else {
 						fFileCallback({
 							FileName: oInput.value.split(/\\\//).pop(),