feat(journal): the bhAccountSelect is clear-able (#1510)

The bhAccountSelect did not previously support transclusion, leading to a poor experience for users
who wanted to search on the account field.  They would have to clear the entire field (from outside
the search modal) to be able to erase the account select.  This commit allows the account select to
be cleared.

client/src/js/components/bhAccountSelect.js

@@ -1,15 +1,16 @@
 angular.module('bhima.components')
   .component('bhAccountSelect', {
     templateUrl : 'modules/templates/bhAccountSelect.tmpl.html',
-    controller : AccountSelectController,
-    bindings: {
+    controller  : AccountSelectController,
+    transclude  : true,
+    bindings    : {
       accountId        : '<',
       disable          : '<',
       onSelectCallback : '&?',
       required         : '<?',
       label            : '@?',
       name             : '@?',
-    }
+    },
   });
 
 AccountSelectController.$inject = [

client/src/modules/journal/modals/search.modal.html

@@ -62,11 +62,11 @@
       name="account_id"
       on-select-callback="ModalCtrl.onSelectAccount(account)"
       required="0">
+      <bh-clear on-clear="ModalCtrl.clear('account_id')"></bh-clear>
     </bh-account-select>
 
     <div class="form-group" ng-class="{ 'has-error' : ModalForm.$submitted && ModalForm.project_id.$invalid }">
       <label class="control-label" translate>FORM.LABELS.PROJECT</label>
-      <bh-clear on-clear="ModalCtrl.clear('project_id')"></bh-clear>
       <select
         class="form-control"
         name="project_id"

client/src/modules/templates/bhAccountSelect.tmpl.html

@@ -7,6 +7,8 @@
       {{ ::$ctrl.label }}
     </label>
 
+    <ng-transclude></ng-transclude>
+
     <ui-select
       name="account_id"
       ng-model="$ctrl.accountId"