c-cms/c-cms-legacy
1
0
Fork 0
mirror of https://gitlab.com/TheGamecraft/c-cms.git synced 2026-04-23 03:19:10 -04:00
Code Issues Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
Mathieu Lagace
2018-06-27 19:54:27 -04:00
commit 771ed55f53
1263 changed files with 140352 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

265
public/assets/js/widgets.js vendored Normal file
View File

@@ -0,0 +1,265 @@
( function ( $ ) {
"use strict";
// Counter Number
$('.count').each(function () {
$(this).prop('Counter',0).animate({
Counter: $(this).text()
}, {
duration: 3000,
easing: 'swing',
step: function (now) {
$(this).text(Math.ceil(now));
}
});
});
//WidgetChart 1
var ctx = document.getElementById( "widgetChart1" );
ctx.height = 150;
var myChart = new Chart( ctx, {
type: 'line',
data: {
labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
type: 'line',
datasets: [ {
data: [65, 59, 84, 84, 51, 55, 40],
label: 'Dataset',
backgroundColor: 'transparent',
borderColor: 'rgba(255,255,255,.55)',
}, ]
},
options: {
maintainAspectRatio: false,
legend: {
display: false
},
responsive: true,
tooltips: {
mode: 'index',
titleFontSize: 12,
titleFontColor: '#000',
bodyFontColor: '#000',
backgroundColor: '#fff',
titleFontFamily: 'Montserrat',
bodyFontFamily: 'Montserrat',
cornerRadius: 3,
intersect: false,
},
scales: {
xAxes: [ {
gridLines: {
color: 'transparent',
zeroLineColor: 'transparent'
},
ticks: {
fontSize: 2,
fontColor: 'transparent'
}
} ],
yAxes: [ {
display:false,
ticks: {
display: false,
}
} ]
},
title: {
display: false,
},
elements: {
line: {
borderWidth: 1
},
point: {
radius: 4,
hitRadius: 10,
hoverRadius: 4
}
}
}
} );
//WidgetChart 2
var ctx = document.getElementById( "widgetChart2" );
ctx.height = 150;
var myChart = new Chart( ctx, {
type: 'line',
data: {
labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
type: 'line',
datasets: [ {
data: [1, 18, 9, 17, 34, 22, 11],
label: 'Dataset',
backgroundColor: '#63c2de',
borderColor: 'rgba(255,255,255,.55)',
}, ]
},
options: {
maintainAspectRatio: false,
legend: {
display: false
},
responsive: true,
tooltips: {
mode: 'index',
titleFontSize: 12,
titleFontColor: '#000',
bodyFontColor: '#000',
backgroundColor: '#fff',
titleFontFamily: 'Montserrat',
bodyFontFamily: 'Montserrat',
cornerRadius: 3,
intersect: false,
},
scales: {
xAxes: [ {
gridLines: {
color: 'transparent',
zeroLineColor: 'transparent'
},
ticks: {
fontSize: 2,
fontColor: 'transparent'
}
} ],
yAxes: [ {
display:false,
ticks: {
display: false,
}
} ]
},
title: {
display: false,
},
elements: {
line: {
tension: 0.00001,
borderWidth: 1
},
point: {
radius: 4,
hitRadius: 10,
hoverRadius: 4
}
}
}
} );
//WidgetChart 3
var ctx = document.getElementById( "widgetChart3" );
ctx.height = 70;
var myChart = new Chart( ctx, {
type: 'line',
data: {
labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
type: 'line',
datasets: [ {
data: [78, 81, 80, 45, 34, 12, 40],
label: 'Dataset',
backgroundColor: 'rgba(255,255,255,.2)',
borderColor: 'rgba(255,255,255,.55)',
}, ]
},
options: {
maintainAspectRatio: true,
legend: {
display: false
},
responsive: true,
// tooltips: {
// mode: 'index',
// titleFontSize: 12,
// titleFontColor: '#000',
// bodyFontColor: '#000',
// backgroundColor: '#fff',
// titleFontFamily: 'Montserrat',
// bodyFontFamily: 'Montserrat',
// cornerRadius: 3,
// intersect: false,
// },
scales: {
xAxes: [ {
gridLines: {
color: 'transparent',
zeroLineColor: 'transparent'
},
ticks: {
fontSize: 2,
fontColor: 'transparent'
}
} ],
yAxes: [ {
display:false,
ticks: {
display: false,
}
} ]
},
title: {
display: false,
},
elements: {
line: {
borderWidth: 2
},
point: {
radius: 0,
hitRadius: 10,
hoverRadius: 4
}
}
}
} );
//WidgetChart 4
var ctx = document.getElementById( "widgetChart4" );
ctx.height = 70;
var myChart = new Chart( ctx, {
type: 'bar',
data: {
labels: ['', '', '', '', '', '', '', '', '', '', '', '', '', '', '', ''],
datasets: [
{
label: "My First dataset",
data: [78, 81, 80, 45, 34, 12, 40, 75, 34, 89, 32, 68, 54, 72, 18, 98],
borderColor: "rgba(0, 123, 255, 0.9)",
//borderWidth: "0",
backgroundColor: "rgba(255,255,255,.3)"
}
]
},
options: {
maintainAspectRatio: true,
legend: {
display: false
},
scales: {
xAxes: [{
display: false,
categoryPercentage: 1,
barPercentage: 0.5
}],
yAxes: [ {
display: false
} ]
}
}
} );
} )( jQuery );