vuexy 0.1.0

data/app/assets/javascripts/vuexy/core/app.min.js

@@ -0,0 +1 @@
+function featherSVG(a){return null==a&&(a="14"),feather.replace({width:a,height:a})}window.colors={solid:{primary:"#7367F0",secondary:"#82868b",success:"#28C76F",info:"#00cfe8",warning:"#FF9F43",danger:"#EA5455",dark:"#4b4b4b",black:"#000",white:"#fff",body:"#f8f8f8"},light:{primary:"#7367F01a",secondary:"#82868b1a",success:"#28C76F1a",info:"#00cfe81a",warning:"#FF9F431a",danger:"#EA54551a",dark:"#4b4b4b1a"}},function(a,e,t){"use strict";var s=t("html"),n=t("body"),o="#4e5154",r="../../../app-assets/";if("laravel"===t("body").attr("data-framework")&&(r=t("body").attr("data-asset-path")),t.fn.dataTable&&t.extend(t.fn.dataTable.ext.classes,{sFilterInput:"form-control",sLengthSelect:"form-select"}),t(a).on("load",(function(){var r=!1;(n.hasClass("menu-collapsed")||"true"===localStorage.getItem("menuCollapsed"))&&(r=!0),t("html").data("textdirection"),setTimeout((function(){s.removeClass("loading").addClass("loaded")}),1200),t.app.menu.init(r);!1===t.app.nav.initialized&&t.app.nav.init({speed:300}),Unison.on("change",(function(a){t.app.menu.change(r)}));[].slice.call(e.querySelectorAll('[data-bs-toggle="tooltip"]')).map((function(a){return new bootstrap.Tooltip(a)}));t('a[data-action="collapse"]').on("click",(function(a){a.preventDefault(),t(this).closest(".card").children(".card-content").collapse("toggle"),t(this).closest(".card").find('[data-action="collapse"]').toggleClass("rotate")})),t(".touchspin-cart").length>0&&t(".touchspin-cart").TouchSpin({buttondown_class:"btn btn-primary",buttonup_class:"btn btn-primary",buttondown_txt:feather.icons.minus.toSvg(),buttonup_txt:feather.icons.plus.toSvg()}),t(".dropdown-notification .dropdown-menu, .dropdown-cart .dropdown-menu").on("click",(function(a){a.stopPropagation()})),t(".scrollable-container").each((function(){new PerfectScrollbar(t(this)[0],{wheelPropagation:!1})})),t('a[data-action="reload"]').on("click",(function(){var a=t(this).closest(".card");if(s.hasClass("dark-layout"))var e="#10163a";else e="#fff";a.block({message:feather.icons["refresh-cw"].toSvg({class:"font-medium-1 spinner text-primary"}),timeout:2e3,overlayCSS:{backgroundColor:e,cursor:"wait"},css:{border:0,padding:0,backgroundColor:"none"}})})),t('a[data-action="close"]').on("click",(function(){t(this).closest(".card").removeClass().slideUp("fast")})),t('.card .heading-elements a[data-action="collapse"]').on("click",(function(){var a,e=t(this).closest(".card");parseInt(e[0].style.height,10)>0?(a=e.css("height"),e.css("height","").attr("data-height",a)):e.data("height")&&(a=e.data("height"),e.css("height",a).attr("data-height",""))})),t("input:disabled, textarea:disabled").closest(".input-group").addClass("disabled"),t(".main-menu-content").find("li.active").parents("li").addClass("sidebar-group-active");var l=n.data("menu");"horizontal-menu"!=l&&!1===r&&t(".main-menu-content").find("li.active").parents("li").addClass("open"),"horizontal-menu"==l&&(t(".main-menu-content").find("li.active").parents("li:not(.nav-item)").addClass("open"),t(".main-menu-content").find("li.active").closest("li.nav-item").addClass("sidebar-group-active open"));var i=t(".chartjs"),c=i.children("canvas").attr("height"),d=t(".main-menu");if(i.css("height",c),n.hasClass("boxed-layout")&&n.hasClass("vertical-overlay-menu")){var h=d.width(),u=t(".app-content").position().left-h;n.hasClass("menu-flipped")?d.css("right",u+"px"):d.css("left",u+"px")}t(".char-textarea").on("keyup",(function(e){!function(e,s){var n=parseInt(t(e).data("length")),r=t(".textarea-counter-value"),l=t(".char-textarea");(function(a){return 8==a.keyCode||46==a.keyCode||37==a.keyCode||38==a.keyCode||39==a.keyCode||40==a.keyCode})(s)||e.value.length<n-1&&(e.value=e.value.substring(0,n));t(".char-count").html(e.value.length),e.value.length>n?(r.css("background-color",a.colors.solid.danger),l.css("color",a.colors.solid.danger),l.addClass("max-limit")):(r.css("background-color",a.colors.solid.primary),l.css("color",o),l.removeClass("max-limit"))}(this,e),t(this).addClass("active")})),t(".content-overlay").on("click",(function(){t(".search-list").removeClass("show");var a=t(".search-input-close").closest(".search-input");a.hasClass("open")&&(a.removeClass("open"),w.val(""),w.blur(),y.removeClass("show")),t(".app-content").removeClass("show-overlay"),t(".bookmark-wrapper .bookmark-input").removeClass("show")}));var f=e.getElementsByClassName("main-menu-content");f.length>0&&f[0].addEventListener("ps-scroll-y",(function(){t(this).find(".ps__thumb-y").position().top>0?t(".shadow-bottom").css("display","block"):t(".shadow-bottom").css("display","none")}))})),t(e).on("click",".sidenav-overlay",(function(a){return t.app.menu.hide(),!1})),"undefined"!=typeof Hammer){var l;"rtl"==t("html").data("textdirection")&&(l=!0);var i=e.querySelector(".drag-target"),c="panright",d="panleft";if(!0===l&&(c="panleft",d="panright"),t(i).length>0)new Hammer(i).on(c,(function(a){if(n.hasClass("vertical-overlay-menu"))return t.app.menu.open(),!1}));setTimeout((function(){var a,s=e.querySelector(".main-menu");t(s).length>0&&((a=new Hammer(s)).get("pan").set({direction:Hammer.DIRECTION_ALL,threshold:250}),a.on(d,(function(a){if(n.hasClass("vertical-overlay-menu"))return t.app.menu.hide(),!1})))}),300);var h=e.querySelector(".sidenav-overlay");if(t(h).length>0)new Hammer(h).on("tap",(function(a){if(n.hasClass("vertical-overlay-menu"))return t.app.menu.hide(),!1}))}if(t(e).on("click",".menu-toggle, .modern-nav-toggle",(function(e){return e.preventDefault(),t.app.menu.toggle(),setTimeout((function(){t(a).trigger("resize")}),200),t("#collapse-sidebar-switch").length>0&&setTimeout((function(){n.hasClass("menu-expanded")||n.hasClass("menu-open")?t("#collapse-sidebar-switch").prop("checked",!1):t("#collapse-sidebar-switch").prop("checked",!0)}),50),n.hasClass("menu-expanded")||n.hasClass("menu-open")?localStorage.setItem("menuCollapsed",!1):localStorage.setItem("menuCollapsed",!0),!1})),t(".navigation").find("li").has("ul").addClass("has-sub"),t(a).resize((function(){t.app.menu.manualScroller.updateHeight()})),t("#sidebar-page-navigation").on("click","a.nav-link",(function(a){a.preventDefault(),a.stopPropagation();var e=t(this),s=e.attr("href"),n=t(s).offset().top-80;t("html, body").animate({scrollTop:n},0),setTimeout((function(){e.parent(".nav-item").siblings(".nav-item").children(".nav-link").removeClass("active"),e.addClass("active")}),100)})),"laravel"===n.attr("data-framework")){var u=t("html")[0].lang;if(null!==u){var f=t(".dropdown-language").find("a[data-language="+u+"]").text(),m=t(".dropdown-language").find("a[data-language="+u+"] .flag-icon").attr("class");t("#dropdown-flag .selected-language").text(f),t("#dropdown-flag .flag-icon").removeClass().addClass(m)}}else i18next.use(a.i18nextXHRBackend).init({debug:!1,fallbackLng:"en",backend:{loadPath:r+"data/locales/{{lng}}.json"},returnObjects:!0},(function(a,e){jqueryI18next.init(i18next,t)})),t(".dropdown-language .dropdown-item").on("click",(function(){var a=t(this);a.siblings(".selected").removeClass("selected"),a.addClass("selected");var e=a.text(),s=a.find(".flag-icon").attr("class");t("#dropdown-flag .selected-language").text(e),t("#dropdown-flag .flag-icon").removeClass().addClass(s);var n=a.data("language");i18next.changeLanguage(n,(function(a,e){t(".main-menu, .horizontal-menu-wrapper").localize()}))}));var p=t(".search-input input").data("search"),v=t(".bookmark-wrapper"),g=t(".bookmark-wrapper .bookmark-star"),b=t(".bookmark-wrapper .bookmark-input"),C=t(".nav-link-search"),k=t(".search-input"),w=t(".search-input input"),y=t(".search-input .search-list"),x=t(".app-content"),S=t(".bookmark-input .search-list");if(g.on("click",(function(a){a.stopPropagation(),b.toggleClass("show"),b.find("input").val(""),b.find("input").blur(),b.find("input").focus(),v.find(".search-list").addClass("show");var e=t("ul.nav.navbar-nav.bookmark-icons li"),s="",n="";t("ul.search-list li").remove();for(var o=0;o<e.length;o++){n=0===o?"current_item":"";var r="",l="";if(t(e[o].firstChild.firstChild).hasClass("feather")){var i=e[o].firstChild.firstChild.getAttribute("class");r=i.split("feather-")[1].split(" ")[0],l=i.split("feather-")[1].split(" ")[1]}s+='<li class="auto-suggestion '+n+'"><a class="d-flex align-items-center justify-content-between w-100" href='+e[o].firstChild.href+'><div class="d-flex justify-content-start align-items-center">'+feather.icons[r].toSvg({class:"me-75 "+l})+"<span>"+e[o].firstChild.dataset.bsOriginalTitle+"</span></div>"+feather.icons.star.toSvg({class:"text-warning bookmark-icon float-end"})+"</a></li>"}t("ul.search-list").append(s)})),C.on("click",(function(){t(this);t(this).parent(".nav-search").find(".search-input").addClass("open"),w.focus(),y.find("li").remove(),b.removeClass("show")})),t(".search-input-close").on("click",(function(){t(this);var a=t(this).closest(".search-input");a.hasClass("open")&&(a.removeClass("open"),w.val(""),w.blur(),y.removeClass("show"),x.removeClass("show-overlay"))})),t(".search-list-main").length)var I=new PerfectScrollbar(".search-list-main",{wheelPropagation:!1});if(t(".search-list-bookmark").length)new PerfectScrollbar(".search-list-bookmark",{wheelPropagation:!1});function z(){return s.hasClass("dark-layout")?"dark-layout":s.hasClass("bordered-layout")?"bordered-layout":s.hasClass("semi-dark-layout")?"semi-dark-layout":"light-layout"}t(".search-list-main").mouseenter((function(){I.update()})),w.on("keyup",(function(a){if(t(this).closest(".search-list").addClass("show"),38!==a.keyCode&&40!==a.keyCode&&13!==a.keyCode){27==a.keyCode&&(x.removeClass("show-overlay"),b.find("input").val(""),b.find("input").blur(),w.val(""),w.blur(),k.removeClass("open"),k.hasClass("show")&&(t(this).removeClass("show"),k.removeClass("show")));var e=t(this).val().toLowerCase(),s="",n=!1;if(t("ul.search-list li").remove(),t(this).parent().hasClass("bookmark-input")&&(n=!0),""!=e){x.addClass("show-overlay"),b.focus()?S.addClass("show"):(y.addClass("show"),S.removeClass("show")),!1===n&&(y.addClass("show"),S.removeClass("show"));var o="",l="",i="",c="",d='<li class="d-flex align-items-center"><a href="#"><h6 class="section-label mt-75 mb-0">Pages</h6></a></li>',h="",u="",f=0;t.getJSON(r+"data/"+p+".json",(function(a){for(var m=0;m<a.listItems.length;m++){if("laravel"===t("body").attr("data-framework")&&(a.listItems[m].url=r+a.listItems[m].url),!0===n){s="";for(var p=t("ul.nav.navbar-nav.bookmark-icons li"),v=0;v<p.length;v++){if(a.listItems[m].name===p[v].firstChild.dataset.bsOriginalTitle){s=" text-warning";break}s=""}h=feather.icons.star.toSvg({class:"bookmark-icon float-end"+s})}0==a.listItems[m].name.toLowerCase().indexOf(e)&&f<5&&(o+='<li class="auto-suggestion '+(0===f?"current_item":"")+'"><a class="d-flex align-items-center justify-content-between w-100" href='+a.listItems[m].url+'><div class="d-flex justify-content-start align-items-center">'+feather.icons[a.listItems[m].icon].toSvg({class:"me-75 "})+"<span>"+a.listItems[m].name+"</span></div>"+h+"</a></li>",f++)}for(m=0;m<a.listItems.length;m++){if(!0===n){s="";for(p=t("ul.nav.navbar-nav.bookmark-icons li"),v=0;v<p.length;v++)s=a.listItems[m].name===p[v].firstChild.dataset.bsOriginalTitle?" text-warning":"";h=feather.icons.star.toSvg({class:"bookmark-icon float-end"+s})}0!=a.listItems[m].name.toLowerCase().indexOf(e)&&a.listItems[m].name.toLowerCase().indexOf(e)>-1&&f<5&&(l+='<li class="auto-suggestion '+(0===f?"current_item":"")+'"><a class="d-flex align-items-center justify-content-between w-100" href='+a.listItems[m].url+'><div class="d-flex justify-content-start align-items-center">'+feather.icons[a.listItems[m].icon].toSvg({class:"me-75 "})+"<span>"+a.listItems[m].name+"</span></div>"+h+"</a></li>",f++)}u=t(".main-search-list-defaultlist").html(),""==o&&""==l&&(l=t(".main-search-list-defaultlist-other-list").html()),i=d.concat(o,l,u),t("ul.search-list").html(i),c=o.concat(l),t("ul.search-list-bookmark").html(c)}))}else if(!0===n){for(var m=t("ul.nav.navbar-nav.bookmark-icons li"),v="",g=0;g<m.length;g++){0===g?"current_item":"";var C="";if(t(m[g].firstChild.firstChild).hasClass("feather")){var I=m[g].firstChild.firstChild.getAttribute("class");C=I.split("feather-")[1].split(" ")[0],I.split("feather-")[1].split(" ")[1]}v+='<li class="auto-suggestion"><a class="d-flex align-items-center justify-content-between w-100" href='+m[g].firstChild.href+'><div class="d-flex justify-content-start align-items-center">'+feather.icons[C].toSvg({class:"me-75 "})+"<span>"+m[g].firstChild.dataset.bsOriginalTitle+"</span></div>"+feather.icons.star.toSvg({class:"text-warning bookmark-icon float-end"})+"</a></li>"}t("ul.search-list").append(v)}else x.hasClass("show-overlay")&&x.removeClass("show-overlay"),y.hasClass("show")&&y.removeClass("show")}})),t(e).on("mouseenter",".search-list li",(function(a){t(this).siblings().removeClass("current_item"),t(this).addClass("current_item")})),t(e).on("click",".search-list li",(function(a){a.stopPropagation()})),t("html").on("click",(function(a){t(a.target).hasClass("bookmark-icon")||(S.hasClass("show")&&S.removeClass("show"),b.hasClass("show")&&(b.removeClass("show"),x.removeClass("show-overlay")))})),t(e).on("click",".bookmark-input input",(function(a){b.addClass("show"),S.addClass("show")})),t(e).on("click",".bookmark-input .search-list .bookmark-icon",(function(a){if(a.stopPropagation(),t(this).hasClass("text-warning")){t(this).removeClass("text-warning");for(var e=t("ul.nav.navbar-nav.bookmark-icons li"),s=0;s<e.length;s++)e[s].firstChild.dataset.bsOriginalTitle==t(this).parent()[0].innerText&&e[s].remove();a.preventDefault()}else{e=t("ul.nav.navbar-nav.bookmark-icons li");t(this).addClass("text-warning"),a.preventDefault();var n,o=t(this).parent()[0].href,r=t(this).parent()[0].innerText,l=t(this).parent()[0].firstChild.firstChild.dataset.icon;if(t(t(this).parent()[0].firstChild.firstChild).hasClass("feather"))l=t(this).parent()[0].firstChild.firstChild.getAttribute("class").split("feather-")[1].split(" ")[0];n='<li class="nav-item d-none d-lg-block"><a class="nav-link" href="'+o+'" data-bs-toggle="tooltip" data-bs-placement="bottom" title="'+r+'">'+feather.icons[l].toSvg({class:"ficon"})+"</a></li>",t("ul.nav.bookmark-icons").append(n),t('[data-bs-toggle="tooltip"]').tooltip()}})),t(a).on("keydown",(function(e){var s,n,o=t(".search-list li.current_item");if(40===e.keyCode?(s=o.next(),o.removeClass("current_item"),o=s.addClass("current_item")):38===e.keyCode&&(n=o.prev(),o.removeClass("current_item"),o=n.addClass("current_item")),13===e.keyCode&&t(".search-list li.current_item").length>0){var r=t(".search-list li.current_item a");a.location=r.attr("href"),t(r).trigger("click")}})),Waves.init(),Waves.attach(".btn:not([class*='btn-relief-']):not([class*='btn-gradient-']):not([class*='btn-outline-']):not([class*='btn-flat-'])",["waves-float","waves-light"]),Waves.attach("[class*='btn-outline-']"),Waves.attach("[class*='btn-flat-']"),t(".form-password-toggle .input-group-text").on("click",(function(a){a.preventDefault();var e=t(this),s=e.closest(".form-password-toggle"),n=e,o=s.find("input");"text"===o.attr("type")?(o.attr("type","password"),feather&&n.find("svg").replaceWith(feather.icons.eye.toSvg({class:"font-small-4"}))):"password"===o.attr("type")&&(o.attr("type","text"),feather&&n.find("svg").replaceWith(feather.icons["eye-off"].toSvg({class:"font-small-4"})))})),t(a).on("scroll",(function(){(t(this).scrollTop()>400?t(".scroll-top").fadeIn():t(".scroll-top").fadeOut(),n.hasClass("navbar-static"))&&(t(a).scrollTop()>65?(t("html:not(.dark-layout) .horizontal-menu .header-navbar.navbar-fixed").css({background:"#fff","box-shadow":"0 4px 20px 0 rgba(0,0,0,.05)"}),t(".horizontal-menu.dark-layout .header-navbar.navbar-fixed").css({background:"#161d31","box-shadow":"0 4px 20px 0 rgba(0,0,0,.05)"}),t("html:not(.dark-layout) .horizontal-menu .horizontal-menu-wrapper.header-navbar").css("background","#fff"),t(".dark-layout .horizontal-menu .horizontal-menu-wrapper.header-navbar").css("background","#161d31")):(t("html:not(.dark-layout) .horizontal-menu .header-navbar.navbar-fixed").css({background:"#f8f8f8","box-shadow":"none"}),t(".dark-layout .horizontal-menu .header-navbar.navbar-fixed").css({background:"#161d31","box-shadow":"none"}),t("html:not(.dark-layout) .horizontal-menu .horizontal-menu-wrapper.header-navbar").css("background","#fff"),t(".dark-layout .horizontal-menu .horizontal-menu-wrapper.header-navbar").css("background","#161d31")))})),t(".scroll-top").on("click",(function(){t("html, body").animate({scrollTop:0},75)}));var T=s.attr("data-layout")?s.attr("data-layout"):"light-layout";t(".nav-link-style").on("click",(function(){var a=z(),e="",n=localStorage.getItem(T+"-prev-skin",a);e="dark-layout"!==a?"dark-layout":a===n?"light-layout":n||"light-layout",localStorage.setItem(T+"-prev-skin",a),localStorage.setItem(T+"-current-skin",e),function(a){var e=t(".nav-link-style"),n=z(),o=t(".main-menu"),r=t(".header-navbar"),l=a||n;s.removeClass("semi-dark-layout dark-layout bordered-layout"),"dark-layout"===l?(s.addClass("dark-layout"),o.removeClass("menu-light").addClass("menu-dark"),r.removeClass("navbar-light").addClass("navbar-dark"),e.find(".ficon").replaceWith(feather.icons.sun.toSvg({class:"ficon"}))):"bordered-layout"===l?(s.addClass("bordered-layout"),o.removeClass("menu-dark").addClass("menu-light"),r.removeClass("navbar-dark").addClass("navbar-light"),e.find(".ficon").replaceWith(feather.icons.moon.toSvg({class:"ficon"}))):"semi-dark-layout"===l?(s.addClass("semi-dark-layout"),o.removeClass("menu-dark").addClass("menu-light"),r.removeClass("navbar-dark").addClass("navbar-light"),e.find(".ficon").replaceWith(feather.icons.moon.toSvg({class:"ficon"}))):(s.addClass("light-layout"),o.removeClass("menu-dark").addClass("menu-light"),r.removeClass("navbar-dark").addClass("navbar-light"),e.find(".ficon").replaceWith(feather.icons.moon.toSvg({class:"ficon"})));t("input:radio[data-layout="+l+"]").length>0&&setTimeout((function(){t("input:radio[data-layout="+l+"]").prop("checked",!0)}))}(e),t(".horizontal-menu .header-navbar.navbar-fixed").css({background:"inherit","box-shadow":"inherit"}),t(".horizontal-menu .horizontal-menu-wrapper.header-navbar").css("background","inherit")}));localStorage.getItem(T+"-current-skin")}(window,document,jQuery),"function"==typeof jQuery.validator&&jQuery.validator.setDefaults({errorElement:"span",errorPlacement:function(a,e){e.parent().hasClass("input-group")||e.hasClass("select2")||"checkbox"===e.attr("type")?a.insertAfter(e.parent()):e.hasClass("form-check-input")?a.insertAfter(e.parent().siblings(":last")):a.insertAfter(e),e.parent().hasClass("input-group")&&e.parent().addClass("is-invalid")},highlight:function(a,e,t){$(a).addClass("error"),$(a).parent().hasClass("input-group")&&$(a).parent().addClass("is-invalid")},unhighlight:function(a,e,t){$(a).removeClass("error"),$(a).parent().hasClass("input-group")&&$(a).parent().removeClass("is-invalid")}});

data/app/assets/javascripts/vuexy/scripts/cards/card-advance.js

@@ -0,0 +1,567 @@
+/*=========================================================================================
+    File Name: card-advance.js
+    Description: Card Advance page content with Apexchart Examples
+    ----------------------------------------------------------------------------------------
+    Item Name: Vuexy  - Vuejs, HTML & Laravel Admin Dashboard Template
+    Author: PIXINVENT
+    Author URL: http://www.themeforest.net/user/pixinvent
+==========================================================================================*/
+
+'use strict';
+
+$(window).on('load', function () {
+  var $trackBgColor = '#e9ecef';
+
+  var employeePrimaryChartOptions1;
+  var employeeDangerChartOptions;
+  var employeeSuccessChartOptions;
+  var employeeSecondaryChartOptions;
+  var employeeWarningChartOptions;
+  var employeePrimaryChartOptions2;
+
+  var employeePrimaryChart1;
+  var employeeDangerChart;
+  var employeeSuccessChart;
+  var employeeSecondaryChart;
+  var employeeWarningChart;
+  var employeePrimaryChart2;
+
+  var $employeeChartPrimary1 = document.querySelector('.employee-task-chart-primary-1');
+  var $employeeChartDanger = document.querySelector('.employee-task-chart-danger');
+  var $employeeChartSuccess = document.querySelector('.employee-task-chart-success');
+  var $employeeChartSecondary = document.querySelector('.employee-task-chart-secondary');
+  var $employeeChartWarning = document.querySelector('.employee-task-chart-warning');
+  var $employeeChartPrimary2 = document.querySelector('.employee-task-chart-primary-2');
+
+  var statePrimaryChartOptions;
+  var stateWarningChartOptions;
+  var stateSecondaryChartOptions;
+  var stateInfoChartOptions;
+  var stateDangerChartOptions;
+
+  var statePrimaryChart;
+  var stateDangerChart;
+  var stateInfoChart;
+  var stateSecondaryChart;
+  var stateWarningChart;
+
+  var $stateChartPrimary = document.querySelector('.state-chart-primary');
+  var $stateChartWarning = document.querySelector('.state-chart-warning');
+  var $stateChartSecondary = document.querySelector('.state-chart-secondary');
+  var $stateChartInfo = document.querySelector('.state-chart-info');
+  var $stateChartDanger = document.querySelector('.state-chart-danger');
+  var userChats = $('.user-chats');
+
+  // init ps if it is not touch device
+  if (!$.app.menu.is_touch_device()) {
+    // Chat area
+    if (userChats.length > 0) {
+      var chatsUser = new PerfectScrollbar(userChats[0], {
+        wheelPropagation: false
+      });
+    }
+  } else {
+    userChats.css('overflow', 'scroll');
+  }
+
+  //------------ Employee Task Charts ------------
+  //----------------------------------------------
+
+  // Employee Primary Chart 1
+  employeePrimaryChartOptions1 = {
+    chart: {
+      height: 30,
+      width: 30,
+      type: 'radialBar'
+    },
+    grid: {
+      show: false,
+      padding: {
+        left: -15,
+        right: -15,
+        top: -12,
+        bottom: -15
+      }
+    },
+    colors: [window.colors.solid.primary],
+    series: [45],
+    plotOptions: {
+      radialBar: {
+        hollow: {
+          size: '22%'
+        },
+        track: {
+          background: $trackBgColor
+        },
+        dataLabels: {
+          showOn: 'always',
+          name: {
+            show: false
+          },
+          value: {
+            show: false
+          }
+        }
+      }
+    },
+    stroke: {
+      lineCap: 'round'
+    }
+  };
+  employeePrimaryChart1 = new ApexCharts($employeeChartPrimary1, employeePrimaryChartOptions1);
+  employeePrimaryChart1.render();
+
+  // Employee Danger Chart
+  employeeDangerChartOptions = {
+    chart: {
+      height: 30,
+      width: 30,
+      type: 'radialBar'
+    },
+    grid: {
+      show: false,
+      padding: {
+        left: -15,
+        right: -15,
+        top: -12,
+        bottom: -15
+      }
+    },
+    colors: [window.colors.solid.danger],
+    series: [65],
+    plotOptions: {
+      radialBar: {
+        hollow: {
+          size: '22%'
+        },
+        track: {
+          background: $trackBgColor
+        },
+        dataLabels: {
+          showOn: 'always',
+          name: {
+            show: false
+          },
+          value: {
+            show: false
+          }
+        }
+      }
+    },
+    stroke: {
+      lineCap: 'round'
+    }
+  };
+  employeeDangerChart = new ApexCharts($employeeChartDanger, employeeDangerChartOptions);
+  employeeDangerChart.render();
+
+  // Employee Success Chart
+  employeeSuccessChartOptions = {
+    chart: {
+      height: 30,
+      width: 30,
+      type: 'radialBar'
+    },
+    grid: {
+      show: false,
+      padding: {
+        left: -15,
+        right: -15,
+        top: -12,
+        bottom: -15
+      }
+    },
+    colors: [window.colors.solid.success],
+    series: [60],
+    plotOptions: {
+      radialBar: {
+        hollow: {
+          size: '22%'
+        },
+        track: {
+          background: $trackBgColor
+        },
+        dataLabels: {
+          showOn: 'always',
+          name: {
+            show: false
+          },
+          value: {
+            show: false
+          }
+        }
+      }
+    },
+    stroke: {
+      lineCap: 'round'
+    }
+  };
+  employeeSuccessChart = new ApexCharts($employeeChartSuccess, employeeSuccessChartOptions);
+  employeeSuccessChart.render();
+
+  // Employee Secondary Chart
+  employeeSecondaryChartOptions = {
+    chart: {
+      height: 30,
+      width: 30,
+      type: 'radialBar'
+    },
+    grid: {
+      show: false,
+      padding: {
+        left: -15,
+        right: -15,
+        top: -12,
+        bottom: -15
+      }
+    },
+    colors: [window.colors.solid.secondary],
+    series: [35],
+    plotOptions: {
+      radialBar: {
+        hollow: {
+          size: '22%'
+        },
+        track: {
+          background: $trackBgColor
+        },
+        dataLabels: {
+          showOn: 'always',
+          name: {
+            show: false
+          },
+          value: {
+            show: false
+          }
+        }
+      }
+    },
+    stroke: {
+      lineCap: 'round'
+    }
+  };
+  employeeSecondaryChart = new ApexCharts($employeeChartSecondary, employeeSecondaryChartOptions);
+  employeeSecondaryChart.render();
+
+  // Employee Warning Chart
+  employeeWarningChartOptions = {
+    chart: {
+      height: 30,
+      width: 30,
+      type: 'radialBar'
+    },
+    grid: {
+      show: false,
+      padding: {
+        left: -15,
+        right: -15,
+        top: -12,
+        bottom: -15
+      }
+    },
+    colors: [window.colors.solid.warning],
+    series: [65],
+    plotOptions: {
+      radialBar: {
+        hollow: {
+          size: '22%'
+        },
+        track: {
+          background: $trackBgColor
+        },
+        dataLabels: {
+          showOn: 'always',
+          name: {
+            show: false
+          },
+          value: {
+            show: false
+          }
+        }
+      }
+    },
+    stroke: {
+      lineCap: 'round'
+    }
+  };
+  employeeWarningChart = new ApexCharts($employeeChartWarning, employeeWarningChartOptions);
+  employeeWarningChart.render();
+
+  // Employee Primary Chart 2
+  employeePrimaryChartOptions2 = {
+    chart: {
+      height: 30,
+      width: 30,
+      type: 'radialBar'
+    },
+    grid: {
+      show: false,
+      padding: {
+        left: -15,
+        right: -15,
+        top: -12,
+        bottom: -15
+      }
+    },
+    colors: [window.colors.solid.primary],
+    series: [80],
+    plotOptions: {
+      radialBar: {
+        hollow: {
+          size: '22%'
+        },
+        track: {
+          background: $trackBgColor
+        },
+        dataLabels: {
+          showOn: 'always',
+          name: {
+            show: false
+          },
+          value: {
+            show: false
+          }
+        }
+      }
+    },
+    stroke: {
+      lineCap: 'round'
+    }
+  };
+  employeePrimaryChart2 = new ApexCharts($employeeChartPrimary2, employeePrimaryChartOptions2);
+  employeePrimaryChart2.render();
+
+  //---------------- State Charts ----------------
+  //----------------------------------------------
+
+  // State Primary Chart
+  statePrimaryChartOptions = {
+    chart: {
+      height: 30,
+      width: 30,
+      type: 'radialBar'
+    },
+    grid: {
+      show: false,
+      padding: {
+        left: -15,
+        right: -15,
+        top: -12,
+        bottom: -15
+      }
+    },
+    colors: [window.colors.solid.primary],
+    series: [54.4],
+    plotOptions: {
+      radialBar: {
+        hollow: {
+          size: '22%'
+        },
+        track: {
+          background: $trackBgColor
+        },
+        dataLabels: {
+          showOn: 'always',
+          name: {
+            show: false
+          },
+          value: {
+            show: false
+          }
+        }
+      }
+    },
+    stroke: {
+      lineCap: 'round'
+    }
+  };
+  statePrimaryChart = new ApexCharts($stateChartPrimary, statePrimaryChartOptions);
+  statePrimaryChart.render();
+
+  // State Warning Chart
+  stateWarningChartOptions = {
+    chart: {
+      height: 30,
+      width: 30,
+      type: 'radialBar'
+    },
+    grid: {
+      show: false,
+      padding: {
+        left: -15,
+        right: -15,
+        top: -12,
+        bottom: -15
+      }
+    },
+    colors: [window.colors.solid.warning],
+    series: [6.1],
+    plotOptions: {
+      radialBar: {
+        hollow: {
+          size: '22%'
+        },
+        track: {
+          background: $trackBgColor
+        },
+        dataLabels: {
+          showOn: 'always',
+          name: {
+            show: false
+          },
+          value: {
+            show: false
+          }
+        }
+      }
+    },
+    stroke: {
+      lineCap: 'round'
+    }
+  };
+  stateWarningChart = new ApexCharts($stateChartWarning, stateWarningChartOptions);
+  stateWarningChart.render();
+
+  // State Secondary Chart 1
+  stateSecondaryChartOptions = {
+    chart: {
+      height: 30,
+      width: 30,
+      type: 'radialBar'
+    },
+    grid: {
+      show: false,
+      padding: {
+        left: -15,
+        right: -15,
+        top: -12,
+        bottom: -15
+      }
+    },
+    colors: [window.colors.solid.secondary],
+    series: [14.6],
+    plotOptions: {
+      radialBar: {
+        hollow: {
+          size: '22%'
+        },
+        track: {
+          background: $trackBgColor
+        },
+        dataLabels: {
+          showOn: 'always',
+          name: {
+            show: false
+          },
+          value: {
+            show: false
+          }
+        }
+      }
+    },
+    stroke: {
+      lineCap: 'round'
+    }
+  };
+  stateSecondaryChart = new ApexCharts($stateChartSecondary, stateSecondaryChartOptions);
+  stateSecondaryChart.render();
+
+  // State Info Chart
+  stateInfoChartOptions = {
+    chart: {
+      height: 30,
+      width: 30,
+      type: 'radialBar'
+    },
+    grid: {
+      show: false,
+      padding: {
+        left: -15,
+        right: -15,
+        top: -12,
+        bottom: -15
+      }
+    },
+    colors: [window.colors.solid.info],
+    series: [4.2],
+    plotOptions: {
+      radialBar: {
+        hollow: {
+          size: '22%'
+        },
+        track: {
+          background: $trackBgColor
+        },
+        dataLabels: {
+          showOn: 'always',
+          name: {
+            show: false
+          },
+          value: {
+            show: false
+          }
+        }
+      }
+    },
+    stroke: {
+      lineCap: 'round'
+    }
+  };
+  stateInfoChart = new ApexCharts($stateChartInfo, stateInfoChartOptions);
+  stateInfoChart.render();
+
+  // State Danger Chart
+  stateDangerChartOptions = {
+    chart: {
+      height: 30,
+      width: 30,
+      type: 'radialBar'
+    },
+    grid: {
+      show: false,
+      padding: {
+        left: -15,
+        right: -15,
+        top: -12,
+        bottom: -15
+      }
+    },
+    colors: [window.colors.solid.danger],
+    series: [8.4],
+    plotOptions: {
+      radialBar: {
+        hollow: {
+          size: '22%'
+        },
+        track: {
+          background: $trackBgColor
+        },
+        dataLabels: {
+          showOn: 'always',
+          name: {
+            show: false
+          },
+          value: {
+            show: false
+          }
+        }
+      }
+    },
+    stroke: {
+      lineCap: 'round'
+    }
+  };
+  stateDangerChart = new ApexCharts($stateChartDanger, stateDangerChartOptions);
+  stateDangerChart.render();
+});
+
+// Add message to chat - function call on form submit
+function enterChat(source) {
+  var message = $('.message').val();
+  if (/\S/.test(message)) {
+    var html = '<div class="chat-content">' + '<p>' + message + '</p>' + '</div>';
+    $('.chat:last-child .chat-body').append(html);
+    $('.message').val('');
+    $('.user-chats').scrollTop($('.user-chats > .chats').height());
+  }
+}

data/app/assets/javascripts/vuexy/scripts/cards/card-advance.min.js

@@ -0,0 +1 @@
+"use strict";function enterChat(a){var e=$(".message").val();if(/\S/.test(e)){var o='<div class="chat-content"><p>'+e+"</p></div>";$(".chat:last-child .chat-body").append(o),$(".message").val(""),$(".user-chats").scrollTop($(".user-chats > .chats").height())}}$(window).on("load",(function(){var a,e,o,r,t,s,l,i,d,n,h,w="#e9ecef",c=document.querySelector(".employee-task-chart-primary-1"),p=document.querySelector(".employee-task-chart-danger"),g=document.querySelector(".employee-task-chart-success"),u=document.querySelector(".employee-task-chart-secondary"),y=document.querySelector(".employee-task-chart-warning"),m=document.querySelector(".employee-task-chart-primary-2"),k=document.querySelector(".state-chart-primary"),b=document.querySelector(".state-chart-warning"),C=document.querySelector(".state-chart-secondary"),B=document.querySelector(".state-chart-info"),O=document.querySelector(".state-chart-danger"),f=$(".user-chats");if($.app.menu.is_touch_device())f.css("overflow","scroll");else if(f.length>0)new PerfectScrollbar(f[0],{wheelPropagation:!1});a={chart:{height:30,width:30,type:"radialBar"},grid:{show:!1,padding:{left:-15,right:-15,top:-12,bottom:-15}},colors:[window.colors.solid.primary],series:[45],plotOptions:{radialBar:{hollow:{size:"22%"},track:{background:w},dataLabels:{showOn:"always",name:{show:!1},value:{show:!1}}}},stroke:{lineCap:"round"}},new ApexCharts(c,a).render(),e={chart:{height:30,width:30,type:"radialBar"},grid:{show:!1,padding:{left:-15,right:-15,top:-12,bottom:-15}},colors:[window.colors.solid.danger],series:[65],plotOptions:{radialBar:{hollow:{size:"22%"},track:{background:w},dataLabels:{showOn:"always",name:{show:!1},value:{show:!1}}}},stroke:{lineCap:"round"}},new ApexCharts(p,e).render(),o={chart:{height:30,width:30,type:"radialBar"},grid:{show:!1,padding:{left:-15,right:-15,top:-12,bottom:-15}},colors:[window.colors.solid.success],series:[60],plotOptions:{radialBar:{hollow:{size:"22%"},track:{background:w},dataLabels:{showOn:"always",name:{show:!1},value:{show:!1}}}},stroke:{lineCap:"round"}},new ApexCharts(g,o).render(),r={chart:{height:30,width:30,type:"radialBar"},grid:{show:!1,padding:{left:-15,right:-15,top:-12,bottom:-15}},colors:[window.colors.solid.secondary],series:[35],plotOptions:{radialBar:{hollow:{size:"22%"},track:{background:w},dataLabels:{showOn:"always",name:{show:!1},value:{show:!1}}}},stroke:{lineCap:"round"}},new ApexCharts(u,r).render(),t={chart:{height:30,width:30,type:"radialBar"},grid:{show:!1,padding:{left:-15,right:-15,top:-12,bottom:-15}},colors:[window.colors.solid.warning],series:[65],plotOptions:{radialBar:{hollow:{size:"22%"},track:{background:w},dataLabels:{showOn:"always",name:{show:!1},value:{show:!1}}}},stroke:{lineCap:"round"}},new ApexCharts(y,t).render(),s={chart:{height:30,width:30,type:"radialBar"},grid:{show:!1,padding:{left:-15,right:-15,top:-12,bottom:-15}},colors:[window.colors.solid.primary],series:[80],plotOptions:{radialBar:{hollow:{size:"22%"},track:{background:w},dataLabels:{showOn:"always",name:{show:!1},value:{show:!1}}}},stroke:{lineCap:"round"}},new ApexCharts(m,s).render(),l={chart:{height:30,width:30,type:"radialBar"},grid:{show:!1,padding:{left:-15,right:-15,top:-12,bottom:-15}},colors:[window.colors.solid.primary],series:[54.4],plotOptions:{radialBar:{hollow:{size:"22%"},track:{background:w},dataLabels:{showOn:"always",name:{show:!1},value:{show:!1}}}},stroke:{lineCap:"round"}},new ApexCharts(k,l).render(),i={chart:{height:30,width:30,type:"radialBar"},grid:{show:!1,padding:{left:-15,right:-15,top:-12,bottom:-15}},colors:[window.colors.solid.warning],series:[6.1],plotOptions:{radialBar:{hollow:{size:"22%"},track:{background:w},dataLabels:{showOn:"always",name:{show:!1},value:{show:!1}}}},stroke:{lineCap:"round"}},new ApexCharts(b,i).render(),d={chart:{height:30,width:30,type:"radialBar"},grid:{show:!1,padding:{left:-15,right:-15,top:-12,bottom:-15}},colors:[window.colors.solid.secondary],series:[14.6],plotOptions:{radialBar:{hollow:{size:"22%"},track:{background:w},dataLabels:{showOn:"always",name:{show:!1},value:{show:!1}}}},stroke:{lineCap:"round"}},new ApexCharts(C,d).render(),n={chart:{height:30,width:30,type:"radialBar"},grid:{show:!1,padding:{left:-15,right:-15,top:-12,bottom:-15}},colors:[window.colors.solid.info],series:[4.2],plotOptions:{radialBar:{hollow:{size:"22%"},track:{background:w},dataLabels:{showOn:"always",name:{show:!1},value:{show:!1}}}},stroke:{lineCap:"round"}},new ApexCharts(B,n).render(),h={chart:{height:30,width:30,type:"radialBar"},grid:{show:!1,padding:{left:-15,right:-15,top:-12,bottom:-15}},colors:[window.colors.solid.danger],series:[8.4],plotOptions:{radialBar:{hollow:{size:"22%"},track:{background:w},dataLabels:{showOn:"always",name:{show:!1},value:{show:!1}}}},stroke:{lineCap:"round"}},new ApexCharts(O,h).render()}));