gistfile1.js

<hive-validator></hive-validator> 

(hive-validator.html): <div drop-target></div>

angular.module('amperApp.directives')
    .directive('hiveValidator', ['hiveQueryService', function(hiveQueryService) {
      return {
        restrict: 'E',
        templateUrl: 'partials/jobs/hive-validator.html',
        replace: true,
        link: function($scope, element, attrs) {
        
        
        

    .directive('dropTarget', ['utilsService', function(utils) {
          var getData = function(event) {
            
            return JSON.parse(event.originalEvent.dataTransfer.getData('text'));
          };
          return {
            restrict: 'A',
            scope: true,
            link: function($scope, element, attrs) {