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:
1
resources/js/app.js
vendored
1
resources/js/app.js
vendored
@@ -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
45
resources/js/application_charts.js
vendored
Normal 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
|
||||
}
|
||||
}]
|
||||
}
|
||||
}
|
||||
});
|
Reference in New Issue
Block a user