Add jump by year, start working on popovers

admin/calendar.php

@@ -303,6 +303,14 @@ require_once(HESK_PATH . 'inc/show_admin_nav.inc.php');
         </div>
     </div>
 </div>
+<div class="popover-template" style="display: none">
+    <div class="row">
+        <div class="col-md-6">
+            <i class="fa fa-clock"></i>
+            <p>00:00 - 00:00</p>
+        </div>
+    </div>
+</div>
 
 <?php
 

js/calendar/mods-for-hesk-calendar.js

@@ -1,7 +1,7 @@
 $(document).ready(function() {
     $('#calendar').fullCalendar({
         header: {
-            left: 'prev,next today',
+            left: 'prevYear,prev,next,nextYear today',
             center: 'title',
             right: 'month,agendaWeek,agendaDay'
         },
@@ -90,6 +90,20 @@ $(document).ready(function() {
                     }
                 });
             }
+        },
+        eventMouseover: function(event, jsEvent, view) {
+            $eventMarkup = $(this);
+            $eventMarkup.popover({
+                title: event.title,
+                html: true,
+                content: $('.popover-template').html(),
+                animation: true,
+                container: 'body',
+                placement: 'auto'
+            }).popover('show');
+        },
+        eventMouseout: function (event, jsEvent, view) {
+            $(this).popover('destroy');
         }
     });