view/theme/quattro/templates/events_reminder.tpl

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