Add a calendar to jira plugin

Hi,

I'm trying to intergrate a full calendar in my jira plugin, i'm referring to http://arshaw.com/fullcalendar/.

I have added this code in "atlassian-plugin.xml" :

<web-resource key="worklogCal-resources" name="worklogCal-resources">
		<resource type="download" name="fullcalendar.css" location="/css/worklogCalendar/fullcalendar.css"/>
		<resource type="download" name="fullcalendar.print.css" location="/css/worklogCalendar/fullcalendar.print.css"/>
		<resource type="download" name="jquery.min.js" location="/js/worklogCalendar/jquery.min.js"/>
		<resource type="download" name="fullcalendar.js" location="/js/worklogCalendar/fullcalendar.js"/>
		<resource type="download" name="fullcalendar.min.js" location="/js/worklogCalendar/fullcalendar.min.js"/>
		<resource type="download" name="jquery-ui.custom.min.js" location="/js/worklogCalendar/jquery-ui.custom.min.js"/>
		<resource type="download" name="moment.js" location="/js/worklogCalendar/moment.js"/>
</web-resource>

then I have added in the view "input.vm" :

$webResourceManager.requireResource("key-plugin:worklogCal-resources")
<script>

	$(document).ready(function() {
		
		$('#calendar').fullCalendar({
			header: {
				left: 'prev,next today',
				center: 'title',
				right: 'month,agendaWeek,agendaDay'
			},
			defaultDate: '2014-06-12',
			editable: true,
			.......
</script>

<body>
	<div id="calendar"></div>
</body>

But nothing is displayed.

4 answers

This widget could not be displayed.
Timothy Chin Community Champion Jun 17, 2014

$webResourceManager.requireResource("key-plugin:worklogCal-resources")

This is the first thing to check whether the resources are actually loaded.

This widget could not be displayed.

Hi,

I have added a test resource "test.js" to prvious resources contains a script

alert('test');
The message 'test' was displayed, but no calendar.

Timothy Chin Community Champion Jun 18, 2014

Just checking whether you need AJS.$ instead of $ only.

Je remplace "$" par "AJS.$" à quel niveau, j'ai fait ça

AJS.$('#calendar').fullCalendar({

mais aucun résultat obtenu

This widget could not be displayed.

Thanks so much Timothy

This widget could not be displayed.

Hi,

it works now, the problem was the ordre of included resources.

Suggest an answer

Log in or Sign up to answer
Community showcase
Posted Tuesday in Jira

What modern development practices are at the heart of how your team delivers software?

Hey Community mates! Claire here from the Software Product Marketing team. We all know software development changes rapidly, and it's often tough to keep up. But from our research, we've found the h...

178 views 1 3
Join discussion

Atlassian User Groups

Connect with like-minded Atlassian users at free events near you!

Find a group

Connect with like-minded Atlassian users at free events near you!

Find my local user group

Unfortunately there are no AUG chapters near you at the moment.

Start an AUG

You're one step closer to meeting fellow Atlassian users at your local meet up. Learn more about AUGs

Groups near you