view/theme/quattro/templates/events_reminder.tpl

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