Full Clendar

kelkun89
6

Bonour a tous, j'ai integrer full calendar sur un projet symfony en mode CRUD et j'amairais relier mon entity User au calendar afin d'avoir un User pour chaque events, et que chaque User voit que les events qui le concerne.

{# templates/booking/calendar.html.twig #}
{% extends 'base.html.twig' %}
{% block body %}

    {% if app.user %}
        <div class="mb-3">
            Bienvenue : {{ app.user.username }}
        </div>
    {% endif %}

    <a href="{{ path('booking_new') }}">Créer une nouvelle Mission</a>

    <div id="calendar-holder"></div>
    
{% endblock %}

{% block stylesheets %}

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fullcalendar/core@4.1.0/main.min.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fullcalendar/daygrid@4.1.0/main.min.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fullcalendar/timegrid@4.1.0/main.min.css">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
    <link href='node_modules/@fullcalendar/list/main.css' rel='stylesheet' />

{% endblock %}

{% block javascripts %}

    <script src="https://cdn.jsdelivr.net/npm/@fullcalendar/core@4.1.0/main.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/@fullcalendar/interaction@4.1.0/main.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/@fullcalendar/daygrid@4.1.0/main.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/@fullcalendar/timegrid@4.1.0/main.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/@fullcalendar/list@4.1.0/main.min.js"></script>

    <script type="text/javascript">
        document.addEventListener('DOMContentLoaded', () => {
            var calendarEl = document.getElementById('calendar-holder');

            var calendar = new FullCalendar.Calendar(calendarEl, {
                defaultView: 'dayGridMonth',
                eventLimit: 6,
                locale: 'fr',
                firstDay: 1,
                editable: true,
                
                buttonText: {
                    today: 'Aujourd\'hui',
                    month: 'Mois',
                    week: 'Semaine',
                    list: 'Liste'
                },

                eventSources: [
                    {
                        url: "{{ path('fc_load_events') }}",
                        method: "POST",
                        extraParams: {
                            filters: JSON.stringify({})
                        },
                        
                        failure: () => {
                            // alert("There was an error while fetching FullCalendar!");
                        },
                    },
                ],
                
                eventDrop: (infos) => {
                    if(!confirm("Etes vous sur de vouloir déplacer cet évènement")){
                        infos.revert();
                    }
                },
         
                header: {
                    left: 'prev,next today',
                    center: 'title',
                    right: 'dayGridMonth,timeGridWeek,timeGridDay,list',
                },
                plugins: ['dayGrid','timeGrid','list','interaction'],
                timeZone: 'UTC',
            });
            calendar.render();
        });
    </script>
{% endblock %}

J'ai pris ce bundle la : https://github.com/tattali/CalendarBundle

Je bloque totalement sur ce point, si une personne pourrait m'aiguiller sur la marche a suivre.

3 Réponses

Nouvelle-Techno.fr
17

Salut,

Je n'ai jamais utilisé ce bundle mais je passerais le filtre dans le JSON.stringify

extraParams: {
    filters: JSON.stringify({})
},

 

kelkun89
6

Merci de l'aide, j'ai fait des essais mais en vain a chaque fois

kelkun89
6

Bonsoir,

Personne aurait une idee pour la demarche a suivre, je seche totalement.

J'ai relier mon entité Booking a User en ManyToOne du coups dans ma creation d'evenement j'ai bien le choix de mes utilisateurs, les tout est bien fonctionnel sauf la liaison avec le calendrier en lui meme.

En cherchant partout j'ai reussit a trouver un sujet qui en fait mention mais j'arrive pas a avoir le resultat voulu, je met le lien au cas ou.

https://openclassrooms.com/forum/sujet/symfony-4-fullcalendar-probleme-filters

Merci d'avance pour l'aide

Répondre

Vous devez être inscrit.e et connecté.e pour répondre

M'inscrire Me connecter

Publicité