feat(wip): timeseries search type

src/app/components/header/header.module.ts

@@ -51,6 +51,7 @@ import { SarviewsEventTypeSelectorModule } from '@components/shared/selectors/sa
 import { Hyp3UrlModule } from '@components/shared/hyp3-url/hyp3-url.module';
 import { SharedModule } from "@shared";
 import { LanguageSelectorModule } from "@components/shared/selectors/language-selector/language-selector.module";
+import { BurstSelectorModule } from '@components/shared/selectors/burst-selector';
 
 @NgModule({
   declarations: [
@@ -100,7 +101,8 @@ import { LanguageSelectorModule } from "@components/shared/selectors/language-se
     Hyp3UrlModule,
     SharedModule,
     LanguageSelectorModule,
-    OnDemandUserSelectorModule
+    OnDemandUserSelectorModule,
+    BurstSelectorModule
   ],
   exports: [
     HeaderComponent

src/app/components/header/timeseries-header/timeseries-header.component.html

@@ -7,7 +7,7 @@
 			<div class="breadcrumb scene-selector" [class.scene-selector]="breakpoint === breakpoints.FULL"
 				[class.medium-scene-selector]="breakpoint === breakpoints.MEDIUM"
 				[class.small-scene-selector]="breakpoint === breakpoints.SMALL">
-				<app-master-scene-selector></app-master-scene-selector>
+				<app-burst-selector></app-burst-selector>
 			</div>
 
 			<div class="breadcrumb search-button-layout">

src/app/components/map/map-controls/map-controls.component.html

@@ -49,7 +49,7 @@
               </div>
             </div>
 
-            <div *ngIf="searchType === searchTypes.DATASET || searchType === searchTypes.SBAS" class="fx-empty group-margin">
+            <div *ngIf="searchType === searchTypes.DATASET || searchType === searchTypes.SBAS || searchType === searchTypes.TIMESERIES" class="fx-empty group-margin">
               <div class="fx-row-center button-group-label">
                 <label>{{ 'AREA_OF_INTEREST' |  translate }}</label>
               </div>

src/app/components/map/map.component.ts

@@ -32,7 +32,6 @@ import { StyleLike } from 'ol/style/Style';
 import { Feature } from 'ol';
 import Geometry from 'ol/geom/Geometry';
 import { MatDialog } from '@angular/material/dialog';
-import { TimeseriesComponent} from '../../dialogs/timeseries'
 
 enum FullscreenControls {
   MAP = 'Map',
@@ -282,7 +281,7 @@ export class MapComponent implements OnInit, OnDestroy  {
         this.netcdfService.getTimeSeries(mousePos).pipe(
           first()
         ).subscribe(
-          response => this.dialog.open(TimeseriesComponent, {data: response})
+          response => console.log(response)
         );
       }
     )

src/app/components/shared/aoi-options/draw-selector/draw-selector.component.html

@@ -28,8 +28,9 @@
       <mat-icon class="draw-icon">place</mat-icon>
       {{ 'PLACE_A_POINT' | translate }}
     </button>
+    @if(searchType !== searchTypes.TIMESERIES) {
 
-    <button mat-menu-item
+      <button mat-menu-item
       (click)="onLineStringSelected()"
       [value]="types.LINESTRING"
       class="control-button mat-menu-item">
@@ -78,4 +79,5 @@
     {{'UPLOAD_GEOSPATIAL_FILE' | translate}}
 
   </button>
+    }
 </mat-menu>

src/app/components/shared/aoi-options/draw-selector/draw-selector.component.ts

@@ -5,9 +5,10 @@ import { Store } from '@ngrx/store';
 import { AppState } from '@store';
 import * as mapStore from '@store/map';
 import * as uiStore from '@store/ui';
+import * as searchStore from '@store/search';
 
 import { ScreenSizeService } from '@services';
-import { MapDrawModeType, MapInteractionModeType, Breakpoints } from '@models';
+import { MapDrawModeType, MapInteractionModeType, Breakpoints, SearchType } from '@models';
 
 @Component({
   selector: 'app-draw-selector',
@@ -20,6 +21,8 @@ export class DrawSelectorComponent implements OnInit, OnDestroy {
   private subs = new SubSink();
 
   public breakpoint: Breakpoints;
+  public searchType: SearchType;
+  public searchTypes = SearchType;
   public breakpoints = Breakpoints;
 
   constructor(
@@ -39,6 +42,12 @@ export class DrawSelectorComponent implements OnInit, OnDestroy {
         breakpoint => this.breakpoint = breakpoint
       )
     );
+    this.subs.add(
+      this.store$.select(searchStore.getSearchType).subscribe(
+        searchType => this.searchType = searchType
+      )
+    );
+
   }
 
   public onNewDrawMode(mode: MapDrawModeType): void {

src/app/components/shared/aoi-options/interaction-selector/interaction-selector.component.html

@@ -19,13 +19,6 @@
     <mat-icon class="interaction-icon">draw</mat-icon>
   </mat-button-toggle>
 
-  <mat-button-toggle
-  (click)="onTimeseriesSelected()"
-  [value]="types.TIMERSERIES"
-  class="control-mat-button-toggle"
-  [matTooltip]="interaction === types.TIMERSERIES ? ('STOP_DRAWING'| translate) : ('DRAW_NEW_AREA_OF_INTEREST'| translate)">
-  <mat-icon class="interaction-icon">stacks</mat-icon>
-</mat-button-toggle>
 
   <mat-button-toggle
     (click)="onClearSelected()"

src/app/components/shared/aoi-options/interaction-selector/interaction-selector.component.ts

@@ -49,10 +49,6 @@ export class InteractionSelectorComponent implements OnInit, OnDestroy {
       this.interaction === MapInteractionModeType.DRAW ? MapInteractionModeType.NONE : MapInteractionModeType.DRAW
     )
 
-    public onTimeseriesSelected =
-    () => this.onNewInteractionMode(
-      this.interaction === MapInteractionModeType.TIMERSERIES ? MapInteractionModeType.NONE : MapInteractionModeType.TIMERSERIES
-    )
   public onEditSelected =
     () => this.onNewInteractionMode(
       this.interaction === MapInteractionModeType.EDIT ? MapInteractionModeType.NONE : MapInteractionModeType.EDIT

src/app/models/search.model.ts

@@ -20,6 +20,7 @@ export type FilterType =
   BaselineFiltersType |
   CustomProductFiltersType |
   SbasFiltersType |
+  TimeseriesFiltersType |
   SarviewsFiltersType;
 
 export interface ListFiltersType {
@@ -98,3 +99,6 @@ export interface SarviewsFiltersType {
   pinnedProductIDs: string[];
   selectedEventID: string;
 }
+export interface TimeseriesFiltersType {
+  fullBurstIDs: string[];
+}