File manager

File manager - Edit - /home/autoph/public_html/projects/Rating-AutoHub/public/js/auth/dashboard.js

Back
(function(e){ "use strict"; var templates = []; var average = []; var systems = []; var myChart, myChart2, myChart3; var id = null; var start = null; var end = null; function generateRandomColor() { // const colorPalette = ["#191825", "#865DFF", "#E384FF", "#FFA3FD"]; // const colorPalette = ["#658864", "#B7B78A", "#DDDDDD", "#EEEEEE"]; // const colorPalette = ["#557153", "#7D8F69", "#A9AF7E", "#E6E5A3"]; // const colorPalette = ["#395144", "#4E6C50", "#AA8B56", "#F0EBCE"]; // const colorPalette = ["#425F57", "#749F82", "#A8E890", "#CFFF8D"]; const colorPalette = ["#3C6255", "#61876E", "#A6BB8D", "#EAE7B1","#425F57", "#749F82", "#A8E890", "#CFFF8D"]; // Generate a random index to select a color from the palette const randomIndex = Math.floor(Math.random() * colorPalette.length); // Get the random color from the palette const randomColor = colorPalette[randomIndex]; // var hex = Math.floor(Math.random() * 0xFFFFFF); return randomColor; } function createChart(responseData){ const ctx = document.getElementById('myChart').getContext('2d'); var labels = []; var values = []; for (var i = 0; i < responseData['result'].length; i++) { labels.push(responseData['result'][i].system); values.push(responseData['result'][i].average); } if(myChart){ myChart.destroy(); } var bGs = values.map(function(){ return generateRandomColor(); }); myChart = new Chart(ctx, { type: "bar", data: { labels: labels, datasets: [ { label: responseData['result'][0].template, data: values, backgroundColor: bGs, borderColor: "white", borderWidth: 1 } ] }, options: { responsive:true, maintainAspectRatio:false, scales: { y:{ beginAtZero: true } } } }); } function createPie(responseData){ const ctx = document.getElementById('myChart2').getContext('2d'); var labels = []; var values = []; console.log(responseData); for(var i = 0; i < responseData.length; i++){ labels.push(responseData[i].system); values.push(responseData[i].respondents); } if(myChart2){ myChart2.destroy(); } var bGs = values.map(function(){ return generateRandomColor(); }); myChart2 = new Chart(ctx, { type: 'doughnut', data: { labels: labels, datasets: [{ label:"respondents", data: values, backgroundColor: bGs }] }, options:{ responsive:true, maintainAspectRatio:false, // scales:{ // y:{ // beginAtZero:true, // } // } } }); } // function createCompanyBar(responseData){ // const ctx = document.getElementById('myChart3').getContext('2d'); // var labels = []; // var values = []; // console.log(responseData); // for(var i = 0; i < responseData.length; i++){ // labels.push(responseData[i].company); // values.push(responseData[i].respondents); // } // if(myChart3){ // myChart3.destroy(); // } // var bGs = values.map(function(){ // return generateRandomColor(); // }); // myChart3 = new Chart(ctx, { // type: 'bar', // data: { // labels: labels, // datasets: [{ // label:responseData.map('company'), // data: values, // backgroundColor: bGs // }] // }, // options: { // responsive:true, // // maintainAspectRatio:false, // indexAxis: 'y', // }, // }); // } function createCompanyBar(responseData) { const ctx = document.getElementById('myChart3').getContext('2d'); var datasets = []; var comp = []; for (var i = 0; i < responseData.length; i++) { var company = responseData[i].company; var respondents = responseData[i].respondents; datasets.push({ label: company, // Use company name as label for this dataset data: [respondents], // Use an array since each dataset needs its own array of data backgroundColor: generateRandomColor() }); } if (myChart3) { myChart3.destroy(); } myChart3 = new Chart(ctx, { type: 'bar', data: { labels: [''], // You can leave this empty since we're using individual labels per dataset datasets: datasets }, options: { responsive: true, indexAxis: 'x' } }); } function ajax(id,start,end){ $.ajax({ type:"GET", url:"/getTopFive", data:{ id:id, start_date:start, end_date:end }, dataType: 'json', success: function(success){ createChart(success.topFivePerTemplate); createPie(success.respondents); createCompanyBar(success.perCompany); }, error: function(error){ toastRWithTime("No Records Exists","error"); } }); } $(function(e){ $('.date-filter').on('click', function(e) { e.preventDefault(); var selectedValue = $(this).data('value'); switch (selectedValue) { case "weekly": start = "weekly"; end = "weekly"; ajax(id,start,end); break; case "monthly": start = "monthly"; end = "monthly"; ajax(id,start,end); break; case "yearly": start = "yearly"; end = "yearly"; ajax(id,start,end); break; case "custom": $('#dateModal').modal('show'); // start = "custom"; // end = "custom"; // ajax(id,start,end); break; default: break; } }); ajax(id,start,end); $('#templates_select').select2({ // theme: 'classic', allowClear: true, language: { noResults: function () { return "Select"; }, }, escapeMarkup: function (markup) { return markup; }, placeholder: "Select template", ajax: { url:"/fetchTmp", dataType: 'json', delay: 250, data: function (data) { return { search: data.term, limit: 15, }; }, processResults: function (response) { return { results: response.results, }; }, cache: true, } }); $('#templates_select').on('change',function(){ id = $(this).val(); ajax(id,start,end); }); $('#from_date').on('change', function(){ start = $(this).val(); // if(!start){ // toastRWithTime("Please Select Start Date",'error'); // } else if(!end){ // toastRWithTime("Please Select End Date",'error'); // } else { // // toastRWithTime("Nice",'info'); // $('#dateModal').modal('hide'); // ajax(id,start,end); // } }); $('#to_date').on('change', function(){ end = $(this).val(); // if(!start){ // toastRWithTime("Please Select Start Date",'error'); // } else if(!end){ // toastRWithTime("Please Select End Date",'error'); // } else { // // toastRWithTime("Nice",'info'); // $('#dateModal').modal('hide'); // ajax(id,start,end); // } }); $('#submitBtnCustom').on('click', function(e){ if(!start){ toastRWithTime("Please Select Start Date",'error'); } else if(!end){ toastRWithTime("Please Select End Date",'error'); } else { // toastRWithTime("Nice",'info'); $('#dateModal').modal('hide'); ajax(id,start,end); } }); window.addEventListener('resize', function() { myChart.resize(); myChart2.resize(); }); }); })();

| ver. 1.4 | . | PHP 8.1.32 | Generation time: 0 | proxy | phpinfo | Settings