Le 08/12/2017 à 10:59, Maïeul a écrit :
Le 06/12/2017 à 20:56, amilcar a écrit :
Hello,
on est bien coincé avec noël qui approche et le plugin agenda suite a la monté de version en spip 3.2
donc si un guru spip pouvez nous tuyautez
Bonsoir
Si tout fonctionne parfaitement en spip 3.1, j’ai un souci avec spip 3.2 : les événements apparaissent bien sur le mini-calendrier mais pas sur l’agenda pleine page.
J’utilise un fichier calendrier_quete.json.html modifié pour jouer avec les couleurs
|#HTTP_HEADER{Content-type:text/javascript;}
[<BOUCLE_evenements(EVENEMENTS){', '}{par date_debut}{titre_mot?}{lang}
{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}{0,1}>
[(#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|PtoBR|html2unicode|unicode2charset)]
}|json_encode)]
</BOUCLE_mot>
</B_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,#336699
}|json_encode)]
<//B_mot>
</BOUCLE_evenements>]|
Et je ne vois pas ce qui coince.
le fil est la :
Agenda 2.0 et ultérieur - SPIP-Contrib
--
@micalement
Escal c’est un jeu de squelettes pour Spip, hautement paramétrable, gérant le multilinguisme, évolutif en fonction des demandes
----
Site de documentation :http://escal.ac-lyon.fr
Liste de diffusion Spip-avec-escal :http://listes.rezo.net/mailman/listinfo/spip-avec-escal
Salon de discussion IRC :Kiwi IRC
Mutualisation du squelettes Escal :https://spipfactory.com/
----
SPIP 3.2.0 [23758] + écran de sécurité 1.3.2 + Escal 3..87.52 - stable
organiseur n'utilise plus la même version de fullcalendar. En particulier ce ne sont plus des timestamp qui sont passé au json, mais des dates ISO8601.
Un exemple d'adaptation ici
Connexion · GitLab
(voir aussi les commits précédents sur le même plugin, parce qu'il y a d'autreds points à adapter)
_______________________________________________
Si ça peut être utile, hors plugin, j'ai fait ça dans un squelette public en 3.2 qui marche.
agenda.json.html:
#HTTP_HEADER{Content-type:text/javascript;}
[
<BOUCLE_periode(ARTICLES)
{agenda date, periode,
#ENV{start}|affdate{Y}, #ENV{start}|affdate{m}, #ENV{start}|affdate{d},
#ENV{end}|affdate{Y}, #ENV{end}|affdate{m}, #ENV{end}|affdate{d}}{', '}}>
[(#ARRAY{
id,#ID_ARTICLE,
title,[(#TITRE|html2unicode|unicode2charset|ucfirst_utf8)],
allDay,#EVAL{false},start,#DATE,
end,#DATE,url,#URL_ARTICLE,
className,cal-event,
description,[(#TITRE|html2unicode|unicode2charset|ucfirst_utf8)]}|json_encode)]</BOUCLE_periode>
]
//-------------------
et squelette:
<div id="calendrier-loading" style="display:none;">
<:organiseur:loading:>
</div>
<h4 class="text-center"><i class="fa fa-calendar" aria-hidden="true"></i><span id="externalTitle"></span></h4>
<div id="calendrier"></div>
<link rel='stylesheet' type='text/css' href='#CHEMIN{lib/fullcalendar/fullcalendar.min.css}' />
<link rel="stylesheet" type="text/css" href="#CHEMIN{calendrier.css}" />
<script type='text/javascript' src='#CHEMIN{lib/moment/moment-with-locales.min.js}'></script>
<script type='text/javascript' src='#CHEMIN{lib/fullcalendar/fullcalendar.min.js}'></script>
<script type='text/javascript' src='#CHEMIN{lib/fullcalendar/locale-all.js}'></script>
<script type="text/javascript">
jQuery(function($) {
// page is now ready, initialize the calendar...
$('#calendrier').fullCalendar({
height : "auto",
locale : '[(#LANG|strtolower)]',
editable : false,
navLinks : true,
navLinkDayClick : function(date, jsEvent) {
var m = moment(date).format('MM'),
a = moment(date).format('YYYY'),
j = moment(date).format('D');
if ($(jsEvent.target).is('a.fc-day-number')) {
window.location = "[(#URL_PAGE{detaildate})]" + "&a=" + a + "&j=" + j + "&m=" + m;
}
},
titleFormat : 'MMMM YYYY',
events : "[(#URL_PAGE{agenda.json}|parametre_url{pagea,agenda,&})]",
displayEventTime : false,
allDayDefault : false,
eventRender : function(event, element) {
element.prop('title',event.description);
},
viewRender : function(view) {
var title = view.title;
$("#externalTitle").html(" " + title);
},
header : {
left : '',
center : 'prevYear,prev,next,nextYear today',
right : ''
},
firstDay : 1,
dayRender : function(date, cell) {
// The cell has a data-date tag with the date we can use vs date.formay('YYYY-MM-DD')
var theDate = $(cell).data('date');
// Find the day number td for the date
var fcDaySkel = $("#calendrier div.fc-content-skeleton td[data-date='" + theDate + "'] a.fc-day-number");
fcDaySkel.prop("title", "Clic pour voir tous les évènements du " + moment(theDate, "YYYY MM DD").format("DD/MM/YYYY"));
},
columnFormat:"dd"
});
});
</script>