Agenda Fullcalendar facile

Published : 29 October 2016 – updated on 14 December 2023 – by Maïeul – 167 commentaires

1
2
3
4
5
11 Votes

Dans un précédent article, nous expliquions comment afficher un agenda Fullcalendar sur son site avec le plugin agenda. Cependant, ceci nécessite des manipulation de squelettes, ce qui n’est pas toujours évident lorsqu’on débute.

La présente contribution permet d’intégrer plus facilement un agenda Fullcalendar, sans qu’il ne soit cependant possible d’avoir une configuration avancée [1].

Fonctionnalité

Avec le plugin Agenda activé, le présent plugin permet d’afficher dans un article un agenda Fullcalendar, affichant les évènements par mois, semaine ou jour, et liant chaque évènement à la page de l’article qui lui est associé.

Agenda souhaité au final

Installation

Le plugin nécessite SPIP 3.1, il s’installe comme n’importe quel plugin. Sous SPIP 4 et supérieur, il nécessite d’installer le plugin “organiseur” qui n’est plus livré en standard. Pour ce faire, ajouter le dépot suivant à la liste des dépots https://files.spip.org/core/archives.xml.

Utilisation

Une fois le plugin installé, et les événements créés, il suffit d’insérer le code suivant dans un article:

<agenda_fullcalendar|>

Options

Colorer les évènements

À partir de la version 2.1.0, il est possible de choisir la couleur associé aux événements.

Pour ce faire, il vous faut:

  • avoir le plugin Couleur d’Objet activé, en version 0.3.0 minimum et les couleurs réglées
  • passer en paramètre du modèle l’objet sur lequel on prend la couleur:
    • <agenda_fullcalendar|couleur=rubrique> prend la couleur associé à la rubrique où se trouve l’évènement.
    • <agenda_fullcalendar|couleur=article> prend la couleur associé à l’article où se trouve l’évènement.
    • <agenda_fullcalendar|couleur=evenement> prend la couleur associé à l’évènement lui-même.
    • <agenda_fullcalendar|couleur=mot> prend la couleur associé à un mot clé associé à l’évènement ; si plusieurs mots-clé avec une couleur sont associés à l’évènement, celui ayant l’identifiant le plus important l’emportera. Option disponible à partir de la version 2.5.0 du plugin.

Ne pas insérer de lien

À partir de la version 3,1,0, on peut passer le paramètre |sans_lien=oui au modèle pour ne pas insérer de lien.

Footnotes

[1] Si le besoin s’en fait sentir, il est nécessaire d’apprendre des notions de squelettes SPIP, puis de lire mon tutoriel.

Discussion

5 years 1 year 3 months Without limit
par date
Filter

34 discussions

  • Nwenn

    Bonjour,
    Mon site est bilingue français/anglais. J’arrive bien à afficher l’agenda, mais j’aimerais n’afficher que les articles en français dans le calendrier. Est-ce possible ?

    Reply to this message

  • 1
    elm31rugby

    Bonjour ! L’affichage du calendrier n’est pas complètement responsive. Sur des petits écrans, la grille s’affiche bien, mais les liens de navigation sortent de l’écran.
    Je peux essayer de régler cela, mais ne ne sais pas trop à quel endroit introduire les modifications. Dans le fichier Modèles>agenda_fullcalendar.html ?
    Et si oui, à quel endroit est géré l’affichage des boutons de navigation ?
    Merci !

    • Maïeul

      Bonjour,

      le plugin se contente de brancher SPIP sur la librairie externe fullcalendar. Donc il faudrait voir dans la doc de la librairie fullcalendar s’ils ne précisent pas le comment du pourquoi.

    Reply to this message

  • 2
    fpbf

    Bonjour,

    J’ai longtemps utilisé ces supers plugins et j’essaye de remettre l’agenda global de tout le site, sans y arriver.
    Voici le squelette : view-source:https://association-la-marmite.fr/squelettes/agenda.html

    Voici le résultat : https://association-la-marmite.fr/spip.php?page=agenda

    Il ne doit pas manquer grand chose, mais je sèche. Si quelqu’un à une piste ....

    • Maïeul

      Visiblement ce n’est pas le plugin full_calendar facile que tu as utilisé, mais tu avais codé toi même l’appel à fullcalendar.

      Et donc sur les versions recentes de SPIP il faut avoir le plugin organiseur.

    • fpbf

      Merci pour la réponse !

      Ce plugin est super ! Merci aussi pour la contrib et son support sur tant d’année !

      Mais oui, j’ai remis le nez dans le oueb donc dans spip après 6 ans d’absence et plusieurs site en rideau :) Et en effet, j’avais juste un peu de nettoyage à faire.

    Reply to this message

  • 1
    Julia

    Bonjour,
    J’aimerais afficher le calendrier pour avoir les informations d’événements mais qu’ils ne soient pas cliquables c’est à dire qu’ils ne renvoient pas vers la page avec les informations de l’événement, comment puis-je changer ça ?
    Merci

    Reply to this message

  • Théo

    Bonjour,

    J’aimerai savoir s’il est possible que lorsque l’on arrive sur ma page avec mon agenda, ce soit la vue “planning” qui s’affiche en priorité ?

    Merci

    Reply to this message

  • 1
    physsa

    Bonjour.
    Merci pour cet outil vraiment utile.
    Est-ce sûr qu’il n’est pas compatible avec Spip 4.2 ? Que faudrait-il faire pour ça ?

    Merci d’avance,
    Phy

    • Maïeul

      Le tester en forcant la borne de compatibilité. Je ne l’utilise pas / plus et donc je ne me penche dessus qu’à la demande.

    Reply to this message

  • 6
    spipheure

    Bonjour,

    Je viens d’installer sur un SPIP 3.2.17 tout neuf Agenda (4,5,4) et Agenda Fullcalendar Facile 2,5,2.
    J’ai recupéré l’article de base de spip contenu dans squelettes-dist et je l’ai ajouté dans le repertoire crée squelettes.

    J’ai juste ajouter dans ce dernier un texte “TEST” ainsi que <agenda_fullcalendar|>
    J’ai enfin crée quelques articles ainsi que quelques évènements j’ai ensuite tester mon article

    Je vois bien mon texte de TEST mais je ne vois pas le calendrier.

    Pouvez vous m’aider s’il vous plait, j’ai pourant l’habitude de SPIP et des squelettes.

    Merci par avance

    • Maïeul

      là c’est difficile à dire car tu bien suivi tout ce qu’il falalit faire. les evenemenets sont bien publiés ?

      si oui, alors il faudrait une url pour debuguer.

    • spipheure

      Merci beaucoup pour l’aide

      Je viens de vous envoyer un message avec tous les accès merci

    • spipheure

      Re-bonjour Maïeul,

      avez vous bien recu mon message avec toutes les informations dont l’URL ?

      Merco

    • Maïeul

      oui mais je ne suis pas h24 dispo :)

    • spipheure

      Merci pour votre réponse.

      Je ne voulais pas vous offenser, mais juste savoir si les éléments avaient bien été transmis.

      ;)

    • Maïeul

      je viens de regarder l’article en question.
      <agenda_fullcalendar|> n’était pas mis dedans. Je viens de le faire et c’est bon.

      En fait vous aviez mis le code dans le squelette... mais ce n’est pas ce qu’il fallait faire, puisqu’il s’agit d’appeler un modèle.

    Reply to this message

  • 1
    Mickael

    Bonjour, j’aurai besoin de vos lumières s’il vous plait...
    J’aimerai afficher le nom des participants sur des réunions sur un article (événement agenda de l’article n°100 pour mon essai)

    J’essaye avec un json modifié. Cela fonctionne sur un test avec un seul événement mais dès que j’ajoute un participant sur un autre événement... cela ne fonctionne plus...

    Ma boucle et mon SET/GET sont ils bien placés ?

    #HTTP_HEADER{Content-type:application/json;charset=#CHARSET}
\[			<BOUCLE_evenement(EVENEMENTS){id_article=100}>
			<BOUCLE_personnes_inscrites(spip_evenements_participants){id_evenement}{par date}{mois_relatif=0-12}>


	#SET{tableau,#ARRAY{id,#ID_EVENEMENT,
		title,(#NOM|html2unicode|unicode2charset),
		start,#DATE_DEBUT,
		end,#DATE_DEBUT,
		url,?exec=agenda_inscriptions&id_evenement=#ID_EVENEMENT,
		description,(#NOM|html2unicode|unicode2charset),
	}}

[(#GET{tableau}|json_encode)]

</BOUCLE_personnes_inscrites>
</BOUCLE_evenement>\]
    • Mickael

      Le “moi” du futur répond ;)
      json inutile pour faire cela...

      <script type="text/javascript">/*<![CDATA[*/
jQuery(function($) {
		// page is now ready, initialize the calendar...
		var calendarEl = document.getElementById('calendrier');
		var is_ltr = [(#LANG_DIR|=={ltr}|?{true,false})];

		calendar = new FullCalendar.Calendar(calendarEl, {
			locale: '[(#LANG|strtolower)]',
			editable: false,
			navLinks: true,
			dayMaxEventRows: true,
			firstDay: #CONFIG{calendriermini/jour1,1},
			validRange: {
				start: '#GET{date_debut_navigation}',
				 end: '#GET{date_fin_navigation}'
			},
			events: [<BOUCLE_evenement(EVENEMENTS){id_article=100}>
						<BOUCLE_personnes_inscrites(spip_evenements_participants){id_evenement}{par date}>
    {
      title  : '#NOM',
      start  : '[(#DATE_DEBUT|date_iso)]'
    },
	</BOUCLE_personnes_inscrites>
	</BOUCLE_evenement>
  ],
			headerToolbar: {
				left: (is_ltr ? 'prevYear,prev,next,nextYear today' : 'listMonth,dayGridMonth,dayGridWeek,dayGridDay'),
				center: 'title',
				right: (is_ltr ? 'dayGridDay,dayGridWeek,dayGridMonth,listMonth' : 'today nextYear,next,prev,prevYear')
			},
			  initialView: 'dayGridWeek',
			fixedWeekCount: false,
			/*eventRender: function( event, element, view ) {
				var title = element.find('.fc-title, .fc-list-item-title');
				title.html(title.text());
			},*/
			/*allDayHtml:'<:organiseur:cal_jour_entier|textebrut:>',*/
			loading: function(bool) {
				if (bool) {
					$('#calendrier-loading').show();
				} else {
					$('#calendrier-loading').hide();
				}
			},
	});
	calendar.render();

});
/*]]>*/</script>

    Reply to this message

  • 1
    DD

    Bonjour,
    Je teste le passage de SPIP 3.2 à SPIP 4 et lorsque full agenda est activé en SPIP 4 il y a l’erreur sur une page article (privé et public) qui liste des évènements :

     	Erreur SQL 1064
You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near 'agendafull 'date_fin') AND ((evenements.id_article NOT IN (SELECT * FROM( SELEC' at line 5
SELECT evenements.date_debut, evenements.horaire, evenements.date_fin, evenements.timezone_affiche, evenements.id_evenement, evenements.titre, evenements.descriptif, L1.id_rubrique, evenements.id_article, evenements.id_article, evenements.id_evenement FROM spip_evenements AS <span class="base64" title="PGNvZGUgY2xhc3M9J3NwaXBfY29kZSBzcGlwX2NvZGVfaW5saW5lJyBkaXI9J2x0cic+ZXZlbmVtZW50czwvY29kZT4="></span> INNER JOIN spip_articles AS L1 ON ( L1.id_article = evenements.id_article ) WHERE (evenements.statut = 'publie') AND (evenements.date_debut agendafull 'date_fin') AND ((evenements.id_article NOT IN (SELECT * FROM( SELECT zzza.id_article FROM spip_articles as zzza WHERE 0=1) AS subquery)) AND 0=0) ORDER BY evenements.date_debut
	/var/www/html/site/ecrire/public/composer.php	calculer_select(){ sql_select(); }

    J’ai le plugin agenda version 4.3.4 (en test).

    • Fabrice A.

      Bonjour,

      j’arrive un peu tard et il se trouve que j’ai le même message d’erreur alors que je n’utilise pas ce plugin “Fullcalendar facile” qui ne doit donc pas être la cause.

      De mon côté je considère ce message comme a peu près normal dans la mesure où le critère “agendafull” est déprécié :
      Agenda 2.0 et ultérieur

      Par ailleurs je constate que ce message n’apparait que si je vais voir le site public en même temps que je suis authentifié sur la partie privée. Ce message ne doit donc pas impacter les simples visiteurs.

    Reply to this message

  • 1
    sephres

    Salut, ton plugin est super, mais les styles sont pétés (ça dépend sûrement de mon template aussi, mais, tu parlais d’une MAJ prochaine. L’as-tu déjà réalisée ?

    • Maïeul

      non je ne l’ai pas faite, et je ne la ferais pas avant un bout de temps, en tout cas surement pas avant que spip 3.3 soit sortie. Après les styles pétés, bah ca depend sans doute effectivement de ton squelette... “CHEZ MOI CA MARCHE”

    Reply to this message

Add a comment

Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :

  • Désactiver tous les plugins que vous ne voulez pas tester afin de vous assurer que le bug vient bien du plugin X. Cela vous évitera d’écrire sur le forum d’une contribution qui n’est finalement pas en cause.
  • Cherchez et notez les numéros de version de tout ce qui est en place au moment du test :
    • version de SPIP, en bas de la partie privée
    • version du plugin testé et des éventuels plugins nécessités
    • version de PHP (exec=info en partie privée)
    • version de MySQL / SQLite
  • Si votre problème concerne la partie publique de votre site, donnez une URL où le bug est visible, pour que les gens puissent voir par eux-mêmes.
  • En cas de page blanche, merci d’activer l’affichage des erreurs, et d’indiquer ensuite l’erreur qui apparaît.

Merci d’avance pour les personnes qui vous aideront !

Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.

Who are you?
[Log in]

To show your avatar with your message, register it first on gravatar.com (free et painless) and don’t forget to indicate your Email addresse here.

Enter your comment here

This form accepts SPIP shortcuts {{bold}} {italic} -*list [text->url] <quote> <code> and HTML code <q> <del> <ins>. To create paragraphs, just leave empty lines.

Add a document

Follow the comments: RSS 2.0 | Atom