EVOLUTION-NINJA
Edit File: holiday_details.php
<?php $this->load->view('includes/header.php')?> <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('assets/css/jquery-ui.css'); ?>" /> <link href="<?php echo base_url('assets/fullcalendar/fullcalendar.css');?>" rel='stylesheet' /> <link href="<?php echo base_url('assets/fullcalendar/fullcalendar.print.css');?>" rel='stylesheet' media='print' /> <script src="<?php echo base_url('assets/js/jquery-ui.js'); ?>" type="text/javascript"></script> <script src="<?php echo base_url('assets/js/jquery.min.js'); ?>" type="text/javascript"></script> <script src="<?php echo base_url('assets/fullcalendar/moment.min.js');?>"></script> <script src="<?php echo base_url('assets/fullcalendar/fullcalendar.min.js');?>"></script> <div class="content-wrapper"> <div class="content-header"> <div class="container-fluid"> <div class="row mb-2"> <div class="col-sm-6"> <!-- <h3 class="m-0 text-dark">Dashboard</h3> --> </div><!-- /.col --> <div class="col-sm-6"> <ol class="breadcrumb float-sm-right"> <li class="breadcrumb-item"><a href="#">HR</a></li> <li class="breadcrumb-item active">Holiday Details</li> </ol> </div> <!-- /.col --> </div> <!-- /.row --> </div> <!-- /.container-fluid --> </div> <!-- /.content-header --> <div class="row"> <div class="col-md-12 grid-margin stretch-card"> <div class="card"> <div class="card-body"> <a href="<?php echo site_url('dashboard');?>"><button type="button" class="btn btn-sm btn-primary">Back</button></a> <a href="<?php echo site_url('add-holiday');?>"><button type="button" class="btn btn-sm btn-primary">Add Holiday</button></a> <a href="<?php echo site_url('holidays-list');?>"><button type="button" class="btn btn-sm btn-primary">Holiday List</button></a> <div class="row"> <div class="col-md-8"></div> <div class="col-md-4"> </div> <div class="col-md-10"> <div class="box box-primary"> <div class="box-body no-padding"> <!-- THE CALENDAR --> <div id="calendar"> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <!--- section 2 --> <style type="text/css"> .content-wrapper, .right-side { //min-height:900px !important; } a { color: inherit; } .fc-sun { background-color:#87CEFA; } </style> <script type="text/javascript"> $(document).ready(function(){ $.ajax({ url:'<?php echo site_url("get-holiday-details");?>', type:'post', data:{}, success:function(response) { response=jQuery.parseJSON(response); console.log(response); if(response.result == 1) { var events = []; $.each(response.message,function(key,value){ var holiday_date = value.holiday_date; var name = value.name; { events.push( { title: name, start: holiday_date, backgroundColor: "", borderColor: "" } )} }); $('#calendar').fullCalendar({ // defaultDate: '2014-09-12', editable: true, eventLimit: true, // allow "more" link when too many events events: events, }); } } }); }); </script> <?php $this->load->view('includes/footer.php')?>