Set tooltips initialization to comply with turbolinks

Also add custom styling options as another data attribute.
This commit is contained in:
Luka Murn 2018-10-02 13:49:19 +02:00
parent c12f77d1d1
commit 9632d1cd01

View file

@ -15,6 +15,7 @@
$('.help_tooltips').each(function(i, obj) { $('.help_tooltips').each(function(i, obj) {
var link = $(obj).data('tooltiplink'); var link = $(obj).data('tooltiplink');
var textData = $(obj).data('tooltipcontent'); var textData = $(obj).data('tooltipcontent');
var customStyle = $(obj).data('tooltipstyle');
$(obj) $(obj)
.popover({ .popover({
@ -23,7 +24,9 @@
placement: 'auto right', placement: 'auto right',
trigger: 'manual', trigger: 'manual',
content: 'popovers will not display if empty', content: 'popovers will not display if empty',
template: '<div class="popover tooltip_' + i + '_window tooltip-open" role="tooltip" >' template:
'<div class="popover tooltip_' + i + '_window tooltip-open" '
+ 'role="tooltip" style="' + customStyle + '">'
+ '<div class="popover-body" >' + textData + '</div>' + '<div class="popover-body" >' + textData + '</div>'
+ '<br><br><br>' + '<br><br><br>'
+ '<div class="popover-footer">' + '<div class="popover-footer">'
@ -78,7 +81,7 @@
} }
}; };
$(document).ready(function() { $(document).on('turbolinks:load', function() {
$.initTooltips(); $.initTooltips();
}); });
}()); }());