display units next to the aggregated cost entries

For that, the cost type is fetched which knows the names of the units (singular/plural). Also fixes the link to the cost reports

app/assets/templates/work_packages/cost_entry.html

@@ -0,0 +1,3 @@
+<a ng-href="{{ summaryLink }}" title="{{ spentUnits }} {{ unit }}">
+  {{ spentUnits }} {{ unit }}
+</a>

app/assets/templates/work_packages/summarized_cost_entries.html

@@ -1,13 +1,7 @@
 <span class="costs costTypes" ng-if="costTypes">
   <span ng-repeat="costType in costTypes">
-    <a  ng-href="{{ linkToSummary(costType.embedded.costType) }}" title="{{ costType.embedded.costType.props.name }}">
-      {{ costType.props.spentUnits }}
-      <span class="unit" ng-switch="costType.props.spentUnits">
-        <span ng-switch-when="1">{{ costType.embedded.costType.props.unit }}</span>
-        <span ng-switch-default>{{ costType.embedded.costType.props.unitPlural }}</span>
-      </span>
-    </a>
+    <cost-entry cost-entry="costType" work-package="workPackage"></cost-entry>
     <span class="separator" ng-if="!$last">,</span>
   </span>
 </span>
-<span ng-if="!costTypes.length">-</span>
+<span ng-if="!costTypes.length">-</span>

frontend/app/openproject-costs-app.js

@@ -93,5 +93,7 @@ openprojectCostsApp.run(['HookService',
   });
 }]);
 
+require('./services/cost-type-service');
 require('./work_packages/directives/cost-object-directive');
 require('./work_packages/directives/summarized-cost-entries-directive');
+require('./work_packages/directives/cost-entry-directive');

frontend/app/services/cost-entry-service.js

@@ -0,0 +1,12 @@
+angular.module('openproject.services')
+
+.service('costEntryService', ['HALAPIResource', function(HALAPIResource) {
+  var CostEntryService = {
+    getCostEntry: function(url) {
+      var resource = HALAPIResource.setup(url);
+      return resource.fetch();
+    }
+  };
+
+  return CostEntryService;
+}]);

frontend/app/services/cost-type-service.js

@@ -0,0 +1,12 @@
+angular.module('openproject.services')
+
+.service('CostTypeService', ['HALAPIResource', function(HALAPIResource) {
+  var CostTypeService = {
+    getCostType: function(url) {
+      var resource = HALAPIResource.setup(url, { fullyQualified: true });
+      return resource.fetch();
+    }
+  };
+
+  return CostTypeService;
+}]);

frontend/app/work_packages/directives/cost-entry-directive.js

@@ -0,0 +1,72 @@
+//-- copyright
+// OpenProject is a project management system.
+// Copyright (C) 2012-2014 the OpenProject Foundation (OPF)
+//
+// This program is free software; you can redistribute it and/or
+// modify it under the terms of the GNU General Public License version 3.
+//
+// OpenProject is a fork of ChiliProject, which is a fork of Redmine. The copyright follows:
+// Copyright (C) 2006-2013 Jean-Philippe Lang
+// Copyright (C) 2010-2013 the ChiliProject Team
+//
+// This program is free software; you can redistribute it and/or
+// modify it under the terms of the GNU General Public License
+// as published by the Free Software Foundation; either version 2
+// of the License, or (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with this program; if not, write to the Free Software
+// Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
+//
+// See doc/COPYRIGHT.rdoc for more details.
+//++
+
+angular.module('openproject.workPackages.directives')
+
+.directive('costEntry', ['PathHelper', 'CostTypeService', function(PathHelper, CostTypeService) {
+  return {
+    restrict: 'E',
+    trasclude: true,
+    templateUrl: '/assets/work_packages/cost_entry.html',
+    scope: {
+      workPackage: "=",
+      costEntry: "="
+    },
+    controller: function($scope) {
+      $scope.spentUnits = $scope.costEntry.props.spentUnits;
+
+      CostTypeService.getCostType($scope.costEntry.links.costType.props.href)
+        .then(function(costType) {
+
+        $scope.costType = costType;
+
+        setUnitName();
+
+        setLink();
+      });
+
+      var setUnitName = function() {
+        if ($scope.spentUnits === "1") {
+          $scope.unit = $scope.costType.props.unit;
+        }
+        else {
+          $scope.unit = $scope.costType.props.unitPlural;
+        }
+      };
+
+      var setLink = function() {
+        var link = PathHelper.staticWorkPackagePath($scope.workPackage.props.id);
+
+        link += '/cost_entries?cost_type_id=' + $scope.costType.props.id;
+        link += '&project_id=' + $scope.workPackage.embedded.project.props.id;
+
+        $scope.summaryLink = link;
+      };
+    }
+  };
+}]);

frontend/app/work_packages/directives/summarized-cost-entries-directive.js

@@ -28,7 +28,7 @@
 
 angular.module('openproject.workPackages.directives')
 
-.directive('summarizedCostEntries', ['PathHelper', function(PathHelper) {
+.directive('summarizedCostEntries', function() {
   return {
     restrict: 'E',
     trasclude: true,
@@ -41,14 +41,6 @@ angular.module('openproject.workPackages.directives')
         .embedded
         .costsByType
         .embedded.elements;
-      scope.linkToSummary = function(costType) {
-        var link = PathHelper.staticWorkPackagePath(scope.workPackage.props.id);
-
-        link += '/cost_entries?cost_type_id=' + costType.props.id;
-        link += '&project_id=' + scope.workPackage.embedded.project.props.id;
-
-        return link;
-      };
     }
   };
-}]);
+});