make label clickable to launch a search by the label in the right inf…

…o panel
guardian · Jan 31, 2022 · b7048b7 · b7048b7
1 parent 9c04d06
commit b7048b7
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/kahuna/public/js/components/gr-image-metadata/gr-image-metadata.html b/kahuna/public/js/components/gr-image-metadata/gr-image-metadata.html
@@ -614,7 +614,8 @@
                         ng-click="ctrl.addLabel(label.data)">
                     <gr-icon>library_add</gr-icon>
                 </button>
-                <span class="label__value">{{label.data}}</span>
+                <a ui-sref="search.results({query: (label.data | {{ctrl.queryFilter}})})"
+                   class="element__value element__link">{{label.data}}</a>
                 <button class="label__remove"
                         title="Remove label from all"
                         data-cy="it-remove-label-button"

diff --git a/kahuna/public/js/components/gr-image-metadata/gr-image-metadata.js b/kahuna/public/js/components/gr-image-metadata/gr-image-metadata.js
@@ -11,10 +11,12 @@ import { editOptions, overwrite } from '../../util/constants/editOptions';
 import '../../services/image-accessor';
 import '../../services/image-list';
 import '../../services/label';
+import '../../search/query-filter';
 import { List } from 'immutable';
 
 export const module = angular.module('gr.imageMetadata', [
     'gr.image.service',
+    'kahuna.search.filters.query',
     'kahuna.edits.service',
     'gr.descriptionWarning',
     'util.storage'
@@ -396,6 +398,7 @@ module.directive('grImageMetadata', [function () {
         transclude: true,
         scope: {
             selectedImages: '=grImages',
+            queryFilter: '@',
             userCanEdit: '=grUserCanEdit'
         },
         controller: 'grImageMetadataCtrl',

diff --git a/kahuna/public/js/components/gr-info-panel/gr-info-panel.html b/kahuna/public/js/components/gr-info-panel/gr-info-panel.html
@@ -40,9 +40,10 @@
     </div>
 
     <div ng-if="ctrl.selectedImages.size > 0">
-        <gr-image-metadata 
+        <gr-image-metadata
             gr-images="ctrl.selectedImages"
             gr-user-can-edit="ctrl.userCanEdit"
+            query-filter="queryLabelFilter"
         ></gr-image-metadata>
     </div>
 </div>