Search across translations

scripts/apps/vocabularies/controllers/VocabularyConfigController.ts

@@ -1,5 +1,5 @@
 import {DEFAULT_SCHEMA, getVocabularySelectionTypes, getMediaTypeKeys, getMediaTypes} from '../constants';
-import {IVocabulary, IVocabularyTag} from 'superdesk-api';
+import {IVocabulary, IVocabularyItem, IVocabularyTag} from 'superdesk-api';
 import {IDirectiveScope} from 'types/Angular/DirectiveScope';
 import {remove, reduce} from 'lodash';
 import {gettext, downloadFile} from 'core/utils';
@@ -11,11 +11,13 @@ function getOther() {
 }
 
 export interface IScope extends IDirectiveScope<void> {
+    filterVocab(vocabulary: IVocabulary): boolean;
     vocabularies: Array<IVocabulary>;
     vocabulary: any;
     tags: IVocabulary['tags'];
     loading: boolean;
     mediaTypes: object;
+    localQuery: string;
     openVocabulary(vocabulary: IVocabulary): void;
     downloadVocabulary(vocabulary: IVocabulary): void;
     uploadConfig(): void;
@@ -140,6 +142,22 @@ export function VocabularyConfigController($scope: IScope, $route, $routeParams,
     $scope.existsVocabulariesForTag = (currentTag: IVocabularyTag, tab: string) =>
         ($scope.vocabularies || []).some((vocabulary) => checkTag(vocabulary, currentTag, tab));
 
+    /**
+     * Checks if a vocabulary's display_name matches the search
+     * query or if it matches a translation of that vocabulary.
+     */
+    $scope.filterVocab = function(vocabulary: IVocabulary): boolean {
+        const translationMach = Object.values(vocabulary?.translations?.display_name ?? [])
+            .find((tr: string) => tr.toLowerCase().indexOf($scope.localQuery) != -1);
+        const displayNameMatch = vocabulary.display_name.toLowerCase().indexOf($scope.localQuery) != -1;
+
+        if (!$scope.localQuery || displayNameMatch || translationMach != null) {
+            return true;
+        } else {
+            return false;
+        }
+    };
+
     /**
      * Don't show OTHER tag if it is the only tag available for current tab
      */

scripts/apps/vocabularies/views/vocabulary-config.html

@@ -1,6 +1,6 @@
 <div class="sd-page__flex-helper">
     <div class="sd-page__header">
-        <sd-search-handler ng-model="query.display_name" data-debounce="200"></sd-search-handler>
+        <sd-search-handler ng-model="localQuery" data-debounce="200"></sd-search-handler>
         <span class="sd-page__element-grow"></span>
         <button class="btn btn--primary"
           ng-click="createCustomField('text')" ng-if="tab === 'text-fields'">
@@ -19,7 +19,7 @@
           <i class="icon-plus-sign icon--white"></i>
           <span translate>Add New</span>
         </button>
- 
+
         <button class="btn btn--primary"
           ng-click="createVocabulary()" ng-if="tab === 'vocabularies'">
           <i class="icon-plus-sign icon--white"></i>
@@ -56,7 +56,7 @@
             <div class="sd-list-item-group sd-list-item-group--space-between-items" style="max-width: 1000px;">
                 <div
                   class="sd-list-item sd-shadow--z1"
-                  ng-repeat="vocabulary in getVocabulariesForTag(tag, tab) | orderBy:'display_name|translate' | filter: query track by vocabulary._id"
+                  ng-repeat="vocabulary in getVocabulariesForTag(tag, tab) | orderBy:'display_name|translate' | filter: filterVocab track by vocabulary._id"
                   data-test-id="vocabulary-item"
                 >
                     <div class="sd-list-item__column sd-list-item__column--grow sd-list-item__column--no-border">

scripts/core/superdesk-api.d.ts

@@ -721,6 +721,11 @@ declare module 'superdesk-api' {
         service: {};
         priority?: number;
         unique_field: string;
+        translations?: {
+            display_name: {
+                [key: string]: string;
+            };
+        };
         schema: {};
         field_type:
             | 'text'