Merge pull request #2 from eHealthAfrica/print

Print Functionality
eHealthAfrica · Feb 17, 2017 · c4f497c · c4f497c
2 parents 1f85452 + a9a3159
commit c4f497c
Show file tree

Hide file tree

Showing 5 changed files with 53 additions and 6 deletions.
diff --git a/app/reports/edit/controller.js b/app/reports/edit/controller.js
@@ -90,7 +90,7 @@ export default AbstractEditController.extend(PatientSubmodule, PatientDiagnosis,
 
   actions: {
     printReport() {
-
+      window.print();
     }
   }
 

diff --git a/app/reports/edit/template.hbs b/app/reports/edit/template.hbs
@@ -1,5 +1,7 @@
 {{#if model.visit.outPatient}}
-  {{#edit-panel editPanelProps=editPanelProps}}
+  <div class="opd-report">
+    {{partial "report-header"}}
+    {{#edit-panel editPanelProps=editPanelProps}}
     {{#em-form model=model submitButton=false }}
       {{#if model.visit}}
         {{patient-summary
@@ -10,7 +12,7 @@
         }}
       {{/if}}
       {{#if model.visit.patient.displayPatientId}}
-        <div class="ps-info-group patient-name">
+        <div class="ps-info-group patient-name print-hide">
           <label class="ps-info-label">Patient Id</label>
           <input class="form-control" value={{model.visit.patient.displayPatientId}}>
         </div>
@@ -102,6 +104,7 @@
 
     {{/em-form}}
   {{/edit-panel}}
+  </div>
 
 {{else}}
   <div>

diff --git a/app/styles/_print.scss b/app/styles/_print.scss
@@ -1,4 +1,4 @@
-.print-section {
+.report-header {
   display: none;
 }
 
@@ -17,8 +17,10 @@
     width: 90%;
   }
 
-  .print-section {
+  .report-header {
     display: block;
+    border-bottom: 1px solid #d2dae3;
+    padding: 10px 0;
     text-align: center;
   }
 
@@ -32,4 +34,42 @@
   .patient-history-heading {
     border-bottom: 1px solid $black;
   }
+
+  .report-logo {
+    height: 80px;
+  }
+
+  .opd-report {
+    font-size: .8em;
+  }
+
+  .opd-report .patient-summary {
+    margin-bottom: 20px;
+    border-bottom: 1px solid #d2dae3;
+  }
+
+  .opd-report input {
+    border: 0;
+    padding: 5px;
+    font-size: .8em;
+  }
+
+  .opd-report .panel-primary {
+    position: absolute;
+    left: 0;
+    margin: 0;
+    width: 100%;
+  }
+
+  .print-hide {
+    display: none;
+  }
+
+  .view-top-bar {
+    display: none;
+  }
+
+  .view-sub-bar {
+    display: none;
+  }
 }
diff --git a/app/templates/report-header.hbs b/app/templates/report-header.hbs
@@ -0,0 +1,5 @@
+<div class="report-header">
+  <img src="http://www.webscript.solutions/images/web.png" class="report-logo">
+  <h4>Hospital Name</h4>
+  <span>Hospital Address, No 23, 4th Avenue, Gwarimpa Abuja.</span>
+</div>
diff --git a/app/templates/section.hbs b/app/templates/section.hbs
@@ -2,7 +2,6 @@
   <div class="panel-heading clearfix">
     <div class="view-top-bar">
       <h1 class="view-current-title">{{currentScreenTitle}}</h1>
-      <h3 class="print-section">{{t 'messages.forAuthorizedPersons'}}</h3>
       <div class="view-action-buttons">
         {{#if newButtonAction}}
           <button class="btn btn-primary" {{action newButtonAction}}>{{newButtonText}}</button>