Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Allow events to be dragged and dropped #10

Closed
7 tasks done
mattlewis92 opened this issue Jul 3, 2016 · 16 comments
Closed
7 tasks done

Allow events to be dragged and dropped #10

mattlewis92 opened this issue Jul 3, 2016 · 16 comments
Labels
enhancement
Milestone
0.5.x

Comments

@mattlewis92
Copy link
Owner

mattlewis92 commented Jul 3, 2016 •
edited
Loading

  • month view
  • week view
  • day view

Remaining items
@mattlewis92 mattlewis92 added this to the 0.2.x milestone Sep 4, 2016
@mattlewis92 mattlewis92 modified the milestones: 0.3.x, 0.2.x Sep 23, 2016
@RamitAnandSharma
Copy link

I need this feature in my project. When is this feature available for use,

@mattlewis92
Copy link
Owner Author

It's open source so completely limited by my spare time available...

@ipoweb
Copy link

ipoweb commented Oct 30, 2016

maybe we can help you ?

@mattlewis92
Copy link
Owner Author

That would be awesome! Happy to review a PR that adds this functionality. API wise it should replicate what's available in the ng1 version. The first thing to do is find or build a standalone drag and drop lib for angular 2 that has all the features required (AOT compatible, drop zones, validation, snap grids etc). Once that's done it should be pretty trivial to add this into this library.

On 30 Oct 2016, at 15:58, Sirene [email protected] wrote:

maybe we can help you ?

—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub, or mute the thread.

@mattlewis92 mattlewis92 modified the milestones: 0.5.x, 0.4.x Nov 3, 2016
@ipoweb
Copy link

ipoweb commented Nov 17, 2016

Do you want to use ng2-dnd to do that ? or from scratch ?

@mattlewis92
Copy link
Owner Author

Looking at the issues for that lib it doesn't seem to be AOT compatible and lacks several features needed by this module. I'm
not sure how responsive the author is to PRs either. I guess worst case I could always start a fork rather than starting from scratch. I have some free time tomorrow afternoon so will dig a bit deeper then and see what's possible 😀

On 17 Nov 2016, at 17:43, Sirene [email protected] wrote:

Do you want to use ng2-dnd to do that ? or from scratch ?

—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub, or mute the thread.

@mattlewis92
Copy link
Owner Author

After giving it some more thought I've decided to just roll my own dnd directives to give the functionality that the calendar needs as there's quite a lot missing from the angular dnd library. I've created the repo here: https://github.com/mattlewis92/angular-draggable-droppable

and implemented a basic draggable directive + created issue stubs for the rest of the needed features: https://github.com/mattlewis92/angular-draggable-droppable/issues

Feel free to contribute! 😄

@ipoweb
Copy link

ipoweb commented Nov 20, 2016

i have try an another plugin who maybe help, it's ng2 dragula ? have you try it ?

@mattlewis92
Copy link
Owner Author

I did look at dragula, unfortunately it doesn't have any support for snap grids. I made some good progress this weekend on building my own directive, I just need to implement a few extra features and then it should be good to go!

@ipoweb
Copy link

ipoweb commented Nov 20, 2016

Great news :) Thanks for all you do for the community 👯‍♂️

@mattlewis92
Copy link
Owner Author

No problem, happy to help! 😃

@RamitAnandSharma
Copy link

Any update on the release date of this feature

@ipoweb
Copy link

ipoweb commented Dec 7, 2016

As say Jedi : Be patient :D, mattlewis92 create new repository to test this functionality
https://github.com/mattlewis92/angular-draggable-droppable

@mattlewis92
Copy link
Owner Author

I've built the low level directives to handle drag and drop: https://github.com/mattlewis92/angular-draggable-droppable

It's now just a case of hooking up the calendar to use them.

mattlewis92 pushed a commit that referenced this issue Dec 10, 2016
feat(monthView): Add drag and drop functionality
7a2714b 
BREAKING CHANGE:

A dependency on the `angular-draggable-droppable` library has been added. System.js users will need to add this to their config:

```
'angular-draggable-droppable': 'npm:angular-draggable-droppable/dist/umd/angular-draggable-droppable.js'
```

First part of #10
mattlewis92 pushed a commit that referenced this issue Dec 10, 2016
feat(weekView): support drag and drop of events. #10
64a3dc4
mattlewis92 pushed a commit that referenced this issue Dec 10, 2016
feat(dayView): add drag and drop support. #10
19aa766
@mattlewis92
Copy link
Owner Author

mattlewis92 commented Dec 10, 2016 •
edited
Loading

Finally made some good progress with this today: https://github.com/mattlewis92/angular-calendar/tree/0.5.0

There are a few issues I've found with the drag and drop directive as I was implementing this that I need to fixed first, but all are pretty minor and shouldn't take long to fix. I'll aim to get them done today! :)

@mattlewis92 mattlewis92 mentioned this issue Dec 12, 2016
Merged
@mattlewis92
Copy link
Owner Author

mattlewis92 commented Dec 12, 2016 •
edited
Loading

I think I've ironed out all the bugs and I will cut a new release once I've finished the other issues in the 0.5.0 milestone. In the mean time if you want drag and drop today, you can install 0.5.0-beta.0 via npm install angular-calendar@beta. Let me know if there are any issues with it! 😃

To use it add the draggable: true property to your events, and system.js users will need to include the angular-draggable-droppable in their system.js config.

mattlewis92 added a commit that referenced this issue Dec 18, 2016
@mattlewis92
feat: add drag and drop support (#100)
bbc02f3 
BREAKING CHANGE:

A dependency on the `angular-draggable-droppable` library has been added. System.js users will need to add this to their config:

```
'angular-draggable-droppable': 'npm:angular-draggable-droppable/dist/umd/angular-draggable-droppable.js'
```

Closes #10
Closes #102
@riyadali riyadali mentioned this issue Oct 19, 2018
Merged
AndersTornkvist pushed a commit to AndersTornkvist/angular-calendar that referenced this issue Dec 29, 2020
feat(resizeHandles): add support for nesting resize handles inside th…
1af705a 
…e element

Closes mattlewis92#10
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
enhancement
Projects
None yet
Milestone
0.5.x
Development

No branches or pull requests
3 participants
@ipoweb @mattlewis92 @RamitAnandSharma