ok
Direktori : /proc/self/root/home2/selectio/www/bharath/application/views/user/ |
Current File : //proc/self/root/home2/selectio/www/bharath/application/views/user/eventcalendar.php |
<div class="wrapper"> <div class="content-wrapper"> <!-- Content Header (Page header) --> <section class="content-header"> <h1> Calendar <?php $date = new DateTime('2018-05-01', new DateTimeZone('Asia/Kolkata')); $time = $date->format('Y-m-d H:i:sP'); ?> </h1> </section> <!-- Main content --> <section class="content"> <div class="row"> <!-- /.col --> <div class="col-md-9 col-sm-9"> <div class="box box-primary"> <div class="box-body"> <!-- THE CALENDAR --> <div id="calendar"></div> </div> <!-- /.box-body --> </div> <!-- /. box --> </div> <div class="col-md-3 col-sm-3"> <div class="box box-primary"> <div class="box-header ptbnull"> <h3 class="box-title">To Do List</h3> <div class="box-tools pull-right"> <button class="btn btn-primary btn-sm pull-right" onclick="add_task()"><i class="fa fa-plus"></i><?php //echo 'Add Task'; ?></button> </div> </div> <div class=""> <?php foreach ($tasklist as $taskkey => $taskvalue) { ?> <div class="media mt5" style="padding:0 10px;"> <div class="media-left"> <input type="checkbox" <?php if ($taskvalue["is_active"] == 'yes') { echo "checked"; } ?> id="check<?php echo $taskvalue["id"] ?>" onclick="markcomplete('<?php echo $taskvalue["id"] ?>')" name="eventcheck" value="<?php echo $taskvalue["id"]; ?>"> </div> <div class="media-body"> <p class="tododesc" <?php if ($taskvalue["is_active"] == 'yes') { ?> style="text-decoration: line-through;color: #4f881d;" <?php } ?> ><?php echo $taskvalue["event_title"]; ?></p> <small class="tododate"><?php echo date("m/d/Y", strtotime($taskvalue["start_date"])); ?><a href="#" onclick="deleteevent('<?php echo $taskvalue["id"]; ?>', 'Task'); return false;" class="pull-right text-muted"><i class="fa fa-remove"></i></a><a href="#" onclick="edit_todo_task('<?php echo $taskvalue["id"]; ?>'); return false;" class="pull-right text-muted mright5" style="margin-right: 5px"><i class="fa fa-pencil"></i></a></small> </div> </div> <div class="todo_divider"></div> <?php } ?> <div class="todopagination"><?php echo $this->pagination->create_links(); ?></div> </div> </div> </div> <!-- /.col --> </div> <!-- /.row --> </section> <!-- /.content --> </div> <!-- /.content-wrapper --> </div> <div id="newTask" class="modal fade " role="dialog"> <div class="modal-dialog modal-dialog2 modal-lg"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> <h4 class="modal-title" id="modal-title" ><?php echo "Add To Do"; ?></h4> </div> <div class="modal-body"> <div class="row"> <form role="form" id="addtodo_form" method="post" enctype="multipart/form-data" action=""> <div class="form-group col-md-12"> <label for="exampleInputEmail1"><?php echo $this->lang->line('title'); ?></label> <input class="form-control" name="task_title" id="task-title"> <span class="text-danger"><?php echo form_error('title'); ?></span> </div> <div class="form-group col-md-12"> <label for="exampleInputEmail1"><?php echo $this->lang->line('date'); ?></label> <input class="form-control" type="text" autocomplete="off" name="task_date" placeholder="Date" id="task-date"> <input class="form-control" type="hidden" name="eventid" id="taskid"> </div> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <input type="submit" class="btn btn-primary submit_addtask pull-right" value="<?php echo $this->lang->line('save'); ?>"></div> </form> </div> </div> </div> </div> </div> <!-- ./wrapper --> <script src="<?php echo base_url() ?>backend/fullcalendar/dist/fullcalendar.min.js"></script> <!-- Page specific script --> <script> $calendar = $('#calendar'); var base_url = '<?php echo base_url() ?>'; today = new Date(); y = today.getFullYear(); m = today.getMonth(); d = today.getDate(); var viewtitle = 'month'; var pagetitle = "<?php if (isset($title)) { echo $title; } ?>"; if (pagetitle == "Dashboard") { viewtitle = 'agendaWeek'; } $calendar.fullCalendar({ viewRender: function (view, element) { // We make sure that we activate the perfect scrollbar when the view isn't on Month //if (view.name != 'month'){ // $(element).find('.fc-scroller').perfectScrollbar(); //} }, header: { center: 'title', right: 'month,agendaWeek,agendaDay', left: 'prev,next,today' }, defaultDate: today, defaultView: viewtitle, selectable: true, selectHelper: true, views: { month: {// name of view titleFormat: 'MMMM YYYY' // other view-specific options here }, week: { titleFormat: " MMMM D YYYY" }, day: { titleFormat: 'D MMM, YYYY' } }, timezone: "Asia/Kolkata", draggable: false, editable: false, eventLimit: false, // allow "more" link when too many events // color classes: [ event-blue | event-azure | event-green | event-orange | event-red ] events: { url: base_url + 'user/calendar/getevents' }, eventRender: function (event, element) { element.attr('title', event.title); element.attr('onclick', event.onclick); element.attr('data-toggle', 'tooltip'); if ((!event.url) && (event.event_type != 'task')) { element.attr('title', event.title + '-' + event.description); //element.click(function() { view_event(event.id); }); } }, dayClick: function (date, jsEvent, view) { var d = date.format(); if (!$.fullCalendar.moment(d).hasTime()) { d += ' 05:30'; } //var vformat = (app_time_format == 24 ? app_date_format + ' H:i' : app_date_format + ' g:i A'); // $("#input-field").val(''); // $("#desc-field").text(''); // $("#date-field").daterangepicker({ // startDate: date, // endDate: date, // timePicker: true, timePickerIncrement: 5, locale: { // format: 'MM/DD/YYYY hh:mm a' // } // }); // $('#newEventModal').modal('show'); return false; } }); function add_task() { $("#modal-title").html("Add Task"); $("#task-title").val(''); $("#taskid").val(''); $('#newTask').modal('show'); $('#task-date').datepicker({autoclose: true}); $("#task-date").val('<?php echo date('m/d/Y') ?>'); } function edit_todo_task(eventid) { $.ajax({ url: "<?php echo site_url("user/calendar/gettaskbyid/") ?>" + eventid, type: "POST", data: {eventid: eventid}, dataType: 'json', contentType: false, cache: false, processData: false, success: function (res) { $("#modal-title").html("Edit Task"); $("#task-title").val(res.event_title); $("#taskid").val(eventid); $("#task-date").val(new Date(res.start_date).toString("MM/dd/yyyy")); $('#task-date').datepicker({autoclose: true}); $('#newTask').modal('show'); } }); } $(document).ready(function (e) { $("#addtodo_form").on('submit', (function (e) { e.preventDefault(); $.ajax({ url: "<?php echo site_url("user/calendar/addtodo") ?>", type: "POST", data: new FormData(this), dataType: 'json', contentType: false, cache: false, processData: false, success: function (res) { if (res.status == "fail") { var message = ""; $.each(res.error, function (index, value) { message += value; }); errorMsg(message); } else { successMsg(res.message); window.location.reload(true); } } }); })); }); function complete_event(id, status) { $.ajax({ url: "<?php echo site_url("user/calendar/markcomplete/") ?>" + id, type: "POST", data: {id: id, active: status}, dataType: 'json', success: function (res) { if (res.status == "fail") { var message = ""; $.each(res.error, function (index, value) { message += value; }); errorMsg(message); } else { successMsg(res.message); window.location.reload(true); } } }); } function markcomplete(id) { $('#check' + id).change(function () { if (this.checked) { complete_event(id, 'yes'); } else { complete_event(id, 'no'); } }); } function deleteevent(id, msg) { if (typeof (id) == 'undefined') { return; } if (confirm("Are you sure to delete this " + msg + " !")) { $.ajax({ url: base_url + 'user/calendar/delete_event/' + id, type: 'POST', //data: '', dataType: "json", success: function (res) { if (res.status == "fail") { errorMsg(res.message); } else { successMsg(msg + " Deleted Succssfully."); window.location.reload(true); } } }) } } </script> </body> </html>