File: /storage/v6964/avoxlive/public_html/application/views/backend/admin/schedule_list.php
<div class="container">
<div class="page-content-wrapper">
<div class="page-content">
<div class="alert notification" style="display: none;">
<button class="close" data-close="alert"></button>
</div>
<div class="row">
<div class="col-md-6">
<div class="portlet light bordered">
<div class="portlet-body">
<div id="calendarIO"></div>
<div class="modal fade" id="create_modal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<form class="form-horizontal" method="POST" action="POST" id="form_create">
<input type="hidden" name="calendar_id" value="0">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<h4 class="modal-title" id="myModalLabel">Create Schedule List</h4>
</div>
<div class="modal-body">
<div class="form-group">
<div class="alert alert-danger" style="display: none;">
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2">Name <span class="required"> * </span>
</label>
<div class="col-sm-12">
<input type="text" name="title" class="form-control" placeholder="Enter You Name" required>
<input type="hidden" name="color" class="form-control" value="#F29339">
<input type="hidden" name="status" class="form-control" value="panding">
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2">Description</label>
<div class="col-sm-12">
<textarea name="description" rows="3" class="form-control" placeholder="Enter description" required></textarea>
</div>
</div>
<div class="form-group">
<label class="col-md-12" for="example-text"><?php echo get_phrase('exhibitors confirmed');?></label>
<div class="col-sm-12">
<select name="exhibitor_id" id="exhibitor_id" class="form-control select2" onchange="return get_exhibitor(this.value)" required>
<option value=""><?php echo get_phrase('select_exhibitor');?></option>
<?php $exhibitor = $this->db->get('exhibitor')->result_array();
foreach($exhibitor as $key => $exhibitor):?>
<option value="<?php echo $exhibitor['exhibitor_id'];?>"<?php if(isset($exhibitor_id) && $exhibitor_id==$exhibitor['exhibitor_id']) echo 'selected="selected"';?>><?php echo $exhibitor['name'];?></option>
<?php endforeach;?>
</select>
<select name="exhibitor_name" style="visibility:hidden;" class="form-control select2" id="section_selector_holder1" >
<option value=""><?php echo get_phrase('select_name');?></option>
</select>
</div>
</div>
<div class="form-group" style="margin-top: -27px;">
<label class="col-md-12" for="example-text"><?php echo get_phrase('visitor confirmed');?></label>
<div class="col-sm-12">
<select name="visitor_id" id="visitor_id" class="form-control select2" onchange="return get_visitor(this.value)" required>
<option value=""><?php echo get_phrase('select_visitor');?></option>
<?php $visitor = $this->db->get('visitor')->result_array();
foreach($visitor as $key => $visitor):?>
<option value="<?php echo $visitor['visitor_id'];?>"<?php if(isset($visitor_id) && $visitor_id==$visitor['visitor_id']) echo 'selected="selected"';?>><?php echo $visitor['name'];?></option>
<?php endforeach;?>
</select>
<select name="visitor_name" class="form-control select2" id="section_selector_holder" style="visibility:hidden;" >
<option value=""><?php echo get_phrase('select_name');?></option>
</select>
</div>
</div>
<!-- <div class="form-group">
<label class="col-md-12" for="example-text"><?php echo get_phrase('Teachers confirmed');?></label>
<div class="col-sm-12">
<select name="teacher_id" id="teacher_id" class="form-control select2" onchange="return get_class_teacher(this.value)" required>
<option value=""><?php echo get_phrase('select_teacher');?></option>
<?php $teacher = $this->db->get('teacher')->result_array();
foreach($teacher as $key => $teacher):?>
<option value="<?php echo $teacher['teacher_id'];?>"<?php if(isset($teacher_id) && $teacher_id==$teacher['teacher_id']) echo 'selected="selected"';?>><?php echo $teacher['name'];?></option>
<?php endforeach;?>
</select>
<select name="teacher_name" style="visibility:hidden;" class="form-control select2" id="section_selector_holder1" >
<option value=""><?php echo get_phrase('select_name');?></option>
</select>
</div>
</div> -->
<!-- <div class="form-group" style="margin-top: -27px;">
<label class="col-md-12" for="example-text"><?php echo get_phrase('Student confirmed');?></label>
<div class="col-sm-12">
<select name="student_id" id="student_id" class="form-control select2" onchange="return get_class_student(this.value)" required>
<option value=""><?php echo get_phrase('select_student');?></option>
<?php $student = $this->db->get('student')->result_array();
foreach($student as $key => $student):?>
<option value="<?php echo $student['student_id'];?>"<?php if(isset($student_id) && $student_id==$student['student_id']) echo 'selected="selected"';?>><?php echo $student['name'];?></option>
<?php endforeach;?>
</select>
<select name="student_name" class="form-control select2" id="section_selector_holder" style="visibility:hidden;" >
<option value=""><?php echo get_phrase('select_name');?></option>
</select>
</div>
</div> -->
<div class="form-group" style="margin-top: -27px; ">
<label class="control-label col-sm-3">Start Date</label>
<div class="col-sm-12">
<div data-date-format="YYYY-MM-DD " data-datetime-viewmode="years">
<input type="date" class="form-control m-r-10" name="start_date" id="example-date-input" required>
</div>
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2">Start Time</label>
<div class="col-sm-12">
<div data-date-format="yyyy-mm-dd hh-mm-ss" data-date-viewmode="years">
<input class="form-control m-r-10" name="start_time" type="time" required>
</div>
</div>
</div>
<!-- <div class="form-group">
<label class="control-label col-sm-2">End Date</label>
<div class="col-sm-12">
<div data-date-format="yyyy-mm-dd hh-mm-ss" data-date-viewmode="years">
<input class="form-control m-r-10" name="end_date" type="date" required>
</div>
</div>
</div> -->
<div class="form-group">
<label class="control-label col-sm-2">End Time</label>
<div class="col-sm-12">
<div data-date-format="yyyy-mm-dd hh-mm-ss" data-date-viewmode="years">
<input class="form-control m-r-10" name="end_time" type="time" required>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<a href="javascript::void" class="btn default" data-dismiss="modal">Cancel</a>
<a class="btn btn-danger delete_calendar" style="display: none;">Delete</a>
<button type="submit" class="btn green">Submit</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="portlet light bordered">
<div class="portlet-body">
<div id="calendarIO"></div>
<div class="modal fade" id="create_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<form class="form-horizontal" method="POST" action="POST" id="form_create">
<input type="hidden" name="calendar_id" value="0">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<h4 class="modal-title" id="myModalLabel">Create calendar update</h4>
</div>
<div class="modal-body">
<div class="form-group">
<div class="alert alert-danger" style="display: none;">
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2">Name <span class="required"> * </span>
</label>
<div class="col-sm-12">
<input type="text" name="title" class="form-control" placeholder="Enter You Name" required>
<!-- <input type="hidden" name="color" class="form-control" value="#008000">
<input type="hidden" name="status" class="form-control" value="confirmed"> -->
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2">Description <span class="required"> * </span>
</label>
<div class="col-sm-12">
<textarea type="text" name="description" class="form-control" placeholder="Enter description" required>
</textarea>
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2">Start Date<span class="required"> * </span>
</label>
<div class="col-sm-12">
<input type="date" name="start_date" class="form-control" placeholder="Enter Start Date" required>
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2">Start Time<span class="required"> * </span>
</label>
<div class="col-sm-12">
<input type="time" name="start_time" class="form-control" placeholder="Enter Start Time" required>
</div>
</div>
<!-- <div class="form-group">
<label class="control-label col-sm-2">End Date<span class="required"> * </span>
</label>
<div class="col-sm-12">
<input type="date" name="end_date" class="form-control" placeholder="Enter end_date" required>
</div>
</div> -->
<div class="form-group">
<label class="control-label col-sm-2">End Time<span class="required"> * </span>
</label>
<div class="col-sm-12">
<input type="time" name="end_time" class="form-control" placeholder="Enter End Time" required>
</div>
</div>
<div class="modal-footer">
<a href="javascript::void" class="btn default" data-dismiss="modal">Cancel</a>
<a class="btn btn-danger delete_calendar" style="display: none;">Reject</a>
<button type="submit" class="btn green">Accept</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
var get_data = '<?php echo $get_data; ?>';
var backend_url = '<?php echo base_url(); ?>';
$(document).ready(function($id) {
$('.date-time-picker').datepicker();
$('#calendarIO').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay'
},
defaultDateTime: moment().format('DD-MM-YYYY HH:MM'),
editable: true,
eventLimit: true, // allow "more" link when too many events
selectable: true,
selectHelper: true,
select: function(start, end,) {
var now = new Date(Date.now());
var datetimee = ("0" + now.getHours()).slice(-2) + ":" + ("0" + now.getMinutes()).slice(-2) ;
$('#create_modal1 input[name=start_date]').val(moment(start).format('YYYY-MM-DD'));
$('#create_modal1 input[name=start_time]').val(moment(start).format(datetimee));
$('#create_modal1 input[name=end_time]').val(moment(start).format(datetimee));
$('#create_modal1 input[name=end_date]').val(moment(end).format('YYYY-MM-DD'));
$('#create_modal1').modal('show');
save();
$('#calendarIO').fullCalendar('unselect');
},
eventDrop: function(event, delta, revertFunc) { // si changement de position
editDropResize(event);
},
eventResize: function(event,dayDelta,minuteDelta,revertFunc) { // si changement de longueur
editDropResize(event);
},
eventClick: function(event, element)
{
deteil(event);
editData(event);
deleteData(event);
},
events: JSON.parse(get_data)
});
});
$(document).on('click', '.add_calendar', function(){
$('#create_modal input[name=calendar_id]').val(0);
$('#create_modal').modal('show');
})
$(document).on('submit', '#form_create', function(){
var element = $(this);
var eventData;
$.ajax({
url : '<?php echo base_url(); ?>admin/save',
type : element.attr('method'),
data : element.serialize(),
dataType: 'JSON',
beforeSend: function()
{
element.find('button[type=submit]').html('<i class="fa fa-spinner fa-spin" aria-hidden="true"></i>');
},
success: function(data)
{
if(data.status)
{
eventData = {
id : data.id,
title : $('#create_modal input[name=title]').val(),
status : $('#create_modal input[name=status]').val(),
description : $('#create_modal textarea[name=description]').val(),
end_date : $('#create_modal input[name=end_date]').val(),
start : moment($('#create_modal input[name=start_date]').val()).format('YYYY-MM-DD'),
start_time : moment($('#create_modal input[name=start_time]').val()).format('HH:MM'),
end_time : moment($('#create_modal input[name=end_time]').val()).format('HH:MM'),
end : moment($('#create_modal input[name=end_date]').val()).format('YYYY-MM-DD'),
color : $('#create_modal select[name=color]').val()
};
$('#calendarIO').fullCalendar('renderEvent', eventData, true); // stick? = true
$('#create_modal').modal('hide');
$('#form_create')[0].reset();
$('.notification').removeClass('alert-danger').addClass('alert-primary').find('p').html(data.notif);
}
else
{
element.find('.alert').css('display', 'block');
element.find('.alert').html(data.notif);
}
element.find('button[type=submit]').html('Submit');
},
error: function (jqXHR, textStatus, errorThrown)
{
element.find('button[type=submit]').html('Submit');
element.find('.alert').css('display', 'block');
element.find('.alert').html('Wrong server, please save again');
}
});
return false;
})
function editDropResize(event)
{
start = event.start.format('YYYY-MM-DD HH:MM');
if(event.end)
{
end = event.end.format('YYYY-MM-DD HH:MM');
}
else
{
end = start;
}
$.ajax({
url : '<?php echo base_url(); ?>admin/save',
type : 'POST',
data : 'calendar_id='+event.id+'&description='+event.description+'&end_date='+event.end_date+'&title='+event.title+'&start_date='+start+'&start_time='+event.start_time+'&end_time='+event.end_time+'&end_date='+end,
dataType: 'JSON',
beforeSend: function()
{
},
success: function(data)
{
if(data.status)
{
$('.notification').removeClass('alert-danger').addClass('alert-primary').find('p').html('Data success update');
}
else
{
$('.notification').removeClass('alert-primary').addClass('alert-danger').find('p').html('Data cant update');
}
},
error: function (jqXHR, textStatus, errorThrown)
{
$('.notification').removeClass('alert-primary').addClass('alert-danger').find('p').html('Wrong server, please save again');
}
});
}
function save()
{
$('#form_create').submit(function(){
var element = $(this);
var eventData;
$.ajax({
url : '<?php echo base_url(); ?>admin/save',
type : element.attr('method'),
data : element.serialize(),
dataType: 'JSON',
beforeSend: function()
{
element.find('button[exhibitortype=submit]').html('<i class="fa fa-spinner fa-spin" aria-hidden="true"></i>');
},
success: function(data)
{
if(data.status)
{
eventData = {
id : data.id,
title : $('#create_modal input[name=title]').val(),
status : $('#create_modal input[name=status]').val(),
description : $('#create_modal textarea[name=description]').val(),
end_date : $('#create_modal textarea[name=end_date]').val(),
start : moment($('#create_modal input[name=start_date]').val()).format('YYYY-MM-DD HH-MM-SS'),
start_time : moment($('#create_modal input[name=start_time]').val()).format('HH-MM'),
end_time : moment($('#create_modal input[name=end_time]').val()).format('HH-MM'),
end : moment($('#create_modal input[name=end_date]').val()).format('YYYY-MM-DD HH:mm:ss'),
color : $('#create_modal select[name=color]').val()
};
$('#calendarIO').fullCalendar('renderEvent', eventData, true); // stick? = true
$('#create_modal1').modal('hide');
$('#form_create')[0].reset();
$('.notification').removeClass('alert-danger').addClass('alert-primary').find('p').html(data.notif);
}
else
{
element.find('.alert').css('display', 'block');
element.find('.alert').html(data.notif);
}
element.find('button[type=submit]').html('Submit');
},
error: function (jqXHR, textStatus, errorThrown)
{
element.find('button[type=submit]').html('Submit');
element.find('.alert').css('display', 'block');
element.find('.alert').html('Wrong server, please save again');
}
});
return false;
})
}
function load()
{
$('#form_create').submit(function(){
var element = $(this);
var eventData;
$.ajax({
url : '<?php echo base_url(); ?>admin/load',
type : element.attr('method'),
data : element.serialize(),
dataType: 'JSON',
beforeSend: function()
{
element.find('button[exhibitortype=submit]').html('<i class="fa fa-spinner fa-spin" aria-hidden="true"></i>');
},
success: function(data)
{
if(data.status)
{
eventData = {
id : data.id,
title : $('#create_modal input[name=title]').val(),
status : $('#create_modal input[name=status]').val(),
description : $('#create_modal textarea[name=description]').val(),
end_date : $('#create_modal textarea[name=end_date]').val(),
start : moment($('#create_modal input[name=start_date]').val()).format('YYYY-MM-DD HH-MM-SS'),
start_time : moment($('#create_modal input[name=start_time]').val()).format('HH-MM'),
end_time : moment($('#create_modal input[name=end_time]').val()).format('HH-MM'),
end : moment($('#create_modal input[name=end_date]').val()).format('YYYY-MM-DD HH:mm:ss'),
color : $('#create_modal select[name=color]').val()
};
$('#calendarIO').fullCalendar('renderEvent', eventData, true); // stick? = true
$('#create_modal1').modal('hide');
$('#form_create')[0].reset();
$('.notification').removeClass('alert-danger').addClass('alert-primary').find('p').html(data.notif);
}
else
{
element.find('.alert').css('display', 'block');
element.find('.alert').html(data.notif);
}
element.find('button[type=submit]').html('Submit');
},
error: function (jqXHR, textStatus, errorThrown)
{
element.find('button[type=submit]').html('Submit');
element.find('.alert').css('display', 'block');
element.find('.alert').html('Wrong server, please save again');
}
});
return false;
})
}
function deteil(event)
{
$('#create_modal input[name=calendar_id]').val(event.id);
$('#create_modal input[name=start_date]').val(moment(event.start).format('YYYY-MM-DD'));
$('#create_modal input[name=start_time]').val(moment(event.start_time).format('HH:MM'));
$('#create_modal input[name=end_time]').val(moment(event.end_time).format('HH:MM'));
$('#create_modal input[name=end_date]').val(moment(event.end).format('YYYY-MM-DD'));
$('#create_modal input[name=title]').val(event.title);
$('#create_modal textarea[name=description]').val(event.description);
$('#create_modal select[name=color]').val(event.color);
$('#create_modal .delete_calendar').show();
$('#create_modal').modal('show');
}
function editData(event)
{
$('#form_create').submit(function(){
var element = $(this);
var eventData;
$.ajax({
url : '<?php echo base_url(); ?>admin/save',
type : element.attr('method'),
data : element.serialize(),
dataType: 'JSON',
beforeSend: function()
{
element.find('button[type=submit]').html('<i class="fa fa-spinner fa-spin" aria-hidden="true"></i>');
},
success: function(data)
{
if(data.status)
{
event.title = $('#create_modal input[name=title]').val();
event.description = $('#create_modal textarea[name=description]').val();
event.end_date = $('#create_modal textarea[name=end_date]').val();
event.start = moment($('#create_modal input[name=start_date]').val()).format('YYYY-MM-DD');
event.start_time = moment($('#create_modal input[name=start_time]').val()).format('H:i');
event.end_time = moment($('#create_modal input[name=end_time]').val()).format('H:i');
event.end = moment($('#create_modal input[name=end_date]').val()).format('YYYY-MM-DD ');
event.color = $('#create_modal select[name=color]').val();
$('#calendarIO').fullCalendar('updateEvent', event);
$('#create_modal').modal('hide');
$('#form_create')[0].reset();
$('#create_modal input[name=calendar_id]').val(0)
$('.notification').removeClass('alert-danger').addClass('alert-primary').find('p').html(data.notif);
}
else
{
element.find('.alert').css('display', 'block');
element.find('.alert').html(data.notif);
}
element.find('button[type=submit]').html('Submit');
},
error: function (jqXHR, textStatus, errorThrown)
{
element.find('button[type=submit]').html('Submit');
element.find('.alert').css('display', 'block');
element.find('.alert').html('Wrong server, please save again');
}
});
return false;
})
}
function deleteData(event)
{
$('#create_modal .delete_calendar').click(function(){
$.ajax({
url : '<?php echo base_url(); ?>admin/delete',
type : 'POST',
data : 'id='+event.id,
dataType: 'JSON',
beforeSend: function()
{
},
success: function(data)
{
if(data.status)
{
$('#calendarIO').fullCalendar('removeEvents',event._id);
$('#create_modal').modal('hide');
$('#form_create')[0].reset();
$('#create_modal input[name=calendar_id]').val(0)
$('.notification').removeClass('alert-danger').addClass('alert-primary').find('p').html(data.notif);
}
else
{
$('#form_create').find('.alert').css('display', 'block');
$('#form_create').find('.alert').html(data.notif);
}
},
error: function (jqXHR, textStatus, errorThrown)
{
$('#form_create').find('.alert').css('display', 'block');
$('#form_create').find('.alert').html('Wrong server, please save again');
}
});
})
}
</script>
<script type="text/javascript">
$("#update_attendance").hide();
function update_attendance() {
$("#attendance_list").hide();
$("#update_attendance_button").hide();
$("#update_attendance").show();
}
function select_section(exhibitor_id) {
var exhibitor = $(".exhibitor");
for (var i = exhibitor.length - 1; i >= 0; i--) {
exhibitor[i].style.display = "none";
if (exhibitor[i].value == group_id){
exhibitor[i].style.display = "block";
exhibitor[i].selected = "selected";
}
}
}
// function select_section(teacher_id) {
// var teacher = $(".teacher");
// for (var i = teacher.length - 1; i >= 0; i--) {
// teacher[i].style.display = "none";
// if (teacher[i].value == class_id){
// teacher[i].style.display = "block";
// teacher[i].selected = "selected";
// }
// }
// }
// function get_class_teacher(teacher_id){
// $.ajax({
// url: '<?php echo base_url();?>admin/get_teacher_section1/' + teacher_id,
// success: function(response){
// jQuery('#section_selector_holder1').html(response);
// }
// });
// }
function get_exhibitor(exhibitor_id){
$.ajax({
url: '<?php echo base_url();?>admin/get_exhibitor_section1/' + exhibitor_id,
success: function(response){
jQuery('#section_selector_holder1').html(response);
}
});
}
function select_section(visitor_id) {
var visitor = $(".visitor");
for (var i = visitor.length - 1; i >= 0; i--) {
visitor[i].style.display = "none";
if (visitor[i].value == visitor_id){
visitor[i].style.display = "block";
visitor[i].selected = "selected";
}
}
}
// function select_section(student_id) {
// var student = $(".student");
// for (var i = student.length - 1; i >= 0; i--) {
// student[i].style.display = "none";
// if (student[i].value == student_id){
// student[i].style.display = "block";
// student[i].selected = "selected";
// }
// }
// }
// function get_student(student_id){
// $.ajax({
// url: '<?php echo base_url();?>admin/get_student_section2/' + student_id,
// success: function(response){
// jQuery('#section_selector_holder').html(response);
// }
// });
// }
function get_visitor(visitor_id){
$.ajax({
url: '<?php echo base_url();?>admin/get_visitor_section2/' + visitor_id,
success: function(response){
jQuery('#section_selector_holder').html(response);
}
});
}
</script>