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

Thereā€™s no way to do that - I miss that feature too - wish that was implemented instead of HTML content featureā€¦

Anyone else all of a sudden getting AirCalendar errors? Was working fine on my end this morning, now my air calendars (within a group) are showing the following errors:

The plugin Air Calendar (Full Calendar) / element AirCalendar threw the following error: TypeError: b.data.fn_initializeCalendar is not a function at eval (PLUGIN_Air-Calendarā€“Full-Calendarā€“updateā€“AirCalendar-.js:19:222) at https://d1ze4rjofsego.cloudfront.net/package/run_debug_js/ff1663641996deeb002890ba1a68955c1a4a11a0525b9b082203a39bc03d2193/xfalse/x5:9:1962296 (please report this to the plugin author)

18:56:06

Element AirCalendar A - Group my Shifts

The plugin Air Calendar (Full Calendar) / element AirCalendar threw the following error: TypeError: Cannot read property ā€˜namesā€™ of undefined at eval (PLUGIN_Air-Calendarā€“Full-Calendarā€“initializeā€“AirCalendar-.js:2:82) at https://d1ze4rjofsego.cloudfront.net/package/run_debug_js/ff1663641996deeb002890ba1a68955c1a4a11a0525b9b082203a39bc03d2193/xfalse/x5:9:1962063 (please report this to the plugin author)

Has anyone experienced this type of mis-rendering before using this plugin?

I cannot consistently reproduce it, but have seen this too many times where it wonā€™t render the hours grid. Any ideas?

@seanhoots Iā€™m experiencing what I think may be a bug with the Air Calendar plugin. Took me awhile to figure out a replicable pattern, but I caught it here on video. In summary, when dragging and dropping ā€œall dayā€ events, the calendar seems not to pick up the correct ā€œmodified event endā€ variable. Instead of using the modified eventā€™s drop date, it uses the previously modified eventā€™s ā€œmodified event endā€ or, if this is the first event that Iā€™ve drag/dropped or resized since last page load, it uses an empty ā€œmodified event endā€ date. Hereā€™s the video:

My guess is that this is some kind of corner case that only occurs when mixed with other calendar settings (I use your plugin in another app and I do not seem to have this same issue). Iā€™ve played with just about every calendar setting I can think of and re-wrote the app logic numerous times to try to get around this, but it all seems fruitless because no matter what I do I cannot get the app to read the ā€œmodified event endā€ date from the calendar itself (as demonstrated in the debugger in the video). This seems out of my control, hence the bug report.

2 Likes

@edd @seanhoots, Iā€™m dealing with this problem as well, typically on a hard page reload. I currently have an on page load event that resets the calendar view when the calendar is visible and that seems to fix it but it causes a bit of a funky user experience for a couple of seconds.

@seanhoots not to pile on but it just so happened to occur again this morning so I wanted to get a video of whatā€™s happening. It doesnā€™t seem to matter how I work the logic, periodically when a single event is dragged from one date to another, it will split into two separate events. One seems to exist only in the browser as it goes away on refresh but it has caused real confusion for some of my users.

Bonus, was able to show the hourly view not rendering as well.

4 Likes

@eli I have seen the duplication problem as well.

1 Like

kudos for this awesome integration. I just subscribed!
I gave a shot to resourceTimelineYear and resourceTimelineMonth
But I end up having 00:00 as X axis instead of months or weeks


Expected results :

Demo: https://codepen.io/pen/?&editable=true&editors=001

Any idea ?

Hi Team,

Somewhat strange, my air calendar is not initializing when thereā€™s an air date picker element on the page (even if itā€™s hidden). Strange because in Seanā€™s demo page for the air calendar, he has a date picker side by side with the air calendar and thereā€™s no issues. I thought this issue was resolved in the last air date calendar plugin. @seanhoots, is there a way to delay the initializing of the air date picker? It looks like when the air date picker is loaded first, the air calendar is having an initializing conflict and crashes (doesnā€™t load). However, in the random situation where the air calendar loads first, everything is fine. Is there a way we can delay or control the air date picker initializing so that it comes after the air calendar initialization?

Hereā€™s a video of two test pages. One with the air date picker and air calendar and another page with just the air calendar and no air date picker.

https://vimeo.com/376195044

Has anyone else experienced this as of late?

Thx,
G

@gilles, I havenā€™t experimented with this but you could try making the air date picker invisible by default and then showing it after the page is fully loaded.

1 Like

@eli that worked!!

1 Like

Correction, itā€™s only working on my test page. When I implemented this on my main page with all the airdate pickers:

Iā€™m still getting the initialization error. After trying several different methods to test and get it working, I ended up completely uninstall the plugin and re-installing it. Now itā€™s working perfectly on my main page. I donā€™t even need the ā€œOnce page loaded, show airdate pickerā€. Seems the uninstall and clean re-install fixed the issue.

Update - Air Calendar now crashing again. Surprisingly, itā€™s only on my main (user facing) page. If I remove all air date/pickers, the air calendar stops crashing. On my test pages that include the air calendar and air date picker, I have the date picker on delay and there is no issue. Very strange!

I think I may have found a workaround to the faulty display problem where the calendar shows the column headers but none of the rows of data (hours in the case of a timeGridWeek view, as shown in my post above, or days in the case of a dayGridMonth, which Iā€™ve also seen). This may or may not be easy to work into your own workflow, but when I add these two actions ā€¦

  • Add pause of 30ms+ (I would do 50ms to be ā€œsafeā€)
  • Re-render calendar events

ā€¦ then I seem to avoid the faulty display problem. There seems to be a lag in the calendar of about 25-30ms that is ā€œcausingā€ this problem. Why do I think this? Well, by trial and error, with a delay of 0-25ms, I can basically always trigger this bug. With a delay of 30ms+, I can never trigger the bug (though like I said, Iā€™d use 50ms to be safe). With a delay between 26-29ms, the bug seems intermittent, and anecdotally more frequent at 26 than at 29.

Curious if this works for you @eli, and others. Post back either way!

2 Likes

Hi there - Iā€™m having trouble getting the Resource Scheduler working. When I have ā€œEnable Resource/Scheduler viewā€ checked, I get an error* and the aircalendar element doesnā€™t show up. When I uncheck it, thereā€™s no error and it displays fine. Currently Iā€™m trying to use the license key provided in the plugin since I need to verify that the resource scheduler will do what I require before I spend ~$400 to purchase the FullCalendar Scheduler directly. Has anyone seen this error, or been able to get this functionality to work?

Thanks in advance.

*The plugin Air Calendar (Full Calendar) / element AirCalendar threw the following error: TypeError: Cannot read property ā€˜getā€™ of null at r (PLUGIN_Air-Calendarā€“Full-Calendarā€“updateā€“AirCalendar-.js:1:163) at eval (PLUGIN_Air-Calendarā€“Full-Calendarā€“updateā€“AirCalendar-.js:18:391) (please report this to the plugin author)

I think I had that happen to me - and it was that my default view was not set to one that starts with the word ā€œresourceā€

has anyone been able to drag and drop between resources?

Hi @edd, I tried re-rendering the calendar events as you laid out above and it kind of works. The first time the calendar loads it displays perfectly. In subsequent views, however, while the grid displays properly, my events are all squished at the top of the calendar like this.

Itā€™s probably important to note that this is in a single page app so the subsequent views are not hard page loads.

I seem to have it working properly right now with the following workflow under a Do every time an Air Calendar is visible event.

  1. Set a custom text state called currentView to the current viewā€™s name
  2. Change the Air calendar view to dayGridWeek (a view I donā€™t use)
  3. Change the Air calendar view to the custom state currentViewā€™s text

For some reason, I canā€™t just reset the view. It has to be changed to something different than it currently is and then changed back to what it should be.

At the moment, that is working for me.

The Resource feature is not working well in the plugin. I recommend waiting for @seanhoots to fix it before purchasing anything.

1 Like

Hi guys,

does any of you have contact with @seanhoots?
Itā€™s been almost two months since the update. I subscribed the plugin but the were couple of annoying bugs so I dcidd to cancel it till the update fix but it seems that we will have to wait for thatā€¦

Does any of you have any information if the plugin will be supported in 2020? Canā€™t decide if I should go with Air Calendar or go with another plugin. Advanced calendar plugin is a must for my app so it needs to work well.

2 Likes

Thanks - Iā€™m deferring work on this piece until @seanhoots resurfaces. (WILL he resurface?? I have the same concern as @bartek.dev.)