"use strict"; var general_widget = { init: function() { $('#owl-carousel-testimonial').owlCarousel({ loop:true, margin:10, items:1, nav:false, dots:false }); const months = ["Jan", "Feb", "March", "April", "May", "June", "July", "Aug", "Sept", "Oct", "Nov", "Dec"] const now = new Date() $('#monthDay').append(`${months[now.getMonth()]} ${now.getDate()}`); $('#year').append(`${now.getFullYear()}`); $(function() { setInterval( function() { var seconds = new Date().getSeconds(); var sdegree = seconds * 6; var srotate = "rotate(" + sdegree + "deg)"; $("#sec").css({ "transform": srotate }); }, 1000 ); setInterval( function() { var hours = new Date().getHours(); var mins = new Date().getMinutes(); var hdegree = hours * 30 + (mins / 2); var hrotate = "rotate(" + hdegree + "deg)"; $("#hour").css({ "transform": hrotate}); }, 1000 ); setInterval( function() { var mins = new Date().getMinutes(); var mdegree = mins * 6; var mrotate = "rotate(" + mdegree + "deg)"; $("#min").css({ "transform" : mrotate }); }, 1000 ); }); } }; (function($) { "use strict"; general_widget.init(); })(jQuery); var options = { series: [90, 10], labels: ['Positive', 'Negative'], chart: { type: 'donut', height: 200 }, legend: { show: false, }, stroke: { width: 0, }, dataLabels: { enabled: false, }, colors: ['#51bb25', '#DC3545'], responsive: [{ breakpoint: 480, options: { chart: { width: 200 }, legend: { position: 'bottom' } } }] }; var chart = new ApexCharts(document.querySelector("#feedback-chart"), options); chart.render();