Button Colour Fixed

app/admin/custom-forms/edit/template.hbs

@@ -10,7 +10,7 @@
     </div>
     <h4>
       {{t 'admin.customForms.titles.fields'}}
-      <button class="btn btn-default align-right" {{action 'addField'}}>
+      <button class="btn btn-primary align-right" {{action 'addField'}}>
         {{t 'admin.customForms.buttons.addField'}}
       </button>
     </h4>
@@ -56,7 +56,7 @@
     {{t 'admin.customForms.buttons.preview'}}
   </button>
   {{#if preview}}
-    <div class="panel panel-primary form-preview">
+    <div class="panel panel-default form-preview">
       <div class="panel-heading">
         <h3 class="panel-title">{{formName}}</h3>
       </div>

app/admin/loaddb/template.hbs

@@ -2,7 +2,7 @@
   <div class="panel-body">
     {{#em-form model=model submitButton=false }}
       {{file-upload label=(t 'labels.fileToLoad') property="importFileName" selectedFile=importFile }}
-      <button class="btn btn-default" {{action 'loadFile'}}>{{t 'buttons.loadFile'}}</button>
+      <button class="btn btn-primary" {{action 'loadFile'}}>{{t 'buttons.loadFile'}}</button>
     {{/em-form}}
     {{#if syncResults}}
       <h4>{{t 'labels.fileLoadSuccessful'}}</h4>

app/admin/lookup/template.hbs

@@ -48,14 +48,14 @@
       <div class="row">
         <div class="col-sm-4">
           {{em-checkbox label=(t 'labels.userCanAddNewValue') property="userCanAdd"}}
-          <button class="btn btn-default" {{action 'updateList'}}>{{t 'buttons.update'}}</button>
+          <button class="btn btn-primary" {{action 'updateList'}}>{{t 'buttons.update'}}</button>
         </div>
         {{#if showOrganizeByType}}
           {{em-checkbox label="Organize # By Type" property="organizeByType" class="col-sm-4"}}
         {{/if}}
         <div class="col-sm-4">
           {{file-upload label=(t 'labels.importFile') property="importFileName" selectedFile=importFile }}
-          <button class="btn btn-default" {{action 'importList'}}>{{t 'buttons.import'}}</button>
+          <button class="btn btn-primary" {{action 'importList'}}>{{t 'buttons.import'}}</button>
         </div>
       </div>
     {{/em-form}}

app/appointments/calendar/template.hbs

@@ -26,7 +26,7 @@
         {{/em-form}}
         <div class="panel-footer">
           <button class="btn btn-default warning" {{action 'clearFilteringCriteria'}}>{{t 'buttons.clear'}}</button>
-          <button class="btn btn-default" {{action 'filter'}}>{{t 'buttons.filter'}}</button>
+          <button class="btn btn-primary" {{action 'filter'}}>{{t 'buttons.filter'}}</button>
         </div>
         {{calendar-control events=model.events
           defaultDate=calendarDate

app/appointments/item/template.hbs

@@ -13,7 +13,7 @@
     {{/if}}
     {{#if canAddVisit}}
       {{#if (eq appointment.displayStatus 'Scheduled')}}
-        <button class="btn btn-default" {{action 'checkIn' appointment bubbles=false }}>
+        <button class="btn btn-primary" {{action 'checkIn' appointment bubbles=false }}>
           <span class="glyphicon glyphicon-log-in"></span>
           {{t 'visits.buttons.checkIn'}}
         </button>

app/appointments/search/template.hbs

@@ -17,7 +17,7 @@
       {{/em-form}}
     </div>
     <div class="panel-footer">
-      <button class="btn btn-default" {{action 'search'}}>{{t 'buttons.search'}}</button>
+      <button class="btn btn-primary" {{action 'search'}}>{{t 'buttons.search'}}</button>
     </div>
   </div>
   <table class="table">

app/appointments/theater/template.hbs

@@ -21,7 +21,7 @@
         {{/em-form}}
         <div class="panel-footer">
           <button class="btn btn-default warning" {{action 'clearFilteringCriteria'}}>{{t 'buttons.clear'}}</button>
-          <button class="btn btn-default" {{action 'filter'}}>{{t 'buttons.filter'}}</button>
+          <button class="btn btn-primary" {{action 'filter'}}>{{t 'buttons.filter'}}</button>
         </div>
         {{calendar-control events=model.events
           defaultDate=calendarDate

app/inventory/edit/template.hbs

@@ -76,7 +76,7 @@
               {{#if canAdjustLocation}}
                 <td>
                   <button class="btn btn-primary neutral" {{action "showAdjustment" location}}>{{t 'inventory.labels.adjust'}}</button>
-                  <button class="btn btn-primary neutral" {{action "showTransfer" location}}>{{t 'inventory.labels.transfer'}}</button>
+                  <button class="btn btn-primary btn-extra" {{action "showTransfer" location}}>{{t 'inventory.labels.transfer'}}</button>
                 </td>
               {{/if}}
             </tr>

app/inventory/listing/template.hbs

@@ -21,15 +21,15 @@
             <td>{{inventory.crossReference}}</td>
             <td>
               {{#if canAddPurchase}}
-                <button class="btn btn-default" {{action 'showAddPurchase' inventory bubbles=false }}>{{t 'buttons.add'}}</button>
+                <button class="btn btn-primary" {{action 'showAddPurchase' inventory bubbles=false }}>{{t 'buttons.add'}}</button>
               {{/if}}
               {{#if canAddItem}}
                 <button class="btn btn-default neutral" {{action 'editItem' inventory bubbles=false }}>{{t 'labels.edit'}}</button>
               {{/if}}
               {{#if canDeleteItem}}
                 <button class="btn btn-default warning" {{action 'deleteItem' inventory bubbles=false }}><span class="octicon octicon-x"></span> {{t 'buttons.delete'}}</button>
               {{/if}}
-              {{#link-to 'inventory.barcode' inventory class="btn btn-default neutral" bubbles=false }}{{t 'buttons.barcode'}}{{/link-to}}
+              {{#link-to 'inventory.barcode' inventory class="btn btn-extra" bubbles=false }}{{t 'buttons.barcode'}}{{/link-to}}
             </td>
           </tr>
         {{/unless}}

app/inventory/purchase/template.hbs

@@ -0,0 +1,43 @@
+{{#item-listing paginationProps=paginationProps }}
+  {{#if hasRecords}}
+    <table class="table">
+      <tr class="table-header">
+        {{#sortable-column sortBy='friendlyId' sortDesc=sortDesc sortKey=sortKey }}{{t 'labels.id'}}{{/sortable-column}}
+        {{#sortable-column sortBy='name' sortDesc=sortDesc sortKey=sortKey }}{{t 'labels.name'}}{{/sortable-column}}
+        {{#sortable-column sortBy='inventoryType' sortDesc=sortDesc sortKey=sortKey }}{{t 'labels.type'}}{{/sortable-column}}
+        {{#sortable-column sortBy='quantity' sortDesc=sortDesc sortKey=sortKey }}{{t 'labels.quantity'}}{{/sortable-column}}
+        <th>{{t 'inventory.labels.location'}}</th>
+        {{#sortable-column sortBy='crossReference' sortDesc=sortDesc sortKey=sortKey }}{{t 'inventory.labels.xref'}}{{/sortable-column}}
+        <th>{{t 'labels.actions'}}</th>
+      </tr>
+      {{#each model as |inventory|}}
+        {{#unless inventory.isNew}}
+          <tr {{action 'editItem' inventory}} class="clickable">
+            <td>{{inventory.friendlyId}}</td>
+            <td>{{inventory.name}}</td>
+            <td>{{inventory.inventoryType}}</td>
+            <td>{{inventory.quantity}} {{inventory.distributionUnit}}</td>
+            <td>{{inventory.displayLocations}}</td>
+            <td>{{inventory.crossReference}}</td>
+            <td>
+              {{#if canAddPurchase}}
+                <button class="btn btn-primary" {{action 'showAddPurchase' inventory bubbles=false }}>{{t 'buttons.add'}}</button>
+              {{/if}}
+              {{#if canAddItem}}
+                <button class="btn btn-default neutral" {{action 'editItem' inventory bubbles=false }}>{{t 'labels.edit'}}</button>
+              {{/if}}
+              {{#if canDeleteItem}}
+                <button class="btn btn-default warning" {{action 'deleteItem' inventory bubbles=false }}><span class="octicon octicon-x"></span> {{t 'buttons.delete'}}</button>
+              {{/if}}
+              {{#link-to 'inventory.barcode' inventory class="btn btn-extra" bubbles=false }}{{t 'buttons.barcode'}}{{/link-to}}
+            </td>
+          </tr>
+        {{/unless}}
+      {{/each}}
+    </table>
+  {{else}}
+    <div class="alert alert-info">
+      <p>{{t 'messages.noItemsFound'}} {{#if canAddItem}} <a href="#" {{action 'newItem'}}>{{t 'messages.createNewRecord'}}</a>{{/if}}</p>
+    </div>
+  {{/if}}
+{{/item-listing}}

app/inventory/reports/template.hbs

@@ -79,7 +79,7 @@
     {{/em-form}}
   </div>
   <div class="panel-footer">
-    <button class="btn btn-default" {{action 'generateReport'}}>{{t 'inventory.reports.generate'}}</button>
+    <button class="btn btn-primary" {{action 'generateReport'}}>{{t 'inventory.reports.generate'}}</button>
   </div>
 </div>
 {{#if showReportResults}}

app/invoices/index/template.hbs

@@ -24,7 +24,7 @@
             {{#unless invoice.paidFlag}}
               {{#if showActions}}
                 {{#if canAddPayment}}
-                  <button class="btn btn-default neutral" {{action 'showAddPayment' invoice bubbles=false }}>
+                  <button class="btn btn-primary btn-extra" {{action 'showAddPayment' invoice bubbles=false }}>
                     <span class="octicon octicon-plus"></span> {{t 'admin.roles.capability.addPayment'}}
                   </button>
                 {{/if}}

app/medication/index/template.hbs

@@ -22,7 +22,7 @@
           <td>{{medicationRequest.status}}</td>
           {{#if showActions}}
             <td>
-              <button class="btn btn-default" {{action 'editItem' medicationRequest bubbles=false }}>{{t 'labels.fulfill'}}</button>
+              <button class="btn btn-primary" {{action 'editItem' medicationRequest bubbles=false }}>{{t 'labels.fulfill'}}</button>
             </td>
           {{/if}}
         </tr>

app/patients/index/template.hbs

@@ -30,16 +30,16 @@
                 {{/if}}
                 {{#if patient.admitted}}
                   {{#if canDischargePatient}}
-                    <button class="btn btn-default info" {{action 'dischargePatient' patient  bubbles=false }}><span class="glyphicon glyphicon-log-out"></span> {{t 'visits.buttons.discharge'}}</button>
+                    <button class="btn btn-primary info" {{action 'dischargePatient' patient  bubbles=false }}><span class="glyphicon glyphicon-log-out"></span> {{t 'visits.buttons.discharge'}}</button>
                   {{/if}}
                 {{else}}
                   {{#if patient.checkedIn}}
                     {{#if canDischargePatient}}
-                      <button class="btn btn-default info" {{action 'checkoutPatient' patient  bubbles=false }}><span class="glyphicon glyphicon-log-out"></span> {{t 'visits.buttons.checkOut'}}</button>
+                      <button class="btn btn-primary info" {{action 'checkoutPatient' patient  bubbles=false }}><span class="glyphicon glyphicon-log-out"></span> {{t 'visits.buttons.checkOut'}}</button>
                     {{/if}}
                   {{else}}
                     {{#if canAdmitPatient}}
-                      <button class="btn btn-default success admit" {{action 'checkInPatient' patient  bubbles=false }}><span class="glyphicon glyphicon-log-in"></span> {{t 'visits.buttons.checkIn'}}</button>
+                      <button class="btn btn-primary success admit" {{action 'checkInPatient' patient  bubbles=false }}><span class="glyphicon glyphicon-log-in"></span> {{t 'visits.buttons.checkIn'}}</button>
                     {{/if}}
                   {{/if}}
                 {{/if}}

app/patients/outpatient/template.hbs

@@ -10,7 +10,7 @@
           <div class="form-group col-sm-3">
             <label class="control-label"></label>
             <div>
-              <button class="btn btn-default" {{action 'search'}}>{{t 'buttons.search'}}</button>
+              <button class="btn btn-primary" {{action 'search'}}>{{t 'buttons.search'}}</button>
             </div>
           </div>
         </div>

app/patients/reports/template.hbs

@@ -88,7 +88,7 @@
     {{/em-form}}
   </div>
   <div class="panel-footer">
-    <button class="btn btn-default" {{action 'generateReport'}}>{{t 'inventory.reports.generate'}}</button>
+    <button class="btn btn-primary" {{action 'generateReport'}}>{{t 'inventory.reports.generate'}}</button>
   </div>
 </div>
 {{#if showReportResults}}

app/styles/_variables_mixins.scss

@@ -6,6 +6,8 @@ $black:                 #000;
 $green:                 #00bd9c;
 $green_light:           #13d8b6;
 $navy:                  #2e4359;
+$navy_dark:             #3e95ff;
+$navy_darker:           #0173ff;
 $navy_mid:              #546a83;
 $navy_mid2:             #2f4358;
 $navy_mid3:             #3a4d63;
@@ -19,6 +21,8 @@ $blue_light2:           #e9f3ff;
 $blue_light3:           #dde5ee;
 $blue_lightest:         #eff2f5;
 $blue_lightest2:        #dee2e7;
+$blue_dark:             #799fd2;
+$blue_darker:           #4a7ec3;
 $red:                   #ff6d6f;
 $red_light:             rgba($red,.3);
 $red_lighter:           rgba($red,.75);

app/styles/components/_buttons.scss

@@ -16,11 +16,25 @@
   }
 
   &.neutral {
-    background-color: $gray_light;
-    color: $gray;
+    background-color: $navy_dark;
+    color: $white;
+
+    &:hover,
+    &:focus {
+      background-color: $navy_darker;
+      color: $white;
+    }
+  }
+
+  &.btn-extra {
+    background-color: $blue_dark;
+    color: $white;
 
     &:hover,
-    &:focus { opacity: .8; }
+    &:focus {
+      background-color: $blue_darker;
+      color: $white;
+    }
   }
 
   &.admit {

app/users/index/template.hbs

@@ -20,7 +20,7 @@
             {{#if showActions}}
               <td>
                 {{#if canAdd}}
-                  <button class="btn btn-default" {{action 'editItem' user bubbles=false }}>{{t 'labels.edit'}}</button>
+                  <button class="btn btn-primary" {{action 'editItem' user bubbles=false }}>{{t 'labels.edit'}}</button>
                 {{/if}}
                 {{#if canDelete}}
                   <button class="btn btn-default warning" {{action 'deleteItem' user bubbles=false }}><span class="octicon octicon-x"></span>{{t 'labels.delete'}}</button>