|
@@ -0,0 +1,544 @@
|
|
|
+<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();
|
|
|
+ var d = date.getDate();
|
|
|
+ var m = date.getMonth()+1;
|
|
|
+ var y = date.getFullYear();
|
|
|
+
|
|
|
+ $("#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");
|
|
|
+
|
|
|
+ $('#users_to_send_id').bind('change', function() {
|
|
|
+
|
|
|
+ var selected_counts = $("#users_to_send_id option:selected").size();
|
|
|
+
|
|
|
+ //alert(selected_counts);
|
|
|
+ /* if (selected_counts >= 1 && $("#users_to_send_id option[value='everyone']").attr('selected') == 'selected') {
|
|
|
+ clean_user_select();
|
|
|
+
|
|
|
+ $('#users_to_send_id option').eq(0).attr('selected', 'selected');
|
|
|
+ //deleting the everyone
|
|
|
+ $("#users_to_send_id").trigger("liszt:updated");
|
|
|
+ deleted_items = true;
|
|
|
+
|
|
|
+ }*/
|
|
|
+ //$("#users_to_send_id").trigger("chosen:updated");
|
|
|
+ /*
|
|
|
+ if (selected_counts >= 1) {
|
|
|
+ $('#users_to_send_id option').eq(0).removeAttr('selected');
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ */
|
|
|
+ //clean_user_select();
|
|
|
+ //$("#users_to_send_id").trigger("liszt:updated");
|
|
|
+ //alert($("#users_to_send_id option[value='everyone']").attr('selected'));
|
|
|
+ if ($("#users_to_send_id option[value='everyone']").attr('selected') == 'selected') {
|
|
|
+ //clean_user_select();
|
|
|
+ //$('#users_to_send_id option').eq(0).attr('selected', 'selected');
|
|
|
+ //$("#users_to_send_id").trigger("liszt:updated");
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ $.datepicker.setDefaults( $.datepicker.regional[region_value] );
|
|
|
+
|
|
|
+ var calendar = $('#calendar').fullCalendar({
|
|
|
+ header: {
|
|
|
+ left: 'today prev,next',
|
|
|
+ center: 'title',
|
|
|
+ right: 'month,agendaWeek,agendaDay, test'
|
|
|
+ },
|
|
|
+ {% 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, allDay, jsEvent, view) {
|
|
|
+ //Removing UTC stuff
|
|
|
+ var start_date = $.datepicker.formatDate("yy-mm-dd", start) + " " + start.toTimeString().substr(0, 8);
|
|
|
+ var end_date = $.datepicker.formatDate("yy-mm-dd", end) + " " + end.toTimeString().substr(0, 8);
|
|
|
+
|
|
|
+ $('#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_date+'&end='+end_date+'&all_day='+allDay+'&view='+view.name;
|
|
|
+ var start_date_value = $.datepicker.formatDate('{{ js_format_date }}', start);
|
|
|
+ var end_date_value = $.datepicker.formatDate('{{ js_format_date }}', end);
|
|
|
+
|
|
|
+ $('#start_date').html(start_date_value + " " + start.toTimeString().substr(0, 8));
|
|
|
+
|
|
|
+ if (view.name != 'month') {
|
|
|
+ $('#start_date').html(start_date_value + " " + start.toTimeString().substr(0, 8));
|
|
|
+ if (start.toDateString() == end.toDateString()) {
|
|
|
+ $('#end_date').html(' - '+end.toTimeString().substr(0, 8));
|
|
|
+ } else {
|
|
|
+ $('#end_date').html(' - '+start_date_value+" " + end.toTimeString().substr(0, 8));
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ $('#start_date').html(start_date_value);
|
|
|
+ $('#end_date').html(' ');
|
|
|
+ }
|
|
|
+ $('#color_calendar').html('{{ type_label }}');
|
|
|
+ $('#color_calendar').removeClass('group_event');
|
|
|
+ $('#color_calendar').addClass('label_tag');
|
|
|
+ $('#color_calendar').addClass('{{ type_event_class }}');
|
|
|
+
|
|
|
+ allFields.removeClass("ui-state-error");
|
|
|
+ $("#dialog-form").dialog("open");
|
|
|
+ $("#dialog-form").dialog({
|
|
|
+ buttons: {
|
|
|
+ '{{ "Add" | trans }}' : function() {
|
|
|
+ var bValid = true;
|
|
|
+ bValid = bValid && checkLength(title, "title", 1, 255);
|
|
|
+ //bValid = bValid && checkLength( content, "content", 1, 255 );
|
|
|
+
|
|
|
+ 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");*/
|
|
|
+ }
|
|
|
+
|
|
|
+ calendar.fullCalendar("refetchEvents");
|
|
|
+ calendar.fullCalendar("rerenderEvents");
|
|
|
+
|
|
|
+ $("#dialog-form").dialog("close");
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ close: function() {
|
|
|
+ $("#title").attr('value', '');
|
|
|
+ $("#content").attr('value', '');
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ // 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) {
|
|
|
+ element.qtip({
|
|
|
+ hide: {
|
|
|
+ delay: 2000
|
|
|
+ },
|
|
|
+ content: event.description,
|
|
|
+ position: { at:'top left' , my:'bottom left'}
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ eventClick: function(calEvent, jsEvent, view) {
|
|
|
+ //var start_date = Math.round(calEvent.start.getTime() / 1000);
|
|
|
+ var start_date = $.datepicker.formatDate("yy-mm-dd", calEvent.start) + " " + calEvent.start.toTimeString().substr(0, 8);
|
|
|
+
|
|
|
+ if (calEvent.allDay == 1) {
|
|
|
+ var end_date = '';
|
|
|
+ } else {
|
|
|
+ var end_date = '';
|
|
|
+ if (calEvent.end && calEvent.end != '') {
|
|
|
+ //var end_date = Math.round(calEvent.end.getTime() / 1000);
|
|
|
+ var end_date = $.datepicker.formatDate("yy-mm-dd", calEvent.end) + " " + calEvent.end.toTimeString().substr(0, 8);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // Edit event.
|
|
|
+ if (calEvent.editable) {
|
|
|
+
|
|
|
+ $('#visible_to_input').hide();
|
|
|
+ $('#add_as_announcement_div').hide();
|
|
|
+
|
|
|
+ {% if type != 'admin' %}
|
|
|
+ $('#visible_to_read_only').show();
|
|
|
+ console.log(calEvent.sent_to);
|
|
|
+ $("#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');
|
|
|
+
|
|
|
+ my_start_month = calEvent.start.getMonth() +1;
|
|
|
+
|
|
|
+ $('#start_date').html(calEvent.start.getDate() +"/"+ my_start_month +"/"+calEvent.start.getFullYear());
|
|
|
+
|
|
|
+ if (end_date != '') {
|
|
|
+ my_end_month = calEvent.end.getMonth() +1;
|
|
|
+ $('#end_date').html(' '+calEvent.end.getDate() +"/"+ my_end_month +"/"+calEvent.end.getFullYear());
|
|
|
+ }
|
|
|
+
|
|
|
+ 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);
|
|
|
+
|
|
|
+ $("#title_edit").show();
|
|
|
+ $("#content_edit").show();
|
|
|
+
|
|
|
+ $("#title").hide();
|
|
|
+ $("#content").hide();
|
|
|
+
|
|
|
+ allFields.removeClass( "ui-state-error" );
|
|
|
+
|
|
|
+ $("#dialog-form").dialog("open");
|
|
|
+
|
|
|
+ var url = '{{ web_agenda_ajax_url }}&a=edit_event&id='+calEvent.id+'&start='+start_date+'&end='+end_date+'&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"|trans }}' : function() {
|
|
|
+ url = "{{ _p.web_main }}calendar/ical_export.php?id=" + calEvent.id+'&course_id='+calEvent.course_id+"&class=confidential";
|
|
|
+ window.location.href = url;
|
|
|
+ },
|
|
|
+ '{{ "ExportiCalPrivate"|trans }}': function() {
|
|
|
+ url = "{{ _p.web_main }}calendar/ical_export.php?id=" + calEvent.id+'&course_id='+calEvent.course_id+"&class=private";
|
|
|
+ window.location.href = url;
|
|
|
+ },
|
|
|
+ '{{ "ExportiCalPublic"|trans }}': 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" | trans }}' : 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"|trans }}' : 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"|trans }}': function() {
|
|
|
+
|
|
|
+ if (calEvent.parent_event_id || calEvent.has_children != '' ) {
|
|
|
+ var newDiv = $(document.createElement('div'));
|
|
|
+ //newDiv.html('{{ "" |trans }}');
|
|
|
+
|
|
|
+ newDiv.dialog({
|
|
|
+ modal: true,
|
|
|
+ title: "{{ 'Confirmation' | trans }}"
|
|
|
+ });
|
|
|
+
|
|
|
+ var buttons = newDiv.dialog("option", "buttons");
|
|
|
+
|
|
|
+ if (calEvent.has_children == '0') {
|
|
|
+ $.extend(buttons, {
|
|
|
+ '{{ "DeleteThisItem" | trans }}' : 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" | trans }}' : 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();
|
|
|
+
|
|
|
+ $("#title").show();
|
|
|
+ $("#content").show();
|
|
|
+
|
|
|
+ $("#title_edit").html('');
|
|
|
+ $("#content_edit").html('');
|
|
|
+
|
|
|
+ $("#title").attr('value', '');
|
|
|
+ $("#content").attr('value', '');
|
|
|
+ }
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ //Simple form
|
|
|
+ my_start_month = calEvent.start.getMonth() +1;
|
|
|
+ $('#simple_start_date').html(calEvent.start.getDate() +"/"+ my_start_month +"/"+calEvent.start.getFullYear());
|
|
|
+
|
|
|
+ if (end_date != '') {
|
|
|
+ my_end_month = calEvent.end.getMonth() +1;
|
|
|
+ $('#simple_start_date').html(calEvent.start.getDate() +"/"+ my_start_month +"/"+calEvent.start.getFullYear() +" - "+calEvent.start.toLocaleTimeString());
|
|
|
+ $('#simple_end_date').html(' '+calEvent.end.getDate() +"/"+ my_end_month +"/"+calEvent.end.getFullYear() +" - "+calEvent.end.toLocaleTimeString());
|
|
|
+ }
|
|
|
+
|
|
|
+ $("#simple_title").html(calEvent.title);
|
|
|
+ $("#simple_content").html(calEvent.description);
|
|
|
+ $("#simple-dialog-form").dialog("open");
|
|
|
+ $("#simple-dialog-form").dialog({
|
|
|
+ buttons: {
|
|
|
+ '{{"ExportiCalConfidential"|trans}}' : function() {
|
|
|
+ url = "ical_export.php?id=" + calEvent.id+'&course_id='+calEvent.course_id+"&class=confidential";
|
|
|
+ window.location.href = url;
|
|
|
+
|
|
|
+ },
|
|
|
+ '{{"ExportiCalPrivate"|trans}}': function() {
|
|
|
+ url = "ical_export.php?id=" + calEvent.id+'&course_id='+calEvent.course_id+"&class=private";
|
|
|
+ window.location.href = url;
|
|
|
+ },
|
|
|
+ '{{"ExportiCalPublic"|trans}}': 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, day_delta, minute_delta, all_day, revert_func) {
|
|
|
+ $.ajax({
|
|
|
+ url: '{{ web_agenda_ajax_url }}',
|
|
|
+ data: {
|
|
|
+ a:'move_event', id: event.id, day_delta: day_delta, minute_delta: minute_delta
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ eventResize: function(event, day_delta, minute_delta, revert_func) {
|
|
|
+ $.ajax({
|
|
|
+ url: '{{ web_agenda_ajax_url }}',
|
|
|
+ data: {
|
|
|
+ a:'resize_event', id: event.id, day_delta: day_delta, minute_delta: minute_delta
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ axisFormat: 'HH(:mm)',
|
|
|
+ timeFormat: 'HH:mm{ - HH:mm}',
|
|
|
+ loading: function(bool) {
|
|
|
+ if (bool) $('#loading').show();
|
|
|
+ else $('#loading').hide();
|
|
|
+ }
|
|
|
+ });
|
|
|
+});
|
|
|
+</script>
|
|
|
+{{ actions_div }}
|
|
|
+
|
|
|
+<div id="simple-dialog-form" style="display:none;">
|
|
|
+ <div style="width:500px">
|
|
|
+ <form name="form-simple" class="form-vertical">
|
|
|
+ <div class="control-group">
|
|
|
+ <label class="control-label">
|
|
|
+ <b>{{ "Date" |trans}}</b>
|
|
|
+ </label>
|
|
|
+ <div class="controls">
|
|
|
+ <span id="simple_start_date"></span>
|
|
|
+ <span id="simple_end_date"></span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="control-group">
|
|
|
+ <label class="control-label">
|
|
|
+ <b>{{ "Title" |trans}}</b>
|
|
|
+ </label>
|
|
|
+ <div class="controls">
|
|
|
+ <div id="simple_title"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="control-group">
|
|
|
+ <label class="control-label">
|
|
|
+ <b>{{ "Description" |trans}}</b>
|
|
|
+ </label>
|
|
|
+ <div class="controls">
|
|
|
+ <div id="simple_content"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+
|
|
|
+<div id="dialog-form" style="display:none;">
|
|
|
+ <div style="width:500px">
|
|
|
+ {{ form_add }}
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+<div id="loading" style="margin-left:150px;position:absolute;display:none">
|
|
|
+ {{ "Loading"|trans }}...
|
|
|
+</div>
|
|
|
+<div id="calendar"></div>
|