www/plugins/seminaire/contenu/calendrier.html

   1 <div id="loading" style="position:relative;top:20px;left:350px;padding:5px 30px;display:none;border:1px solid #ddd;background:#eee;z-index:100;"><:organiseur:loading:></div>
   2 <div id="calendrier"></div>
   3 <link rel='stylesheet' type='text/css' href='#CHEMIN{lib/fullcalendar/fullcalendar.css}' />
   4 <link rel='stylesheet' type='text/css' href='#CHEMIN{calendrier.css}' />
   5 <script type='text/javascript' src='#CHEMIN{lib/fullcalendar/fullcalendar.js}'></script>
   6 <script type="text/javascript">
   7 jQuery(document).ready(function() {
   8
   9         // page is now ready, initialize the calendar...
  10
  11         $('#calendrier').fullCalendar({
  12                         weekends: true, // will hide Saturdays and Sundays
  13                         editable: false,
  14                         events: "[(#URL_PAGE{agenda.json})]",
  15                         header: {
  16                                 left: [(#LANG_DIR|=={ltr}|?{"'prevYear,prev,next,nextYear today'","'month,agendaWeek,agendaDay'"})],
  17                                 center: 'title',
  18                                 right: [(#LANG_DIR|=={ltr}|?{"'agendaDay,agendaWeek,month'","'today nextYear,next,prev,prevYear'"})]
  19                         },
  20                         firstDay: 1,
  21                         monthNames:['<:date_mois_1|attribut_html:>','<:date_mois_2|attribut_html:>','<:date_mois_3|attribut_html:>','<:date_mois_4|attribut_html:>','<:date_mois_5|attribut_html:>','<:date_mois_6|attribut_html:>','<:date_mois_7|attribut_html:>','<:date_mois_8|attribut_html:>','<:date_mois_9|attribut_html:>','<:date_mois_10|attribut_html:>','<:date_mois_11|attribut_html:>','<:date_mois_12|attribut_html:>'],
  22                         monthNamesShort:['<:date_mois_1_abbr|attribut_html:>','<:date_mois_2_abbr|attribut_html:>','<:date_mois_3_abbr|attribut_html:>','<:date_mois_4_abbr|attribut_html:>','<:date_mois_5_abbr|attribut_html:>','<:date_mois_6_abbr|attribut_html:>','<:date_mois_7_abbr|attribut_html:>','<:date_mois_8_abbr|attribut_html:>','<:date_mois_9_abbr|attribut_html:>','<:date_mois_10_abbr|attribut_html:>','<:date_mois_11_abbr|attribut_html:>','<:date_mois_12_abbr|attribut_html:>'],
  23                         dayNames:['<:date_jour_1|attribut_html:>','<:date_jour_2|attribut_html:>','<:date_jour_3|attribut_html:>','<:date_jour_4|attribut_html:>','<:date_jour_5|attribut_html:>','<:date_jour_6|attribut_html:>','<:date_jour_7|attribut_html:>'],
  24                         dayNamesShort:['<:date_jour_1_abbr|attribut_html:>','<:date_jour_2_abbr|attribut_html:>','<:date_jour_3_abbr|attribut_html:>','<:date_jour_4_abbr|attribut_html:>','<:date_jour_5_abbr|attribut_html:>','<:date_jour_6_abbr|attribut_html:>','<:date_jour_7_abbr|attribut_html:>'],
  25                         buttonText: {
  26                                         today: '<:date_aujourdhui|attribut_html:>',
  27                                         month: '<:organiseur:cal_par_mois|attribut_html:>',
  28                                         day: '<:organiseur:cal_par_jour|attribut_html:>',
  29                                         week: '<:organiseur:cal_par_semaine|attribut_html:>'
  30                         },
  31                         weekMode : 'liquid',
  32                         loading: function(bool) {
  33                                 if (bool) $('#loading').show();
  34                                 else $('#loading').hide();
  35                         },
  36                         firstHour: 8,
  37                         minTime: 8,
  38                         maxTime: 18,
  39                         timeFormat: {
  40                                 // for agendaWeek and agendaDay
  41                                 agenda: "H'h'mm{ - H'h'mm}", // 5h00 - 6h30
  42                                 // for all other views
  43                                 '': "H'h'(mm)" // 19h
  44                         },
  45                         axisFormat: "H'h'(mm)",
  46                         allDayText:'<:organiseur:cal_jour_entier|attribut_html:>',
  47                         columnFormat: {
  48                                 month: 'ddd',    // Mon
  49                                 week: 'ddd d/M', // Mon 9/7
  50                                 day: 'dddd d/M'  // Monday 9/7
  51                         },
  52                         titleFormat: {
  53                                 month: 'MMMM yyyy',                             // September 2009
  54                                 week: "d [ MMM] [ yyyy]{ '&#8212;' d MMM yyyy}", // Sep 7 - 13 2009
  55                                 day: 'dddd d MMM yyyy'                  // Tuesday, Sep 8, 2009
  56                         },
  57                         dayClick: function(date, allDay, jsEvent, view) {
  58                                 if(view.name=='month'){
  59                                         $('.fc-button-agendaWeek').click();
  60                                         $('#calendrier').fullCalendar( 'gotoDate', date );
  61                                 }
  62                                 else
  63                                         if(view.name=='agendaWeek'){
  64                                                 $('.fc-button-agendaDay').click();
  65                                                 $('#calendrier').fullCalendar( 'gotoDate', date );
  66                                         }
  67                         },
  68                         isRTL : [(#LANG_DIR|=={rtl}|?{true,false})]
  69         })
  70
  71 });
  72 </script>