EVOLUTION-NINJA
Edit File: add_calender.php
<?php $this->load->view('includes/header'); ?> <!-- <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('assets/css/grid_style.css'); ?>" /> <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('assets/jqgrid/css/ui.jqgrid.css'); ?>" /> <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('assets/jqgrid/css/ui.jqgrid-bootstrap.css'); ?>" /> <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('assets/jqgrid/css/ui.jqgrid-bootstrap-ui.css'); ?>" /> <script type="text/ecmascript" src="<?php echo base_url('assets/jqgrid/js/jquery.jqGrid.min.js'); ?>"></script> <script type="text/ecmascript" src="<?php echo base_url('assets/jqgrid/js/i18n/grid.locale-en.js'); ?>"></script> --> <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('assets/css/jquery-ui.css'); ?>" /> <script src="<?php echo base_url('assets/js/jquery-ui.js'); ?>" type="text/javascript"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.4.0/fullcalendar.css" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/css/bootstrap.css" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.4.0/fullcalendar.min.js"></script> <!----------------------------- Left MENU END ---------------------------------------------------> <!-- Content Wrapper. Contains page content --> <div class="content-wrapper"> <div class="row"> <div class="col-md-12 grid-margin stretch-card"> <div class="card"> <div class="card-body"> <div class="row" style="background-color:#f8f8f8;padding-top: 10px;padding-bottom: 10px;"> <div class="col-sm-12 col-md-3"> <button type="button" class="btn btn-primary " data-toggle="modal" data-target="#impcustomer">Add Calender</button> </div> <div class="col-sm-9" style="text-align: right;"> </div> <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"> <div id="calendar"> </div> </div> </div> </div> </div> </div> <!-- <div id ="alljaytab" style="margin-top:3%;" class="grid table-responsive"> <table id="list0"></table> <div id="pager0"></div> <div id="dialogSelectRow" title="Warning" style="display:none"> <p>Please select row</p> </div> </div> --> <div class="modal fade add_group_model" id="impcustomer" tabindex="-1" role="dialog" aria-labelledby="ModalLabel" aria-hidden="true"> <div class="modal-dialog modal-md" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="ModalLabel">Add Calender</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <form class="forms-sample add_godown" enctype="multipart/form-data"> <div class="modal-body"> <div class="form-group"> <div class="form-group"> <label>Date</label> <input type="text" name="calender" class="form-control date-picker" required="" > </div> <div class="form-group"> <label>Event</label> <input type="text" name="event" class="form-control" required="" > </div> <div class="form-group"> <label>Description</label> <input type="text" name="description" class="form-control" required="" > </div> </div> <div class="modal-footer"> <button type="submit" class="btn btn-primary submit">Submit</button> <button type="button" class="btn btn-light" data-dismiss="modal">Close</button> </div> </form> </div> </div> </div> </div> </div> </div> </div> </div> <div class="modal fade add_group_model" id="edit_modal" tabindex="-1" role="dialog" aria-labelledby="ModalLabel" aria-hidden="true"> <div class="modal-dialog modal-md" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="ModalLabel">Update</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <form class="forms-sample update_godown" enctype="multipart/form-data"> <input type="hidden" name="id" class="form-control id" > <div class="modal-body"> <div class="form-group"> <label>Layout</label> <select type="text" name="layout_id" class="form-control layout_id" required="" id="layout_id"> <option value="">Select</option> <?php foreach($result_layout as $key => $value) { ?> <option value="<?php echo $value->id; ?>"><?php echo $value->layout_name;?></option> <?php } ?> </select> </div> <div class="form-group"> <label>Godown Name</label> <input type="text" name="godown_name" class="form-control godown_name" required="" placeholder="Godown Name"> </div> </div> <div class="modal-footer"> <button type="submit" class="btn btn-primary update">Update</button> <button type="button" class="btn btn-light" data-dismiss="modal">Close</button> </div> </form> </div> </div> </div> <script type="text/javascript"> $(function() { $('.date-picker').datepicker( { changeMonth: true, changeYear: true, showButtonPanel: true, dateFormat: 'd-m-yy', }); }); $(document).ready(function() { }); $('.add_godown').submit(function(e) { e.preventDefault(); formdata = new FormData($(this)[0]); $(".submit").text("Submitting..."); $(".submit").attr("disabled", true); $.ajax({ type : 'post', url : '<?php echo site_url("add-dob-calender")?>', data : formdata, contentType: false, processData: false, success:function(response) { response=jQuery.parseJSON(response); console.log(response); if(response.result==1) { toastr["success"](response.message); $('.submit').removeAttr("disabled"); $(".submit").text("Submit"); location.reload(); /* $("#list0").jqGrid('setGridParam',{datatype:'json'}).trigger('reloadGrid'); $('.add_group_model').modal('hide');*/ } else { toastr["error"](response.message); $('.submit').removeAttr("disabled"); $(".submit").text("Submit"); } } }); }); $(document).ready(function(){ $.ajax({ url:'<?php echo site_url("get-dob-dates");?>', type:'post', // data:{}, success:function(response) { response=jQuery.parseJSON(response); console.log(response); if(response.result == 1) { var current_year =(new Date()).getFullYear(); var events = []; $.each(response.message,function(key,value){ var birthday = current_year+'-'+value.dob_date; var event_col=jQuery.parseJSON(value.event); {events.push( { title: value.event, start: birthday , backgroundColor: "", borderColor: "", //url:"<?php echo site_url('event-details')?>"+'/'+value.booking_id, } )} }); } } }); }); function fun_delete(id) { swal({ title: "Are you sure?", text: "You will not be able to recover this customer data !", type: "warning", showCancelButton: true, confirmButtonColor: "#DD6B55", confirmButtonText: "Yes, delete it!", cancelButtonText: "No, cancel plz!", closeOnConfirm: false, closeOnCancel: false }, function(isConfirm){ if (isConfirm) { $(".sweet-alert").hide(); $(".sweet-overlay").hide(); $.ajax({ type : 'post', url : "<?php echo site_url('delete-godown');?>", data : {'sub_group_id':id}, success:function(response) { response=jQuery.parseJSON(response); console.log(response); if(response.result==1) { toastr["success"](response.message); $("#list0").setGridParam({datatype:'json', page:1}).trigger('reloadGrid'); } } }); } else { $(".sweet-alert").hide(); $(".sweet-overlay").hide(); } }); } function fun_edit(id) { $.ajax({ url:"<?php echo site_url("edit-godown")?>", type:"POST", data:{id:id}, success:function(response) { response=jQuery.parseJSON(response); console.log(response); if(response.result == 1) { $("#edit_modal").modal("show"); $(".id").val(response.message.id); $('.layout_id').val(response.message.layout); $('.godown_name').val(response.message.godown_name); } else { toastr["error"](response.message); $(".update").attr("disabled", true); } } }); } $('.update_godown').submit(function(e) { e.preventDefault(); formdata = new FormData($(this)[0]); $(".update").text("Submitting..."); $(".update").attr("disabled", true); $.ajax({ type : 'post', url : '<?php echo site_url("update-godown")?>', data : formdata, contentType: false, processData: false, success:function(response) { response=jQuery.parseJSON(response); console.log(response); if(response.result==1) { toastr["success"](response.message); $('.update').removeAttr("disabled"); $(".update").text("Update"); $("#list0").jqGrid('setGridParam',{datatype:'json'}).trigger('reloadGrid'); $('#edit_modal').modal('hide'); } else { toastr["error"](response.message); $('.update').removeAttr("disabled"); $(".update").text("Update"); } } }); }); $(document).ready(function() { var date = new Date(); var d = date.getDate(); var m = date.getMonth(); var y = date.getFullYear(); var calendar = $('#calendar').fullCalendar({ editable: true, header: { left: 'prev,next today', center: 'title', right: 'month,agendaWeek,agendaDay' }, events: "events.php", eventRender: function(event, element, view) { if (event.allDay === 'true') { event.allDay = true; } else { event.allDay = false; } }, selectable: true, selectHelper: true, select: function(start, end, allDay) { var title = prompt('Event Title:'); if (title) { var start = $.fullCalendar.formatDate(start, "Y-MM-DD HH:mm:ss"); var end = $.fullCalendar.formatDate(end, "Y-MM-DD HH:mm:ss"); $.ajax({ url: 'add_events.php', data: 'title='+ title+'&start='+ start +'&end='+ end, type: "POST", success: function(json) { alert('Added Successfully'); } }); calendar.fullCalendar('renderEvent', { title: title, start: start, end: end, allDay: allDay }, true ); } calendar.fullCalendar('unselect'); }, editable: true, eventDrop: function(event, delta) { var start = $.fullCalendar.formatDate(event.start, "Y-MM-DD HH:mm:ss"); var end = $.fullCalendar.formatDate(event.end, "Y-MM-DD HH:mm:ss"); $.ajax({ url: 'update_events.php', data: 'title='+ event.title+'&start='+ start +'&end='+ end +'&id='+ event.id , type: "POST", success: function(json) { alert("Updated Successfully"); } }); }, eventClick: function(event) { var decision = confirm("Do you really want to do that?"); if (decision) { $.ajax({ type: "POST", url: "delete_event.php", data: "&id=" + event.id, success: function(json) { $('#calendar').fullCalendar('removeEvents', event.id); alert("Updated Successfully");} }); } }, eventResize: function(event) { var start = $.fullCalendar.formatDate(event.start, "yyyy-MM-dd HH:mm:ss"); var end = $.fullCalendar.formatDate(event.end, "yyyy-MM-dd HH:mm:ss"); $.ajax({ url: 'update_events.php', data: 'title='+ event.title+'&start='+ start +'&end='+ end +'&id='+ event.id , type: "POST", success: function(json) { alert("Updated Successfully"); } }); } }); }); </script> <style type="text/css"> .content-wrapper { max-width: 1460px !important; } .row-form { width:100%; } .form_submit label{ padding-top: 20px; } #ui-id-1{ margin-left: 1128px; width: 190.859px; margin-top: 218px; } #search{ margin-right: 30px; } </style> <?php $this->load->view('includes/footer'); ?>