JAVASCRIPT   60

scripts js

Guest on 8th July 2022 01:37:40 AM

  1. (function ($) {
  2.     "use strict";
  3.     $(document).ready(function () {
  4.         /*==Left Navigation Accordion ==*/
  5.         if ($.fn.dcAccordion) {
  6.             $('#nav-accordion').dcAccordion({
  7.                 eventType: 'click',
  8.                 autoClose: true,
  9.                 saveState: true,
  10.                 disableLink: true,
  11.                 speed: 'slow',
  12.                 showCount: false,
  13.                 autoExpand: true,
  14.                 classExpand: 'dcjq-current-parent'
  15.             });
  16.         }
  17.         /*==Slim Scroll ==*/
  18.         if ($.fn.slimScroll) {
  19.             $('.event-list').slimscroll({
  20.                 height: '305px',
  21.                 wheelStep: 20
  22.             });
  23.             $('.conversation-list').slimscroll({
  24.                 height: '360px',
  25.                 wheelStep: 35
  26.             });
  27.             $('.to-do-list').slimscroll({
  28.                 height: '300px',
  29.                 wheelStep: 35
  30.             });
  31.         }
  32.         /*==Nice Scroll ==*/
  33.         if ($.fn.niceScroll) {
  34.  
  35.  
  36.             $(".leftside-navigation").niceScroll({
  37.                 cursorcolor: "#1FB5AD",
  38.                 cursorborder: "0px solid #fff",
  39.                 cursorborderradius: "0px",
  40.                 cursorwidth: "3px"
  41.             });
  42.  
  43.             $(".leftside-navigation").getNiceScroll().resize();
  44.             if ($('#sidebar').hasClass('hide-left-bar')) {
  45.                 $(".leftside-navigation").getNiceScroll().hide();
  46.             }
  47.             $(".leftside-navigation").getNiceScroll().show();
  48.  
  49.             $(".right-stat-bar").niceScroll({
  50.                 cursorcolor: "#1FB5AD",
  51.                 cursorborder: "0px solid #fff",
  52.                 cursorborderradius: "0px",
  53.                 cursorwidth: "3px"
  54.             });
  55.  
  56.         }
  57.  
  58.         /*==Easy Pie chart ==*/
  59.         if ($.fn.easyPieChart) {
  60.  
  61.             $('.notification-pie-chart').easyPieChart({
  62.                 onStep: function (from, to, percent) {
  63.                     $(this.el).find('.percent').text(Math.round(percent));
  64.                 },
  65.                 barColor: "#39b6ac",
  66.                 lineWidth: 3,
  67.                 size: 50,
  68.                 trackColor: "#efefef",
  69.                 scaleColor: "#cccccc"
  70.  
  71.             });
  72.  
  73.             $('.pc-epie-chart').easyPieChart({
  74.                 onStep: function(from, to, percent) {
  75.                     $(this.el).find('.percent').text(Math.round(percent));
  76.                 },
  77.                 barColor: "#5bc6f0",
  78.                 lineWidth: 3,
  79.                 size:50,
  80.                 trackColor: "#32323a",
  81.                 scaleColor:"#cccccc"
  82.  
  83.             });
  84.  
  85.         }
  86.  
  87.         /*== SPARKLINE==*/
  88.         if ($.fn.sparkline) {
  89.  
  90.             $(".d-pending").sparkline([3, 1], {
  91.                 type: 'pie',
  92.                 width: '40',
  93.                 height: '40',
  94.                 sliceColors: ['#e1e1e1', '#8175c9']
  95.             });
  96.  
  97.  
  98.  
  99.             var sparkLine = function () {
  100.                 $(".sparkline").each(function () {
  101.                     var $data = $(this).data();
  102.                     ($data.type == 'pie') && $data.sliceColors && ($data.sliceColors = eval($data.sliceColors));
  103.                     ($data.type == 'bar') && $data.stackedBarColor && ($data.stackedBarColor = eval($data.stackedBarColor));
  104.  
  105.                     $data.valueSpots = {
  106.                         '0:': $data.spotColor
  107.                     };
  108.                     $(this).sparkline($data.data || "html", $data);
  109.  
  110.  
  111.                     if ($(this).data("compositeData")) {
  112.                         $spdata.composite = true;
  113.                         $spdata.minSpotColor = false;
  114.                         $spdata.maxSpotColor = false;
  115.                         $spdata.valueSpots = {
  116.                             '0:': $spdata.spotColor
  117.                         };
  118.                         $(this).sparkline($(this).data("compositeData"), $spdata);
  119.                     };
  120.                 });
  121.             };
  122.  
  123.             var sparkResize;
  124.             $(window).resize(function (e) {
  125.                 clearTimeout(sparkResize);
  126.                 sparkResize = setTimeout(function () {
  127.                     sparkLine(true)
  128.                 }, 500);
  129.             });
  130.             sparkLine(false);
  131.  
  132.  
  133.  
  134.         }
  135.  
  136.  
  137.  
  138.         if ($.fn.plot) {
  139.             var datatPie = [30, 50];
  140.             // DONUT
  141.             $.plot($(".target-sell"), datatPie, {
  142.                 series: {
  143.                     pie: {
  144.                         innerRadius: 0.6,
  145.                         show: true,
  146.                         label: {
  147.                             show: false
  148.  
  149.                         },
  150.                         stroke: {
  151.                             width: .01,
  152.                             color: '#fff'
  153.  
  154.                         }
  155.                     }
  156.  
  157.  
  158.  
  159.  
  160.                 },
  161.  
  162.                 legend: {
  163.                     show: true
  164.                 },
  165.                 grid: {
  166.                     hoverable: true,
  167.                     clickable: true
  168.                 },
  169.  
  170.                 colors: ["#ff6d60", "#cbcdd9"]
  171.             });
  172.         }
  173.  
  174.  
  175.  
  176.         /*==Collapsible==*/
  177.         $('.widget-head').click(function (e) {
  178.             var widgetElem = $(this).children('.widget-collapse').children('i');
  179.  
  180.             $(this)
  181.                 .next('.widget-container')
  182.                 .slideToggle('slow');
  183.             if ($(widgetElem).hasClass('ico-minus')) {
  184.                 $(widgetElem).removeClass('ico-minus');
  185.                 $(widgetElem).addClass('ico-plus');
  186.             } else {
  187.                 $(widgetElem).removeClass('ico-plus');
  188.                 $(widgetElem).addClass('ico-minus');
  189.             }
  190.             e.preventDefault();
  191.         });
  192.  
  193.  
  194.  
  195.  
  196.         /*==Sidebar Toggle==*/
  197.  
  198.         $(".leftside-navigation .sub-menu > a").click(function () {
  199.             var o = ($(this).offset());
  200.             var diff = 80 - o.top;
  201.             if (diff > 0)
  202.                 $(".leftside-navigation").scrollTo("-=" + Math.abs(diff), 500);
  203.             else
  204.                 $(".leftside-navigation").scrollTo("+=" + Math.abs(diff), 500);
  205.         });
  206.  
  207.  
  208.  
  209.         $('.sidebar-toggle-box .fa-bars').click(function (e) {
  210.  
  211.             $(".leftside-navigation").niceScroll({
  212.                 cursorcolor: "#1FB5AD",
  213.                 cursorborder: "0px solid #fff",
  214.                 cursorborderradius: "0px",
  215.                 cursorwidth: "3px"
  216.             });
  217.  
  218.             $('#sidebar').toggleClass('hide-left-bar');
  219.             if ($('#sidebar').hasClass('hide-left-bar')) {
  220.                 $(".leftside-navigation").getNiceScroll().hide();
  221.             }
  222.             $(".leftside-navigation").getNiceScroll().show();
  223.             $('#main-content').toggleClass('merge-left');
  224.             e.stopPropagation();
  225.             if ($('#container').hasClass('open-right-panel')) {
  226.                 $('#container').removeClass('open-right-panel')
  227.             }
  228.             if ($('.right-sidebar').hasClass('open-right-bar')) {
  229.                 $('.right-sidebar').removeClass('open-right-bar')
  230.             }
  231.  
  232.             if ($('.header').hasClass('merge-header')) {
  233.                 $('.header').removeClass('merge-header')
  234.             }
  235.  
  236.  
  237.         });
  238.         $('.toggle-right-box .fa-bars').click(function (e) {
  239.             $('#container').toggleClass('open-right-panel');
  240.             $('.right-sidebar').toggleClass('open-right-bar');
  241.             $('.header').toggleClass('merge-header');
  242.  
  243.             e.stopPropagation();
  244.         });
  245.  
  246.         $('.header,#main-content,#sidebar').click(function () {
  247.             if ($('#container').hasClass('open-right-panel')) {
  248.                 $('#container').removeClass('open-right-panel')
  249.             }
  250.             if ($('.right-sidebar').hasClass('open-right-bar')) {
  251.                 $('.right-sidebar').removeClass('open-right-bar')
  252.             }
  253.  
  254.             if ($('.header').hasClass('merge-header')) {
  255.                 $('.header').removeClass('merge-header')
  256.             }
  257.  
  258.  
  259.         });
  260.  
  261.  
  262.         $('.panel .tools .fa').click(function () {
  263.             var el = $(this).parents(".panel").children(".panel-body");
  264.             if ($(this).hasClass("fa-chevron-down")) {
  265.                 $(this).removeClass("fa-chevron-down").addClass("fa-chevron-up");
  266.                 el.slideUp(200);
  267.             } else {
  268.                 $(this).removeClass("fa-chevron-up").addClass("fa-chevron-down");
  269.                 el.slideDown(200); }
  270.         });
  271.  
  272.  
  273.  
  274.         $('.panel .tools .fa-times').click(function () {
  275.             $(this).parents(".panel").parent().remove();
  276.         });
  277.  
  278.         // tool tips
  279.  
  280.         $('.tooltips').tooltip();
  281.  
  282.         // popovers
  283.  
  284.         $('.popovers').popover();
  285.  
  286.  
  287.     });
  288.  
  289.  
  290. })(jQuery);

Raw Paste


Login or Register to edit or fork this paste. It's free.