Drag and drop calendar

[JFalberg]

Hi,

I am sitting here trying to come up with ideas of how to implement drag and drop functionality to the ofbiz calendar. For anyone who knows the Zimbra calendar, that is my inspiration for this project.

I’m using the current ofbiz calendar to display workeffort events, but I want the ability to drag them from one timeslot to another or expand/contract the alloted times, as well as move the workefforts to another partyid.

I’m thinking that this should be possible by using divs instead of the current table structure with div id’s that corrospond to the given cell’s start/end time and partyid and then adding a javascript layer on top of it to handle the dragging and the dropping and call to the updateWorkEffort service.

Currently, I am using an iterate-section in the screen to run through each of the party id’s I need in order to show the specific person’s calendar (basically showing x number of whole calendars on the screen). I am not sure if this setup will work with what I am proposing though.

I think I will need each workeffort to have 3 divs. A top div where I can drag a new start time. A middle div to move the workeffort between people or to a new timeslot. And finally an end div to drag to a new end time.

I’ve been looking at jquery and there seems to be some functionality I can use there in the draggable class.
I am not quite sure how to format my div ids to make it parsable through javascript though.
Since I am not the most well-versed javascripter, I was wondering if any of you would have any ideas on how to implement this feature.

I think the biggest problem would be to get the new start/end times and new partyid to use and then call my updateWorkEffort on mouseup (which also checks for party re-assigns).

Any help or comments would be appreciated.

[Nicolas Malin-2]

Hi,

At Nereide, we works on GwtCalendar integration :

https://demo.neogia.org/consultantb2b/control/showPortalPage?portalPageId=10000&parentPortalPageId=ConsulB2bCalendar

It's available at this address :
http://addons.neogia.org/addons-dev/gwtCalendarTeam/

Nicolas
Le 02/01/2012 10:19, JFalberg a écrit :

> Hi,
>
> I am sitting here trying to come up with ideas of how to implement drag and
> drop functionality to the ofbiz calendar. For anyone who knows the Zimbra
> calendar, that is my inspiration for this project.
>
> I’m using the current ofbiz calendar to display workeffort events, but I
> want the ability to drag them from one timeslot to another or
> expand/contract the alloted times, as well as move the workefforts to
> another partyid.
>
> I’m thinking that this should be possible by using divs instead of the
> current table structure with div id’s that corrospond to the given cell’s
> start/end time and partyid and then adding a javascript layer on top of it
> to handle the dragging and the dropping and call to the updateWorkEffort
> service.
>
> Currently, I am using an iterate-section in the screen to run through each
> of the party id’s I need in order to show the specific person’s calendar
> (basically showing x number of whole calendars on the screen). I am not sure
> if this setup will work with what I am proposing though.
>
> I think I will need each workeffort to have 3 divs. A top div where I can
> drag a new start time. A middle div to move the workeffort between people or
> to a new timeslot. And finally an end div to drag to a new end time.
>
> I’ve been looking at jquery and there seems to be some functionality I can
> use there in the draggable class.
> I am not quite sure how to format my div ids to make it parsable through
> javascript though.
> Since I am not the most well-versed javascripter, I was wondering if any of
> you would have any ideas on how to implement this feature.
>
> I think the biggest problem would be to get the new start/end times and new
> partyid to use and then call my updateWorkEffort on mouseup (which also
> checks for party re-assigns).
>
> Any help or comments would be appreciated.
>
>
> --
> View this message in context: http://ofbiz.135035.n4.nabble.com/Drag-and-drop-calendar-tp4252805p4252805.html
> Sent from the OFBiz - User mailing list archive at Nabble.com.

[JFalberg]

Hi Nereide,

Yeah, that looks like something along the lines of what I'm looking for. Personally I'd rather not do it through gwt, but it looks like we're heading in the same direction.
How do you ensure that you get the right times to update with?

Thanks

[Malin Nicolas]

Le 03/01/2012 15:15, JFalberg a écrit :
> Hi Nereide,
>
> Yeah, that looks like something along the lines of what I'm looking for.
> Personally I'd rather not do it through gwt, but it looks like we're heading
> in the same direction.
We made with gwtCalendar since we don't find a better solution in the
past. But we created an interface between gwtCalendar and OFBiz. Feel
free to get inspired.
> How do you ensure that you get the right times to update with?
Each operation on GWT will be confirm by before call an OFBiz service,
on this process, GWTcal wait OFBiz success confirmation and operate the
modification (most on drag and drop). When you create/update an event,
GWT Cal call a portlet to show OFBiz screen. When the user finish, he
close the GWT screen which update the GWTCalendar view.

Nicolas
> Thanks
>
> --
> View this message in context: http://ofbiz.135035.n4.nabble.com/Drag-and-drop-calendar-tp4252805p4256896.html
> Sent from the OFBiz - User mailing list archive at Nabble.com.


--
Nicolas MALIN
Consultant
Tél : [phone]
Site projet : http://www.neogia.org/
-------
Société LibrenBerry
Tél : [phone]
Site : http://www.librenberry.net/