JSFiddle - React, Tailwind, and code Playground
by rpaul
JavaScript
/* Flot plugin to print the graph
*/
(function ($) {
function constructPrintMarkup(canvas) {
var siteLogoURL = InnotechController.Constants.getSiteLogoURL();
var header = "<br> <div><img width='100' src='" + siteLogoURL + "' /></div> <div style='text-align: center;'><span style='font-size: 20px; color:#0057B8;'>" + InnotechController.Constants.getSiteName() + ' - ' + InnotechController.Constants.getControllerName() + "</span></div>";
var graph = "<br><img src='" + canvas.toDataURL('image/png') + "'/>";
var legend = "<br><div> " + $('#legendContainer').html() + "</div>";
var footer = "<div><span style='float:right'>Printed on: " + new Date().toLocaleString() + "</span></div>";
var innotechLogoURL = InnotechController.Constants.getbaseUrl() + "assets/imgs/InnotechLogoBlue.png";
var omniLogoURL = InnotechController.Constants.getbaseUrl() + "assets/imgs/OmniLogoBlue.png";
footer += ' <div style="clear:both"></div><br> <div style="float: right; margin-right: 5px; " ><img width="100" src="' + omniLogoURL + '" /></div> <div style="float: right; margin-right: 5px; " ><img width="200" src="' + innotechLogoURL + '" /></div>';
return header + graph + legend + footer ;
}
function printGraph() {
html2canvas($(logUIHelper.getGraphContainerID()).get(0), {
onrendered: function(canvas) {
var win = window.open();
var printMarkup = constructPrintMarkup(canvas);
win.document.open();
win.document.write(printMarkup);
win.document.close();
if(/chrom(e|ium)/.test(navigator.userAgent.toLowerCase())){
win.onload = function() { win.print(); }; // alert('I am chrome');
}
else
{
win.print();
...