Updated: es5 to es6 (modules & classes)

Author: nervgh

dist/angular-file-upload.min.js

@@ -13,8 +13,18 @@ gulp.task(
     pkg.name + '/build',
     function() {
         return gulp
-            .src('./src/module.js')
+            .src('./src/index.js')
             .pipe(webpackStream({
+                module: {
+                    loaders: [
+                        // https://github.com/babel/babel-loader
+                        {test: /\.js$/, loader: 'babel'},
+                        // https://github.com/webpack/json-loader
+                        {test: /\.json$/, loader: 'json'},
+                        // https://github.com/webpack/html-loader
+                        {test: /\.html$/, loader: 'html'}
+                    ]
+                },
                 plugins: [
                     // http://webpack.github.io/docs/list-of-plugins.html#uglifyjsplugin
                     new webpack.optimize.UglifyJsPlugin({

dist/angular-file-upload.min.js.map

@@ -1,6 +1,6 @@
 {
     "name": "angular-file-upload",
-    "version": "1.1.8",
+    "version": "1.2.0",
     "homepage": "https://github.com/nervgh/angular-file-upload",
     "description": "Angular File Upload is a module for the AngularJS framework",
     "author": {
@@ -9,6 +9,10 @@
     },
     "main": "dist/angular-file-upload.min.js",
     "devDependencies": {
+        "babel": "^4.7.16",
+        "babel-loader": "^4.0.0",
+        "json-loader": "^0.5.1",
+        "html-loader": "^0.2.3",
         "gulp": "^3.9.0",
         "webpack": "^1.10.1",
         "webpack-stream": "^2.0.0"

gulpfile.js

@@ -0,0 +1,3 @@
+{
+    "name": "angularFileUpload"
+}

package.json

@@ -0,0 +1,38 @@
+'use strict';
+
+
+import CONFIG from './../config.json';
+
+
+export default function __($parse, FileUploader, FileDrop) {
+
+
+    return {
+        link: function(scope, element, attributes) {
+            var uploader = scope.$eval(attributes.uploader);
+
+            if (!(uploader instanceof FileUploader)) {
+                throw new TypeError('"Uploader" must be an instance of FileUploader');
+            }
+
+            if (!uploader.isHTML5) return;
+
+            var object = new FileDrop({
+                uploader: uploader,
+                element: element
+            });
+
+            object.getOptions = $parse(attributes.options).bind(object, scope);
+            object.getFilters = function() {return attributes.filters;};
+        }
+    };
+
+
+}
+
+
+__.$inject = [
+    '$parse',
+    'FileUploader',
+    'FileDrop'
+];

src/config.json

@@ -0,0 +1,36 @@
+'use strict';
+
+
+import CONFIG from './../config.json';
+
+
+export default function __(FileUploader, FileOver) {
+
+
+    return {
+        link: function(scope, element, attributes) {
+            var uploader = scope.$eval(attributes.uploader);
+
+            if (!(uploader instanceof FileUploader)) {
+                throw new TypeError('"Uploader" must be an instance of FileUploader');
+            }
+
+            var object = new FileOver({
+                uploader: uploader,
+                element: element
+            });
+
+            object.getOverClass = function() {
+                return attributes.overClass || this.overClass;
+            };
+        }
+    };
+
+
+}
+
+
+__.$inject = [
+    'FileUploader',
+    'FileOver'
+];

src/directives/FileDrop.js

@@ -0,0 +1,36 @@
+'use strict';
+
+
+import CONFIG from './../config.json';
+
+
+export default function __($parse, FileUploader, FileSelect) {
+
+
+    return {
+        link: function(scope, element, attributes) {
+            var uploader = scope.$eval(attributes.uploader);
+
+            if (!(uploader instanceof FileUploader)) {
+                throw new TypeError('"Uploader" must be an instance of FileUploader');
+            }
+
+            var object = new FileSelect({
+                uploader: uploader,
+                element: element
+            });
+
+            object.getOptions = $parse(attributes.options).bind(object, scope);
+            object.getFilters = function() {return attributes.filters;};
+        }
+    };
+
+
+}
+
+
+__.$inject = [
+    '$parse',
+    'FileUploader',
+    'FileSelect'
+];

src/directives/FileOver.js

@@ -0,0 +1,54 @@
+'use strict';
+
+
+import CONFIG from './config.json';
+
+
+import options from './values/options'
+
+
+import serviceFileUploader from './services/FileUploader';
+import serviceFileLikeObject from './services/FileLikeObject';
+import serviceFileItem from './services/FileItem';
+import serviceFileDirective from './services/FileDirective';
+import serviceFileSelect from './services/FileSelect';
+import serviceFileDrop from './services/FileDrop';
+import serviceFileOver from './services/FileOver';
+
+
+import directiveFileSelect from './directives/FileSelect';
+import directiveFileDrop from './directives/FileDrop';
+import directiveFileOver from './directives/FileOver';
+
+
+angular
+    .module(CONFIG.name, [])
+    .value('fileUploaderOptions', options)
+    .factory('FileUploader', serviceFileUploader)
+    .factory('FileLikeObject', serviceFileLikeObject)
+    .factory('FileItem', serviceFileItem)
+    .factory('FileDirective', serviceFileDirective)
+    .factory('FileSelect', serviceFileSelect)
+    .factory('FileDrop', serviceFileDrop)
+    .factory('FileOver', serviceFileOver)
+    .directive('nvFileSelect', directiveFileSelect)
+    .directive('nvFileDrop', directiveFileDrop)
+    .directive('nvFileOver', directiveFileOver)
+    .run([
+        'FileUploader',
+        'FileLikeObject',
+        'FileItem',
+        'FileDirective',
+        'FileSelect',
+        'FileDrop',
+        'FileOver',
+        function(FileUploader, FileLikeObject, FileItem, FileDirective, FileSelect, FileDrop, FileOver) {
+            // only for compatibility
+            FileUploader.FileLikeObject = FileLikeObject;
+            FileUploader.FileItem = FileItem;
+            FileUploader.FileDirective = FileDirective;
+            FileUploader.FileSelect = FileSelect;
+            FileUploader.FileDrop = FileDrop;
+            FileUploader.FileOver = FileOver;
+        }
+    ]);