1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
|
KB.component('calendar', function (containerElement, options) {
var modeMapping = { // Let's have bookable pretty mode names
month: 'month',
week: 'agendaWeek',
day: 'agendaDay'
};
this.render = function () {
var calendar = $(containerElement);
var mode = 'month';
if (window.location.hash) { // Check if hash contains mode
var hashMode = window.location.hash.substr(1);
mode = modeMapping[hashMode] || mode;
}
calendar.fullCalendar({
locale: $("body").data("js-lang"),
editable: true,
eventLimit: true,
defaultView: mode,
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay'
},
eventDrop: function(event) {
$.ajax({
cache: false,
url: options.saveUrl,
contentType: "application/json",
type: "POST",
processData: false,
data: JSON.stringify({
"task_id": event.id,
"date_due": event.start.format()
})
});
},
viewRender: function(view) {
// Map view.name back and update location.hash
for (var id in modeMapping) {
if (modeMapping[id] === view.name) { // Found
window.location.hash = id;
break;
}
}
var url = options.checkUrl;
var params = {
"start": calendar.fullCalendar('getView').start.format(),
"end": calendar.fullCalendar('getView').end.format()
};
for (var key in params) {
url += "&" + key + "=" + params[key];
}
$.getJSON(url, function(events) {
calendar.fullCalendar('removeEvents');
calendar.fullCalendar('addEventSource', events);
calendar.fullCalendar('rerenderEvents');
});
}
});
};
});
|
