\r\n {/*--------------------------------------------------------------------------------*/}\r\n {/* Mobile View Toggler [visible only after 768px screen] */}\r\n {/*--------------------------------------------------------------------------------*/}\r\n \r\n \r\n \r\n {/*--------------------------------------------------------------------------------*/}\r\n {/* Logos Or Icon will be goes here for Light Layout && Dark Layout */}\r\n {/*--------------------------------------------------------------------------------*/}\r\n \r\n \r\n 
\r\n 
\r\n\t\t\t\t\t\t\t\t \r\n {/*--------------------------------------------------------------------------------*/}\r\n {/* Mobile View Toggler [visible only after 768px screen] */}\r\n {/*--------------------------------------------------------------------------------*/}\r\n \r\n \r\n \r\n
\r\n ![](data:image/png;base64,\" + this.props.image.fileContent + \")
\";\r\n } else {\r\n html += '';\r\n }\r\n const printWindow = window.open('', '_blank');\r\n printWindow.document.write(html);\r\n printWindow.document.close();\r\n printWindow.onload = function () {\r\n printWindow.print();\r\n };\r\n }\r\n };\r\n\r\n\r\n\r\n rotateImage = () => {\r\n const {smallSrc, rotate} = this.state\r\n this.resetOrientation(smallSrc, rotate, (resetBase64Image) => {\r\n this.props.rotatedImage(resetBase64Image, this.props.image)\r\n this.setState({\r\n smallSrc: resetBase64Image,\r\n largeSrc: resetBase64Image,\r\n rotate: 8\r\n })\r\n })\r\n }\r\n\r\n\r\n resetOrientation(srcBase64, srcOrientation, callback) {\r\n let img = new Image();\r\n img.onload = function() {\r\n var width = img.width,\r\n height = img.height,\r\n canvas = document.createElement('canvas'),\r\n ctx = canvas.getContext(\"2d\");\r\n\r\n if (4 < srcOrientation && srcOrientation < 9) {\r\n canvas.width = height;\r\n canvas.height = width;\r\n } else {\r\n canvas.width = width;\r\n canvas.height = height;\r\n }\r\n\r\n switch (srcOrientation) {\r\n case 2: ctx.transform(-1, 0, 0, 1, width, 0); break;\r\n case 3: ctx.transform(-1, 0, 0, -1, width, height ); break;\r\n case 4: ctx.transform(1, 0, 0, -1, 0, height ); break;\r\n case 5: ctx.transform(0, 1, 1, 0, 0, 0); break;\r\n case 6: ctx.transform(0, 1, -1, 0, height , 0); break;\r\n case 7: ctx.transform(0, -1, -1, 0, height , width); break;\r\n case 8: ctx.transform(0, -1, 1, 0, 0, width); break;\r\n default: break;\r\n }\r\n ctx.drawImage(img, 0, 0);\r\n callback(canvas.toDataURL());\r\n };\r\n img.src = srcBase64;\r\n }\r\n\r\n render() {\r\n let selectedStyle = {\r\n boxShadow: \"0 0 5px rgba(81, 203, 238, 1)\",\r\n margin: \"5px 1px 3px 0px\",\r\n border: \"2px solid rgba(81, 203, 238, 1)\"\r\n };\r\n const {numPages, pageNumber} = this.state;\r\n let unselectedStyle = {\r\n borderWidth: \"0px\"\r\n };\r\n\r\n return