2017-03-11 06:45:34 +00:00
|
|
|
import Cookies from 'js-cookie';
|
2017-02-15 01:49:36 +00:00
|
|
|
|
2017-03-22 08:26:12 +00:00
|
|
|
export default class UserCallout {
|
2017-05-24 10:25:44 +00:00
|
|
|
constructor(className = 'user-callout') {
|
|
|
|
this.userCalloutBody = $(`.${className}`);
|
|
|
|
this.cookieName = this.userCalloutBody.data('uid');
|
|
|
|
this.isCalloutDismissed = Cookies.get(this.cookieName);
|
2017-02-17 17:28:52 +00:00
|
|
|
this.init();
|
|
|
|
}
|
2017-02-15 01:49:36 +00:00
|
|
|
|
2017-02-17 17:28:52 +00:00
|
|
|
init() {
|
2017-02-23 21:23:33 +00:00
|
|
|
if (!this.isCalloutDismissed || this.isCalloutDismissed === 'false') {
|
2017-03-24 12:41:42 +00:00
|
|
|
$('.js-close-callout').on('click', e => this.dismissCallout(e));
|
2017-02-23 21:23:33 +00:00
|
|
|
}
|
2017-02-17 17:28:52 +00:00
|
|
|
}
|
2017-02-16 22:02:40 +00:00
|
|
|
|
2017-02-23 21:23:33 +00:00
|
|
|
dismissCallout(e) {
|
|
|
|
const $currentTarget = $(e.currentTarget);
|
2017-03-24 12:41:42 +00:00
|
|
|
|
2017-05-24 10:25:44 +00:00
|
|
|
Cookies.set(this.cookieName, 'true', { expires: 365 });
|
2017-03-24 12:41:42 +00:00
|
|
|
|
|
|
|
if ($currentTarget.hasClass('close')) {
|
2017-03-02 21:10:39 +00:00
|
|
|
this.userCalloutBody.remove();
|
2017-02-15 01:49:36 +00:00
|
|
|
}
|
|
|
|
}
|
2017-02-17 17:28:52 +00:00
|
|
|
}
|