Added withdrawn project guard. Resolves #1209. (#1212)

Author: MillenniumFalconMechanic

spa/src/app/files/files.module.ts

@@ -106,6 +106,7 @@ import { ProjectReleaseComponent } from "./project-release/project-release.compo
 import { ProjectSummaryStatsComponent } from "./project-summary-stats-component/project-summary-stats.component";
 import { ProjectSupplementaryLinksComponent } from "./project-supplementary-links/project-supplementary-links.component";
 import { ProjectViewFactory } from "./project-view/project-view.factory";
+import { ProjectWithdrawnComponent } from "./project-withdrawn/project-withdrawn.component";
 import { ReleaseComponent } from "./releases/release.component";
 import { ReleaseFilesModalContainerComponent } from "./releases/release-files-modal-container/release-files-modal-container.component";
 import { ReleaseFilesModalComponent } from "./releases/release-files-modal/release-files-modal.component";
@@ -225,6 +226,7 @@ const v2 = environment.version === "2.0";
         ProjectExternalResourcesComponent,
         ProjectGuardComponent,
         ProjectIngestInProgressComponent,
+        ProjectWithdrawnComponent,
         ProjectIntegrationsComponent,
         ProjectMetadataComponent,
         ProjectNavComponent,

spa/src/app/files/project-guard/project-guard.component.html

@@ -2,6 +2,7 @@
     <ng-container [ngSwitch]="getProjectViewMode(projectId)">
         <project-deprecated *ngSwitchCase="'DEPRECATED'" [updatedProjectId]="getUpdatedProjectId(projectId)"></project-deprecated>
         <project-ingest-in-progress *ngSwitchCase="'INGEST_IN_PROGRESS'"></project-ingest-in-progress>
+        <project-withdrawn *ngSwitchCase="'WITHDRAWN'"></project-withdrawn>
         <project-detail *ngSwitchDefault></project-detail>
     </ng-container>
 </ng-container>

spa/src/app/files/project-guard/project-guard.component.ts

@@ -28,6 +28,10 @@ export class ProjectGuardComponent implements OnInit {
         // "abe1a013-af7a-45ed-8c26-f3793c24a1f4" // https://app.zenhub.com/workspaces/orange-5d680d7e3eeb5f1bbdf5668f/issues/humancellatlas/data-browser/944, https://app.zenhub.com/workspaces/orange-5d680d7e3eeb5f1bbdf5668f/issues/humancellatlas/data-browser/948
     ];
 
+    private PROJECT_IDS_WITHDRAWN = [
+        "008e40e8-66ae-43bb-951c-c073a2fa6774" // https://app.zenhub.com/workspaces/orange-5d680d7e3eeb5f1bbdf5668f/issues/humancellatlas/data-browser/1209
+    ];
+
     public projectId$: Observable<string>;
 
     /**
@@ -50,7 +54,10 @@ export class ProjectGuardComponent implements OnInit {
         else if ( this.isProjectIngestInProgress(projectId) ) {
             return ProjectStatus.INGEST_IN_PROGRESS;
         }
-        
+        else if ( this.isProjectWithdrawn(projectId) ) {
+            return ProjectStatus.WITHDRAWN;
+        }
+
         return ProjectStatus.LIVE;
     }
 
@@ -87,6 +94,17 @@ export class ProjectGuardComponent implements OnInit {
         return this.PROJECT_IDS_INGEST_IN_PROGRESS.indexOf(projectIdToCheck) >= 0;
     }
 
+    /**
+     * Returns true if project has been withdrawn.
+     *
+     * @param {string} projectIdToCheck
+     * @returns {boolean}
+     */
+    public isProjectWithdrawn(projectIdToCheck: string): boolean {
+
+        return this.PROJECT_IDS_WITHDRAWN.indexOf(projectIdToCheck) >= 0;
+    }
+    
     /**
      *
      */

spa/src/app/files/project-guard/project-status.model.ts

@@ -8,5 +8,6 @@
 export enum ProjectStatus {
     "DEPRECATED" = "DEPRECATED",
     "INGEST_IN_PROGRESS" = "INGEST_IN_PROGRESS",
-    "LIVE" = "LIVE"
+    "LIVE" = "LIVE",
+    "WITHDRAWN" = "WITHDRAWN"
 }

spa/src/app/files/project-withdrawn/project-withdrawn.component.html

@@ -0,0 +1,9 @@
+<pop-layout>
+    <ng-container title>Explore Project</ng-container>
+    <ng-container content>
+        <div class="text-container">
+            <h2 class="fontsize-xl">Project Withdrawn</h2>
+            <p class="fontsize-m">The project you are requesting has been withdrawn due to a GDPR request.</p>
+        </div>
+    </ng-container>
+</pop-layout>

spa/src/app/files/project-withdrawn/project-withdrawn.component.scss

@@ -0,0 +1,12 @@
+/*
+ * Human Cell Atlas
+ * https://www.humancellatlas.org/
+ *
+ * Styles for project withdrawn component.
+ */
+
+.text-container {
+    margin: 0 auto;
+    max-width: 650px;
+    padding: 36px 0;
+}

spa/src/app/files/project-withdrawn/project-withdrawn.component.ts

@@ -0,0 +1,17 @@
+/*
+ * Human Cell Atlas
+ * https://www.humancellatlas.org/
+ *
+ * Component for displaying project withdrawn messaging.
+ */
+
+// Core dependencies
+import { Component } from "@angular/core";
+
+@Component({
+    selector: "project-withdrawn",
+    templateUrl: "./project-withdrawn.component.html",
+    styleUrls: ["./project-withdrawn.component.scss"]
+})
+export class ProjectWithdrawnComponent {
+}