Add a calendar to jira plugin

tarik ahmed June 17, 2014

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

0 votes
tarik ahmed June 19, 2014

Hi,

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

0 votes
tarik ahmed June 18, 2014

Thanks so much Timothy

0 votes
tarik ahmed June 17, 2014

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
Rising Star
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Leaders.
June 18, 2014

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

tarik ahmed June 18, 2014

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

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

mais aucun résultat obtenu

0 votes
Timothy
Rising Star
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Leaders.
June 17, 2014

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

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

Suggest an answer

Log in or Sign up to answer