iniziato test calendario - non funziona ancora

2022-03-11 13:28:00 +01:00
parent 95ba0f602b
commit 717d100dcf
5 changed files with 457 additions and 1 deletions
--- a/resources/views/fullcalendar.blade.php
+++ b/resources/views/fullcalendar.blade.php
@@ -0,0 +1,253 @@
+<!DOCTYPE html>
+
+<html>
+
+<head>
+
+    <title>Laravel Fullcalender Tutorial Tutorial - ItSolutionStuff.com</title>
+
+    <meta name="csrf-token" content="{{ csrf_token() }}">
+
+  
+
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" />
+
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
+
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.9.0/fullcalendar.css" />
+
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>
+
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.9.0/fullcalendar.js"></script>
+
+  
+
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
+
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css" />
+
+</head>
+
+<body>
+
+  
+
+<div class="container">
+
+    <h1>Laravel FullCalender Tutorial Example - ItSolutionStuff.com</h1>
+
+    <div id='calendar'></div>
+
+</div>
+
+   
+
+<script>
+
+$(document).ready(function () {
+
+   
+
+var SITEURL = "{{ url('/') }}";
+
+  
+
+$.ajaxSetup({
+
+    headers: {
+
+    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
+
+    }
+
+});
+
+  
+
+var calendar = $('#calendar').fullCalendar({
+
+                    editable: true,
+
+                    events: SITEURL + "/fullcalender",
+
+                    displayEventTime: false,
+
+                    editable: true,
+
+                    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");
+
+                            var end = $.fullCalendar.formatDate(end, "Y-MM-DD");
+
+                            $.ajax({
+
+                                url: SITEURL + "/fullcalenderAjax",
+
+                                data: {
+
+                                    title: title,
+
+                                    start: start,
+
+                                    end: end,
+
+                                    type: 'add'
+
+                                },
+
+                                type: "POST",
+
+                                success: function (data) {
+
+                                    displayMessage("Event Created Successfully");
+
+  
+
+                                    calendar.fullCalendar('renderEvent',
+
+                                        {
+
+                                            id: data.id,
+
+                                            title: title,
+
+                                            start: start,
+
+                                            end: end,
+
+                                            allDay: allDay
+
+                                        },true);
+
+  
+
+                                    calendar.fullCalendar('unselect');
+
+                                }
+
+                            });
+
+                        }
+
+                    },
+
+                    eventDrop: function (event, delta) {
+
+                        var start = $.fullCalendar.formatDate(event.start, "Y-MM-DD");
+
+                        var end = $.fullCalendar.formatDate(event.end, "Y-MM-DD");
+
+  
+
+                        $.ajax({
+
+                            url: SITEURL + '/fullcalenderAjax',
+
+                            data: {
+
+                                title: event.title,
+
+                                start: start,
+
+                                end: end,
+
+                                id: event.id,
+
+                                type: 'update'
+
+                            },
+
+                            type: "POST",
+
+                            success: function (response) {
+
+                                displayMessage("Event Updated Successfully");
+
+                            }
+
+                        });
+
+                    },
+
+                    eventClick: function (event) {
+
+                        var deleteMsg = confirm("Do you really want to delete?");
+
+                        if (deleteMsg) {
+
+                            $.ajax({
+
+                                type: "POST",
+
+                                url: SITEURL + '/fullcalenderAjax',
+
+                                data: {
+
+                                        id: event.id,
+
+                                        type: 'delete'
+
+                                },
+
+                                success: function (response) {
+
+                                    calendar.fullCalendar('removeEvents', event.id);
+
+                                    displayMessage("Event Deleted Successfully");
+
+                                }
+
+                            });
+
+                        }
+
+                    }
+
+ 
+
+                });
+
+ 
+
+});
+
+ 
+
+function displayMessage(message) {
+
+    toastr.success(message, 'Event');
+
+} 
+
+  
+
+</script>
+
+  
+
+</body>
+
+</html>