diff --git a/dist/assets/js/core.js b/dist/assets/js/core.js
index ae39c0767..6333a12aa 100644
--- a/dist/assets/js/core.js
+++ b/dist/assets/js/core.js
@@ -1,97 +1,107 @@
-var hexToRgba = function(hex, opacity) {
-    var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
-    var rgb = result ? {
-            r: parseInt(result[1], 16),
-            g: parseInt(result[2], 16),
-            b: parseInt(result[3], 16)
-        } : null;
+/**
+ *
+ */
+let hexToRgba = function(hex, opacity) {
+  let result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+  let rgb = result ? {
+    r: parseInt(result[1], 16),
+    g: parseInt(result[2], 16),
+    b: parseInt(result[3], 16)
+  } : null;
 
-    return 'rgba(' + rgb.r + ', ' + rgb.g + ', ' + rgb.b + ', '+ opacity + ')';
+  return 'rgba(' + rgb.r + ', ' + rgb.g + ', ' + rgb.b + ', ' + opacity + ')';
 };
 
-$(document).ready(function () {
+/**
+ *
+ */
+$(document).ready(function() {
+  /** Constant div card */
+  const DIV_CARD = 'div.card';
 
-    // Initialize tooltips
-    $('[data-toggle="tooltip"]').tooltip();
+  /** Initialize tooltips */
+  $('[data-toggle="tooltip"]').tooltip();
 
-    // Initialize popovers
-	$('[data-toggle="popover"]').popover({
-		html: true
-    });
+  /** Initialize popovers */
+  $('[data-toggle="popover"]').popover({
+    html: true
+  });
 
-    // Function for remove card
-    $('[data-toggle="card-remove"]').on('click', function (e) {
-        var $card = $(this).closest('div.card');
-        $card.remove();
+  /** Function for remove card */
+  $('[data-toggle="card-remove"]').on('click', function(e) {
+    let $card = $(this).closest(DIV_CARD);
 
-        e.preventDefault();
-        return false;
-    });
+    $card.remove();
 
-    // Function for collapse card
-    $('[data-toggle="card-collapse"]').on('click', function (e) {
-        var $this = $(this),
-            $card = $this.closest('div.card');
+    e.preventDefault();
+    return false;
+  });
 
-        $card.toggleClass('card-collapsed');
+  /** Function for collapse card */
+  $('[data-toggle="card-collapse"]').on('click', function(e) {
+    let $card = $(this).closest(DIV_CARD);
 
-        e.preventDefault();
-        return false;
-    });
+    $card.toggleClass('card-collapsed');
 
-    // Function for fullscreen card
-    $('[data-toggle="card-fullscreen"]').on('click', function(e) {
-        var $card = $(this).closest('div.card');
+    e.preventDefault();
+    return false;
+  });
 
-        $card.toggleClass('card-fullscreen').removeClass('card-collapsed');
+  /** Function for fullscreen card */
+  $('[data-toggle="card-fullscreen"]').on('click', function(e) {
+    let $card = $(this).closest(DIV_CARD);
 
-        e.preventDefault();
-        return false;
-    });
+    $card.toggleClass('card-fullscreen').removeClass('card-collapsed');
 
-    if($('[data-sparkline]').length) {
-        var generateSparkline = function($elem, data, params) {
-            $elem.sparkline(data, {
-                type: $elem.attr('data-sparkline-type'),
-                height: '100%',
-                barColor: params.color,
-                lineColor: params.color,
-                fillColor: 'transparent',
-                spotColor: params.color,
-                spotRadius: 0,
-                lineWidth: 2,
-                highlightColor: hexToRgba(params.color, .6),
-                highlightLineColor: '#666',
-                defaultPixelsPerValue: 5
-            });
-        };
+    e.preventDefault();
+    return false;
+  });
 
-        require(['sparkline'], function(){
-            $('[data-sparkline]').each(function(){
-                var $chart = $(this);
+  /**  */
+  if ($('[data-sparkline]').length) {
+    let generateSparkline = function($elem, data, params) {
+      $elem.sparkline(data, {
+        type: $elem.attr('data-sparkline-type'),
+        height: '100%',
+        barColor: params.color,
+        lineColor: params.color,
+        fillColor: 'transparent',
+        spotColor: params.color,
+        spotRadius: 0,
+        lineWidth: 2,
+        highlightColor: hexToRgba(params.color, .6),
+        highlightLineColor: '#666',
+        defaultPixelsPerValue: 5
+      });
+    };
 
-                generateSparkline($chart, JSON.parse($chart.attr('data-sparkline')), {
-                    color: $chart.attr('data-sparkline-color')
-                });
-            });
+    require(['sparkline'], function() {
+      $('[data-sparkline]').each(function() {
+        let $chart = $(this);
+
+        generateSparkline($chart, JSON.parse($chart.attr('data-sparkline')), {
+          color: $chart.attr('data-sparkline-color')
         });
-    }
+      });
+    });
+  }
 
+  /**  */
+  if ($('.chart-circle').length) {
+    require(['circle-progress'], function() {
+      $('.chart-circle').each(function() {
+        let $this = $(this);
 
-    if($('.chart-circle').length) {
-        require(['circle-progress'], function () {
-            $('.chart-circle').each(function () {
-                var $this = $(this);
-                $this.circleProgress({
-                    fill: {
-                        color: tabler.colors[$this.attr('data-color')] || tabler.colors.blue
-                    },
-                    size: $this.height(),
-                    startAngle: -Math.PI / 4 * 2,
-                    emptyFill: '#F4F4F4',
-                    lineCap: 'round'
-                });
-            });
+        $this.circleProgress({
+          fill: {
+            color: tabler.colors[$this.attr('data-color')] || tabler.colors.blue
+          },
+          size: $this.height(),
+          startAngle: -Math.PI / 4 * 2,
+          emptyFill: '#F4F4F4',
+          lineCap: 'round'
         });
-    }
+      });
+    });
+  }
 });
\ No newline at end of file
diff --git a/src/assets/js/core.js b/src/assets/js/core.js
index ae39c0767..6333a12aa 100644
--- a/src/assets/js/core.js
+++ b/src/assets/js/core.js
@@ -1,97 +1,107 @@
-var hexToRgba = function(hex, opacity) {
-    var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
-    var rgb = result ? {
-            r: parseInt(result[1], 16),
-            g: parseInt(result[2], 16),
-            b: parseInt(result[3], 16)
-        } : null;
+/**
+ *
+ */
+let hexToRgba = function(hex, opacity) {
+  let result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+  let rgb = result ? {
+    r: parseInt(result[1], 16),
+    g: parseInt(result[2], 16),
+    b: parseInt(result[3], 16)
+  } : null;
 
-    return 'rgba(' + rgb.r + ', ' + rgb.g + ', ' + rgb.b + ', '+ opacity + ')';
+  return 'rgba(' + rgb.r + ', ' + rgb.g + ', ' + rgb.b + ', ' + opacity + ')';
 };
 
-$(document).ready(function () {
+/**
+ *
+ */
+$(document).ready(function() {
+  /** Constant div card */
+  const DIV_CARD = 'div.card';
 
-    // Initialize tooltips
-    $('[data-toggle="tooltip"]').tooltip();
+  /** Initialize tooltips */
+  $('[data-toggle="tooltip"]').tooltip();
 
-    // Initialize popovers
-	$('[data-toggle="popover"]').popover({
-		html: true
-    });
+  /** Initialize popovers */
+  $('[data-toggle="popover"]').popover({
+    html: true
+  });
 
-    // Function for remove card
-    $('[data-toggle="card-remove"]').on('click', function (e) {
-        var $card = $(this).closest('div.card');
-        $card.remove();
+  /** Function for remove card */
+  $('[data-toggle="card-remove"]').on('click', function(e) {
+    let $card = $(this).closest(DIV_CARD);
 
-        e.preventDefault();
-        return false;
-    });
+    $card.remove();
 
-    // Function for collapse card
-    $('[data-toggle="card-collapse"]').on('click', function (e) {
-        var $this = $(this),
-            $card = $this.closest('div.card');
+    e.preventDefault();
+    return false;
+  });
 
-        $card.toggleClass('card-collapsed');
+  /** Function for collapse card */
+  $('[data-toggle="card-collapse"]').on('click', function(e) {
+    let $card = $(this).closest(DIV_CARD);
 
-        e.preventDefault();
-        return false;
-    });
+    $card.toggleClass('card-collapsed');
 
-    // Function for fullscreen card
-    $('[data-toggle="card-fullscreen"]').on('click', function(e) {
-        var $card = $(this).closest('div.card');
+    e.preventDefault();
+    return false;
+  });
 
-        $card.toggleClass('card-fullscreen').removeClass('card-collapsed');
+  /** Function for fullscreen card */
+  $('[data-toggle="card-fullscreen"]').on('click', function(e) {
+    let $card = $(this).closest(DIV_CARD);
 
-        e.preventDefault();
-        return false;
-    });
+    $card.toggleClass('card-fullscreen').removeClass('card-collapsed');
 
-    if($('[data-sparkline]').length) {
-        var generateSparkline = function($elem, data, params) {
-            $elem.sparkline(data, {
-                type: $elem.attr('data-sparkline-type'),
-                height: '100%',
-                barColor: params.color,
-                lineColor: params.color,
-                fillColor: 'transparent',
-                spotColor: params.color,
-                spotRadius: 0,
-                lineWidth: 2,
-                highlightColor: hexToRgba(params.color, .6),
-                highlightLineColor: '#666',
-                defaultPixelsPerValue: 5
-            });
-        };
+    e.preventDefault();
+    return false;
+  });
 
-        require(['sparkline'], function(){
-            $('[data-sparkline]').each(function(){
-                var $chart = $(this);
+  /**  */
+  if ($('[data-sparkline]').length) {
+    let generateSparkline = function($elem, data, params) {
+      $elem.sparkline(data, {
+        type: $elem.attr('data-sparkline-type'),
+        height: '100%',
+        barColor: params.color,
+        lineColor: params.color,
+        fillColor: 'transparent',
+        spotColor: params.color,
+        spotRadius: 0,
+        lineWidth: 2,
+        highlightColor: hexToRgba(params.color, .6),
+        highlightLineColor: '#666',
+        defaultPixelsPerValue: 5
+      });
+    };
 
-                generateSparkline($chart, JSON.parse($chart.attr('data-sparkline')), {
-                    color: $chart.attr('data-sparkline-color')
-                });
-            });
+    require(['sparkline'], function() {
+      $('[data-sparkline]').each(function() {
+        let $chart = $(this);
+
+        generateSparkline($chart, JSON.parse($chart.attr('data-sparkline')), {
+          color: $chart.attr('data-sparkline-color')
         });
-    }
+      });
+    });
+  }
 
+  /**  */
+  if ($('.chart-circle').length) {
+    require(['circle-progress'], function() {
+      $('.chart-circle').each(function() {
+        let $this = $(this);
 
-    if($('.chart-circle').length) {
-        require(['circle-progress'], function () {
-            $('.chart-circle').each(function () {
-                var $this = $(this);
-                $this.circleProgress({
-                    fill: {
-                        color: tabler.colors[$this.attr('data-color')] || tabler.colors.blue
-                    },
-                    size: $this.height(),
-                    startAngle: -Math.PI / 4 * 2,
-                    emptyFill: '#F4F4F4',
-                    lineCap: 'round'
-                });
-            });
+        $this.circleProgress({
+          fill: {
+            color: tabler.colors[$this.attr('data-color')] || tabler.colors.blue
+          },
+          size: $this.height(),
+          startAngle: -Math.PI / 4 * 2,
+          emptyFill: '#F4F4F4',
+          lineCap: 'round'
         });
-    }
+      });
+    });
+  }
 });
\ No newline at end of file