šŸ“…[New Plugin] Air Calendar (FullCalendar)

[edit 3]

After solving some compatibility issues with other plugins - this stopped working.


@ryan8 @edd @eli

So I found workaround the problem with disappearing events and doubling the events.

What I did is changed the workflow works.

Workflow: the AirCalendar event is modified ā†’
Actions: pick some element and set states for: start date, end date, first_change (default ā€œyesā€) - or whatever names you want

Simply like that:
image

And then have action that simply changes the thing by referring to the custom states.

image

Notice that I have additional state first_change - itā€™s because for the first drag or resize the calendar doesnā€™t pick up the modified end dates. So there is a need for some UX workaround for that.

And then simply change state for the first_change for no. it works perfectly after that.

Hope it helps

[edit 2]

I forgot to mention that for the first drag/resize the event will change visually on the calendar but of course no data changes will be made in DB. Just added this and works great:

image

On the first drag/resize make changes to the current taskā€¦ well by not changing it.

1 Like

interestingā€¦ i did try something like this with states and it did not work for me, but maybe ill try ti your way and see if i get something different. I tried having the CAL pull form the state, but seems like you are updating the event from the state to the DB vs referencing the state in the AIRCAL workflow

I need to show a class schedule, i,e, MWF, TTh etc, for a few weeks. Is air table able to do that? I want to just click on the dates of the class I am creating and then have the student see the schedule just as I created.
Hence all I need is the ability for user to see the dates selected on the calendar. They don,t do anything with it. Its a sort of a static calendar picture.

You can check out the Bubble plugin calendar for that, which is free. Itā€™s called Full Calendar.

I am looking for something like the following picture. A calendar that has some pre clicked daes. I want to show a class calendar. The students can see the days/dates that have the classes. Couldnā€™t see any way to do that with Full Calendar. Is there any other plugin?

Check this one.

Iā€™m revisiting this for probably the 6th time in the last year. I havenā€™t found any other plugin or solution that works as good as the Resource Timeline view that FullCalendar offers. @seanhoots is MIA but @stephane gave me a fantastic head start with his implementation and Iā€™m fairly confident I can figure out how to make this work.
The point Iā€™m stuck at now is one of the points that AirCalendar fails as well. I need my event to be able to recognize multiple resources: Associating Events with Resources - Docs | FullCalendar

Som, this is probably a novice question but how do I modify this expression to output the resources as an array?

2 Likes

Okay! So I donā€™t really know if itā€™s cool for me to take this thread hostage and post updates of my progress but itā€™s the most relevant thread that already exists and I may as well just add to what Iā€™ve already mentioned.

There might be a better way of doing it but I did figure out a way to send my list of resources as an array in the JSON. I inserted a JSON Generator (plugin) in to each cell of my repeating group. To pull that each cellā€™s list out, I also added the RGExtractor plugin and the IF-THEN element that comes with the Utilities (BDK) so that all the extractors run automatically. Then with a few find&replaces on the end of the RGdata element, the text output is a properly formatted JSON to send in the FullCalendar script. The RGExtractor is only going to output data from cells that are displayed so Iā€™d recommend using Full List for your repeating group. This solution will probably use a lot of resources if you have a long list but I never will in this instance so it should be fine.

Itā€™s also worth mentioning that FullCalendar has a 5.0 version released only last month. There are quite a few changes that will make trying to borrow Stephaneā€™s code much more difficult. If you use his implementation, stick with the 4.x version his is written for. His example showed me how to implement JS within Bubble and Iā€™ve become familiar enough now that Iā€™m going to be starting from scratch and implementing the newest version. Iā€™d estimate I have about 13 hours in to this now.

2 Likes

I just wanted to suggest that maybe some Bubble plugin dev should pick up this plugin from @seanhoots

This is the best calendar plugin on Bubble and its a shame that all that work went to **** because of simple bug that makes it unusable. I would do it myself if could.

@ZeroqodeSupport @levon think it through guys, maybe with some luck you will find @seanhoots

4 Likes

weā€™d actually be happy to do that if @seanhoots is ready to consider that scenario.
We would take care of the plugins and keep improving them and providing support to the community.
What do you say @seanhoots ?

5 Likes

I agree, this is one of the best plugins, use it in all my apps. @seanhoots did a great job in creating this app, which was +5 in helping bubble have a modern looking calendar. The bubble native calendar element didnā€™t look professional for clients. This plugin now allows you to build professional looking calendar views with a fast / responsive UI. It would be great if you (@levon) could take it over to ensure itā€™s continued success and development.

Is @seanhoots still alive / on bubble? Havenā€™t seen anything from film since last year October or November

Hello, everyone.
Is it possible to create the events on another page, as little boxes, and then be able to drag them into the calendar?
Essentially, I have a repeating group of tasks and I want to be able to drag them in the calendar.
I want to know if this plug in could support that. And, if so, I would appreciate some guidance in executing that. :slight_smile:

@levon @bartek.dev @gilles

Would be nice if someone took over, or if the ZQ Calendar sees significant further development (itā€™s already pretty good). The main issue is the @seanhoots hasnā€™t been on the forum since Jan 7th, so a handover might not even be possibleā€¦

2 Likes

@levon have your tired reaching out to @seanhoots? Iā€™ll ask the bubble team if theyā€™ve had contact with him. 8 months of Mia goes beyond a vacation. I hope he returns as he as a significant contributor to bubble and the forums.

Hey Gilles,
i havenā€™t tried to send him a direct message, but hoped that heā€™d see the forum messages.
iā€™ve now found his email through the plugin support button, will try to shoot a message there.
Thanks!

Hello guys

I want to use the resources with resourceTimeGridWeek, but I have 8 resources and week donĀ“t look good
I attached how looks like, please your support. Maybe include a horizaontal scrolling would be the solution but I am not a expert. Please your support.


@stephane @seanhoots

Spotted @seanhoots in wappler land.

Heā€™s alive!

@gilles @levon

3 Likes

Unbelievable, the bull is jumping the fence. We should troll him in the wrapper forums.

1 Like

The best solution is to integrate the calendar js yourself as Iā€™ve done in my example.

@seanhoots gave up the plugin support and there is no way to fix it this way

Hi @stephane - where is your example ? Did you post it in another Thread?

Thx