You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
603 lines
23 KiB
603 lines
23 KiB
<script>
|
|
function checkLength( o, n, min, max ) {
|
|
if ( o.val().length > max || o.val().length < min ) {
|
|
o.addClass( "ui-state-error" );
|
|
/*updateTips( "Length of " + n + " must be between " +
|
|
min + " and " + max + "." );*/
|
|
return false;
|
|
} else {
|
|
return true;
|
|
}
|
|
}
|
|
function clean_user_select() {
|
|
//Cleans the selected attr
|
|
$("#users_to_send_id").val('').trigger("chosen:updated");
|
|
/*$('#users_to_send_id')
|
|
.find('option')
|
|
.removeAttr('selected')
|
|
.end();*/
|
|
}
|
|
|
|
var region_value = '{{ region_value }}';
|
|
|
|
$(document).ready(function() {
|
|
var date = new Date();
|
|
|
|
// Reset button.
|
|
$("button[type=reset]").click(function() {
|
|
$("#session_id").find('option').removeAttr("selected");
|
|
});
|
|
|
|
$("#dialog-form").dialog({
|
|
autoOpen: false,
|
|
modal : false,
|
|
width : 580,
|
|
height : 480,
|
|
zIndex: 20000 // added because of qtip2
|
|
});
|
|
|
|
$("#simple-dialog-form").dialog({
|
|
autoOpen: false,
|
|
modal : false,
|
|
width : 580,
|
|
height : 480,
|
|
zIndex: 20000 // added because of qtip2
|
|
});
|
|
|
|
var title = $("#title"),
|
|
content = $( "#content" ),
|
|
allFields = $( [] ).add( title ).add( content ), tips = $(".validateTips");
|
|
|
|
$("#select_form_id_search").change(function() {
|
|
var temp ="&user_id="+$("#select_form_id_search").val();
|
|
var position =String(window.location).indexOf("&user");
|
|
var url_length = String(window.location).length;
|
|
var url = String(window.location).substring(0,position)+temp;
|
|
if (position > 0) {
|
|
window.location.replace(url);
|
|
} else {
|
|
url = String(window.location)+temp;
|
|
window.location.replace(url);
|
|
}
|
|
});
|
|
|
|
$.datepicker.setDefaults( $.datepicker.regional[region_value] );
|
|
|
|
var calendar = $('#calendar').fullCalendar({
|
|
header: {
|
|
left: 'today prev,next',
|
|
center: 'title',
|
|
right: 'month,agendaWeek,agendaDay'
|
|
},
|
|
{% if use_google_calendar == 1 %}
|
|
eventSources: [
|
|
// if you want to add more just add URL in this array
|
|
'{{ google_calendar_url }}',
|
|
{
|
|
className: 'gcal-event' // an option!
|
|
}
|
|
],
|
|
{% endif %}
|
|
|
|
defaultView: '{{ default_view }}',
|
|
buttonText: {{ button_text }},
|
|
monthNames: {{ month_names }},
|
|
monthNamesShort:{{ month_names_short }},
|
|
dayNames: {{ day_names }},
|
|
dayNamesShort: {{ day_names_short }},
|
|
firstHour: 8,
|
|
firstDay: 1,
|
|
selectable : true,
|
|
selectHelper: true,
|
|
viewDisplay: function(view) {
|
|
/* When changing the view update the qtips */
|
|
/*var api = $('.qtip').qtip('api'); // Access the API of the first tooltip on the page
|
|
if (api) {
|
|
api.destroy();
|
|
//api.render();
|
|
}*/
|
|
},
|
|
// Add event
|
|
select: function(start, end, jsEvent, view) {
|
|
var start_date = start.format("YY-MM-DD");
|
|
var end_date = end.format("YY-MM-DD");
|
|
|
|
var allDay = true;
|
|
if (end.hasTime()) {
|
|
allDay = false;
|
|
}
|
|
|
|
$('#visible_to_input').show();
|
|
$('#add_as_announcement_div').show();
|
|
$('#visible_to_read_only').hide();
|
|
|
|
// Cleans the selected attr
|
|
clean_user_select();
|
|
|
|
// Sets the 1st item selected by default
|
|
$('#users_to_send_id option').eq(0).attr('selected', 'selected');
|
|
|
|
// Update chz-select
|
|
//$("#users_to_send_id").trigger("chosen:updated");
|
|
|
|
if ({{ can_add_events }} == 1) {
|
|
var url = '{{ web_agenda_ajax_url }}&a=add_event&start='+start.format('YYYY-MM-DD 00:00:00')+'&end='+end.format('YYYY-MM-DD 00:00:00')+'&all_day='+allDay+'&view='+view.name;
|
|
var start_date_value = start.format('{{ js_format_date }}');
|
|
var end_date_value = end.format('{{ js_format_date }}');
|
|
|
|
$('#start_date').html(start_date_value);
|
|
|
|
if (start_date_value == end_date_value) {
|
|
$('#end_date').html(' - ' + end_date_value);
|
|
} else {
|
|
$('#start_date').html('');
|
|
$('#end_date').html(start_date_value+" - " + end_date_value);
|
|
}
|
|
|
|
$('#color_calendar').html('{{ type_label }}');
|
|
$('#color_calendar').removeClass('group_event');
|
|
$('#color_calendar').addClass('label_tag');
|
|
$('#color_calendar').addClass('{{ type_event_class }}');
|
|
|
|
//It shows the CKEDITOR while Adding an Event
|
|
$('#cke_content').show();
|
|
//It Fixing a minor bug with textarea ckeditor.remplace
|
|
$('#content').css('display','none');
|
|
//Reset the CKEditor content that persist in memory
|
|
CKEDITOR.instances['content'].setData('');
|
|
|
|
allFields.removeClass("ui-state-error");
|
|
$("#dialog-form").dialog("open");
|
|
$("#dialog-form").dialog({
|
|
buttons: {
|
|
'{{ "Add" | get_lang }}' : function() {
|
|
var bValid = true;
|
|
bValid = bValid && checkLength(title, "title", 1, 255);
|
|
|
|
//This For make the CKEDITOR SERIALIZABLE
|
|
for ( instance in CKEDITOR.instances ) {
|
|
CKEDITOR.instances[instance].updateElement();
|
|
}
|
|
|
|
var params = $("#add_event_form").serialize();
|
|
|
|
$.ajax({
|
|
url: url+'&'+params,
|
|
success:function(data) {
|
|
var user = $('#users_to_send_id').val();
|
|
if (user) {
|
|
if (user.length > 1) {
|
|
user = 0;
|
|
} else {
|
|
user = user[0];
|
|
}
|
|
var user_length = String(user).length;
|
|
if (String(user).substring(0,1) == 'G') {
|
|
var user_id = String(user).substring(6,user_length);
|
|
var user_id = "G:"+user_id;
|
|
} else {
|
|
var user_id = String(user).substring(5,user_length);
|
|
}
|
|
var temp = "&user_id="+user_id;
|
|
var position = String(window.location).indexOf("&user");
|
|
var url_length = String(window.location).length;
|
|
var url = String(window.location).substring(0, position)+temp;
|
|
/*if (position > 0) {
|
|
window.location.replace(url);
|
|
} else {
|
|
url = String(window.location)+temp;
|
|
window.location.replace(url);
|
|
}*/
|
|
} else {
|
|
/* calendar.fullCalendar("refetchEvents");
|
|
calendar.fullCalendar("rerenderEvents");*/
|
|
}
|
|
|
|
$("#title").val('');
|
|
$("#content").val('');
|
|
$("#comment").val('');
|
|
|
|
calendar.fullCalendar("refetchEvents");
|
|
calendar.fullCalendar("rerenderEvents");
|
|
|
|
$("#dialog-form").dialog("close");
|
|
}
|
|
});
|
|
}
|
|
},
|
|
close: function() {
|
|
$("#title").val('');
|
|
$("#content").val('');
|
|
$("#comment").val('');
|
|
}
|
|
});
|
|
|
|
// Don't follow the link.
|
|
return false;
|
|
|
|
calendar.fullCalendar('unselect');
|
|
//Reload events
|
|
calendar.fullCalendar("refetchEvents");
|
|
calendar.fullCalendar("rerenderEvents");
|
|
}
|
|
},
|
|
eventRender: function(event, element) {
|
|
if (event.attachment) {
|
|
/*element.qtip({
|
|
hide: {
|
|
delay: 2000
|
|
},
|
|
content: event.attachment,
|
|
position: { at:'top right' , my:'bottom right'}
|
|
}).removeData('qtip'); // this is an special hack to add multiple qtip in the same target
|
|
*/
|
|
}
|
|
if (event.description) {
|
|
var comment = '';
|
|
if (event.comment) {
|
|
comment = event.comment;
|
|
}
|
|
|
|
/*element.qtip({
|
|
hide: {
|
|
delay: 2000
|
|
},
|
|
content: event.description + ' ' + comment,
|
|
position: { at:'top left' , my:'bottom left'}
|
|
});*/
|
|
}
|
|
},
|
|
eventClick: function(calEvent, jsEvent, view) {
|
|
var start_date = calEvent.start.format("YY-MM-DD");
|
|
|
|
if (calEvent.allDay == 1) {
|
|
var end_date = '';
|
|
} else {
|
|
var end_date = '';
|
|
if (calEvent.end && calEvent.end != '') {
|
|
var end_date = calEvent.end.format("YY-MM-DD");
|
|
}
|
|
}
|
|
|
|
// Edit event.
|
|
if (calEvent.editable) {
|
|
|
|
$('#visible_to_input').hide();
|
|
$('#add_as_announcement_div').hide();
|
|
|
|
{% if type != 'admin' %}
|
|
$('#visible_to_read_only').show();
|
|
$("#visible_to_read_only_users").html(calEvent.sent_to);
|
|
{% endif %}
|
|
|
|
$('#color_calendar').html('{{type_label}}');
|
|
$('#color_calendar').addClass('label_tag');
|
|
$('#color_calendar').removeClass('course_event');
|
|
$('#color_calendar').removeClass('personal_event');
|
|
$('#color_calendar').removeClass('group_event');
|
|
$('#color_calendar').addClass(calEvent.type+'_event');
|
|
|
|
//It hides the CKEDITOR while clicking an existing Event
|
|
$('#cke_content').hide();
|
|
|
|
$('#start_date').html(calEvent.start.format("YY-MM-DD"));
|
|
if (calEvent.end) {
|
|
$('#end_date').html(' - '+calEvent.end.format("YY-MM-DD"));
|
|
}
|
|
|
|
if ($("#title").parent().find('#title_edit').length == 0) {
|
|
$("#title").parent().append('<div id="title_edit"></div>');
|
|
}
|
|
|
|
$("#title_edit").html(calEvent.title);
|
|
|
|
if ($("#content").parent().find('#content_edit').length == 0) {
|
|
$("#content").parent().append('<div id="content_edit"></div>');
|
|
}
|
|
$("#content_edit").html(calEvent.description);
|
|
|
|
if ($("#comment").parent().find('#comment_edit').length == 0) {
|
|
$("#comment").parent().append('<div id="comment_edit"></div>');
|
|
}
|
|
|
|
if (calEvent.course_name) {
|
|
$("#calendar_course_info").html(
|
|
'<div class="form-group"><label class="col-sm-2 control-label">{{ 'Course' | get_lang }}</label>' +
|
|
'<div class="class="col-sm-8">' + calEvent.course_name+"</div></div>"
|
|
);
|
|
} else {
|
|
$("#calendar_course_info").html('');
|
|
}
|
|
|
|
if (calEvent.session_name) {
|
|
$("#calendar_session_info").html(
|
|
'<div class="form-group"><label class="col-sm-2 control-label">{{ 'Session' | get_lang }}</label>'+
|
|
'<div class="class="col-sm-8">' + calEvent.session_name+"</div></div>"
|
|
);
|
|
} else {
|
|
$("#calendar_session_info").html('');
|
|
}
|
|
|
|
$("#comment_edit").html(calEvent.comment);
|
|
|
|
$("#title_edit").show();
|
|
$("#content_edit").show();
|
|
$("#comment_edit").show();
|
|
|
|
$("#title").hide();
|
|
$("#content").hide();
|
|
$("#comment").hide();
|
|
|
|
allFields.removeClass( "ui-state-error" );
|
|
|
|
$("#dialog-form").dialog("open");
|
|
|
|
var url = '{{ web_agenda_ajax_url }}&a=edit_event&id='+calEvent.id+'&start='+calEvent.start.unix()+'&end='+calEvent.end.unix()+'&all_day='+calEvent.allDay+'&view='+view.name;
|
|
var delete_url = '{{ web_agenda_ajax_url }}&a=delete_event&id='+calEvent.id;
|
|
|
|
$("#dialog-form").dialog({
|
|
buttons: {
|
|
'{{ "ExportiCalConfidential"|get_lang }}' : function() {
|
|
url = "{{ _p.web_main }}calendar/ical_export.php?id=" + calEvent.id+'&course_id='+calEvent.course_id+"&class=confidential";
|
|
window.location.href = url;
|
|
},
|
|
'{{ "ExportiCalPrivate"|get_lang }}': function() {
|
|
url = "{{ _p.web_main }}calendar/ical_export.php?id=" + calEvent.id+'&course_id='+calEvent.course_id+"&class=private";
|
|
window.location.href = url;
|
|
},
|
|
'{{ "ExportiCalPublic"|get_lang }}': function() {
|
|
url = "{{ _p.web_main }}calendar/ical_export.php?id=" + calEvent.id+'&course_id='+calEvent.course_id+"&class=public";
|
|
window.location.href = url;
|
|
},
|
|
{% if type == 'not_available' %}
|
|
'{{ "Edit" | get_lang }}' : function() {
|
|
var bValid = true;
|
|
bValid = bValid && checkLength( title, "title", 1, 255 );
|
|
|
|
var params = $("#add_event_form").serialize();
|
|
$.ajax({
|
|
url: url+'&'+params,
|
|
success:function() {
|
|
calEvent.title = $("#title").val();
|
|
calEvent.start = calEvent.start;
|
|
calEvent.end = calEvent.end;
|
|
calEvent.allDay = calEvent.allDay;
|
|
calEvent.description = $("#content").val();
|
|
calendar.fullCalendar('updateEvent',
|
|
calEvent,
|
|
true // make the event "stick"
|
|
);
|
|
$("#dialog-form").dialog("close");
|
|
}
|
|
});
|
|
},
|
|
{% endif %}
|
|
|
|
'{{ "Edit"|get_lang }}' : function() {
|
|
url = "{{ _p.web_main }}calendar/agenda.php?action=edit&type=fromjs&id=" + calEvent.id+'&course_id='+calEvent.course_id+"";
|
|
window.location.href = url;
|
|
$("#dialog-form").dialog( "close" );
|
|
},
|
|
'{{ "Delete"|get_lang }}': function() {
|
|
|
|
if (calEvent.parent_event_id || calEvent.has_children != '') {
|
|
var newDiv = $(document.createElement('div'));
|
|
|
|
newDiv.dialog({
|
|
modal: true,
|
|
title: "{{ 'Confirmation' | get_lang }}"
|
|
});
|
|
|
|
var buttons = newDiv.dialog("option", "buttons");
|
|
|
|
if (calEvent.has_children == '0') {
|
|
$.extend(buttons, {
|
|
'{{ "DeleteThisItem" | get_lang }}' : function() {
|
|
$.ajax({
|
|
url: delete_url,
|
|
success:function() {
|
|
calendar.fullCalendar('removeEvents',
|
|
calEvent
|
|
);
|
|
calendar.fullCalendar("refetchEvents");
|
|
calendar.fullCalendar("rerenderEvents");
|
|
$("#dialog-form").dialog("close");
|
|
newDiv.dialog( "close" );
|
|
}
|
|
});
|
|
}
|
|
});
|
|
newDiv.dialog("option", "buttons", buttons);
|
|
}
|
|
|
|
var buttons = newDiv.dialog("option", "buttons");
|
|
|
|
$.extend(buttons, {
|
|
'{{ "DeleteAllItems" | get_lang }}' : function() {
|
|
$.ajax({
|
|
url: delete_url+'&delete_all_events=1',
|
|
success:function() {
|
|
calendar.fullCalendar('removeEvents',
|
|
calEvent
|
|
);
|
|
calendar.fullCalendar("refetchEvents");
|
|
calendar.fullCalendar("rerenderEvents");
|
|
$("#dialog-form").dialog( "close" );
|
|
newDiv.dialog( "close" );
|
|
}
|
|
});
|
|
}
|
|
});
|
|
newDiv.dialog("option", "buttons", buttons);
|
|
|
|
return true;
|
|
}
|
|
|
|
$.ajax({
|
|
url: delete_url,
|
|
success:function() {
|
|
calendar.fullCalendar('removeEvents',
|
|
calEvent
|
|
);
|
|
calendar.fullCalendar("refetchEvents");
|
|
calendar.fullCalendar("rerenderEvents");
|
|
$("#dialog-form").dialog( "close" );
|
|
}
|
|
});
|
|
}
|
|
},
|
|
close: function() {
|
|
$("#title_edit").hide();
|
|
$("#content_edit").hide();
|
|
$("#comment_edit").hide();
|
|
|
|
$("#title").show();
|
|
$("#content").show();
|
|
$("#comment").show();
|
|
|
|
$("#title_edit").html('');
|
|
$("#content_edit").html('');
|
|
$("#comment_edit").html('');
|
|
|
|
$("#title").val('');
|
|
$("#content").val('');
|
|
$("#comment").val('');
|
|
}
|
|
});
|
|
} else {
|
|
// Simple form
|
|
$('#simple_start_date').html(calEvent.start.format("YY-MM-DD"));
|
|
|
|
if (end_date != '') {
|
|
$('#simple_start_date').html(calEvent.start.format("YY-MM-DD"));
|
|
$('#simple_end_date').html(' ' + calEvent.end.format("YY-MM-DD"));
|
|
}
|
|
if (calEvent.course_name) {
|
|
$("#calendar_course_info_simple").html(
|
|
'<div class="form-group"><label class="col-sm-3 control-label">{{ 'Course' | get_lang }}</label>' +
|
|
'<div class="col-sm-9">' + calEvent.course_name+"</div></div>"
|
|
);
|
|
} else {
|
|
$("#calendar_course_info_simple").html('');
|
|
}
|
|
|
|
if (calEvent.session_name) {
|
|
$("#calendar_session_info").html(
|
|
'<div class="form-group"><label class="col-sm-3 control-label">{{ 'Session' | get_lang }}</label>' +
|
|
'<div class="col-sm-9">' + calEvent.session_name+"</div></div>"
|
|
);
|
|
|
|
} else {
|
|
$("#calendar_session_info").html('');
|
|
}
|
|
|
|
$("#simple_title").html(calEvent.title);
|
|
$("#simple_content").html(calEvent.description);
|
|
$("#simple_comment").html(calEvent.comment);
|
|
|
|
$("#simple-dialog-form").dialog("open");
|
|
$("#simple-dialog-form").dialog({
|
|
buttons: {
|
|
'{{"ExportiCalConfidential"|get_lang}}' : function() {
|
|
url = "ical_export.php?id=" + calEvent.id+'&course_id='+calEvent.course_id+"&class=confidential";
|
|
window.location.href = url;
|
|
},
|
|
'{{"ExportiCalPrivate"|get_lang}}': function() {
|
|
url = "ical_export.php?id=" + calEvent.id+'&course_id='+calEvent.course_id+"&class=private";
|
|
window.location.href = url;
|
|
},
|
|
'{{"ExportiCalPublic"|get_lang}}': function() {
|
|
url = "ical_export.php?id=" + calEvent.id+'&course_id='+calEvent.course_id+"&class=public";
|
|
window.location.href = url;
|
|
}
|
|
}
|
|
});
|
|
}
|
|
},
|
|
editable: true,
|
|
events: "{{web_agenda_ajax_url}}&a=get_events",
|
|
eventDrop: function(event, delta, revert_func) {
|
|
$.ajax({
|
|
url: '{{ web_agenda_ajax_url }}',
|
|
data: {
|
|
a: 'move_event',
|
|
id: event.id,
|
|
day_delta: delta.days(),
|
|
minute_delta: delta.minutes()
|
|
}
|
|
});
|
|
},
|
|
eventResize: function(event, delta, revert_func) {
|
|
$.ajax({
|
|
url: '{{ web_agenda_ajax_url }}',
|
|
data: {
|
|
a: 'resize_event',
|
|
id: event.id,
|
|
day_delta: delta.days(),
|
|
minute_delta: delta.minutes()
|
|
}
|
|
});
|
|
},
|
|
axisFormat: 'h(:mm)a',
|
|
timeFormat: 'h:mm',
|
|
loading: function(bool) {
|
|
if (bool) $('#loading').show();
|
|
else $('#loading').hide();
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
{{ actions_div }}
|
|
{{ toolbar }}
|
|
|
|
<div id="simple-dialog-form" style="display:none;">
|
|
<div style="width:500px">
|
|
<form name="form-simple" class="form-horizontal">
|
|
<span id="calendar_course_info_simple"></span>
|
|
<span id="calendar_session_info"></span>
|
|
<div class="form-group">
|
|
<label class="col-sm-3 control-label">
|
|
<b>{{ "Date" |get_lang}}</b>
|
|
</label>
|
|
<div class="col-sm-9">
|
|
<span id="simple_start_date"></span>
|
|
<span id="simple_end_date"></span>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-sm-3 control-label">
|
|
<b>{{ "Title" |get_lang}}</b>
|
|
</label>
|
|
<div class="col-sm-9">
|
|
<div id="simple_title"></div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-sm-3 control-label">
|
|
<b>{{ "Description" |get_lang}}</b>
|
|
</label>
|
|
<div class="col-sm-9">
|
|
<div id="simple_content"></div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-sm-3 control-label">
|
|
<b>{{ "Comment" |get_lang}}</b>
|
|
</label>
|
|
<div class="col-sm-9">
|
|
<div id="simple_comment"></div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="dialog-form" style="display:none;">
|
|
<div class="dialog-form-content">
|
|
{{ form_add }}
|
|
</div>
|
|
</div>
|
|
<div id="loading" style="margin-left:150px;position:absolute;display:none">
|
|
{{ "Loading" | get_lang }}...
|
|
</div>
|
|
<div id="calendar"></div>
|
|
|