File manager

File manager - Edit - /home/wwwroot/camplus.hk/master.camplus.hk/public_html/application/modules/leave_sub/views/leave_calendar.php

Back
<!-- BEGIN DATATABLE SCRIPTS --> <link href="<?php echo base_url(); ?>assets/custom/datatables/datatables.min.css" rel="stylesheet" > <link href="<?php echo base_url(); ?>assets/global/plugins/icheck/skins/all.css" rel="stylesheet" > <script src="<?php echo base_url(); ?>assets/custom/datatables/datatables.min.js"></script> <script src="<?php echo base_url(); ?>assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js"></script> <script src="<?php echo base_url(); ?>assets/custom/js/camplus-datatable.js"></script> <!-- END DATATABLE SCRIPTS --> <!-- END FULL CALENDAR --> <link href="<?php echo base_url(); ?>assets/global/plugins/fullcalendar/fullcalendar.min.css" rel="stylesheet" > <script src="<?php echo base_url(); ?>assets/global/plugins/moment.min.js"></script> <script src="<?php echo base_url(); ?>assets/global/plugins/fullcalendar/fullcalendar.min.js"></script> <script src="<?php echo base_url(); ?>assets/global/plugins/jquery-ui/jquery-ui.min.js"></script> <script src="<?php echo base_url(); ?>assets/global/plugins/icheck/icheck.min.js"></script> <script src="<?php echo base_url(); ?>assets/pages/scripts/form-icheck.min.js"></script> <!-- END FULL CALENDAR --> <style> .key { width: 50%; float: left; list-style: none; display: table; border-collapse: separate; padding-left: 20px; > li { display: table-row; > * { display: table-cell; border-bottom: 12px solid white; } } } .code { width: 20px; height: 20px; margin-bottom: 10px; margin-top: 10px; } </style> <div class="portlet light bordered calendar"> <div class="portlet-title"> <div class="caption"> <i class="icon-doc font-dark"></i> <span class="bold"><?php echo $pagetitle; ?></span> </div> </div> <div class="portlet-body"> <div class="row"> <div class="col-md-10"> <div id="leave_calendar"></div> </div> <div id="ledger" class="col-md-2"> <ul class="key"> <?php foreach($leave_types as $type) {?> <li> <div class="code" style="background-color:<?php echo $type['color']?>"></div> <span><?php echo $type['title']?></span> </li> <?php }?> </ul> </div> </div> </div> </div> <div id="messageModal" class="modal fade" tabindex="-1" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <form method="post" action="<?php echo base_url(); ?>overtime/add" class="createOvertimeForm"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button> <h4 class="modal-title"><?php //echo $this->lang->line('create'); ?> <?php echo "Absent Teachers on " ;//$pagetitle; ?> <span class="actionEventTitle"></span></h4> </div> <div class="modal-body"> <div class="scroller" style="height:70px" data-always-visible="1" data-rail-visible="1"> <p> No Class / Duty Substitution Needed. </p> </div> </div> <div class="modal-footer"> <button type="button" data-dismiss="modal" class="btn default"><?php echo $this->lang->line('close'); ?></button> </div> </form> </div> </div> </div> <div id="addModal" class="modal fade" tabindex="-1" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <form method="post" action="<?php echo base_url(); ?>leave_sub/substitution/add" class="createSubstitutionForm"> <input type="hidden" name="date" id="date"/> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button> <h4 class="modal-title"><?php //echo $this->lang->line('create'); ?> <?php echo "Absent Teachers on " ;//$pagetitle; ?> <span class="actionEventTitle"></span></h4> </div> <div class="modal-body"> <div class="scroller" style="height:550px" data-always-visible="1" data-rail-visible="1"> <div class="form-group" id="absentteachers" style="background:#e6e6e6;padding: 18px;padding-top: 7px;" > </div> <div class="form-group"> <div class="row"> <div class="col-md-6"> <label class="control-label" >Which Cycle day/weekday is:</label> </div> <div class="col-md-6"> <select class="form-control selectpercyle" id="cycle_day" name="cycle_day" style="width: 100%;" required > <option value="">select cylcle day</option> </select> </div> </div> </div> <div class="form-group"> <div class="row"> <div class="col-md-3"> <label class="control-label" >Add marks:</label> </div> <div class="col-md-3"> <input type="number" class="form-control" name="addMarks"/> </div> <div class="col-md-3"> <label class="control-label" >Deduct marks:</label> </div> <div class="col-md-3"> <input type="number" class="form-control" name="deductMarks"/> </div> </div> </div> <div style="background:#e6e6e6;"> <div class="form-group"> <h3><?php echo "Absent Class/Duty pending subsititution "; ?></h3> <div class="form-group col-md-8"> <div class="form-group" style="border:1px solid #c2cad8;padding-left: 10px ;padding-top: 5px;overflow-y:scroll ;height: 220px"> <div class="mt-checkbox-list " id="classsubjectlist"> </div> </div> </div> <div class="form-group col-md-4"> <div class="form-group" style="border:1px solid #c2cad8;padding-left: 10px ;padding-top: 5px;overflow-y:scroll ;height: 220px"> <div class="input-group"> <div class="icheck-list" id="freeteacherlist"> <label> <input type="radio" name="radio1" class="icheck"> Radio Button 1 </label> </div> </div> </div> </div> </div> <div class="form-group col-md-12"> <div class="form-group" style="border:1px solid #c2cad8;padding-left: 10px ;padding-top: 5px;overflow-y:scroll ;height: 220px"> <h3><?php echo "Other Filtering Criteria"; ?></h3> <div class="mt-checkbox-list " id="filtering_criteria"> <?php //foreach ($userlist as $key => $user){ ?> <label class="mt-checkbox mt-checkbox-outline "> <?php echo "Sick leave before 1 day"; //echo allUsers($user['id'],1); ?> <input id="filters" class="checker" type="checkbox" value="sickleave" name="" /> <span></span> </label> <label class="mt-checkbox mt-checkbox-outline "> <?php echo "Full capacity on selected day"; //echo allUsers($user['id'],1); ?> <input id="filters" class="checker" type="checkbox" value="fullcapacity" name="" /> <span></span> </label> <!--<label class="mt-checkbox mt-checkbox-outline "> <?php echo "All Teachers"; //echo allUsers($user['id'],1); ?> <input id="filters" class="checker" type="checkbox" value="all" name="tender_personincharge[]" /> <span></span> </label>--> <?php// } ?> </div> </div> </div> </div> </div> </div> <div class="modal-footer"> <button type="button" data-dismiss="modal" class="btn default"><?php echo $this->lang->line('close'); ?></button> <input type="submit" class="btn green" value="<?php echo "Assign Teacher(s)"; ?>"> </div> </form> </div> </div> </div> <script src="<?php echo base_url(); ?>assets/custom/js/leave_sub_filter.js"></script> <script> var maxDate = new Date(); $(document).ready(function(){ var calendar = $('#leave_calendar').fullCalendar({ timeFormat: 'h(:mm)a', formatDate:'Y-m-d h:i:s', selectable: true, selectHelper: true, dayRender: function(date, cell){ if (date > maxDate){ $(cell).addClass('disabled'); } }, header: { left: '', center: 'title', right: 'prev,next,today,month,agendaWeek,agendaDay' }, buttonText: { today: '<?php echo $this->lang->line('today'); ?>', prevYear: '<?php echo $this->lang->line('last_year'); ?>', nextYear: '<?php echo $this->lang->line('next_year'); ?>', month: '<?php echo $this->lang->line('month'); ?>', week: '<?php echo $this->lang->line('week'); ?>', day: '<?php echo $this->lang->line('day'); ?>', }, monthNames: ['<?php echo $this->lang->line('jan'); ?>','<?php echo $this->lang->line('feb'); ?>','<?php echo $this->lang->line('mar'); ?>','<?php echo $this->lang->line('apr'); ?>','<?php echo $this->lang->line('may'); ?>','<?php echo $this->lang->line('jun'); ?>','<?php echo $this->lang->line('jul'); ?>','<?php echo $this->lang->line('aug'); ?>','<?php echo $this->lang->line('sep'); ?>','<?php echo $this->lang->line('oct'); ?>','<?php echo $this->lang->line('nov'); ?>','<?php echo $this->lang->line('dec'); ?>'], monthNamesShort: ['<?php echo $this->lang->line('jan'); ?>','<?php echo $this->lang->line('feb'); ?>','<?php echo $this->lang->line('mar'); ?>','<?php echo $this->lang->line('apr'); ?>','<?php echo $this->lang->line('may'); ?>','<?php echo $this->lang->line('jun'); ?>','<?php echo $this->lang->line('jul'); ?>','<?php echo $this->lang->line('aug'); ?>','<?php echo $this->lang->line('sep'); ?>','<?php echo $this->lang->line('oct'); ?>','<?php echo $this->lang->line('nov'); ?>','<?php echo $this->lang->line('dec'); ?>'], dayNames: ['<?php echo $this->lang->line('sun'); ?>','<?php echo $this->lang->line('mon'); ?>','<?php echo $this->lang->line('tue'); ?>','<?php echo $this->lang->line('wed'); ?>','<?php echo $this->lang->line('thu'); ?>','<?php echo $this->lang->line('fri'); ?>','<?php echo $this->lang->line('sat'); ?>'], dayNamesShort: ['<?php echo $this->lang->line('sun'); ?>','<?php echo $this->lang->line('mon'); ?>','<?php echo $this->lang->line('tue'); ?>','<?php echo $this->lang->line('wed'); ?>','<?php echo $this->lang->line('thu'); ?>','<?php echo $this->lang->line('fri'); ?>','<?php echo $this->lang->line('sat'); ?>'], loading: function (bool) { if(bool) { $('#loader').show(); } else { $('#loader').hide(); } }, eventRender: function(event, element,view) { element.attr('data-trigger', 'hover'); element.attr('data-placement', 'top'); element.attr('data-html', true); element.attr('data-original-title', event.type); element.attr('data-original-title-id', event.type_id); element.attr('data-content', event.content); element.popover({ container: 'body', template:'<div class="popover" role="tooltip"><div class="arrow"></div><h3 class="popover-title" style="background:'+event.backgroundColor+'"></h3><div class="popover-content"></div></div>' }); if(event.end<maxDate){ element.css('opacity','0.5'); }; if(event.status=='R') { return false } if(event.status=='D') { return false } }, eventDataTransform: function (rawEventData) { var time if(rawEventData.half_day==1) time = rawEventData.from_time + ' - ' + rawEventData.to_time; else time = "<?php echo $this->lang->line('full_day'); ?>"; var message = "<span class='calender_hover_content_title'> <?php echo $this->lang->line('type');?> : <span class='calender_hover_content'>"+rawEventData.title+"</span></span><span class='calender_hover_content_title'><?php echo $this->lang->line('date')?>: <span class='calender_hover_content'>"+rawEventData.dates+"</span></span><span class='calender_hover_content_title'><?php echo $this->lang->line('time')?>: <span class='calender_hover_content'>"+time + "</span></span><span class='calender_hover_content_title'><?php echo $this->lang->line('applicant')?>: <span class='calender_hover_content'>"+rawEventData.username+"</span></span>"; var obj; if(rawEventData.dates!=null) { obj = { title: rawEventData.username, applicant_id: rawEventData.username, start: rawEventData.dates, content: message, backgroundColor: rawEventData.color, status: rawEventData.status } } else { obj = { title: rawEventData.title, applicant_id: '', start: rawEventData.start_date, content: rawEventData.type, backgroundColor: '#ff0000', status: rawEventData.status } } return obj; }, eventMouseover: function( event, jsEvent, view ) { //console.log(event) }, editable: false, eventSources: ['./json_data','../../holiday/json_data'], type: 'GET', eventClick: function(calEvent, jsEvent, view) { var date; var str=""; var caseNumber = Math.floor((Math.abs(jsEvent.offsetX + jsEvent.currentTarget.offsetLeft) / $(this).parent().parent().width() * 100) / (100 / 7)); var table = $(this).parent().parent().parent().parent().children(); $(table).each(function(){ // Get the thead if($(this).is('thead')){ var tds = $(this).children().children(); date = $(tds[caseNumber]).attr("data-date"); } }); $.ajax({ type: "POST", url: BASE_URL + "timetable/getTimetablebyDate/" + date , dataType: "json", success: function(data) { $("#cycle_day").html(''); var cycle = data.cycle_day; for (var i=1;i<=cycle;i++) { var newOption = new Option(i, i, true, true); $("#cycle_day").append(newOption); } } }) $.ajax({ type: "POST", url: BASE_URL + "leave_sub/leave/getAbsentTeachers/" + date , dataType: "json", success: function(data) { console.log(data) for($i=0;$i<data.length;$i++) { //absentteachers var status; if(data[$i]['status']=='A'){ status='Approved'; }else if (data[$i]['status']=='P') { status='Pending'; }else if (data[$i]['status']=='C') { status='Canceled'; } else{ $('#messageModal span.actionEventTitle').html(date); $('#messageModal').modal('show'); } str += '<h4>'+ data[$i]['from_time'] + '-'+ data[$i]['to_time'] + ' ' +data[$i]['username'] + ' <br> ' + data[$i]['title'] + '(' + status + ')</h4>'; } $('#absentteachers').html(str); $('#classsubjectlist').html(''); $('#freeteacherlist').html(''); $('#addModal input[name=date]').val(date); $('#addModal select[name=cycle_day]').val('').change();; $('#addModal span.actionEventTitle').html(date); $('#addModal').modal('show'); } }); // window.location.href = BASE_URL+'event_booking/events/previewEvent/'+id; }, dayClick: function(date,allDay, jsEvent, view) { var date = formatDate(date); $('#messageModal span.actionEventTitle').html(date); $('#messageModal').modal('show'); } }); }); </script>

| ver. 1.4 | Github | . | PHP 7.2.34 | Generation time: 0.2 | proxy | phpinfo | Settings