Add requesting clinician to Labs

app/labs/completed/labs-completed-list-item/component.js

@@ -0,0 +1,6 @@
+import Ember from 'ember';
+
+export default Ember.Component.extend({
+  tagName: 'tr',
+  classNames: ['completed-labs-row']
+});

app/labs/completed/labs-completed-list-item/template.hbs

@@ -0,0 +1,7 @@
+<td class="requested-date">{{date-format lab.requestedDate}}</td>
+<td class="lab-date">{{date-format lab.labDate}}</td>
+<td class="patient">{{lab.patient.displayName}}</td>
+<td class="requested-by">{{lab.requestedBy}}</td>
+<td class="lab-type">{{lab.labType.name}}</td>
+<td class="result">{{lab.result}}</td>
+<td class="notes">{{lab.notes}}</td>

app/labs/completed/template.hbs

@@ -5,19 +5,13 @@
         <th>{{t 'labels.date_requested'}}</th>
         <th>{{t 'labels.date_completed'}}</th>
         <th>{{t 'labels.patient'}}</th>
+        <th>{{t 'labels.requested_by'}}</th>
         <th>{{t 'labs.labels.lab_type'}}</th>
         <th>{{t 'labels.results'}}</th>
         <th>{{t 'labels.notes'}}</th>
       </tr>
       {{#each model as |lab|}}
-        <tr>
-          <td>{{date-format lab.requestedDate}}</td>
-          <td>{{date-format lab.labDate}}</td>
-          <td>{{lab.patient.displayName}}</td>
-          <td>{{lab.labType.name}}</td>
-          <td>{{lab.result}}</td>
-          <td>{{lab.notes}}</td>
-        </tr>
+        {{labs/completed/labs-completed-list-item lab=lab}}
       {{/each}}
     </table>
   {{else}}

app/labs/edit/template.hbs

@@ -33,6 +33,10 @@
           <label>{{t 'labs.labels.lab_type'}}</label>
           <p class="form-control-static">{{model.labType.name}}</p>
         </div>
+        <div class="form-group col-xs-9">
+          <label>{{t 'labels.requested_by'}}</label>
+          <p class="form-control-static">{{model.requestedBy}}</p>
+        </div>
       </div>
     {{/if}}
     {{#if canComplete}}

app/labs/index/labs-edit-button/component.js

@@ -0,0 +1,6 @@
+import Ember from 'ember';
+
+export default Ember.Component.extend({
+  tagName: 'button',
+  classNames: ['btn', 'btn-default', 'neutral']
+});

app/labs/index/labs-edit-button/template.hbs

@@ -0,0 +1 @@
+{{#link-to 'labs.edit' lab}}{{t 'labels.edit'}}{{/link-to}}

app/labs/index/labs-list-item/component.js

@@ -0,0 +1,10 @@
+import Ember from 'ember';
+
+export default Ember.Component.extend({
+  tagName: 'tr',
+  classNames: ['clickable', 'labs-row'],
+
+  click() {
+    this.sendAction('action', this.lab);
+  }
+});

app/labs/index/labs-list-item/template.hbs

@@ -0,0 +1,12 @@
+<td class="requested-date">{{date-format lab.requestedDate}}</td>
+<td class="patient">{{lab.patient.displayName}}</td>
+<td class="requested-by">{{lab.requestedBy}}</td>
+<td class="lab-type">{{lab.labType.name}}</td>
+<td class="notes">{{lab.notes}}</td>
+ {{#if showActions}}
+  <td>
+    {{#if canEdit}}
+      {{labs/index/labs-edit-button lab=lab}}
+    {{/if}}
+  </td>
+{{/if}}

app/labs/index/template.hbs

@@ -4,26 +4,19 @@
       <tr class="table-header">
         <th>{{t 'labels.date_requested'}}</th>
         <th>{{t 'labels.patient'}}</th>
+        <th>{{t 'labels.requested_by'}}</th>
         <th>{{t 'labs.labels.lab_type'}}</th>
         <th>{{t 'labels.notes'}}</th>
         {{#if showActions}}
           <th>{{t 'labels.actions'}}</th>
         {{/if}}
       </tr>
       {{#each model as |lab|}}
-        <tr {{action 'editItem' lab}} class="clickable">
-          <td>{{date-format lab.requestedDate}}</td>
-          <td>{{lab.patient.displayName}}</td>
-          <td>{{lab.labType.name}}</td>
-          <td>{{lab.notes}}</td>
-           {{#if showActions}}
-            <td>
-              {{#if canEdit}}
-                <button class="btn btn-default neutral" {{action 'editItem' lab  bubbles=false }}>{{t 'labels.edit'}}</button>
-              {{/if}}
-            </td>
-          {{/if}}
-        </tr>
+        {{labs/index/labs-list-item
+          lab=lab
+          action='editItem'
+          showActions=showActions
+          canEdit=canEdit}}
       {{/each}}
     </table>
   {{else}}

app/styles/app.scss

@@ -18,6 +18,7 @@
 @import 'components/tab_content';
 @import 'components/patient_summary';
 @import 'components/patient_history';
+@import 'components/labs';
 
 // NOTE: do not place styles in this file
 // If you have styles to add, put them in

app/styles/components/_labs.scss

@@ -0,0 +1,2 @@
+.labs-row .notes { max-width: 300px; }
+.completed-labs-row .notes { max-width: 300px; }