view/theme/quattro/templates/events_reminder.tpl

   1 <link rel='stylesheet' type='text/css' href='{{$baseurl}}/library/fullcalendar/fullcalendar.css' />
   2 <script language="javascript" type="text/javascript"
   3           src="{{$baseurl}}/library/fullcalendar/fullcalendar.min.js"></script>
   4 <script>
   5         // start calendar from yesterday
   6         var yesterday= new Date()
   7         yesterday.setDate(yesterday.getDate()-1)
   8
   9         function showEvent(eventid) {
  10                 $.get(
  11                         '{{$baseurl}}/events/?id='+eventid,
  12                         function(data){
  13                                 $.colorbox({html:data});
  14                         }
  15                 );
  16         }
  17         $(document).ready(function() {
  18                 $('#events-reminder').fullCalendar({
  19                         firstDay: yesterday.getDay(),
  20                         year: yesterday.getFullYear(),
  21                         month: yesterday.getMonth(),
  22                         date: yesterday.getDate(),
  23                         events: '{{$baseurl}}/events/json/',
  24                         header: {
  25                                 left: '',
  26                                 center: '',
  27                                 right: ''
  28                         },
  29                         timeFormat: 'H(:mm)',
  30                         defaultView: 'basicWeek',
  31                         height: 50,
  32                         eventClick: function(calEvent, jsEvent, view) {
  33                                 showEvent(calEvent.id);
  34                         }
  35                 });
  36         });
  37 </script>
  38 <div id="events-reminder"></div>
  39 <br>