agenda et couleur des évènements

J-C · Janvier 21, 2013, 9:12

Hello

Je regarde d'un peu plus près le plugin agenda
j'affiche bien mes évènements et je cherche à colorer le fond de chaque évènement en fonction d'un mot-clé

J'avais vu passer un exemple de boucle dans le fichier json là-dessus mais impossible de remettre la main dessus
J'ai regardé sur Contrib, bien sur, googelisé un peu mais rien
Et je n'arrive pas à mes fins, tous mes essais me vident l'agenda

Quelqu'un aurait-il un lien ?

moustiquaire · Janvier 21, 2013, 9:39

Le 21 janv. 2013 à 22:12, Jean-Christophe Villeneuve a écrit :

Et je n'arrive pas à mes fins, tous mes essais me vident l'agenda

Peux-tu détailler ? Quels essais vident l'agenda ?

--
Martin Granger

Patrick1 · Janvier 22, 2013, 7:27

Bonjour,
J'ai lu ça
"Les classes 'calendrier-couleur' de 1 à 14 sont utilisées pour colorer
différemment les évènements selon le secteur dans cet exemple."

ici

http://contrib.spip.net/Squelette-d-Agenda-grace-au-plugin-Agenda

Je sais que tu n'utilises pas agenda.
J'ai vu un fullcalendar avec 2 couleurs (site espagnol de Maristes??? je ne
me souviens plus)
J'ai trouvé ici aussi pour mes recherches sur les événements, mais je ne
l'utilise pas:

http://forum.spip.net/fr_242711.html

Bon courage

A+Patrick

==================================

"Jean-Christophe Villeneuve" <jcvilleneuve@cegetel.net> a écrit dans le
message de news: 50FDAF40.4040709@cegetel.net...
Hello

Je regarde d'un peu plus près le plugin agenda
j'affiche bien mes évènements et je cherche à colorer le fond de chaque
évènement en fonction d'un mot-clé

J'avais vu passer un exemple de boucle dans le fichier json là-dessus
mais impossible de remettre la main dessus
J'ai regardé sur Contrib, bien sur, googelisé un peu mais rien
Et je n'arrive pas à mes fins, tous mes essais me vident l'agenda

Quelqu'un aurait-il un lien ?

Patrick1 · Janvier 22, 2013, 7:48

Non, ici:

http://bibliosemliege.be/?page=agenda

depuis un post du 17 septembre 2012 ici:

http://contrib.spip.net/SPIP-3-Agenda-et-FullCalendar?debut_comments-list=10#top

============

"Jean-Christophe Villeneuve" <jcvilleneuve@cegetel.net> a écrit dans le
message de news: 50FDAF40.4040709@cegetel.net...
Hello

Je regarde d'un peu plus près le plugin agenda
j'affiche bien mes évènements et je cherche à colorer le fond de chaque
évènement en fonction d'un mot-clé

J'avais vu passer un exemple de boucle dans le fichier json là-dessus
mais impossible de remettre la main dessus
J'ai regardé sur Contrib, bien sur, googelisé un peu mais rien
Et je n'arrive pas à mes fins, tous mes essais me vident l'agenda

Quelqu'un aurait-il un lien ?

chankalan · Janvier 22, 2013, 9:56

salut,
j’ai modifié pour chaque événement le background et la couleur du texte comme décrit ici
ces paramètres sont renseignés dans le json par un nouveau champ (#PALETTE) ajouté aux événements (avec Champs Extras) mais on peut le faire aussi avec un mot-clef. Donc dans agenda.json.html j’ai ces lignes en plus dans la boucle de l’événement : backgroundColor,#PALETTE, textColor,[#(#PALETTE|couleur_extreme|couleur_inverser)],
(|couleur_extreme|couleur_inverser = pour avoir la couleur du texte toujours lisible suivant la couleur de fond…)

… si c’est utile… ?

francois_L_deplaine · Janvier 22, 2013, 11:13

Coucou,

Merci beaucoup pour ce code Chan. Je vous fais parvenir à tous, en fichier. docx zippé, un post sur le forum de la contrib de Maïeul sur FullCalendar, agenda et SPIP 3.0.*

http://www.domainenature.org/documents/message_colorier_evenements.zip

Ici je pense que c’est pour modifier la couleur de chaque étiquette de l’évènement dans la page agenda.

Et cette demande est justement pour que Jean-Christophe Villeneuve puisse intégrer correctement le plug-in agenda avec Escal.

Merci à vous tous

De : chankalan [mailto:chankalan@free.fr]
Envoyé : mardi 22 janvier 2013 10:57
À : spip@rezo.net
Objet : Re: [Spip] agenda et couleur des évènements

salut,
j’ai modifié pour chaque événement le background et la couleur du texte comme décrit ici
http://arshaw.com/fullcalendar/docs/event_data/Event_Object/#color-options
ces paramètres sont renseignés dans le json par un nouveau champ (#PALETTE) ajouté aux événements (avec Champs Extras) mais on peut le faire aussi avec un mot-clef.
Donc dans agenda.json.html j’ai ces lignes en plus dans la boucle de l’événement :

backgroundColor,#PALETTE,
textColor,[#(#PALETTE|couleur_extreme|couleur_inverser)],

(|couleur_extreme|couleur_verser = pour avoir la couleur du texte toujours lisible suivant la couleur de fond…)

… si c’est utile… ?

Le 21/01/2013 22:12, Jean-Christophe Villeneuve a écrit :

Hello

Je regarde d’un peu plus près le plugin agenda
j’affiche bien mes évènements et je cherche à colorer le fond de chaque évènement en fonction d’un mot-clé

J’avais vu passer un exemple de boucle dans le fichier json là-dessus mais impossible de remettre la main dessus
J’ai regardé sur Contrib, bien sur, googelisé un peu mais rien
Et je n’arrive pas à mes fins, tous mes essais me vident l’agenda

Quelqu’un aurait-il un lien ?

liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
http://archives.rezo.net/spip.mbox/

Documentation de SPIP : http://www.spip.net/

Irc : de l’aide à toute heure : http://spip.net/irc

--

----

chan

J-C · Janvier 22, 2013, 10:13

Merci à tous ceux qui m’ont répondu et merci pour vos pistes
J’y suis presque

L’idée est de définir des mots-clé avec le nom qu’on veut et de mettre une couleur dans le descriptif du mot-clé
Puis de récupérer la valeur de ce descriptif pour colorer les évènements de l’agenda
Si l’évènement à un mot-clé du groupe réservé, cette couleur est mise en fond, sinon, on met une couleur par défaut (grey par exemple)
Ci-dessous mon fichier json qui me met le bleu par défaut quand l’évènement a un mot-clé et du gris s’il n’en a pas
Si je remplace color,#DESCRIPTIF par color,red ça fonctionne : quand l’évènement a un mot-clé,le fond est rouge et s’il n’en a pas, le fond est gris
C’est donc color,#DESCRIPTIF qui n’est pas reconnu
j’ai essayé avec color,[#DESCRIPTIF|html2unicode|unicode2charset)] mais là je n’ai plus rien

A propos, que doit faire le description,[(#DESCRIPTIF|html2unicode|unicode2charset)] proposé dans l’exemple de http://contrib.spip.net/SPIP-3-Agenda-et-FullCalendar?debut_comments-list=10#pagination_comments-list ?

#HTTP_HEADER{Content-type:text/javascript;}
[<BOUCLE_evenements(EVENEMENTS){', '}{par date_debut}{titre_mot?}
{agendafull date_debut,date_fin, periode,
#VAL{Y}|date{#ENV{start}}, #VAL{m}|date{#ENV{start}}, #VAL{d}|date{#ENV{start}},
#VAL{Y}|date{#ENV{end}}, #VAL{m}|date{#ENV{end}}, #VAL{d}|date{#ENV{end}}}

<BOUCLE_mot(MOTS){id_evenement}{type=Agenda_couleur}>
[(#ARRAY{
id,#ID_EVENEMENT,
title,[(#_evenements:TITRE|html2unicode|unicode2charset)],
allDay,[(#HORAIRE|=={non}|?{#EVAL{true},#EVAL{false}})],
start,#DATE_DEBUT,
end,#DATE_FIN,
url,#URL_EVENEMENT,
color,#DESCRIPTIF
}|json_encode)]
</BOUCLE_mot>
[(#ARRAY{
id,#ID_EVENEMENT,
title,[(#_evenements:TITRE|html2unicode|unicode2charset)],
allDay,[(#HORAIRE|=={non}|?{#EVAL{true},#EVAL{false}})],
start,#DATE_DEBUT,
end,#DATE_FIN,
url,#URL_EVENEMENT,
color,grey
}|json_encode)]
<//B_mot>
</BOUCLE_evenements>]

J-C · Janvier 22, 2013, 10:22

Le 22/01/2013 23:13, Jean-Christophe Villeneuve a écrit :

Merci à tous ceux qui m'ont répondu et merci pour vos pistes
J'y suis presque

L'idée est de définir des mots-clé avec le nom qu'on veut et de mettre une couleur dans le descriptif du mot-clé
Puis de récupérer la valeur de ce descriptif pour colorer les évènements de l'agenda
Si l'évènement à un mot-clé du groupe réservé, cette couleur est mise en fond, sinon, on met une couleur par défaut (grey par exemple)
Ci-dessous mon fichier json qui me met le bleu par défaut quand l'évènement a un mot-clé et du gris s'il n'en a pas
Si je remplace*color,#DESCRIPTIF* par *color,red* ça fonctionne : quand l'évènement a un mot-clé,le fond est rouge et s'il n'en a pas, le fond est gris
C'est donc *color,#DESCRIPTIF* qui n'est pas reconnu
j'ai essayé avec *color,[#DESCRIPTIF|html2unicode|unicode2charset)]* mais là je n'ai plus rien

A propos, que doit faire le *description,[(#DESCRIPTIF|html2unicode|unicode2charset)]* proposé dans l'exemple de SPIP 3, Agenda et FullCalendar - SPIP-Contrib ?

#HTTP_HEADER{Content-type:text/javascript;}
    [<BOUCLE_evenements(EVENEMENTS){', '}{par date_debut}{titre_mot?}
    {agendafull date_debut,date_fin, periode,
            #VAL{Y}|date{#ENV{start}}, #VAL{m}|date{#ENV{start}}, #VAL{d}|date{#ENV{start}},
            #VAL{Y}|date{#ENV{end}}, #VAL{m}|date{#ENV{end}}, #VAL{d}|date{#ENV{end}}}
      >
    <BOUCLE_mot(MOTS){id_evenement}{type=Agenda_couleur}>
    [(#ARRAY{
    id,#ID_EVENEMENT,
    title,[(#_evenements:TITRE|html2unicode|unicode2charset)],
    allDay,[(#HORAIRE|=={non}|?{#EVAL{true},#EVAL{false}})],
    start,#DATE_DEBUT,
    end,#DATE_FIN,
    url,#URL_EVENEMENT,
    color,#DESCRIPTIF
    }|json_encode)]
    </BOUCLE_mot>
    [(#ARRAY{
    id,#ID_EVENEMENT,
    title,[(#_evenements:TITRE|html2unicode|unicode2charset)],
    allDay,[(#HORAIRE|=={non}|?{#EVAL{true},#EVAL{false}})],
    start,#DATE_DEBUT,
    end,#DATE_FIN,
    url,#URL_EVENEMENT,
    color,grey
    }|json_encode)]
    <//B_mot>
    </BOUCLE_evenements>]

Le 21/01/2013 22:12, Jean-Christophe Villeneuve a écrit :

Hello

Je regarde d'un peu plus près le plugin agenda
j'affiche bien mes évènements et je cherche à colorer le fond de chaque évènement en fonction d'un mot-clé

J'avais vu passer un exemple de boucle dans le fichier json là-dessus mais impossible de remettre la main dessus
J'ai regardé sur Contrib, bien sur, googelisé un peu mais rien
Et je n'arrive pas à mes fins, tous mes essais me vident l'agenda

Quelqu'un aurait-il un lien ?
_______________________________________________
liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Discuter chez rezo.net

Documentation de SPIP : http://www.spip.net/

Irc : de l'aide à toute heure : http://spip.net/irc

--
----
chan

_______________________________________________
liste spip
spip@rezo.net - désabonnement : envoyer un mail àspip-off@rezo.net

Infos et archives :http://listes.rezo.net/mailman/listinfo/spip
Discuter chez rezo.net

Documentation de SPIP :http://www.spip.net/

Irc : de l'aide à toute heure :http://spip.net/irc

_______________________________________________
liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Discuter chez rezo.net

Documentation de SPIP : http://www.spip.net/

Irc : de l'aide à toute heure : http://spip.net/irc

moustiquaire · Janvier 22, 2013, 10:26

Le 22 janv. 2013 à 23:13, Jean-Christophe Villeneuve a écrit :

C'est donc color,#DESCRIPTIF qui n'est pas reconnu
j'ai essayé avec color,[#DESCRIPTIF|html2unicode|unicode2charset)] mais là je n'ai plus rien

Je dis peut-être une bêtise, mais avec [(#DESCRIPTIF*)] ou avec [(#DESCRIPTIF|attribut_html)] ça donne quoi ?

--
Martin Granger

J-C · Janvier 22, 2013, 10:40

Le 22/01/2013 23:26, martin a écrit :

Le 22 janv. 2013 à 23:13, Jean-Christophe Villeneuve a écrit :

C'est donc color,#DESCRIPTIF qui n'est pas reconnu
j'ai essayé avec color,[#DESCRIPTIF|html2unicode|unicode2charset)] mais là je n'ai plus rien

Je dis peut-être une bêtise, mais avec [(#DESCRIPTIF*)] ou avec [(#DESCRIPTIF|attribut_html)] ça donne quoi ?

[(#DESCRIPTIF*)] fonctionne mais pas [(#DESCRIPTIF|attribut_html)]

Alors vaut mieux [(#DESCRIPTIF*)] ou [(#DESCRIPTIF|PtoBR|html2unicode|unicode2charset)] ou même [(#DESCRIPTIF|PtoBR)]qui fonctionne aussi ?

J-C · Janvier 23, 2013, 2:52

Donc voilà

Pour ceux qui utilisent Escal, le plugin Agenda est maintenant utilisé avec possibilité de choisir la couleur de fond de chaque évènement avec des mots-clés
Documenté ici

francois_L_deplaine · Janvier 24, 2013, 1:48

Merci beaucoup

Fanch

De : Jean-Christophe Villeneuve [mailto:jcvilleneuve@cegetel.net]
Envoyé : mercredi 23 janvier 2013 15:52
À : spip@rezo.net
Objet : Re: [Spip] agenda et couleur des évènements

Donc voilà

Pour ceux qui utilisent Escal, le plugin Agenda est maintenant utilisé avec possibilité de choisir la couleur de fond de chaque évènement avec des mots-clés
Documenté ici