tech4biz/admin/assets/js/general-widget.js
2024-10-24 17:20:08 +05:30

76 lines
2.0 KiB
JavaScript

"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();