www/plugins-dist/organiseur/prive/squelettes/inclure/organiseur-rv.html

   1 <div id="loading" style="position:absolute;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                         editable: false,
  13                         events: "[(#URL_ACTION_AUTEUR{quete_calendrier_prive,calendrier}|parametre_url{quoi,rv,&})]",
  14                         header: {
  15                                 left: 'prev,next today',
  16                                 center: 'title',
  17                                 right: 'month,agendaWeek,agendaDay'
  18                         },
  19                         firstDay: 1,
  20                         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:>'],
  21                         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:>'],
  22                         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:>'],
  23                         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:>'],
  24                         buttonText: {
  25                                         today: '<:date_aujourdhui|attribut_html:>',
  26                                         month: '<:organiseur:cal_par_mois|attribut_html:>',
  27                                         day: '<:organiseur:cal_par_jour|attribut_html:>',
  28                                         week: '<:organiseur:cal_par_semaine|attribut_html:>'
  29                         },
  30                         weekMode : 'liquid',
  31                         loading: function(bool) {
  32                                 if (bool) $('#loading').show();
  33                                 else $('#loading').hide();
  34                         },
  35                         timeFormat: {
  36                                 // for agendaWeek and agendaDay
  37                                 agenda: "H'h'mm{ - H'h'mm}", // 5h00 - 6h30
  38                                 // for all other views
  39                                 '': "H'h'(mm)" // 19h
  40                         },
  41                         axisFormat: "H'h'(mm)",
  42                         allDayText:'<:organiseur:cal_jour_entier|attribut_html:>',
  43                         columnFormat: {
  44                                 month: 'ddd',    // Mon
  45                                 week: 'ddd d/M', // Mon 9/7
  46                                 day: 'dddd d/M'  // Monday 9/7
  47                         },
  48                         titleFormat: {
  49                                 month: 'MMMM yyyy',                             // September 2009
  50                                 week: "d [ MMM] [ yyyy]{ '&#8212;' d MMM yyyy}", // Sep 7 - 13 2009
  51                                 day: 'dddd d MMM yyyy'                  // Tuesday, Sep 8, 2009
  52                         },
  53                         dayClick: function(date, allDay, jsEvent, view) {
  54                                 if(view.name=='month'){
  55                                         $('.fc-button-agendaWeek').click();
  56                                         $('#calendrier').fullCalendar( 'gotoDate', date );
  57                                 }
  58                                 else
  59                                         if(view.name=='agendaWeek'){
  60                                                 $('.fc-button-agendaDay').click();
  61                                                 $('#calendrier').fullCalendar( 'gotoDate', date );
  62                                         }
  63                         },
  64                         isRTL : [(#LANG_DIR|=={rtl}|?{true,false})]
  65         })
  66
  67 });
  68 </script>