Mini Shell
Mini Shell
| Direktori : /home2/selectio/public_html/bharath/application/views/user/ |
| Current File : /home2/selectio/public_html/bharath/application/views/user/eventcalendar.php |
<div class="wrapper">
<div class="content-wrapper">
<!-- Content Header (Page header) -->
<section class="content-header">
<h1>
Calendar
<?php
$date = new DateTime('2018-05-01', new DateTimeZone('Asia/Kolkata'));
$time = $date->format('Y-m-d H:i:sP');
?>
</h1>
</section>
<!-- Main content -->
<section class="content">
<div class="row">
<!-- /.col -->
<div class="col-md-9 col-sm-9">
<div class="box box-primary">
<div class="box-body">
<!-- THE CALENDAR -->
<div id="calendar"></div>
</div>
<!-- /.box-body -->
</div>
<!-- /. box -->
</div>
<div class="col-md-3 col-sm-3">
<div class="box box-primary">
<div class="box-header ptbnull">
<h3 class="box-title">To Do List</h3>
<div class="box-tools pull-right">
<button class="btn btn-primary btn-sm pull-right" onclick="add_task()"><i class="fa fa-plus"></i><?php //echo 'Add Task'; ?></button>
</div>
</div>
<div class="">
<?php foreach ($tasklist as $taskkey => $taskvalue) {
?>
<div class="media mt5" style="padding:0 10px;">
<div class="media-left">
<input type="checkbox" <?php
if ($taskvalue["is_active"] == 'yes') {
echo "checked";
}
?> id="check<?php echo $taskvalue["id"] ?>" onclick="markcomplete('<?php echo $taskvalue["id"] ?>')" name="eventcheck" value="<?php echo $taskvalue["id"]; ?>">
</div>
<div class="media-body">
<p class="tododesc" <?php if ($taskvalue["is_active"] == 'yes') {
?> style="text-decoration: line-through;color: #4f881d;" <?php } ?> ><?php echo $taskvalue["event_title"]; ?></p>
<small class="tododate"><?php echo date("m/d/Y", strtotime($taskvalue["start_date"])); ?><a href="#" onclick="deleteevent('<?php echo $taskvalue["id"]; ?>', 'Task'); return false;" class="pull-right text-muted"><i class="fa fa-remove"></i></a><a href="#" onclick="edit_todo_task('<?php echo $taskvalue["id"]; ?>'); return false;" class="pull-right text-muted mright5" style="margin-right: 5px"><i class="fa fa-pencil"></i></a></small>
</div>
</div>
<div class="todo_divider"></div>
<?php } ?>
<div class="todopagination"><?php echo $this->pagination->create_links(); ?></div>
</div>
</div>
</div>
<!-- /.col -->
</div>
<!-- /.row -->
</section>
<!-- /.content -->
</div>
<!-- /.content-wrapper -->
</div>
<div id="newTask" class="modal fade " role="dialog">
<div class="modal-dialog modal-dialog2 modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title" id="modal-title" ><?php echo "Add To Do"; ?></h4>
</div>
<div class="modal-body">
<div class="row">
<form role="form" id="addtodo_form" method="post" enctype="multipart/form-data" action="">
<div class="form-group col-md-12">
<label for="exampleInputEmail1"><?php echo $this->lang->line('title'); ?></label>
<input class="form-control" name="task_title" id="task-title">
<span class="text-danger"><?php echo form_error('title'); ?></span>
</div>
<div class="form-group col-md-12">
<label for="exampleInputEmail1"><?php echo $this->lang->line('date'); ?></label>
<input class="form-control" type="text" autocomplete="off" name="task_date" placeholder="Date" id="task-date">
<input class="form-control" type="hidden" name="eventid" id="taskid">
</div>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<input type="submit" class="btn btn-primary submit_addtask pull-right" value="<?php echo $this->lang->line('save'); ?>"></div> </form>
</div>
</div>
</div>
</div>
</div>
<!-- ./wrapper -->
<script src="<?php echo base_url() ?>backend/fullcalendar/dist/fullcalendar.min.js"></script>
<!-- Page specific script -->
<script>
$calendar = $('#calendar');
var base_url = '<?php echo base_url() ?>';
today = new Date();
y = today.getFullYear();
m = today.getMonth();
d = today.getDate();
var viewtitle = 'month';
var pagetitle = "<?php
if (isset($title)) {
echo $title;
}
?>";
if (pagetitle == "Dashboard") {
viewtitle = 'agendaWeek';
}
$calendar.fullCalendar({
viewRender: function (view, element) {
// We make sure that we activate the perfect scrollbar when the view isn't on Month
//if (view.name != 'month'){
// $(element).find('.fc-scroller').perfectScrollbar();
//}
},
header: {
center: 'title',
right: 'month,agendaWeek,agendaDay',
left: 'prev,next,today'
},
defaultDate: today,
defaultView: viewtitle,
selectable: true,
selectHelper: true,
views: {
month: {// name of view
titleFormat: 'MMMM YYYY'
// other view-specific options here
},
week: {
titleFormat: " MMMM D YYYY"
},
day: {
titleFormat: 'D MMM, YYYY'
}
},
timezone: "Asia/Kolkata",
draggable: false,
editable: false,
eventLimit: false, // allow "more" link when too many events
// color classes: [ event-blue | event-azure | event-green | event-orange | event-red ]
events: {
url: base_url + 'user/calendar/getevents'
},
eventRender: function (event, element) {
element.attr('title', event.title);
element.attr('onclick', event.onclick);
element.attr('data-toggle', 'tooltip');
if ((!event.url) && (event.event_type != 'task')) {
element.attr('title', event.title + '-' + event.description);
//element.click(function() { view_event(event.id); });
}
},
dayClick: function (date, jsEvent, view) {
var d = date.format();
if (!$.fullCalendar.moment(d).hasTime()) {
d += ' 05:30';
}
//var vformat = (app_time_format == 24 ? app_date_format + ' H:i' : app_date_format + ' g:i A');
// $("#input-field").val('');
// $("#desc-field").text('');
// $("#date-field").daterangepicker({
// startDate: date,
// endDate: date,
// timePicker: true, timePickerIncrement: 5, locale: {
// format: 'MM/DD/YYYY hh:mm a'
// }
// });
// $('#newEventModal').modal('show');
return false;
}
});
function add_task() {
$("#modal-title").html("Add Task");
$("#task-title").val('');
$("#taskid").val('');
$('#newTask').modal('show');
$('#task-date').datepicker({autoclose: true});
$("#task-date").val('<?php echo date('m/d/Y') ?>');
}
function edit_todo_task(eventid) {
$.ajax({
url: "<?php echo site_url("user/calendar/gettaskbyid/") ?>" + eventid,
type: "POST",
data: {eventid: eventid},
dataType: 'json',
contentType: false,
cache: false,
processData: false,
success: function (res)
{
$("#modal-title").html("Edit Task");
$("#task-title").val(res.event_title);
$("#taskid").val(eventid);
$("#task-date").val(new Date(res.start_date).toString("MM/dd/yyyy"));
$('#task-date').datepicker({autoclose: true});
$('#newTask').modal('show');
}
});
}
$(document).ready(function (e) {
$("#addtodo_form").on('submit', (function (e) {
e.preventDefault();
$.ajax({
url: "<?php echo site_url("user/calendar/addtodo") ?>",
type: "POST",
data: new FormData(this),
dataType: 'json',
contentType: false,
cache: false,
processData: false,
success: function (res)
{
if (res.status == "fail") {
var message = "";
$.each(res.error, function (index, value) {
message += value;
});
errorMsg(message);
} else {
successMsg(res.message);
window.location.reload(true);
}
}
});
}));
});
function complete_event(id, status) {
$.ajax({
url: "<?php echo site_url("user/calendar/markcomplete/") ?>" + id,
type: "POST",
data: {id: id, active: status},
dataType: 'json',
success: function (res)
{
if (res.status == "fail") {
var message = "";
$.each(res.error, function (index, value) {
message += value;
});
errorMsg(message);
} else {
successMsg(res.message);
window.location.reload(true);
}
}
});
}
function markcomplete(id) {
$('#check' + id).change(function () {
if (this.checked) {
complete_event(id, 'yes');
} else {
complete_event(id, 'no');
}
});
}
function deleteevent(id, msg) {
if (typeof (id) == 'undefined') {
return;
}
if (confirm("Are you sure to delete this " + msg + " !")) {
$.ajax({
url: base_url + 'user/calendar/delete_event/' + id,
type: 'POST',
//data: '',
dataType: "json",
success: function (res) {
if (res.status == "fail") {
errorMsg(res.message);
} else {
successMsg(msg + " Deleted Succssfully.");
window.location.reload(true);
}
}
})
}
}
</script>
</body>
</html>