Display last internal comment in application sidebar

ang/crmFunding/application/application.template.html

@@ -14,6 +14,7 @@ <h1 crm-page-title>{{ ts('Application %1', {1: applicationProcess.title}) }}</h1
     <div class="tab-content">
         <div role="tabpanel" class="tab-pane" ng-class="{active: tab === 'application'}">
             <funding-application-editor ng-show="tab === 'application'"
+                                        activities="activities"
                                         application-process="applicationProcess"
                                         form="form"
                                         status-options="statusOptions"

ang/crmFunding/application/applicationEditor.directive.js

@@ -20,6 +20,7 @@ fundingModule.directive('fundingApplicationEditor', ['$compile', function($compi
   return {
     restrict: 'E',
     scope: {
+      activities: '<',
       applicationProcess: '=',
       // Buttons are not shown initially if JSON schema is loaded in controller.
       form: '=',

ang/crmFunding/application/defaultApplicationSidebar.directive.js

@@ -23,8 +23,20 @@ fundingModule.directive('fundingDefaultApplicationSidebar', function() {
     templateUrl: '~/crmFunding/application/defaultApplicationSidebar.template.html',
     controllerAs: '$ctrl',
     controller: ['$scope', function ($scope) {
+      const ctrl = this;
       this.ts = CRM.ts('funding');
       this.applicationProcessLabel = $scope.fundingCaseType.application_process_label || this.ts('Application');
+
+      $scope.$watch('activities', function (activities) {
+        if (activities) {
+          for (const activity of activities) {
+            if (activity['activity_type_id:name'] === 'funding_application_comment_internal') {
+              ctrl.lastInternalCommentActivity = activity;
+              break;
+            }
+          }
+        }
+      });
     }],
   };
 });

ang/crmFunding/application/defaultApplicationSidebar.template.html

@@ -60,3 +60,17 @@ <h4 class="panel-title">
   <funding-action-button action="update" with-comment="'required'" class="btn btn-success funding-application-sidebar-element" crm-icon="fa-check">{{ $ctrl.ts('Save') }}</funding-action-button>
   <button type="button" class="btn btn-danger funding-application-sidebar-element" ng-click="reset()" ng-disabled="editCount > 0" crm-icon="fa-times">{{ $ctrl.ts('Reset') }}</button>
 </span>
+
+<div class="funding-application-sidebar-element" ng-show="$ctrl.lastInternalCommentActivity">
+  <div class="funding-activity funding-application-comment panel panel-info">
+    <div class="funding-activity-title panel-heading">{{:: ts('Last Internal Comment')}}</div>
+    <div class="panel-body">
+      <div class="funding-activity-date">{{ ts('Date: %date', {date: ($ctrl.lastInternalCommentActivity.created_date | fundingDate)}) }}</div>
+      <div class="funding-activity-performed-by">{{ ts('From: %name', {name: $ctrl.lastInternalCommentActivity.source_contact_name}) }}</div>
+      <div class="funding-activity-comment">
+        {{:: ts('Text:') }}<br>
+        <span ng-bind-html="$ctrl.lastInternalCommentActivity.details"></span>
+      </div>
+    </div>
+  </div>
+</div>