Add regio status on search

src/ui/parcellationRegion/regionSimple/regionSimple.template.html

 <div class="d-flex flex-row">
 
   <small class="text-truncate flex-shrink-1 flex-grow-1">
-    {{ region.name }}
+    {{ region.name }}<span *ngIf="region.status" class="text-muted">{{' (' + region.status + ')'}}</span>
   </small>
 
   <div class="flex-grow-0 flex-shrink-0 d-flex flex-row">

src/ui/viewerStateController/regionSearch/regionSearch.component.ts

@@ -13,10 +13,10 @@ import { PureContantService } from "src/util";
 import { viewerStateToggleRegionSelect, viewerStateNavigateToRegion, viewerStateSetSelectedRegions, viewerStateSetSelectedRegionsWithIds } from "src/services/state/viewerState.store.helper";
 import { ARIA_LABELS, CONST } from 'common/constants'
 
-const filterRegionBasedOnText = searchTerm => region => region.name.toLowerCase().includes(searchTerm.toLowerCase())
+const filterRegionBasedOnText = searchTerm => region => `${region.name.toLowerCase()}${region.status? ' (' + region.status + ')' : null}`.includes(searchTerm.toLowerCase())
   || (region.relatedAreas && region.relatedAreas.some(relatedArea => relatedArea.name && relatedArea.name.toLowerCase().includes(searchTerm.toLowerCase())))
 
-const compareFn = (it, item) => it.name === item.name
+const compareFn = (it, item) => it.name === item.name && it.status === item.status
 
 @Component({
   selector: 'region-text-search-autocomplete',