Fixing legend style for ie

Author: erundle

dist/angular-patternfly.js

@@ -1084,7 +1084,6 @@ angular.module('patternfly.charts').directive('pfDonutPctChart', ["c3ChartDefaul
         legend: '=',
         legendColors: '='
       },
-      replace: true,
       templateUrl: 'charts/heatmap/heatmap-legend.html',
       link: function ($scope) {
         var items = [];
@@ -1215,7 +1214,6 @@ angular.module('patternfly.charts').directive('pfHeatmap', ["$compile", function
       heatmapColorPattern: '=?',
       clickAction: '=?'
     },
-    replace: true,
     templateUrl: 'charts/heatmap/heatmap.html',
     link: function (scope, element, attrs) {
       var thisComponent = element[0].querySelector('.pf-heatmap-svg');
@@ -5185,7 +5183,7 @@ angular.module('patternfly.views').directive('pfDataToolbar', function () {
 
 
   $templateCache.put('charts/heatmap/heatmap-legend.html',
-    "<ul class=pf-heatmap-legend-container><li ng-repeat=\"item in legendItems\" class=pf-heatmap-legend-items><span class=pf-legend-color-box style=\"background: {{item.color}}\"></span> <span class=pf-legend-text>{{item.text}}</span></li></ul>"
+    "<ul class=pf-heatmap-legend-container><li ng-repeat=\"item in legendItems\" class=pf-heatmap-legend-items><span class=pf-legend-color-box ng-style=\"{background: item.color}\"></span> <span class=pf-legend-text>{{item.text}}</span></li></ul>"
   );
 
 

dist/angular-patternfly.min.js

@@ -7,7 +7,6 @@ angular.module('patternfly.charts').directive('pfHeatmapLegend',
         legend: '=',
         legendColors: '='
       },
-      replace: true,
       templateUrl: 'charts/heatmap/heatmap-legend.html',
       link: function ($scope) {
         var items = [];

src/charts/heatmap/heatmap-legend.directive.js

@@ -1,6 +1,6 @@
 <ul class="pf-heatmap-legend-container">
     <li ng-repeat="item in legendItems" class="pf-heatmap-legend-items">
-        <span class="pf-legend-color-box" style="background: {{item.color}}"></span>
+        <span class="pf-legend-color-box" ng-style="{background: item.color}"></span>
         <span class="pf-legend-text">{{item.text}}</span>
     </li>
 </ul>

src/charts/heatmap/heatmap-legend.html

@@ -113,7 +113,6 @@ angular.module('patternfly.charts').directive('pfHeatmap', function ($compile) {
       heatmapColorPattern: '=?',
       clickAction: '=?'
     },
-    replace: true,
     templateUrl: 'charts/heatmap/heatmap.html',
     link: function (scope, element, attrs) {
       var thisComponent = element[0].querySelector('.pf-heatmap-svg');

src/charts/heatmap/heatmap.directive.js

@@ -1,5 +1,5 @@
 describe('Directive: pfHeatmapLegend', function() {
-  var $scope, $compile, element, legendItem, legendText, legendColor;
+  var $scope, $compile, element, legendItem, legendText;
 
   beforeEach(module(
     'patternfly.charts',
@@ -29,11 +29,9 @@ describe('Directive: pfHeatmapLegend', function() {
     expect(angular.element(element).find('li').size()).toBe(4);
 
     legendItem = angular.element(element).find('li')[0];
-    legendColor = legendItem.querySelector('.pf-legend-color-box');
     legendText = legendItem.querySelector('.pf-legend-text');
 
     expect(legendText.innerHTML).toBe("> 90%");
-    expect(legendColor.getAttribute('style')).toBe("background: #CE0000");
   });
 
 });