DropZone.Flash.js

/*
---

name: DropZone.Flash

description: A DropZone module. Handles uploading using the Flash method

license: MIT-style license

authors:
  - Mateusz Cyrankiewicz
  - Juan Lago

requires: [DropZone]

provides: [DropZone.Flash]

...
*/

DropZone.Flash = new Class({

	Extends: DropZone,
	
	options: {
		
		flash: {
			movie: 'Moo.Uploader.swf'
		}
		
	},
	
	initialize: function (options) {
		
		this.setOptions(options);
		
		this.method = 'Flash'
		
		this.activate();
		
	},
	
	activate: function () {
		
		// set options
		//this.setOptions(options);
		
		this.parent();
		
	},
	
	reset: function(){
		
		this.parent();
		
		// Translate file type filter
		var filters = this._flashFilter(this.options.accept);

		var btn = this.uiButton;
		var btnposition = btn.getPosition(btn.getOffsetParent());
		var btnsize = btn.getSize();
		
		// Create container for flash
		var flashcontainer = new Element('div', {
			id: 'dropzone_flash_wrap',
			styles: {
				position: 'absolute',
				top: btnposition.y,
				left: btnposition.x
			}
		}).inject(this.hiddenContainer);

		// Prevent IE cache bug
		if (Browser.ie) this.options.flash.movie += (this.options.flash.movie.contains('?') ? '&' : '?') + 'dropzone_anti_cache=' + Date.now();
		
		// Deploy flash movie
		this.flashObj = new Swiff(this.options.flash.movie, {
			container: flashcontainer.get('id'),
			width: btnsize.x,
			height: btnsize.y,
			params: {
				wMode: 'transparent',
				bgcolor: '#000000'
			},
			callBacks: {

				load: function () {
					
					Swiff.remote(this.flashObj.toElement(), 'xInitialize', {
						multiple: this.options.multiple,
						url: this.url,
						method: 'post',
						queued: this.options.max_queue,
						fileSizeMin: this.options.min_file_size,
						fileSizeMax: this.options.max_file_size,
						typeFilter: filters,
						mergeData: true,
						data: this._cookieData(),
						verbose: true
					});
					
					this.isFlashLoaded = true;

				}.bind(this),
				
				buttonEnter: function(){
					this.uiButton.addClass('hover');
					this.uiButton.fireEvent('mouseenter');
				}.bind(this),
				
				buttonLeave: function(){
					this.uiButton.removeClass('hover');
					this.uiButton.fireEvent('mouseleave');
				}.bind(this),
				
				select: function (files){
					
					this.addFiles(files[0]);
					
					this.nCurrentUploads = files[0].length;
					
				}.bind(this),

				complete: function (resume) {
					
					this.isUploading = false;
					
				}.bind(this),

				fileOpen: function (file) {
					
					//
					
				}.bind(this),

				fileProgress: function (r) {
					
					// get the right file object
					var file = this.fileList[r[0].id-1];
									
					var item,
						perc = r[0].progress.percentLoaded;
					if (this.uiList) item = this.uiList.getElement('#dropzone_item_' + file.uniqueid);
					
					// set file progress
					file.progress = perc;
					
					this._itemProgress(item, perc);
					
				}.bind(this),

				fileComplete: function (r) {
					
					// get the right file object
					var file = this.fileList[r[0].id-1];
					
					// set to uploaded
					file.uploaded = true;
					
					var item;
					if (this.uiList) item = this.uiList.getElement('#dropzone_item_' + file.uniqueid);
										
					// get response right
					
					try {
						response = JSON.decode(r[0].response.text, true);
					} catch(e){
						response = '';
					}
					
					// check if uploaded correctly
					
					if (this._checkResponse(response)) {
						
						this._itemComplete(item, file, response);
						
					} else {
						
						this._itemError(item, file, response);
												
					}
					
				}.bind(this)

			}
		});
		
		// toElement() method doesn't work in IE
		/*
		var flashElement = this.flashObj.toElement();
		
		// Check flash load
		if (!flashElement.getParent() || flashElement.getStyle('display') == 'none')
		{
		  subcontainer.set('html', this.options.texts.noflash);
		  return false;
		}
		*/
		
	},

	upload: function () {
		
		this.parent();
		
		if (!this.isUploading) {
			
			this.isUploading = true;
			
			for (var i = 0, f; f = this.fileList[i]; i++) {
				if (!f.uploading) {
					
					// delay to fix problem in IE8
					(function(){
						Swiff.remote(this.flashObj.toElement(), 'xFileStart', i);
					}).delay(10, this);
				
				}
			}

		}

	},

	_flashFilter: function (filters) {
		var filtertypes = {},
			assocfilters = {},
			extensions = {
			'image': '*.jpg; *.jpeg; *.gif; *.png; *.bmp;',
			'video': '*.avi; *.mpg; *.mpeg; *.flv; *.ogv; *.webm; *.mov; *.wm;',
			'text': '*.txt; *.rtf; *.doc; *.docx; *.odt; *.sxw;',
			'*': '*.*;'
		}

		filters.split(',').each(function (val) {
			val = val.split('/').invoke('trim');
			filtertypes[val[0]] = (filtertypes[val[0]] ? filtertypes[val[0]] + ' ' : '') + '*.' + val[1] + ';';
		});

		Object.each(filtertypes, function (val, key) {
			var newindex = key == '*' ? 'All Files' : key.capitalize();
			if (val == '*.*;') val = extensions[key];
			assocfilters[newindex + ' (' + val + ')'] = val;
		});

		return assocfilters;
	},

	// appendCookieData based in Swiff.Uploader.js
	_cookieData: function () {

		var hash = {};

		document.cookie.split(/;\s*/).each(function (cookie) {

			cookie = cookie.split('=');

			if (cookie.length == 2) {
				hash[decodeURIComponent(cookie[0])] = decodeURIComponent(cookie[1]);
			}
		});

		return hash;
	},

	cancel: function (id, item) {
		
		this.parent(id, item);
		Swiff.remote(this.flashObj.toElement(), 'xFileRemove', id + 1);
		
	}

});