Merge pull request guardian#4297 from bbc/t1766-restrictions-panel-up…

…dating

Fixing bug where metadata-validity and image-cost-message controls don't update correctly when usage rights category is modified.

kahuna/public/js/components/gr-image-cost-message/gr-image-cost-message.js

@@ -8,19 +8,30 @@ import './gr-image-cost-message.css';
 export const module = angular.module('gr.imageCostMessage', [imageService.name]);
 
 module.controller('grImageCostMessage', [
-  'imageService',
+  '$rootScope', 'imageService',
 
-  function (imageService) {
+  function ($rootScope, imageService) {
     let ctrl = this;
 
     ctrl.$onInit = () => {
-      const states = imageService(ctrl.image).states;
-      ctrl.messageState = (states.hasRestrictions) ? "conditional" : states.costState;
-      ctrl.restrictionsText = () => {
-        return restrictionsText(this.image);
+      function updateState() {
+        ctrl.image.get().then(image => {
+              const states = imageService(image).states;
+              ctrl.messageState = (states.hasRestrictions) ? "conditional" : states.costState;
+              ctrl.restrictionsText = () => {
+                return restrictionsText(image);
+              };
+        });
       };
 
+      $rootScope.$on('images-updated', () => {
+          updateState();
+      });
+
+      updateState();
+
     };
+
   }
 ]);
 

kahuna/public/js/components/gr-metadata-validity/gr-metadata-validity.js

@@ -35,6 +35,10 @@ module.controller('grMetadataValidityCtrl', [ '$rootScope', '$window', function
           updateState();
       });
 
+      $rootScope.$on('images-updated', () => {
+          updateState();
+      });
+
       updateState();
     };
 }]);