26 lines
787 B
JavaScript
26 lines
787 B
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 LocalStorage notification API.
|
|
*/
|
|
|
|
import $ from 'jquery';
|
|
import * as LocalStorageAPI from './local-storage.js';
|
|
|
|
// Get notification ID
|
|
function getCalloutID(el) {
|
|
return $(el).attr('id');
|
|
}
|
|
|
|
// Show the url feature callouts on page load
|
|
export default function FeatureCallout({ component }) {
|
|
const calloutID = getCalloutID($(component));
|
|
|
|
if (!LocalStorageAPI.notificationIsRead(calloutID, 'callout')) {
|
|
$(`#${calloutID}.feature-callout`)
|
|
.fadeIn(300)
|
|
.removeClass('start-position');
|
|
}
|
|
}
|