Current File : /home/inlingua/public_html/sensoriumpsychologists.com/meeting/mycalender.php

<?php  
session_start();
include('include/header_calender.php'); 
//print_r($_POST);

?> 
  <style>
  .table-bordered td, .table-bordered th {
    border: 1px solid #dee2e6;
}
.modal-header .close {
    padding: 1rem;
    margin: 0px;
    float: right;
}
.dropdown-menu {
    
    background-color: #020031;
}
.post-list ul li{
padding: 5px 15px;
    background: #eae9e9;
    margin-bottom: 5px;
    float: left;
    list-style: none;
    margin-right: 10px;
}
  </style>


<section class="event-section">
<div class="container">
<div class="section-title pt-30">
<h3>My Schedule</h3>


</div>
<div class="row">
<div class="col-lg-12 post-list"> 
<ul>
<li> 
<a href="https://www.sensoriumpsychologists.com/meeting/list.php">Appointment </a></li>
<li><a href="https://www.sensoriumpsychologists.com/meeting/home.php"> Schedule </a></li>
<li><a href="https://www.sensoriumpsychologists.com/meeting/mycalender.php">Calender </a></li>
<li><a href="https://www.sensoriumpsychologists.com/meeting/logout.php">Log Out </a></li>
</ul>
</div>
</div>
        <div class="row">
		
		  <!-- /.col -->
          <div class="col-md-12">
            <div class="card card-primary">
              <div class="card-body p-0">
                <!-- THE CALENDAR -->
                <div id="calendar"></div>
              </div>
              <!-- /.card-body -->
            </div>
            <!-- /.card -->
          </div>
          <!-- /.col -->
		</div>
        <!-- /.row -->
<br/>
<br/>

</div>
</section>

<!-- ./wrapper -->
<!-- jQuery -->
<script src="../plugins/jquery/jquery.min.js"></script>
<!-- Bootstrap -->
<script src="../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- jQuery UI -->
<script src="../plugins/jquery-ui/jquery-ui.min.js"></script>


<!-- fullCalendar 2.2.5 -->
<script src="../plugins/moment/moment.min.js"></script>
<script src="../plugins/fullcalendar/main.js"></script>


<script>
  $(function () {

    
    /* initialize the calendar
     -----------------------------------------------------------------*/
    //Date for the calendar events (dummy data)
    var date = new Date()
    var d    = date.getDate(),
        m    = date.getMonth(),
        y    = date.getFullYear()

    var Calendar = FullCalendar.Calendar;
    var Draggable = FullCalendar.Draggable;

    //var containerEl = document.getElementById('external-events');
    var checkbox = document.getElementById('drop-remove');
    var calendarEl = document.getElementById('calendar');

    // initialize the external events
    // -----------------------------------------------------------------

    
    var calendar = new Calendar(calendarEl, {
      headerToolbar: {
        left  : 'prev,next today',
        center: 'title',
        right : 'dayGridMonth,timeGridWeek,timeGridDay'
      },
      themeSystem: 'bootstrap',
      //Random default events
      events: [
        <?php 
   $sql="SELECT *  FROM shristi_appointment_shadule WHERE dr_id='".$_SESSION['shristi_dr']."' ";
		$result = $conn->query($sql);
		$i=1;
		
	while($row = $result->fetch_assoc()){	
	
	$newdate=explode('T',$row['sdate']);
	
	$mdate=$newdate[0].' '.$newdate[1];
	if($row['is_active']=='1')
	{
		$color='#119326';
		
	}else {
    $color='#f70000';

	}		
	
	
  ?>
        {
          id          : <?php echo "'".$row['id']."'"; ?>,
          title          : <?php echo "'".$row['title']."'"; ?>,
          start          : <?php echo "'".$mdate."'"; ?>,
          allDay         : false,
          backgroundColor: <?php echo "'".$color."'"; ?>, //Blue
          borderColor    : <?php echo "'".$color."'"; ?>, //Blue
		  
		    
	  },
		
	<?php } ?>
      ],
	  editable  : true,
      droppable : true, // this allows things to be dropped onto the calendar !!!
      drop      : function(info) {
        // is the "remove after drop" checkbox checked?
        if (checkbox.checked) {
          // if so, remove the element from the "Draggable Events" list
          info.draggedEl.parentNode.removeChild(info.draggedEl);
        }
      }
    });

    calendar.render();
    // $('#calendar').fullCalendar()
  
  })
  

</script>
<link href="https://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css" rel="Stylesheet" type="text/css" />
   



<?php  include('include/footer.php'); ?>