ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-02-07 11:30:28 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

[Testing] Add jsPDF, html2canvas, and saveAs as injectible dependencies

Browse Source 
I would prefer this be passed in via the bundle, but it continues to fail
saying "Unknown Provider". I have chosen to require them into the module
the old-fashioned way, then allow an injectible dependency to override.
This commit is contained in:
David Hudson 2016-09-04 23:02:23 +09:00
parent 9bb647e275
commit 989e4e1b75
1 changed files with 17 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
platform/features/plot/src/services/ExportImageService.js
View File

@ -31,7 +31,7 @@ define(
], ],
function ( function (
html2canvas, html2canvas,
JsPdf, jsPDF,
saveAs saveAs
) { ) {
var self = this; var self = this;
@ -39,13 +39,20 @@ define(
/** /**
* The export image service will export any HTML node to * The export image service will export any HTML node to
* PDF, JPG, or PNG. * PDF, JPG, or PNG.
* @param {object} $q
* @param {object} $timeout
* @param {object} $log
* @param {constant} EXPORT_IMAGE_TIMEOUT time in milliseconds before a timeout error is returned
* @constructor * @constructor
*/ */
function ExportImageService($q, $timeout, $log, EXPORT_IMAGE_TIMEOUT) { function ExportImageService($q, $timeout, $log, EXPORT_IMAGE_TIMEOUT, injHtml2Canvas, injJsPDF, injSaveAs) {
self.$q = $q; self.$q = $q;
self.$timeout = $timeout; self.$timeout = $timeout;
self.$log = $log; self.$log = $log;
self.EXPORT_IMAGE_TIMEOUT = EXPORT_IMAGE_TIMEOUT; self.EXPORT_IMAGE_TIMEOUT = EXPORT_IMAGE_TIMEOUT;
self.html2canvas = injHtml2Canvas || html2canvas;
self.jsPDF = injJsPDF || jsPDF;
self.saveAs = injSaveAs || saveAs;
} }
/** /**
@ -59,12 +66,13 @@ define(
var defer = self.$q.defer(), var defer = self.$q.defer(),
renderTimeout; renderTimeout;
renderTimeout = self.$timeout(function() { renderTimeout = self.$timeout(function () {
defer.reject("html2canvas timed out"); defer.reject("html2canvas timed out");
self.$log.warn("html2canvas timed out");
}, self.EXPORT_IMAGE_TIMEOUT); }, self.EXPORT_IMAGE_TIMEOUT);
try { try {
html2canvas(element, { self.html2canvas(element, {
onrendered: function (canvas) { onrendered: function (canvas) {
switch (type.toLowerCase()) { switch (type.toLowerCase()) {
case "blob": case "blob":
@ -83,9 +91,9 @@ define(
} }
} }
}); });
} catch(e) { } catch (e) {
self.$log.warn("html2canvas failed with error: " + e);
defer.reject(e); defer.reject(e);
self.$log.warn("html2canvas failed with error: " + e);
} }
defer.promise.finally(renderTimeout.cancel); defer.promise.finally(renderTimeout.cancel);
@ -95,7 +103,7 @@ define(
ExportImageService.prototype.exportPDF = function (element, filename) { ExportImageService.prototype.exportPDF = function (element, filename) {
return renderElement(element, "jpeg").then(function (img) { return renderElement(element, "jpeg").then(function (img) {
var pdf = new JsPdf("l", "px", [element.offsetHeight, element.offsetWidth]); var pdf = new self.jsPDF("l", "px", [element.offsetHeight, element.offsetWidth]);
pdf.addImage(img, "JPEG", 0, 0, element.offsetWidth, element.offsetHeight); pdf.addImage(img, "JPEG", 0, 0, element.offsetWidth, element.offsetHeight);
pdf.save(filename); pdf.save(filename);
}); });
@ -103,13 +111,13 @@ define(
ExportImageService.prototype.exportJPG = function (element, filename) { ExportImageService.prototype.exportJPG = function (element, filename) {
return renderElement(element, "blob").then(function (img) { return renderElement(element, "blob").then(function (img) {
saveAs(img, filename); self.saveAs(img, filename);
}); });
}; };
ExportImageService.prototype.exportPNG = function (element, filename) { ExportImageService.prototype.exportPNG = function (element, filename) {
return renderElement(element, "blob").then(function (img) { return renderElement(element, "blob").then(function (img) {
saveAs(img, filename); self.saveAs(img, filename);
}); });
}; };