Add support for dropping images on bufferlines and input form

js/imgur-drop-directive.js

@@ -0,0 +1,44 @@
+(function() {
+'use strict';
+
+var weechat = angular.module('weechat');
+
+weechat.directive('imgurDrop', ['connection','imgur', function(connection, imgur) {
+    return {
+        restrict: 'A',
+        link: function($scope, element, attr) {
+            var elem = element[0];
+            elem.ondragover = function () { this.classList.add('imgur-drop-hover'); return false; };
+            elem.ondragend = function () { this.classList.remove('imgur-drop-hover'); return false; };
+            elem.ondrop = function(e) {
+                // Remove hover class
+                this.classList.remove('imgur-drop-hover');
+
+                // Get files
+                var files = e.dataTransfer.files;
+
+                // Stop default behaviour
+                e.stopPropagation();
+                e.preventDefault();
+
+                // Check files length
+                if (files.length > 0) {
+                    // Sorry only one file
+                    var file = files[0];
+
+                    // Upload to imgur
+                    imgur.process(file, function(imageUrl) {
+
+                        // Send image
+                        if(imageUrl !== undefined && imageUrl !== '') {
+                            connection.sendMessage( String(imageUrl) );
+                        }
+
+                    });
+                }
+            };
+        }
+    };
+}]);
+
+})();