37 lines
1.1 KiB
JavaScript
37 lines
1.1 KiB
JavaScript
/*
|
|
This feature is designed to callout new features added to the documentation
|
|
CSS is required for the callout bubble to determine look and position, but the
|
|
element must have the `callout` class and a unique id.
|
|
Callouts are treated as notifications and use the notification cookie API in
|
|
assets/js/cookies.js.
|
|
*/
|
|
|
|
// Get notification ID
|
|
function getCalloutID (el) {
|
|
return $(el).attr('id');
|
|
}
|
|
|
|
// Hide a callout and update the cookie with the viewed callout
|
|
function hideCallout (calloutID) {
|
|
if (!notificationIsRead(calloutID)) {
|
|
setNotificationAsRead(calloutID, 'callout');
|
|
$(`#${calloutID}`).fadeOut(200);
|
|
}
|
|
}
|
|
|
|
// Show the url feature callouts on page load
|
|
$('.feature-callout').each(function () {
|
|
calloutID = calloutID($(this));
|
|
|
|
if (!notificationIsRead(calloutID, 'callout')) {
|
|
$(`#${calloutID}.feature-callout`)
|
|
.fadeIn(300)
|
|
.removeClass('start-position');
|
|
}
|
|
});
|
|
|
|
// Hide the InfluxDB URL selector callout
|
|
// $('button.url-trigger, #influxdb-url-selector .close').click(function () {
|
|
// hideCallout('influxdb-url-selector');
|
|
// });
|