Added release config and related local store/state. Resolves #1045.

Author: MillenniumFalconMechanic

spa/src/app/_ngrx/app.effects.ts

@@ -13,6 +13,7 @@ import { FileManifestEffects } from "../files/_ngrx/file-manifest/file-manifest.
 import { IntegrationEffects } from "../files/_ngrx/integration/integration.effects";
 import { MatrixEffects } from "../files/_ngrx/matrix/matrix.effects";
 import { ProjectEffects } from "../files/_ngrx/project/project.effects";
+import { ReleaseEffects } from "../files/_ngrx/release/release.effects";
 import { SystemEffects } from "../system/_ngrx/system.effects";
 import { TableEffects } from "../files/_ngrx/table/table.effects";
 import { TerraEffects } from "../files/_ngrx/terra/terra.effects";
@@ -25,6 +26,7 @@ export const AppEffects = [
     IntegrationEffects,
     MatrixEffects,
     ProjectEffects,
+    ReleaseEffects,
     SystemEffects,
     TableEffects,
     TerraEffects

spa/src/app/app.component.html

@@ -4,7 +4,7 @@
 <header>
     <hca-toolbar (menuOpen)="onMenuOpen($event)"></hca-toolbar>
 </header>
-<r-release *ngIf="showRRelease()"></r-release>
+<release-banner *ngIf="showRRelease()"></release-banner>
 <ng-container *ngIf="systemStatus$ | async as systemStatus">
     <announcement *ngIf="!systemStatus.health.ok" class="status" >
         <mat-icon>warning</mat-icon>

spa/src/app/app.component.spec.ts

@@ -18,12 +18,14 @@ import { ReplaySubject } from "rxjs";
 import { AppComponent } from "./app.component";
 import { ConfigService } from "./config/config.service";
 import { SetViewStateAction } from "./files/_ngrx/file-facet-list/set-view-state.action";
+import { ReleaseBannerComponent } from "./files/releases/release-banner/release-banner.component";
 import { FileFacetName } from "./files/shared/file-facet-name.model";
 import { GenusSpecies } from "./files/shared/genus-species.model";
 import { LibraryConstructionApproach } from "./files/shared/library-construction-approach.model";
 import { QueryStringFacet } from "./files/shared/query-string-facet.model";
 import { EntityName } from "./files/shared/entity-name.model";
 import { DeviceDetectorService } from "ngx-device-detector";
+import { AnnouncementComponent } from "./shared/announcement/announcement.component";
 import { CCToolbarNavComponent } from "./shared/cc-toolbar-nav/cc-toolbar-nav.component";
 import { CCToolbarNavItemComponent } from "./shared/cc-toolbar-nav-item/cc-toolbar-nav-item.component";
 import { DesktopFooterComponent } from "./site/desktop-footer/desktop-footer.component";
@@ -62,7 +64,9 @@ describe("AppComponent:", () => {
                 DesktopFooterComponent,
                 HCAFooterComponent,
                 HCAToolbarComponent,
-                StickyFooterComponent
+                StickyFooterComponent,
+                AnnouncementComponent,
+                ReleaseBannerComponent
             ],
             imports: [
                 RouterTestingModule,

spa/src/app/app.component.ts

@@ -18,15 +18,16 @@ import { Config } from "./config/config.model";
 import { selectConfigConfig } from "./config/_ngrx/config.selectors";
 import { SetViewStateAction } from "./files/_ngrx/file-facet-list/set-view-state.action";
 import { EntityName } from "./files/shared/entity-name.model";
+import { FileFacetName } from "./files/shared/file-facet-name.model";
 import { QueryStringFacet } from "./files/shared/query-string-facet.model";
+import { GenusSpecies } from "./files/shared/genus-species.model";
+import { FetchReleasesRequestAction } from "./files/_ngrx/release/fetch-releases-request.action";
 import { AppState } from "./_ngrx/app.state";
 import { DeviceDetectorService } from "ngx-device-detector";
 import { HealthRequestAction } from "./system/_ngrx/health/health-request.action";
 import { selectHealth, selectIndex } from "./system/_ngrx/system.selectors";
 import { IndexRequestAction } from "./system/_ngrx/index/index-request.action";
 import { SystemState } from "./system.state";
-import { FileFacetName } from "./files/shared/file-facet-name.model";
-import { GenusSpecies } from "./files/shared/genus-species.model";
 
 @Component({
     selector: "app-root",
@@ -123,6 +124,14 @@ export class AppComponent implements OnInit, OnDestroy {
         return !!params["filter"];
     }
 
+    /**
+     * Load release data from local JSON files.
+     */
+    private loadReleaseData(): void {
+
+        this.store.dispatch(new FetchReleasesRequestAction());
+    }
+
     /**
      * Determine the current selected tab.
      *
@@ -258,6 +267,7 @@ export class AppComponent implements OnInit, OnDestroy {
 
         this.setAppStateFromURL();
         this.systemCheck();
+        this.loadReleaseData();
 
         this.config$ = this.store.pipe(
             select(selectConfigConfig),

spa/src/app/app.module.ts

@@ -27,7 +27,7 @@ import { ConfigModule } from "./config/config.module";
 import { ConfigService } from "./config/config.service";
 import { UserService } from "./data/user/user.service";
 import { FilesModule } from "./files/files.module";
-import { RReleaseComponent } from "./files/releases/r-release/r-release.component";
+import { ReleaseBannerComponent } from "./files/releases/release-banner/release-banner.component";
 import { AppReducers } from "./_ngrx/app.reducer";
 import { HCAEncodeHttpParamsInterceptor } from "./http/hca-encode-http-params.interceptor";
 import { HCAHttpResponseErrorInterceptor } from "./http/hca-http-response-error.interceptor";
@@ -83,7 +83,7 @@ import { SystemService } from "./system/shared/system.service";
         DesktopFooterComponent,
         HCAFooterComponent,
         HCAToolbarComponent,
-        RReleaseComponent,
+        ReleaseBannerComponent,
         StickyFooterComponent
     ],
     providers: [

spa/src/app/files/_ngrx/file.reducer.ts

@@ -12,6 +12,7 @@ import * as fileManifestReducer from "./file-manifest/file-manifest.reducer";
 import * as integrationReducer from "./integration/integration.reducer";
 import * as matrixReducer from "./matrix/matrix.reducer";
 import * as projectReducer from "./project/project.reducer";
+import * as releaseReducer from "./release/release.reducer";
 import * as tableReducer from "./table/table.reducer";
 import * as searchReducer from "./search/search.reducer";
 
@@ -22,6 +23,7 @@ export const reducer = {
     integration: integrationReducer.reducer,
     matrix: matrixReducer.reducer,
     project: projectReducer.reducer,
+    release: releaseReducer.reducer,
     search: searchReducer.reducer,
     tableState: tableReducer.reducer
 };

spa/src/app/files/_ngrx/file.state.mock.ts

@@ -18,6 +18,7 @@ import { TerraState } from "./terra/terra.state";
 import { EntityName } from "../shared/entity-name.model";
 import * as searchStateMock from "./search/search.state.mock";
 import { IntegrationState } from "./integration/integration.state";
+import { ReleaseState } from "./release/release.state";
 
 /**
  * Default project state - current tab is projects, no selected search terms
@@ -29,6 +30,7 @@ export const DEFAULT_PROJECTS_STATE = {
     integration: IntegrationState.getDefaultState(),
     matrix: MatrixState.getDefaultState(),
     project: ProjectState.getDefaultState(),
+    release: ReleaseState.getDefaultState(),
     search: SearchState.getDefaultState(),
     tableState: getDefaultTableState(),
     terra: TerraState.getDefaultState()

spa/src/app/files/_ngrx/file.state.ts

@@ -13,6 +13,7 @@ import { FileSummaryState } from "./file-summary/file-summary.state";
 import { IntegrationState } from "./integration/integration.state";
 import { MatrixState } from "./matrix/matrix.state";
 import { ProjectState } from "./project/project.state";
+import { ReleaseState } from "./release/release.state";
 import { SearchState } from "./search/search.state";
 import { TableState } from "./table/table.state";
 
@@ -24,6 +25,7 @@ export interface FileState {
     integration: IntegrationState,
     matrix: MatrixState;
     project: ProjectState;
+    release: ReleaseState,
     search: SearchState;
     tableState: TableState;
 }

spa/src/app/files/_ngrx/release/fetch-releases-request.action.ts

@@ -0,0 +1,16 @@
+/**
+ * Human Cell Atlas
+ * https://www.humancellatlas.org/
+ *
+ * Action that is triggered on load of app, to read local JSON release data into store.
+ */
+
+// Core dependencies
+import { Action } from "@ngrx/store";
+
+export class FetchReleasesRequestAction implements Action {
+    public static ACTION_TYPE = "RELEASES.RELEASES_REQUEST";
+    public readonly type = FetchReleasesRequestAction.ACTION_TYPE;
+    constructor() {}
+}
+

spa/src/app/files/_ngrx/release/fetch-releases-success.action.ts

@@ -0,0 +1,19 @@
+/**
+ * Human Cell Atlas
+ * https://www.humancellatlas.org/
+ *
+ * Action that is triggered when release data has been successfully read from local JSON.
+ */
+
+// Core dependencies
+import { Action } from "@ngrx/store";
+
+// App dependencies
+import { Release } from "../../releases/2020-march/release";
+
+export class FetchReleasesSuccessAction implements Action {
+    public static ACTION_TYPE = "RELEASES.RELEASES_SUCCESS";
+    public readonly type = FetchReleasesSuccessAction.ACTION_TYPE;
+    constructor(public readonly releases: Release[]) {}
+}
+