.-.-.-.-.-

this.loaderWrapper = BX.create("DIV",
			{
				props: {className: "mobile-uploader-loader-wrapper"},
				children: [
					this.loaderOverlay = BX.create("DIV",
						{
							attrs: {id: "container_" + taskId},
							props: {className: "mobile-uploader-loader"},
							children: [this.cancelLayout, this.loaderContainer]
						}
					)
				]
			}
		);

if(!processingNode)
		{
			processingNode = this.loaderWrapper;
		}

if(processingNode)
		{
			this.proccessingLabel = BX.create("DIV", {
				props: {className: "mobile-upload-processing"},
				attrs: {style: "display:none"},
				html: BX.message("MUI_PROCESSING")
			});
			this.loaderWrapper.appendChild(this.proccessingLabel)
		}

BX.bind(this.loaderContainer, "click", BX.proxy(function ()
		{
			if (this.bar.value() < 1)
			{
				BX.MobileUploadProvider.cancelTasks([taskId]);
			}
		}, this));
		this.imageLayout = imageNode;

if (this.imageLayout)
		{
			BX.addClass(this.imageLayout, "mobile-uploader-img-blurred");
		}

container.appendChild(this.loaderWrapper);

this.createProgress();
		this.setProgress(4);
	};

loader.prototype.setProcessingVisibility = function (visible, animate)
	{
		if(!this.proccessingLabel)
			return;

if (visible)
		{
			BX.show(this.proccessingLabel)
		}
		else
		{
			if(animate === true)
			{
				this.proccessingLabel.style.opacity = 0.0;
			}
			else
			{
				BX.hide(this.proccessingLabel);
			}
		}
	};

loader.prototype.createProgress = function ()
	{

this.bar = new BX.ProgressBarJs.Circle(this.loaderContainer, {
			easing: "linear",
			strokeWidth: 4,
			color: '#ffffff',
			from: {color: '#ffffff'},
			to: {color: '#ffffff'},
			step: BX.proxy(function (state, bar)
			{
				if (bar.value() == 1)
				{
					this.isBeingEnd = true;
					this.cancelLayout.style.transform = "scale(0)";

setTimeout(BX.proxy(function ()
					{
						BX.addClass(this.cancelLayout, "mobile-upload-done");
						setTimeout(
							BX.proxy(function ()
							{
								this.cancelLayout.style.transform = "scale(1)";
								this.isBeingEnd = false;
								if (this.shouldDestroyOnEnd)
								{
									setTimeout(BX.proxy(this.destroy, this), 300);
								}
							}, this), 200);

}, this), 200);
					if (this.onDestroyEventName == null)
					{
						this.destroy();
					}
				}
			}, this)
		});
	};

loader.prototype.setProgress = function (percent)
	{
		console.log(percent);
		this.bar.animate(percent / 100, {duration: 500});
	};

loader.prototype.setByteSent = function (sent, total)
	{
		this.proccessingLabel.innerHTML = ((sent/1024/1024).toFixed(2))+" MB "+" / "+(total/1024/1024).toFixed(2) + " MB";
	};

loader.prototype.destroy = function ()
	{
		if (this.isBeingEnd)
		{
			this.shouldDestroyOnEnd = true;
		}
		else
		{
			BX.removeClass(this.imageLayout, "mobile-uploader-img-blurred");
			this.loaderOverlay.style.opacity = 0.0;
			this.setProcessingVisibility(false, true);
			this.bar.destroy();
		}

};

window.loader = loader;

BX.MobileUploaderConst = {
		FILE_CREATED: "onfilecreated",
		FILE_CREATED_FAILED: "onerrorfilecreate",
		FILE_UPLOAD_PROGRESS: "onprogress",
		FILE_UPLOAD_START: "onloadstart",
		FILE_UPLOAD_FAILED: "onfileuploadfailed",
		FILE_READ_ERROR: "onfilereaderror",
		FILE_PROCESSING: "onfileprocessing",
		FILE_PROCESSING_DONE: "onfileprocessingdone",
		ALL_TASK_COMPLETED: "oncomplete",
		TASK_TOKEN_DEFINED: "ontasktokendefined",
		TASK_STARTED_FAILED: "onloadstartfailed",
		TASK_CREATED: "ontaskcreated",
		TASK_CANCELLED: "ontaskcancelled",
		TASK_NOT_FOUND: "ontasknotfound",
	};
	BX.MobileUploadProvider = {
		/**
		 * Event list:
		 *
		 onfilecreated
		 onerrorfilecreate
		 onprogress
		 onloadstart
		 onfileuploadfailed
		 onfilereaderror
		 oncomplete
		 * @param listener
		 * @example
		 *
		 BX.MobileUploadProvider.setListener(function (eventName, data, taskId)
		 {
			 //handle event
		 });
		 */
		setListener: function (listener)
		{
			this.listener = listener;
		},
		toBXUrl: function (path)
		{
			return "bx" + path;
		},
		cancelTasks: function (taskIds)
		{
			BXMobileApp.onCustomEvent("onFileUploadTaskCancel", {"taskIds": taskIds}, true);
		},
		removeTasks: function (tasks)
		{
			tasks.forEach(BX.proxy(function (taskId)
			{
				if (this.loaders[taskId])
				{
					this.loaders[taskId].destroy();
					this.loaders[taskId] = null;
				}

}
		 ]);
		 * **/
		addTasks: function (tasks)
		{
			this.registerTaskLoaders(tasks);
			BXMobileApp.Events.postToComponent("onFileUploadTaskReceived", [{files: tasks}], 'background');
		},
		init: function ()
		{
			this.taskIds = [];
			this.loaders = {};
			BXMobileApp.addCustomEvent("onFileUploadStatusChanged", BX.proxy(function (data)
			{
				if (this.loaders[data.taskId])
				{
					/**
					 * @type {loader} taskLoader
					 */
					var taskLoader = this.loaders[data.taskId];
					if (data.event == this.loaders[data.taskId].onDestroyEventName)
					{
						taskLoader.destroy();
					}
					else if (data.event == BX.MobileUploaderConst.FILE_UPLOAD_PROGRESS)
					{
						if((data.data.byteTotal/1024/2024) > 2) //more then 2MB
						{
							taskLoader.setProcessingVisibility(true);
							taskLoader.setByteSent(data.data.byteSent, data.data.byteTotal);
						}
						else
						{
							taskLoader.setProcessingVisibility(false);
						}

taskLoader.setProgress(data.data.percent);

}
					else if(data.event === "onfileprocessing")
					{
						taskLoader.setProcessingVisibility(true);
					}

}

if (this.listener && this.taskIds.indexOf(data.taskId) > -1)
				{
					this.listener.call(null, data.event, data.data, data.taskId)
				}
			}, this));
		}

};

BX.MobileUploadProvider.init();
})();

/var/www/axolotl/data/www/axolotl.ru/www/bitrix/lib/functions/../../js/mobile/uploader.js