feat(bhReceipt): implement receipt component

This commit implements a receipt-rendering component that opens the
receipt modal when a link is clicked.  It supports three values:
 1. value - the ID or UUID for the receipt
 2. displayValue - whatever you would like to show.
 3. type - a string denoting what kind of receipt it is.

A prototype implementation is found on the cash registry page.

I thought there was an issue for this, but cannot find it.

client/src/js/components/bhReceipt.js

@@ -0,0 +1,34 @@
+var bhReceiptTemplate =
+  '<a ng-click="$ctrl.open()" href="">{{ $ctrl.displayValue }}</a>';
+
+angular.module('bhima.components')
+  .component('bhReceipt', {
+    template : bhReceiptTemplate,
+    controller  : bhReceiptController,
+    bindings    : {
+      value : '<',
+      displayValue : '<',
+      type : '@',
+    },
+  });
+
+bhReceiptController.$inject = ['ReceiptModal', '$log'];
+
+function bhReceiptController(ReceiptModal, $log) {
+  var $ctrl = this;
+
+  $ctrl.$onInit = function $onInit() {
+    // make sure the receipt type exists before it is clicked
+    var hasCallbackFn = ReceiptModal[$ctrl.type];
+    if (!hasCallbackFn) {
+      $log.warn('Warning: Cannot find '
+        .concat($ctrl.type)
+        .concat(' in ReceiptModalService.'));
+    }
+  };
+
+  $ctrl.open = function open() {
+    ReceiptModal[$ctrl.type]($ctrl.value);
+  };
+}
+

client/src/modules/cash/payments/registry.js

@@ -4,7 +4,7 @@ angular.module('bhima.controllers')
 // dependencies injection
 CashPaymentRegistryController.$inject = [
   'CashService', 'bhConstants', 'NotifyService', 'SessionService', 'uiGridConstants',
-  'ReceiptModal', 'ModalService', 'GridSortingService', '$state', 'FilterService',
+  'ModalService', 'GridSortingService', '$state', 'FilterService',
   'GridColumnService', 'GridStateService', 'ModalService',
 ];
 
@@ -15,8 +15,8 @@ CashPaymentRegistryController.$inject = [
  * print and search utilities for the registry.`j
  */
 function CashPaymentRegistryController(
-  Cash, bhConstants, Notify, Session, uiGridConstants, Receipt, Modal, Sorting,
-  $state, Filters, Columns, GridState, Modals
+  Cash, bhConstants, Notify, Session, uiGridConstants, Modal, Sorting, $state,
+  Filters, Columns, GridState, Modals
 ) {
   var vm = this;
 
@@ -35,9 +35,6 @@ function CashPaymentRegistryController(
   vm.enterprise = Session.enterprise;
   vm.bhConstants = bhConstants;
 
-  // bind the cash payments receipt
-  vm.openReceiptModal = Receipt.cash;
-
   // expose to the view
   vm.search = search;
   vm.onRemoveFilter = onRemoveFilter;
@@ -79,7 +76,7 @@ function CashPaymentRegistryController(
     // @TODO(jniles): This is temporary, as it doesn't take into account USD payments
     aggregationType : uiGridConstants.aggregationTypes.sum,
     aggregationHideLabel : true,
-    footerCellClass: 'text-right',
+    footerCellClass : 'text-right',
   }, {
     field : 'cashbox_label',
     displayName : 'TABLE.COLUMNS.CASHBOX',

client/src/modules/cash/payments/templates/reference.html

@@ -1,5 +1,3 @@
-<div class="ui-grid-cell-contents text-action">
-  <a ng-click="grid.appScope.openReceiptModal(row.entity.uuid)" href>
-    {{ row.entity.reference }}
-  </a>
+<div class="ui-grid-cell-contents">
+  <bh-receipt value="row.entity.uuid" display-value="row.entity.reference" type="cash">
 </div>