Current File : /home/inlingua/www/noida/icentex/general_leave/calender.php

<?php
// Copyright, Panalink Infotech Limited. Created on: 17-03-2011

// Include header
include "header_leave.php";
?>

  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css"> 
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css"> 
  <link rel="stylesheet" href="css/fullcalendar.min.css">
  <link rel="stylesheet" href="css/fullcalendar.print.css" media="print">
  <link rel="stylesheet" href="css/AdminLTE.min.css">
  <link rel="stylesheet" href="css/_all-skins.min.css">
<script language="javascript">
 
	</script>
<?php  
// Include the database connection details
require('../dbConnection.php');

// Include common functions
require('../commonFunc.php');

// Include common functions
require('../globalVars.php');

// Include the table handler class
require('../dbHandler.class.php');

// Init and connect to database
$dbObject = new dbHandler();
$dbObject->connect();

 echo"<div id='contentnew'><h4>My Calender</h4>";

echo"<div style='margin-left:10px;'>";
//echo"<div><a href='leaves.main.php'>Apply For Leave</a></div>";
?>

<div class="col-md-9">
          <div class="box box-primary">
            <div class="box-body no-padding">
              <!-- THE CALENDAR -->
              <div id="calendar"></div>
            </div>
            <!-- /.box-body -->
          </div>
          <!-- /. box -->
        </div>


</div></div>
<script>
 
</script>

<br>

<br>

<?php 
$dbObject->CloseConnection();

// Include footer
include "footer_leave.php";
?>
<script src="js/jQuery-2.2.0.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<script src="js/jquery.slimscroll.min.js"></script>
<script src="js/fastclick.js"></script> 
<script src="js/app.min.js"></script>
<script src="js/demo.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.11.2/moment.min.js"></script>
<script src="js/fullcalendar.min.js"></script>
<script type="text/javascript">

   function Load_calender(){     
    var date = new Date();  
    var arlene2 = new Array();
    
    var d = date.getDate(),
        m = date.getMonth(),
        y = date.getFullYear();

    $('#calendar').fullCalendar({
      header: {
        left: 'prev,next today',
        center: 'title',
        right: 'month,agendaWeek,agendaDay'
      },
      
      buttonText: {
        today: 'today',
        month: 'month',
        week: 'week',
        day: 'day'
      },
       events: function(start, end, timezone, callback) {           
            $.ajax({
       url:"get_schedule.php",
       type: 'POST',
       data: $("#schedule").serialize(),
       dataType: 'json',
       cache: false,
       success: function(res){       
          var result = eval(res);
          //alert(result.length);
          var events = [];
          for (var i = 0; i < result.length; i++) { 
               //debugger;
               events.push({
                        title: result[i]['title'],
                        start: result[i]['sdate'], // will be parsed
                        end:result[i]['edate'],
                        allDay:Boolean(+result[i].isfullday) ,
                        backgroundColor: "#"+result[i]['background'] 
                    });
                       //console.log(result[i]);                      
                       arlene2[i] =[result[i]['title']];
                       console.log(result[i]['edate']); 
                       console.log(result[i]['isfullday']);
        }
        callback(events);
        ;
        // alert(arlene2.length);
        $("#loading").hide();
            
       },
       error: function(){
           alert("Fail")
       }
   });   

    },
     
     
      //Random default events
      //events: [],
      editable: true,
      droppable: true, // this allows things to be dropped onto the calendar !!!
      drop: function (date, allDay) { // this function is called when something is dropped

        // retrieve the dropped element's stored Event Object
        var originalEventObject = $(this).data('eventObject');

        // we need to copy it, so that multiple events don't have a reference to the same object
        var copiedEventObject = $.extend({}, originalEventObject);

        // assign it the date that was reported
        copiedEventObject.start = date;
        copiedEventObject.allDay = allDay;
        copiedEventObject.backgroundColor = $(this).css("background-color");
        copiedEventObject.borderColor = $(this).css("border-color");

        // render the event on the calendar
        // the last `true` argument determines if the event "sticks" (http://arshaw.com/fullcalendar/docs/event_rendering/renderEvent/)
        $('#calendar').fullCalendar('renderEvent', copiedEventObject, true);

        // is the "remove after drop" checkbox checked?
        if ($('#drop-remove').is(':checked')) {
          // if so, remove the element from the "Draggable Events" list
          $(this).remove();
        }

      }
    });
  }
  Load_calender();
</script>