You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

60 lines
2.4 KiB

  1. /**********************************************************************************
  2. *
  3. * Copyright (C) 2018 MuK IT GmbH
  4. *
  5. * This program is free software: you can redistribute it and/or modify
  6. * it under the terms of the GNU Affero General Public License as
  7. * published by the Free Software Foundation, either version 3 of the
  8. * License, or (at your option) any later version.
  9. *
  10. * This program is distributed in the hope that it will be useful,
  11. * but WITHOUT ANY WARRANTY; without even the implied warranty of
  12. * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
  13. * GNU Affero General Public License for more details.
  14. *
  15. * You should have received a copy of the GNU Affero General Public License
  16. * along with this program. If not, see <http://www.gnu.org/licenses/>.
  17. *
  18. **********************************************************************************/
  19. $.fn.textWidth = function(text, font) {
  20. if (!$.fn.textWidth.fakeEl) $.fn.textWidth.fakeEl = $('<span>').hide().appendTo(document.body);
  21. $.fn.textWidth.fakeEl.text(text || this.val() || this.text()).css('font', font || this.css('font'));
  22. return $.fn.textWidth.fakeEl.width();
  23. };
  24. $.fn.dndHover = function(options) {
  25. return this.each(function() {
  26. var self = $(this);
  27. var collection = $();
  28. var dragenter = function(event) {
  29. if (collection.size() === 0) {
  30. self.trigger('dndHoverStart', [event]);
  31. }
  32. collection = collection.add(event.target);
  33. };
  34. var dragleave = function(event) {
  35. setTimeout(function() {
  36. collection = collection.not(event.target);
  37. if (collection.size() === 0) {
  38. self.trigger('dndHoverEnd', [event]);
  39. }
  40. }, 1);
  41. };
  42. var drop = function(event) {
  43. setTimeout(function() {
  44. collection = $();
  45. self.trigger('dndHoverEnd', [event]);
  46. }, 1);
  47. };
  48. if(options && options === 'destroy') {
  49. self.off('dragenter.dnd_hover');
  50. self.off('dragleave.dnd_hover');
  51. self.off('drop.dnd_hover');
  52. } else {
  53. self.on('dragenter.dnd_hover', dragenter);
  54. self.on('dragleave.dnd_hover', dragleave);
  55. self.on('drop.dnd_hover', drop);
  56. }
  57. });
  58. };