assign print event to print icon

jlpujante · Sep 2, 2016 · b29838b · b29838b
1 parent 934a12d
commit b29838b
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 7 deletions.
diff --git a/jsapp/js/components/reports.es6 b/jsapp/js/components/reports.es6
@@ -329,6 +329,11 @@ var Reports = React.createClass({
       showExpandedReport: !this.state.showExpandedReport,
     });
   },
+  launchPrinting () {
+    this.toggleExpandedReports();
+    setTimeout(window.print, 150);
+    setTimeout(this.toggleExpandedReports, 300);
+  },
   renderReportButtons () {
     return (
       <bem.FormView__reportButtons>
@@ -398,11 +403,14 @@ var Reports = React.createClass({
         </ul> 
 
         <button className="mdl-button mdl-js-button mdl-button--icon report-button__expand"
-                onClick={this.toggleExpandedReports} data-tip={t('Expand')}>
+                onClick={this.toggleExpandedReports} 
+                data-tip={t('Expand')}>
           <i className="k-icon-expand" />
         </button>
 
-        <button className="mdl-button mdl-js-button mdl-button--icon report-button__print" data-tip={t('Print')}>
+        <button className="mdl-button mdl-js-button mdl-button--icon report-button__print" 
+                onClick={this.launchPrinting} 
+                data-tip={t('Print')}>
           <i className="k-icon-print" />
         </button>
 

diff --git a/jsapp/scss/libs/_print.scss b/jsapp/scss/libs/_print.scss
@@ -11,11 +11,6 @@
   .k-drawer + .mdl-layout__content {
     margin-left: 0px;
   }
-  .mdl-layout__content {
-    position: static;
-    height: inherit !important;
-    display: block !important;
-  }
   .form-view__reportButtons {
     display: none;
   }