mattlewis92 / angular-bootstrap-calendar

A port of the bootstrap calendar widget to AngularJS (no jQuery required!)
https://mattlewis92.github.io/angular-bootstrap-calendar/
MIT License
798 stars 369 forks source link

Feature Request: Ability to drag and drop between calendars #650

Closed jmsunseri closed 6 years ago

jmsunseri commented 7 years ago

Feature request:

The ability to drag between calendars. It's sort of weird that I can apply the mwl-draggable property to an external object and drag it all over the screen but if i want to drag an existing event which also has mwl-draggable= true I can drag it outside of it's current calendar.

I'm trying to implement my own version of the week view with hours since the existing one seemed to be lacking and this is my stumbling block

Plunker

http://plnkr.co/edit/ZPYoKalCYJFxORhnhALE?p=preview

Versions

Angular: 1.6.6

Calendar library: 0.30.0

Browser name and version: Chrome ( Latest )

burtek commented 7 years ago

One idea was presented in #595 (using interactjs global listener), the idea was also suggested in #288. Maybe those threads can help you?

jmsunseri commented 7 years ago

I guess I can see how that would allow me to drop the event in the appropriate calendar but the event disappears and hides under the other calendars when dragging it. Do I need to do something to the event cell?

burtek commented 7 years ago

Rather with overflow and/or z-index ;)

jmsunseri commented 7 years ago

I tried to modify the template to set the z-index and overflow in my custom template but it still falls behind the other cals.

http://plnkr.co/edit/ZPYoKalCYJFxORhnhALE?p=preview

bwobbones commented 7 years ago

595 has something of an explanation of how I achieved this

mattlewis92 commented 6 years ago

Looks like this was already solved here: https://github.com/mattlewis92/angular-bootstrap-calendar/issues/595#issuecomment-340076690 Thanks for your sharing your solution! 😄