Merge pull request #37 from edgarnadal/master

Added ng-file-drag-over-class attribute
danialfarid · Nov 6, 2013 · bbf2c44 · bbf2c44
2 parents 6fd3a9c + 064b7a1
commit bbf2c44
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/README.md b/README.md
@@ -32,6 +32,7 @@ HTML:
   <input type="file" ng-file-select="onFileSelect($files)" >
   <input type="file" ng-file-select="onFileSelect($files)" multiple>
   <div ng-file-drop="onFileSelect($files);" ng-show="dropSupported">drop files here</div>
+  <div ng-file-drop="onFileSelect($files);" ng-file-drag-over-class="myOwnDragOver">This is an optional parameter</div>
   <div ng-file-drop-available="dropSupported=true" ng-show="!dropSupported">HTML5 Drop File is not supported!</div>
   <button ng-click="upload.abort()">Cancel Upload</button>
 </div>

diff --git a/angular-file-upload.js b/angular-file-upload.js
@@ -83,15 +83,15 @@ angularFileUpload.directive('ngFileDrop', [ '$parse', '$http', function($parse,
 			elem[0].addEventListener("dragover", function(evt) {
 				evt.stopPropagation();
 				evt.preventDefault();
-				elem.addClass("dragover");
+				elem.addClass(attr['ngFileDragOverClass'] || "dragover");
 			}, false);
 			elem[0].addEventListener("dragleave", function(evt) {
-				elem.removeClass("dragover");
+				elem.removeClass(attr['ngFileDragOverClass'] || "dragover");
 			}, false);
 			elem[0].addEventListener("drop", function(evt) {
 				evt.stopPropagation();
 				evt.preventDefault();
-				elem.removeClass("dragover");
+				elem.removeClass(attr['ngFileDragOverClass'] || "dragover");
 				var files = [], fileList = evt.dataTransfer.files, i;
 				if (fileList != null) {
 					for (i = 0; i < fileList.length; i++) {
@@ -109,4 +109,4 @@ angularFileUpload.directive('ngFileDrop', [ '$parse', '$http', function($parse,
 	};
 } ]);
 
-})();
+})();