feat: add ariaVersion filter

Author: tylercchase

src/app/components/header/info-bar/info-bar.component.html

@@ -213,6 +213,13 @@
           </span>
         }
       </span>
+      <span>
+        @if (!!ariaVersion) {
+          <span>
+            <b> {{ 'ARIA_VERSION' | translate }}:</b> {{ ariaVersion }}
+          </span>
+        }
+      </span>
     </div>
     <div class="last-info">
       <app-ci-search></app-ci-search>

src/app/components/header/info-bar/info-bar.component.ts

@@ -82,6 +82,7 @@ export class InfoBarComponent implements OnInit, OnDestroy {
   public jobIds: string[];
   public selectedDataset: string;
   public selectedDatasetIsNISARFormat = false;
+  public ariaVersion: string;
 
   private subs = new SubSink();
 
@@ -240,6 +241,9 @@ export class InfoBarComponent implements OnInit, OnDestroy {
       .subscribe(
         (productionConfig) => (this.productionConfig = productionConfig),
       );
+    const ariaVersionSub = this.store$
+      .select(filtersStore.getAriaVersion)
+      .subscribe((version) => (this.ariaVersion = version));
     [
       startSub,
       endSub,
@@ -272,6 +276,7 @@ export class InfoBarComponent implements OnInit, OnDestroy {
       productionConfigSub,
       scienceProductsSub,
       jobIdsSub,
+      ariaVersionSub,
     ].forEach((sub) => this.subs.add(sub));
 
     this.subs.add(

src/app/components/shared/scene-metadata/scene-metadata.component.html

@@ -476,6 +476,19 @@
       <li>
         <b> {{ 'ARIA_VERSION' | translate }} </b> •
         {{ scene.metadata.ariaVersion }}
+        @if (isGeoSearch()) {
+          <mat-icon
+            [matMenuTriggerFor]="addAriaVersionMenu"
+            class="v-mid clickable"
+          >
+            settings
+          </mat-icon>
+        }
+        <mat-menu #addAriaVersionMenu="matMenu">
+          <button (click)="setAriaVersion()" mat-menu-item>
+            {{ 'SET_ARIA_VERSION' | translate }}
+          </button>
+        </mat-menu>
       </li>
     }
     @if (dataset.source; as source) {

src/app/components/shared/scene-metadata/scene-metadata.component.ts

@@ -211,6 +211,12 @@ export class SceneMetadataComponent implements OnInit, OnDestroy {
     );
   }
 
+  public setAriaVersion(): void {
+    this.store$.dispatch(
+      new filtersStore.setAriaVersion(this.scene.metadata.ariaVersion),
+    );
+  }
+
   private capitalizeFirstLetter(str) {
     return str.charAt(0).toUpperCase() + str.slice(1);
   }

src/app/components/shared/selectors/other-selector/other-selector.component.html

@@ -139,6 +139,18 @@
     </mat-hint> -->
     </mat-form-field>
   }
+  @if (dataset.apiValue.dataset === 'ARIA S1 GUNW') {
+    <mat-form-field>
+      <mat-label> Version Number </mat-label>
+      <input
+        matInput
+        type="text"
+        placeholder="3.0.1"
+        (input)="onNewAriaVersionSelected($event.target.value)"
+        [(ngModel)]="ariaVersion"
+      />
+    </mat-form-field>
+  }
 
   @if (dataset.id === 'NISAR') {
     <app-short-name-selector

src/app/components/shared/selectors/other-selector/other-selector.component.ts

@@ -9,7 +9,12 @@ import { PropertyService } from '@services';
 import { SubSink } from 'subsink';
 import * as models from '@models';
 import { ProductTypeSelectorComponent } from '../product-type-selector/product-type-selector.component';
-import { MatFormField, MatHint, MatInput } from '@angular/material/input';
+import {
+  MatFormField,
+  MatHint,
+  MatInput,
+  MatLabel,
+} from '@angular/material/input';
 import { MatSelect, MatOption } from '@angular/material/select';
 import { FormsModule } from '@angular/forms';
 import { ShortNameSelectorComponent } from '../short-name-selector/short-name-selector.component';
@@ -27,6 +32,7 @@ import { TranslateModule } from '@ngx-translate/core';
 
     MatOption,
     MatHint,
+    MatLabel,
     MatInput,
     ShortNameSelectorComponent,
     TranslateModule,
@@ -43,6 +49,7 @@ export class OtherSelectorComponent implements OnInit, OnDestroy {
   polarizations: models.DatasetPolarizations;
   subtypes: models.DatasetSubtypes;
   groupID: string;
+  ariaVersion: string;
 
   public datasetProductTypes$ = this.store$.select(
     filtersStore.getProductTypes,
@@ -55,7 +62,6 @@ export class OtherSelectorComponent implements OnInit, OnDestroy {
   public selectedDataset$ = this.store$.select(filtersStore.getSelectedDataset);
   public subtypes$ = this.store$.select(filtersStore.getSubtypes);
   public groupID$ = this.store$.select(filtersStore.getGroupID);
-
   public flightDirectionTypes = models.flightDirections;
   public p = models.Props;
   private subs = new SubSink();
@@ -96,6 +102,11 @@ export class OtherSelectorComponent implements OnInit, OnDestroy {
     this.subs.add(
       this.groupID$.subscribe((groupID) => (this.groupID = groupID)),
     );
+    this.subs.add(
+      this.store$
+        .select(filtersStore.getAriaVersion)
+        .subscribe((version) => (this.ariaVersion = version)),
+    );
   }
 
   public onNewDatasetBeamModes(beamModes: string[]): void {
@@ -127,6 +138,9 @@ export class OtherSelectorComponent implements OnInit, OnDestroy {
   public onNewSubtypeSelected(subtypes): void {
     this.store$.dispatch(new filtersStore.SetSubtypes(subtypes));
   }
+  public onNewAriaVersionSelected(version): void {
+    this.store$.dispatch(new filtersStore.setAriaVersion(version));
+  }
 
   public onNewGroupID(): void {
     if (this.groupID.length > 29) {

src/app/components/shared/selectors/product-type-selector/product-type-selector.component.html

@@ -1,36 +1,46 @@
 @if (!isAriaS1Gunw) {
-<mat-form-field>
-    <mat-select [(value)]="productTypesList" (selectionChange)="onNewProductTypes($event)"
-        [disabled]="selectableProductTypes.length < 1 || burstSelected" panelClass="product-type-selector"
-        placeholder="{{ 'FILE_TYPE' | translate }}" multiple #productTypeSelector>
-        @for (type of selectableProductTypes; track type) {
+  <mat-form-field>
+    <mat-select
+      [(value)]="productTypesList"
+      (selectionChange)="onNewProductTypes($event)"
+      [disabled]="selectableProductTypes.length < 1 || burstSelected"
+      panelClass="product-type-selector"
+      placeholder="{{ 'FILE_TYPE' | translate }}"
+      multiple
+      #productTypeSelector
+    >
+      @for (type of selectableProductTypes; track type) {
         <mat-option [value]="type.apiValue" [matTooltip]="type.displayName">
-            {{ type.displayName }}
+          {{ type.displayName }}
         </mat-option>
-        }
+      }
 
-        @if (dataset.id === 'OPERA-S1') {
-        <div class='tropo-redirect' matTooltip="{{ 'OPERA_TROPO_ZENITH_REDIRECT' | translate }}"><mat-icon
-                [inline]="true" class='tropo-redirect-icon warn-color'>dataset_linked</mat-icon>
-            <a (click)="queryTropoZenith()" class='warn-color'>
-                L4 Troposphere Zenith Radar Delays (TROPO-ZENITH)
-            </a>
+      @if (dataset.id === 'OPERA-S1') {
+        <div
+          class="tropo-redirect"
+          matTooltip="{{ 'OPERA_TROPO_ZENITH_REDIRECT' | translate }}"
+        >
+          <mat-icon [inline]="true" class="tropo-redirect-icon warn-color"
+            >dataset_linked</mat-icon
+          >
+          <a (click)="queryTropoZenith()" class="warn-color">
+            L4 Troposphere Zenith Radar Delays (TROPO-ZENITH)
+          </a>
         </div>
-
-        }
+      }
     </mat-select>
 
     @if (selectableProductTypes.length >= 1) {
-    <mat-hint align="start">
+      <mat-hint align="start">
         {{ productTypesList?.length || 0 }}/{{ selectableProductTypes.length }}
         {{ 'FILE_TYPES_SELECTED' | translate }}
-    </mat-hint>
+      </mat-hint>
     }
 
-    @if (selectableProductTypes.length < 1) { <mat-hint align="start">
+    @if (selectableProductTypes.length < 1) {
+      <mat-hint align="start">
         {{ 'NO_FILE_TYPES_TO_SELECT' | translate }}
-        </mat-hint>
-        }
-
-</mat-form-field>
-}
+      </mat-hint>
+    }
+  </mat-form-field>
+}

src/app/services/search-params.service.ts

@@ -89,6 +89,12 @@ export class SearchParamsService {
     })),
   );
 
+  private ariaVersion$ = this.store$.select(filterStore.getAriaVersion).pipe(
+    map((ariaVersion) => ({
+      ariaVersion,
+    })),
+  );
+
   private searchPolygon$ = combineLatest([
     this.mapService.searchPolygon$.pipe(startWith(null)),
     this.store$.select(filterStore.getShouldOmitSearchPolygon),
@@ -307,6 +313,7 @@ export class SearchParamsService {
     // this.operaCalibrationParam$,
     this.sciProducts$,
     this.groupID$,
+    this.ariaVersion$,
   ]).pipe(
     map((params: any[]) =>
       params.reduce((total, param) => ({ ...total, ...param }), {}),

src/app/store/filters/filters.action.ts

@@ -108,6 +108,8 @@ export enum FiltersActionType {
   SET_SCIENCE_PRODUCT = '[Filters] Set Science Product',
   SET_PRODUCTION_CONFIG = '[Filters] Set Production Config',
 
+  SET_ARIA_VERSION = '[Filters] Set ARIA Version',
+
   SET_USER_FRAME_FOR_BASELINE = '[Filters] Set if frame(s) used for baseline/sbas searches as reference scene',
 }
 
@@ -516,6 +518,12 @@ export class setProductionConfig implements Action {
   constructor(public payload: string[]) {}
 }
 
+export class setAriaVersion implements Action {
+  public readonly type = FiltersActionType.SET_ARIA_VERSION;
+
+  constructor(public payload: string) {}
+}
+
 export class SetUseFrameForBaseline implements Action {
   public readonly type = FiltersActionType.SET_USER_FRAME_FOR_BASELINE;
 
@@ -596,4 +604,5 @@ export type FiltersActions =
   | setIntstrument
   | setScienceProduct
   | setProductionConfig
+  | setAriaVersion
   | SetUseFrameForBaseline;

src/app/store/filters/filters.reducer.ts

@@ -72,6 +72,7 @@ export interface FiltersState {
   groupID: null | string;
 
   useFramesForReference: boolean;
+  ariaVersion: string;
 }
 
 export type DateRangeState = models.Range<null | Date>;
@@ -157,6 +158,7 @@ export const initState: FiltersState = {
   shortNames: [],
 
   useFramesForReference: false,
+  ariaVersion: null,
 };
 
 export function filtersReducer(
@@ -194,6 +196,7 @@ export function filtersReducer(
         shortNames: [],
         useCalibrationData: false,
         selectedMission: null,
+        ariaVersion: null,
       };
     }
 
@@ -470,6 +473,7 @@ export function filtersReducer(
         rangeBandwidth: [],
         scienceProduct: [],
         productionConfig: [],
+        ariaVersion: null,
       };
     }
 
@@ -954,6 +958,12 @@ export function filtersReducer(
         useFramesForReference: action.payload,
       };
     }
+    case FiltersActionType.SET_ARIA_VERSION: {
+      return {
+        ...state,
+        ariaVersion: action.payload,
+      };
+    }
     default: {
       return state;
     }
@@ -1306,3 +1316,7 @@ export const getShouldUseFramesForReference = createSelector(
   getFiltersState,
   (state: FiltersState) => state.useFramesForReference,
 );
+export const getAriaVersion = createSelector(
+  getFiltersState,
+  (state: FiltersState) => state.ariaVersion,
+);