All files / app/assets/javascripts user_callout.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import $ from 'jquery';
import { getCookie, setCookie } from '~/lib/utils/common_utils';
 
export default class UserCallout {
  constructor(options = {}) {
    this.options = options;
 
    const className = this.options.className || 'user-callout';
 
    this.userCalloutBody = $(`.${className}`);
    this.cookieName = this.userCalloutBody.data('uid');
    this.isCalloutDismissed = getCookie(this.cookieName);
    this.init();
  }
 
  init() {
    if (!this.isCalloutDismissed || this.isCalloutDismissed === 'false') {
      this.userCalloutBody.find('.js-close-callout').on('click', (e) => this.dismissCallout(e));
    }
  }
 
  dismissCallout(e) {
    const $currentTarget = $(e.currentTarget);
    const cookieOptions = {};
 
    if (!$currentTarget.hasClass('js-close-session')) {
      cookieOptions.expires = 365;
    }
    if (this.options.setCalloutPerProject) {
      cookieOptions.path = this.userCalloutBody.data('projectPath');
    }
 
    setCookie(this.cookieName, 'true', cookieOptions);
 
    if ($currentTarget.hasClass('close') || $currentTarget.hasClass('js-close')) {
      this.userCalloutBody.remove();
    }
  }
}