external-repos/pa11y-dashboard
2
0
Fork 1
mirror of https://github.com/pa11y/pa11y-dashboard.git synced 2025-09-24 22:31:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

Results page: export graph in PNG (#197)

Browse Source
This commit is contained in:
Elena Musatova
2017-11-23 10:56:23 +01:00
committed by Rowan Manning
parent 37d94b0005
commit b144970564
7 changed files with 54 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
public/js/site.js
View File

@@ -132,7 +132,7 @@ $(document).ready(function(){
plotGraphData();
});
$(ruleTooltip).tooltip();
ruleTooltip.tooltip();
// Function to animate sections
function animateSection (sectionName, offset){
@@ -172,6 +172,7 @@ $(document).ready(function(){
function plotGraphData () {
$.plot(graphContainer, getData(), graphOptions);
exportGraph();
}
function getData() {
@@ -202,6 +203,37 @@ $(document).ready(function(){
zoomResetButton.toggleClass('hidden');
}
function exportGraph() {
var exportBtn = $('.btn_action_export');
exportBtn.click(function(e) {
e.preventDefault();
var fileName = $('h1').text().toLowerCase().split(' ').join('_');
var date = new Date();
fileName += '_' + date.getDate() + '-' + (date.getMonth() + 1) + '-' + date.getFullYear();
html2canvas($('.graph').get(0), {
onrendered: function (canvas) {
downloadFile(canvas.toDataURL('image/png'), fileName + '.png');
}
});
});
}
function downloadFile(dataurl, filename) {
var link = document.createElement('a');
link.href = dataurl;
link.setAttribute('download', filename);
var clickEvent = document.createEvent('MouseEvents');
clickEvent.initEvent('click', false, true);
link.dispatchEvent(clickEvent);
return false;
}
graphContainer.bind('plotselected', function (event, ranges) {
// clamp the zooming to prevent eternal zoom
if (ranges.xaxis.to - ranges.xaxis.from < 0.00001) {