passman/js/app/directives/fileselect.js

'use strict';

/**
 * @ngdoc directive
 * @name passmanApp.directive:passwordGen
 * @description
 * # passwordGen
 */
angular.module('passmanApp')
	.directive('fileSelect', ['$window', function ($window) {
		return {
			restrict: 'A',
			scope: {
				success: '&success',
				error: '&error',
				progress: '&progress'
			},

			link: function (scope, el, attr, ctrl) {
				scope.success = scope.success();
				scope.error = scope.error();
				scope.progress = scope.progress();
				var fileReader = new $window.FileReader();
				var _currentFile;

				fileReader.onload = function () {
					_currentFile.data = fileReader.result;
					scope.success(_currentFile)
				};

				fileReader.onprogress = function (event) {
					var percent = (event.loaded / event.total * 100);
					scope.$apply(scope.progress({
						file_total: event.total,
						file_loaded: event.loaded,
						file_percent: percent
					}));
				};

				fileReader.onerror = function () {
					scope.error()
				};

				el.bind('change', function (e) {
					var _queueTotalFileSize = 0;
					var _queueProgressBytes = 0;

					//Calcutate total size
					for (var i = 0; i < e.target.files.length; i++) {
						_queueTotalFileSize += e.target.files[i].size;
					}
					//Now load the files
					for (var i = 0; i < e.target.files.length; i++) {
						_currentFile = e.target.files[i];
						var mb_limit = 5;
						if (_currentFile.size > (mb_limit * 1024 * 1024)) {
							scope.error('TO_BIG', _currentFile);
						}
						fileReader.readAsDataURL(_currentFile);

					}
				});
			}
		};
	}]);