| Server IP : 52.223.31.75 / Your IP : 172.31.32.98 [ Web Server : Apache/2.4.66 () OpenSSL/1.0.2k-fips PHP/7.4.33 System : Linux ip-172-31-14-81.eu-central-1.compute.internal 4.14.281-212.502.amzn2.x86_64 #1 SMP Thu May 26 09:52:17 UTC 2022 x86_64 User : apache ( 48) PHP Version : 7.4.33 Disable Function : NONE Domains : 4 Domains MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : OFF Directory : /var/www/ripara.co/admin/js/plugins/ |
Upload File : |
var module = angular.module("lvl.directives.dragdrop", ['lvl.services']);
module.directive('lvlDraggable', ['$rootScope', 'uuid', function ($rootScope, uuid) {
return {
restrict: 'A',
link: function (scope, el, attrs, controller) {
angular.element(el).attr("draggable", "true");
var id = angular.element(el).attr("id");
if (!id) {
id = uuid.new()
angular.element(el).attr("id", id);
}
//console.log(id);
el.bind("dragstart", function (e) {
e.originalEvent.dataTransfer.setData('text', id);
console.log('drag');
$rootScope.$emit("LVL-DRAG-START");
//$("#appari").click();
});
el.bind("dragend", function (e) {
$rootScope.$emit("LVL-DRAG-END");
console.log('drop');
});
}
};
}]);
module.directive('lvlDropTarget', ['$rootScope', 'uuid', function ($rootScope, uuid) {
return {
restrict: 'A',
scope: {
onDrop: '&'
},
link: function (scope, el, attrs, controller) {
var id = angular.element(el).attr("id");
if (!id) {
id = uuid.new();
angular.element(el).attr("id", id);
}
el.bind("dragover", function (e) {
if (e.preventDefault) {
e.preventDefault(); // Necessary. Allows us to drop.
}
e.originalEvent.dataTransfer.dropEffect = 'move'; // See the section on the DataTransfer object.
return false;
});
el.bind("dragenter", function (e) {
// this / e.target is the current hover target.
angular.element(e.target).addClass('lvl-over');
});
el.bind("dragleave", function (e) {
angular.element(e.target).removeClass('lvl-over'); // this / e.target is previous target element.
});
el.bind("drop", function (e) {
if (e.preventDefault) {
e.preventDefault(); // Necessary. Allows us to drop.
}
if (e.stopPropagation) {
e.stopPropagation(); // Necessary. Allows us to drop.
}
var data = e.originalEvent.dataTransfer.getData("text");
var dest = document.getElementById(id);
var src = document.getElementById(data);
scope.onDrop({dragEl: data, dropEl: id});
});
$rootScope.$on("LVL-DRAG-START", function () {
var el = document.getElementById(id);
angular.element(el).addClass("lvl-target");
//setto l'opacity tabella iniale
opacity: 0.2;
$('#cardUtenti').addClass("opacity-0-2");
/*
angular.element(el).removeClass("lvl-target-invisible");
$(".ghost").removeClass("lvl-target-invisible");
$(".toghost").addClass("lvl-target-invisible");
$(".disappeared").removeClass("disappeared");
$(".todisappearz").addClass("disappeared");
*/
$(".lvl-target-invisible").removeClass("disappeared");
$(".lvl-target-visible").addClass("disappeared");
});
$rootScope.$on("LVL-DRAG-END", function () {
var el = document.getElementById(id);
angular.element(el).removeClass("lvl-target");
angular.element(el).removeClass("lvl-over");
$('#cardUtenti').removeClass("opacity-0-2");
/*
$(".ghost").addClass("lvl-target-invisible");
$(".toghost").removeClass("lvl-target-invisible");
$(".todisappear").addClass("disappeared");
$(".todisappearz").removeClass("disappeared");
*/
$(".lvl-target-invisible").addClass("disappeared");
$(".lvl-target-visible").removeClass("disappeared");
/*
if(angular.element(el).hasClass("todisappear")){
angular.element(el).addClass("lvl-target-invisible");
}
*/
});
}
};
}]);