How to retrieve an object dropped on the ui-calendar

[angular-ui]

How to retrieve an object dropped on the ui-calendar

[manibhasuri]

Hi Mehdi-Loup,

Can you please guide me how to fix the above issue,

Thanks in Advance
Mani

[mehdiloup]

Hi Mani,

I used the following directive to handle the dragdrop elements: https://github.com/codef0rmer/angular-dragdrop

In the method mutateDraggable of the dragdrop service, i saved the dropped element in a scope variable. Not sure it is the best way to do, but it has been a woriking quick fix.

this.mutateDraggable = function(scope, dropSettings, dragSettings, dragModel, dropModel, dropItem, $draggable) {
var isEmpty = angular.equals(angular.copy(dropItem), {}),
dragModelValue = scope.$eval(dragModel);

  scope.dndDropItem = dropItem;

  if (dragSettings && dragSettings.placeholder) {
    if (dragSettings.placeholder != 'keep'){
      if (angular.isArray(dragModelValue) && dragSettings.index !== undefined) {
        dragModelValue[dragSettings.index] = dropItem;
      } else {
        $parse(dragModel + ' = dndDropItem')(scope);
      }
    }
  } else {
    if (angular.isArray(dragModelValue)) {
      if (isEmpty) {
        if (dragSettings && ( dragSettings.placeholder !== true && dragSettings.placeholder !== 'keep' )) {
          dragModelValue.splice(dragSettings.index, 1);
        }
      } else {
        dragModelValue[dragSettings.index] = dropItem;
      }
    } else {
      // Fix: LIST(object) to LIST(array) - model does not get updated using just scope[dragModel] = {...}
      // P.S.: Could not figure out why it happened
      $parse(dragModel + ' = dndDropItem')(scope);
      if (scope.$parent) {
        $parse(dragModel + ' = dndDropItem')(scope.$parent);
      }
    }
  }
  $draggable.css({'z-index': '', 'left': '', 'top': ''});
};

[manibhasuri]

I tried debugging even when i drop an external event on to a calender mutatedraggable is not hitting,

Here is what i tried

For draggable events

%lt ul class="btn btn-droppable" ng-repeat="item in extEvents" data-drop="true" ng-model='extEvents' data-jqyoui-options="{accept:'.btn-draggable:not([ng-model=extEvents])'}" jqyoui-droppable="{index: {{$index}}}">
%lt i class="btn btn-primary btn-draggable" data-drag="true" data-jqyoui-options="{revert: 'invalid',revertDuration:0}" data-ng-model="extEvents" jqyoui-draggable="{index: {{$index}},placeholder:true,animate:true}" ng-hide="!item.title">{{item.title}}

When i drop an event onto a calender it is not fetching the model.
Can you tell me when mutatedragging is hit.

Thanks,
Mani

[snadakuduru]

Hello,

I'm trying the same issue with my calendar, Am I missing something fundamental from the above thread?

Thanks
Sandeep

[Motasoft]

Has anyone managed to get this working with https://github.com/codef0rmer/angular-dragdrop? I can't get it to hit mutatedraggable at any point, and I'm guessing because of that, it's not hitting uiConfig.calendar.drop. @mehdiloup ?