mirror of https://github.com/itflow-org/itflow
88 lines
2.6 KiB
PHP
88 lines
2.6 KiB
PHP
<?php include("header.php"); ?>
|
|
|
|
<?php
|
|
|
|
if(isset($_GET['calendar_id'])){
|
|
$calendar_selected_id = intval($_GET['calendar_id']);
|
|
}
|
|
|
|
?>
|
|
|
|
<div id='calendar'></div>
|
|
|
|
<?php include("add_calendar_event_modal.php"); ?>
|
|
<?php include("add_calendar_modal.php"); ?>
|
|
|
|
<?php
|
|
//loop through IDs and create a modal for each
|
|
$sql = mysqli_query($mysqli,"SELECT * FROM events, calendars WHERE events.calendar_id = calendars.calendar_id");
|
|
while($row = mysqli_fetch_array($sql)){
|
|
$event_id = $row['event_id'];
|
|
$event_title = $row['event_title'];
|
|
$event_start = $row['event_start'];
|
|
$event_end = $row['event_end'];
|
|
$calendar_id = $row['calendar_id'];
|
|
$calendar_name = $row['calendar_name'];
|
|
$calendar_color = $row['calendar_color'];
|
|
|
|
include("edit_calendar_event_modal.php");
|
|
|
|
}
|
|
|
|
?>
|
|
|
|
<?php include("footer.php"); ?>
|
|
|
|
<script>
|
|
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
var calendarEl = document.getElementById('calendar');
|
|
|
|
var calendar = new FullCalendar.Calendar(calendarEl, {
|
|
plugins: [ 'bootstrap', 'dayGrid', 'timeGrid', 'list' ],
|
|
themeSystem: 'bootstrap',
|
|
defaultView: 'dayGridMonth',
|
|
customButtons: {
|
|
addEvent: {
|
|
bootstrapFontAwesome: 'fa fa-plus',
|
|
click: function() {
|
|
$("#addCalendarEventModal").modal();
|
|
}
|
|
},
|
|
addCalendar: {
|
|
bootstrapFontAwesome: 'fa fa-calendar-plus',
|
|
click: function() {
|
|
$("#addCalendarModal").modal();
|
|
}
|
|
}
|
|
},
|
|
header: {
|
|
left: 'prev,next today',
|
|
center: 'title',
|
|
right: 'dayGridMonth,timeGridWeek,timeGridDay,listMonth addEvent addCalendar '
|
|
},
|
|
events: [
|
|
<?php
|
|
$sql = mysqli_query($mysqli,"SELECT * FROM events, calendars WHERE events.calendar_id = calendars.calendar_id");
|
|
while($row = mysqli_fetch_array($sql)){
|
|
$event_id = $row['event_id'];
|
|
$event_title = $row['event_title'];
|
|
$event_start = $row['event_start'];
|
|
$event_end = $row['event_end'];
|
|
$calendar_id = $row['calendar_id'];
|
|
$calendar_name = $row['calendar_name'];
|
|
$calendar_color = $row['calendar_color'];
|
|
|
|
echo "{ id: '$event_id', title: '$event_title', start: '$event_start', end: '$event_end', color: '$calendar_color'},";
|
|
}
|
|
?>
|
|
],
|
|
eventClick: function(editEvent) {
|
|
$('#editEventModal'+editEvent.event.id).modal();
|
|
}
|
|
});
|
|
|
|
calendar.render();
|
|
});
|
|
|
|
</script>
|