File manager

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

Back
(function(e){ "use strict"; var templates = []; var average = []; var systems = []; var myChart, myChart2; var id; 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++) { // console.log(responseData[i]); // console.log("true"); 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 ajax(id){ $.ajax({ type:"GET", url:"/getTopFive", data:{id:id}, dataType: 'json', success: function(success){ createChart(success.topFivePerTemplate); createPie(success.respondents); }, error: function(error){ console.log(error); } }); } $(function(e){ ajax(id); $('#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(){ ajax($(this).val()); }); window.addEventListener('resize', function() { myChart.resize(); myChart2.resize(); }); }); })();

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