| Current Path : /home/quelfutuu/www/blog/wp-content/plugins/wp-statistics/assets/dev/javascript/pages/ |
| Current File : /home/quelfutuu/www/blog/wp-content/plugins/wp-statistics/assets/dev/javascript/pages/referrals.js |
if (wps_js.isset(wps_js.global, 'request_params', 'page') && wps_js.global.request_params.page === "referrals") {
const placeholder = wps_js.rectangle_placeholder();
function renderChart(chartId, searchData) {
const chartElement = document.getElementById(chartId);
if (chartElement) {
const parentElement = jQuery(`#${chartId}`).parent();
if (!searchData?.data?.datasets || searchData.data.datasets.length === 0) {
parentElement.html(wps_js.no_results());
} else {
jQuery('.wps-postbox-chart--data').removeClass('c-chart__wps-skeleton--legend');
parentElement.removeClass('c-chart__wps-skeleton');
wps_js.new_line_chart(searchData, chartId);
}
}
}
const renderHorizontalChart = (id, data) => {
const chartElement = document.getElementById(id);
if (chartElement) {
const parentElement = jQuery(`#${id}`).parent();
parentElement.find('.wps-ph-item').remove();
parentElement.append(placeholder);
if (!data.data || data.data.length === 0) {
parentElement.html(wps_js.no_results());
} else {
jQuery('.wps-ph-item').remove();
wps_js.horizontal_bar(id, data.labels, data.data, data.icons);
}
}
}
if (typeof Wp_Statistics_Referrals_Object !== 'undefined') {
const sourceCategoriesData = Wp_Statistics_Referrals_Object.source_category_chart_data;
renderChart('sourceCategoriesChart', sourceCategoriesData);
const socialMedia = Wp_Statistics_Referrals_Object.social_media_chart_data;
renderChart('socialMediaChart', socialMedia);
const incomeVisitorData = Wp_Statistics_Referrals_Object.search_engine_chart_data;
renderChart('incomeVisitorChart', incomeVisitorData);
const topCountries = Wp_Statistics_Referrals_Object.countries_chart_data;
renderHorizontalChart('referral-top-countries', topCountries);
const topBrowsers = Wp_Statistics_Referrals_Object.browser_chart_data;
renderHorizontalChart('referral-top-browser', topBrowsers);
const deviceType = Wp_Statistics_Referrals_Object.device_chart_data;
renderHorizontalChart('referral-device-type', deviceType);
const visitorChart = Wp_Statistics_Referrals_Object.traffic_chart_data;
renderChart('referralVisitorChart', visitorChart);
const topSocialMedia = Wp_Statistics_Referrals_Object.social_media_chart_data;
renderChart('referral-social-media-chart', topSocialMedia);
const topSearchEngine = Wp_Statistics_Referrals_Object.search_engine_chart_data;
renderChart('referral-search-engines-chart', topSearchEngine);
}
}