Added Outstanding applications page

This commit also includes Chart.js for the whole project using Webpack. It also updates NPM packages to support ChartJS, and suppresses locale.js warnings from Webpack builds.
Gitignore removes the webpack bundle file since that file should be built each time dependencies/js code are modified.
This commit is contained in:
2020-05-01 05:42:19 +01:00
parent c802908bf3
commit b5e6a4a94b
10 changed files with 210 additions and 14 deletions

1
resources/js/app.js vendored
View File

@@ -4,6 +4,7 @@
* building robust, powerful web applications using Vue and Laravel.
*/
require('chart.js');
require('./bootstrap');
window.Vue = require('vue');

45
resources/js/application_charts.js vendored Normal file
View File

@@ -0,0 +1,45 @@
var ctx = document.getElementById('appOverviewChart').getContext('2d');
var chart = new Chart(ctx, {
// The type of chart we want to create
type: 'line',
// The data for our dataset
data: {
labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
datasets: [{
label: 'Approved Apps.',
backgroundColor: 'rgb(26,246,40)',
borderColor: 'rgb(26,246,40)',
data: [0, 10, 5, 2, 20, 30, 45],
fill: false
},
{
label: 'Denied Apps.',
backgroundColor: 'rgb(247, 43, 43)',
borderColor: 'rgb(247, 43, 43)',
data: [0, 10, 20, 0, 20, 14, 10],
fill: false
}]
},
// Configuration options go here
options: {
elements: {
point:{
radius: 0
}
},
scales: {
xAxes: [{
gridLines: {
display:false
}
}],
yAxes: [{
gridLines: {
display:false
}
}]
}
}
});