Service Portal FullCalendar

[xiaix]

Just wanted to share some work I've done for those who would like to incorporate FullCalendar (FullCalendar - JavaScript Event Calendar ) into your Service Portal.

Here is what mine looks like now:

All the code is attached to this post (FullCalendar_For_ServicePortal_Helsinki.zip)

I hope someone finds it useful.

Message was edited by: David Dunn (** Updated code to fix Quick Access Event adding and coloring bug(s))

Message was edited by: David Dunn *MAJOR UPDATE*..   See my post below, on July 30, 2017

[walshy]

when the calendar page loads I get this: 

https://myinstance.service-now.com/bm?id=calendar_selection

So it works as expected. 

On click of a calendar: 

https://myinstance.service-now.com/bm?id=calendar&sysparm_calID=10

I modified the URL in the widget : url = $scope.data.spURL + '?id=calendar&sysparm_calID=' + $scope.data.calendars[i].calID;

so the ID is coming through from the table, that is what is confusing me. It feels like the selector isnt communicating with the calendar widget. 

I have the 

id="mainCalSelDIV"

in the html of the selection widget. 

I also found it in the html of the calendar widget. 

Due to my portal having bm not sp in the URL I changed something in the server script after going crazy hoping it would make a difference... ha, it did not. 

Once again David, thank you for checking in on me. 

CW

[xiaix]

In this widget:  , the $scope.buildCalendarListView_CalSel function is looking for the DIV element with the id of mainCalSelDIV

Make sure you have this on your HTML template:

[grant_higgins]

Hey David,

I've been searching for a Service Portal calendar widget solution, and came across yours.

I've been able to implement both widgets in my PDI for testing reasons, but whenever I attempt to add an event to the calendar in "editing" mode, I get the error "No Server Response for: $scope.saveThisEvent - [ERROR:5649]". I found this in the Client Script portion of the widget, but have not been able to discern it's cause as I'm new to scripting widgets. The event itself ends up getting saved in the u_sp_calendar table, but without a number.

Also, by the way, while implementing both widgets, if I attempted to save the Client Script file content in the Client controller field using the Widget record itself, I would get an error of "It should contain a Javascript function". I was able to circumvent this by using the Widget Editor, but thought you may want to know, in case it comes up again later.

Back in August, you also mentioned that you were working on documentation on how to install and manage this, and thought I would check in to see how that is progressing, as I'm sure many would find it extremely helpful. Is there any other information you could provide that would help to get this working? I've found many other posts about using fullcalendar.io in ServiceNow, but nothing has come as close to an implementation as yours has.

Thanks,

Grant Higgins

[xiaix]

It appears you're not getting the data.serverUpdateResponse variable populated on the server side.

So this:

on the server side, is not getting populated for some reason.

To your second concern, the It should contain a Javascript function issue when trying to save in "form view", I've already asked that here: Service Portal Widget Client Script "Missing name in function declaration"

In regards to documentation, I've been so busy with other projects, quite honestly I just haven't' had the time.   I will make it a goal to get this done before Knowledge 18.

[grant_higgins]

Hey David,

Thanks for the quick response! Seeing what you have highlighted, that makes total sense, as the records I have getting inserted have the Number field (u_number) coming through as blank. I'll try to see if I can figure out why that is.

I'll keep an eye on your other post as well regarding the "It should contain a Javascript function" as well.

As for your documentation, I am excited to see the results, and will check back more towards K18.

Thanks,

Grant Higgins