Netsyms/Mods-for-HESK-Netsyms
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Display popover when hovering over an event

Browse Source
This commit is contained in:
Mike Koch 2016-02-04 13:22:43 -05:00
parent d8acf87d48
commit 7567fc8ff5
2 changed files with 44 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
admin/calendar.php
View File

@ -304,10 +304,18 @@ require_once(HESK_PATH . 'inc/show_admin_nav.inc.php');
</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 class="popover-location">
<strong>Location</strong>
<span></span>
</div>
<div class="popover-from">
<strong>From</strong>
<span></span>
</div>
<div class="popover-to">
<strong>To</strong>
<span></span>
</div>
</div>
</div>

36
js/calendar/mods-for-hesk-calendar.js
View File

@ -91,22 +91,50 @@ $(document).ready(function() {
});
}
},
eventMouseover: function(event, jsEvent, view) {
$eventMarkup = $(this);
eventMouseover: function(event) {
if (event.type === 'TICKET') {
// Don't build a popover for tickets
return;
}
var contents = $('.popover-template').html();
$contents = $(contents);
var format = 'dddd, MMMM Do YYYY';
var endDate = event.end == null ? event.start : event.end;
if (!event.allDay) {
format += ', HH:mm';
}
if (event.location === '') {
$contents.find('.popover-location').hide();
}
$contents.find('.popover-location span').text(event.location).end()
.find('.popover-from span').text(event.start.format(format)).end()
.find('.popover-to span').text(endDate.format(format));
var $eventMarkup = $(this);
$eventMarkup.popover({
title: event.title,
html: true,
content: $('.popover-template').html(),
content: $contents,
animation: true,
container: 'body',
placement: 'auto'
}).popover('show');
},
eventMouseout: function (event, jsEvent, view) {
eventMouseout: function (event) {
if (event.type === 'TICKET') {
// There's no popover to destroy
return;
}
$(this).popover('destroy');
}
});
$('#create-form input[name="all-day"]').change(function() {
var hideTimeFields = $(this).is(':checked');