Agenda Fullcalendar facile

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.

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|>

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.

Notes

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

Dernière modification de cette page le 8 juin 2018

Discussion

18 discussions

  • 2

    Re-bonjour,

    Je rencontre un problème : il semblerait (sur SPIP 3.2 et plugins mis à jour) que Fullcalendar perturbe le backend —> mes menus principaux s’arrêtent d’être déroulants à l’activation, et redeviennent déroulants quand le plugin est désactivé.

    • « Chez moi cela marche ». Plus sérieusement je ne vois pas ce qui pourrait perturber. Il faudrait voir si cela se pose tout le temps ou uniquement en combinaison avec d’autres plugins, et voir si ce n’est pas lié à la compression des js de l’espace privé.

    • Il faudrait modifier fullcalendar facile pour qu’il prenne en compte la langue. Mais je ne sais pas si cela devrait être implicite (on prend la langue courante) ou explicite (on prend la langue passée au modèle, et, si pas de langue passé, toutes les langues).

    Répondre à ce message

  • 4

    Bonjour,
    je suis en train de tester la dernière version de ce plugin qui est vraiment très bien pour des gens qui, comme moi n’y connaissent pas grand chose :D

    Le passage de la couleur s’effectue correctement (J’ai choisi couleur de l’événement), l’affichage change bien en fonction du choix mais l’affichage du calendrier est curieux, je n’ai plus que le numéro de l’événement, voir ici :

    http://www.cpalb.fr/le-planning

    Le descriptif et l’horaire n’apparaissent plus. Bon, ce n’est pas très grave, je remettrai le fichier agenda.json.html de la version précédente dans le dossier squelettes et l’affichage restera monochrome.

    Voilou, c’était juste pour faire une petite remontée.

    Un très bon Week End à tous

    • Une petite erreur, j’ai choisi couleur de l’article :
      <agenda_fullcalendar|couleur=article>

    • Je viens de constater un autre petit bug, tous les événements sont affichés en tant que journée complète.
      Bonne journée

    • C’était sacrement bugé. Je n’avais regardé que l’aspect couleur, et j’avais oublié le reste ;-).

      La version 2.0.1 qui devrait être disponible prochainement en zip résoude le problème.

    • Bonjour,
      je viens de tester, ça fonctionne très très bien, merci beaucoup pour tout le travail effectué.
      Bonne fin de journée

    Répondre à ce message

  • 3

    merci, bien pratique pour avoir un outil clé en main.
    J’aurais une question :
    -  Est-il possible, facile, de faire pointer les liens du calendrier directement vers les pages événements (gérées par Agenda et Zpip, Aveline et NoiZetier) plutôt que vers les articles qui les contiennent ? J’ai regardé les fichiers de ce plugin, mais je vois pas du tout comment...

    merci pour toute piste utile

    • A priori, il faudrait surcharger le fichier
      agenda.json.html
      en remplacant #URL_ARTICLE par #URL_EVENEMENT

    • Parfait ! ça marche. (voir page en test sur site en construction)
      j’avais pas trop osé farfouiller...
      bon, me reste plus qu’à modifier un peu les styles, et j’aurai un super calendrier.

      Ca me permet d’aller direct à l’info, surtout qu’il pourrait y avoir plusieurs événements dans un même article pour ne pas multiplier les articles

      merci pour efficacité et rapidité

    • Bonjour,
      je viens de tester, ça fonctionne très très bien, merci beaucoup pour tout le travail effectué.
      Bonne fin de journée

    Répondre à ce message

  • 5

    Bonjour Maïeul
    j’aimerais rendre le plugin compatible 3.2 !
    Est-ce simple, l’avez-vous prévu ?
    Si simple, comment faire ?
    Merci
    Cordialement
    Jean-Luc

    Répondre à ce message

  • 16

    Salut Maieul,

    Merci d’abord pour cette contribution tres utile.
    Je viens de l’installer (version 1.0.2 donc) sur un spip 3.1
    Tout se passe bien en francais, anglais, mais pas en chinois.
    Ais-je fait une mauvaise manip ?

    -  le titre de la date est correct en chinois

    <span class="fc-header-title"><h2>7月 2017</h2></span>

    Mais pas les jours de la semaine, par exemple pour le Mardi, on voit ceci sur l’ecran :

    th class="fc-day-header fc-tue fc-widget-header" style="width: 81px;">&amp;#26143;&amp;#26399;&amp;#20108;</th>

    Si on supprime manuellement le codage html_entities
    en remplacant

            &amp;#26143;&amp;#26399;&amp;#20108
            

    par :

            &#26143;&#26399;&#20108
            

    Le Mardi s’affiche alors correctement

            <th class="fc-day-header fc-tue fc-widget-header" style="width: 81px;">星期二</th>
            

    Merci beaucoup de verifier !

    Julie

    • Bizarre,

      il doit y avoir un bug dans la librairie fullcalendar, mais je n’ai pas le courage de me pencher dessus. Du coup je contourne cela dans la version 1.0.4

    • Merci Maieul pour cette correction.
      Ca marche pour le chinois. Mais attention ca plante en francais sur
      le string ’aujourd’hui’.

      Pour test j’ai enleve attribut_html|filtrer_entites
      et mis addslashes => ca passe.

              today: '<:date_aujourdhui|addslashes:>',

      attribut_html est-il vraiment utile dans ce cas ?

      Julie B.

      Ps : Avec le japonais, on a plus l’affichage « unicode brut », mais les jours ne sont pas affiches correctement (au moins en utf-8)
      Ce n’est sans doute pas un probleme de « full calendar » , mais de contenu
      de fichier « lang ».

    • En théorie on pourrait supposer que les chaînes de langues sont propres… mais on n’est jamais certain de rien en la matière. Je met un texte_brut qui gère cela (v 1.0.5)

      Pour l’affaire du japonais, peux tu vérifier le fichier de langue et le cas écheant faire les reports sur trad.spip.net (parce que bon mes compétences en japonais sont inexistantes…).

    • Ok, merci bien Maieul,

      Avec cette version 1.0.5 , ca marche en francais et en chinois.
      Pour le japonais, j’ai donc verifie que le fichier spip_ja.php
      a des chaines de traduction illisibles pour les jours en utf-8.
      J’ai donc ouvert un ticket sur trad.spip.net.

      Bonne journee

      Julie

    • Mouais, je viens de regarder.

      Le JS produit est correct au niveau des chaines de langues. C’est juste à l’affichage que cela plante. Donc le problème se trouve au niveau de la librairie fullcalendar, mais je ne sais pas où exactement dedans.

    • A non j’ai dit des carabistouilles, effectivement il y a un problème sur les formes courtes.

    • Problème qui se pose uniquement dans certaines branches/tags de SPIP :p

    • Ok Maieul,

      Mais, tant que le workaround resoud les pbs, il n’y a vraiment pas urgence.

      Bonne semaine !

      Julie

    • Bonjour Maieul,

      J’ai ecrit une reponse sous trad.spip, mais elle a du passer en moderation peut-etre.

      J’ai telecharge la version spip 3.1.6 (qui est proposee preferentiellement en download).
      Le fichier ecrire/spip_ja.php a bien des caracteres illisibles pour les
      abbreviations des jours.

      Les 2 versions dont tu fournis le lien sur trad.spip montrent bien
      que ces erreurs sont corrigees en traduction, mais pas appliquees a la version courante de Spip.
      (Ceci explique aussi pourquoi b_b n’a pas vu de probleme avec date_jour_1_abbr)

      J’espere que cette correction pourra etre appliquee a Spip 3.1 .
      Sinon les calendriers japonais de beaucoup de sites vont s’afficher avec ces abbreviations erronnees pour encore un moment.

      A plus

      Julie

    • C’est possible pour le passage en modérée, mais je n’ai pas de droit sur ce site.

      On va espérer que b_b réponde (cela étant, des sites sous SPIP en japonais, il ne doit pas y en avoir des masses…)

    • C’est vrai, il y en a peut-etre plus en japonais deuxieme ou troisieme langue.
      Meme si la traduction est partielle, je crois qu’elle rend un site plus sympatique pour les internautes dont c’est la langue maternelle.

      A +

      Julie

    • Ah mes tout à fait, ce n’est pas parce que c’est du japonais que cela doit être placé au second rang. J’essayais juste de dédramatiser la situation

      Dans l’intervalle, tu peux surcharger le fichier de lang pour les chaines problématiques

    • Oui Maieul,
      Pour moi le probleme est bien regle.
      Bon weekend !
      Julie

    • Bonjour et merci a Julie B et Maieul,

      C’est une des forces de SPIP de proposer plusieurs langues qui semblent plus ou moins rares. J’ai deux sites en japonais et les redacteurs et lecteurs japonais sont bien ravis de pouvoir gerer les sites, rediger et lire dans leur langue. J’imagine que des francophones installes ou travaillant avec le Japon qui utilisent SPIP trouvent eux aussi indispensable cet atout.

      J’utiliserai enfin bientot l’agenda « calendrier complet ».

      Merci encore pour votre travail !

    • Bonjour,

      Si, si il y a des sites en japonais sous SPIP, 2 chez moi.

      C’est une des forces de SPIP de proposer des langues qui semblent rares. Mes redacteurs et lecteurs japonais sont ravis de pouvoir gerer, rediger et lire en japonais. Tout francophone travaillant au Japon ou avec le Japon et qui utilise SPIP peut profiter de cet atout.

      Je vais enfin pouvoir utiliser Agenda « calendrier complet ».

      Merci encore pour votre enorme travail !

    Répondre à ce message

  • 11

    Bonjour,

    Dans mon site le plugin affiche le calendrier et en suite la liste des événements.
    D’ailleurs les événements ne s’affichent pas dans le calendrier que lorsqu’on clique pour aller au mois suivant et revenir sur le mois actuel.

    J’utilise un spip 3.1.4 et zpip.

    Quelqu’un a eu le même problème ? une solution ?

    • Sans adresse de démonstration, je ne peux rien dire…

    • Bonjour et merci de votre réponse !
      Voici une adresse de test : https://goo.gl/2NqDR8
      Je crois que le problème vient du thème :(
      Merci d’avance

    • Je ne crois pas que ce soit le thème. Il y a une erreur javascript. Je crois avoir trouvé comment le résoudre. Il faudrait mettre à jour avec la dernière version du plugin, puis vider le cache et faire un test.

    • Wow !
      Si ce n’est pas le thème, ça m’arrangerait trop ;)
      Ceci dit, je croyait avoir installé la dernière version du plugin, la 1.0.1 où peux-je trouver la dernière ?
      Merci infiniment !

    • la dernière version est celle que j’ai mise en ligne il y a une demi heure. 1.0.2.

      Elle est désormais téléchargeable ici.

    • ho ! trop fort !
      sauf que le lien ne marche pas !

    • sorry ! je viens de percuter que c’est ici même :(

    • Merci Maïeul !
      ça marche à la perfection !

    • ce n’est pas ce que je vois. tu as bien vidé le cache ?

    • et maintenant ?

    • oui, cela marche.

    Répondre à ce message

  • 2
    Patrick

    Bonjour,
    J’utilise aussi fullcalendar pour les événements avec lien vers l’article au click.
    Avec l’ancien modèle d’agenda (avant fullcalendar), une contribution donnait le code pour faire surgir une popup comprenant titre, descriptif, on pouvait y ajouter des photos en plus.
    J’arrive en local à activer une modal sur un fullcalendar (titre, descriptif, horaires)mais je bloque pour l’appliquer à celui de spip.
    J’ai lu quelque part que quelqu’un l’avait fait sans problème.
    Je cherche donc un peu d’aide...

    Répondre à ce message

  • 3

    HA HA HA HA !

    Les nuits blanches que j’ai passées à essayer de comprendre la contrib d’avant !

    Il y aurait pas un truc similaire dans les squelettes ? Ou il faut en passer par tous les trucs compliqués indiqués dans l’autre page ?

    • en squelette tu peux faire juste

      #MODELE{agenda_fullcalendar}

    • Coooooool :-)

    • cela étant, si vous êtes capables de modifier les squelettes, l’autre article suffit amplement : il suffit de recopier les bouts de code aux endroits signalés.

    Répondre à ce message

Ajouter un commentaire

Qui êtes-vous ?

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici

Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom