https://sociogramm.ru/panel/assets/js/core.js

1/**
2 *
3 */
4$(document).ready(function() {
5  /** Constant div card */
6  const DIV_CARD = 'div.card';
7
8  /** Initialize tooltips */
9  $('[data-toggle="tooltip"]').tooltip();
10
11  /** Initialize popovers */
12  $('[data-toggle="popover"]').popover({
13    html: true
14  });
15
16  /** Function for remove card */
17  $('[data-toggle="card-remove"]').on('click', function(e) {
18    let $card = $(this).closest(DIV_CARD);
19
20    $card.remove();
21
22    e.preventDefault();
23    return false;
24  });
25
26  /** Function for collapse card */
27  $('[data-toggle="card-collapse"]').on('click', function(e) {
28    let $card = $(this).closest(DIV_CARD);
29
30    $card.toggleClass('card-collapsed');
31
32    e.preventDefault();
33    return false;
34  });
35
36  /** Function for fullscreen card */
37  $('[data-toggle="card-fullscreen"]').on('click', function(e) {
38    let $card = $(this).closest(DIV_CARD);
39
40    $card.toggleClass('card-fullscreen').removeClass('card-collapsed');
41
42    e.preventDefault();
43    return false;
44  });
45
46
47  /**  */
48  if ($('.chart-circle').length) {
49    require(['circle-progress'], function() {
50      $('.chart-circle').each(function() {
51        let $this = $(this);
52
53        $this.circleProgress({
54          fill: {
55            color: tabler.colors[$this.attr('data-color')] || tabler.colors.blue
56          },
57          size: $this.height(),
58          startAngle: -Math.PI / 4 * 2,
59          emptyFill: '#F4F4F4',
60          lineCap: 'round'
61        });
62      });
63    });
64  }
65});