diff --git a/spa/src/app/files/_ngrx/integration/integration.selectors.ts b/spa/src/app/files/_ngrx/integration/integration.selectors.ts
index 458fe025d..0ce574406 100644
--- a/spa/src/app/files/_ngrx/integration/integration.selectors.ts
+++ b/spa/src/app/files/_ngrx/integration/integration.selectors.ts
@@ -26,4 +26,4 @@ export const selectIntegrationsByProjectId =
* Returns the integrations for the specified project ID.
*/
export const selectProjectIntegrations =
- createSelector(selectIntegrations, (state, props) => state.integrationsByProjectId.get(props.projectId) || []);
+ createSelector(selectIntegrations, (state, props) => state.integrationsByProjectId.get(props.projectId));
diff --git a/spa/src/app/files/analysis-protocol-pipeline-linker/analysis-protocol-pipeline-linker.component.scss b/spa/src/app/files/analysis-protocol-pipeline-linker/analysis-protocol-pipeline-linker.component.scss
index 706dbe9f5..10239dd05 100644
--- a/spa/src/app/files/analysis-protocol-pipeline-linker/analysis-protocol-pipeline-linker.component.scss
+++ b/spa/src/app/files/analysis-protocol-pipeline-linker/analysis-protocol-pipeline-linker.component.scss
@@ -16,12 +16,3 @@
color: $hca-gray-dark;
}
}
-
-/* Project detail page */
-/* HCAProjectComponent */
-:host-context(.explore-project) {
-
- .comma {
- color: black;
- }
-}
diff --git a/spa/src/app/files/files.module.ts b/spa/src/app/files/files.module.ts
index 59e4a94e2..a52f56ac8 100644
--- a/spa/src/app/files/files.module.ts
+++ b/spa/src/app/files/files.module.ts
@@ -61,7 +61,6 @@ import { MatrixPartialQueryMatchWarningComponent } from "./hca-get-data/matrix-p
import { MatrixUrlRequestFormComponent } from "./hca-get-data/matrix-url-request-form/matrix-url-request-form.component";
import { MatrixUrlRequestCompletedComponent } from "./hca-get-data/matrix-url-request-completed/matrix-url-request-completed.component";
import { HCAEllipsisTextComponent } from "./hca-content-ellipsis/hca-ellipsis-text.component";
-import { HCAProjectComponent } from "./hca-project/hca-project.component";
import { HCATableColumnHeaderComponent } from "./hca-table-column-header/hca-table-column-header.component";
import { HCATableColumnHeaderCountComponent } from "./hca-table-column-header-count/hca-table-column-header-count.component";
import { HCATableColumnHeaderDownloadComponent } from "./hca-table-column-header-download/hca-table-column-header-download.component";
@@ -168,7 +167,6 @@ import { TableScroll } from "./table-scroll/table-scroll.component";
HCAGetManifestComponent,
HCAGetMatrixComponent,
HCAGetMatrixSpeciesSelectionComponent,
- HCAProjectComponent,
HCASearchComponent,
HCATableCellComponent,
HCATableColumnHeaderComponent,
diff --git a/spa/src/app/files/files.routes.ts b/spa/src/app/files/files.routes.ts
index 4a112b1d5..1ba2a2f27 100644
--- a/spa/src/app/files/files.routes.ts
+++ b/spa/src/app/files/files.routes.ts
@@ -11,7 +11,6 @@ import { Route } from "@angular/router";
// App dependencies
import { FilesComponent } from "./files.component";
import { HCAGetDataComponent } from "./hca-get-data/hca-get-data.component";
-import { HCAProjectComponent } from "./hca-project/hca-project.component";
import { ProjectDataCitationComponent } from "./project-data-citation/project-data-citation.component";
import { ProjectDownloadManifestModalContainerComponent } from "./project-download-manifest-modal-container/project-download-manifest-modal-container.component";
import { ProjectDownloadMatrixModalContainerComponent } from "./project-download-matrix-modal-container/project-download-matrix-modal-container.component";
@@ -84,11 +83,7 @@ export const routes: Route[] = [
{
path: ":id/m/expression-matrices",
component: ProjectDownloadMatrixModalContainerComponent
- },
- { // TODO remove once left nav functionality is complete
- path: ":id/deprecated",
- component: HCAProjectComponent
- },
+ }
]
}
];
diff --git a/spa/src/app/files/hca-project/hca-project.component.html b/spa/src/app/files/hca-project/hca-project.component.html
deleted file mode 100644
index 8959a11d1..000000000
--- a/spa/src/app/files/hca-project/hca-project.component.html
+++ /dev/null
@@ -1,380 +0,0 @@
-
- Explore Project
-
-
-
{{state.project.project.projectTitle}}
-
-
- check
-
-
-
Select Project
-
-
-
-
-
-
Description
-
{{state.project.project.projectDescription}}
-
-
Contact
-
-
-
-
{{contact.name}}
-
{{contact.institution}}
-
{{contact.email}}
-
Unspecified
-
-
Publications
-
-
-
-
- Unspecified
-
-
-
-
Contributors
-
-
-
-
- {{contributor.name}}
- ({{contributor.role | titlecase}})
- {{contributor.citation}}
-
-
- Unspecified
-
-
-
-
-
Collaborating Organizations
-
-
-
-
- {{organization.citation}} {{organization.name}}
-
-
- Unspecified
-
-
-
Data Curators
-
-
-
-
- {{curator}}
-
-
- Unspecified
-
-
-
Citation
-
- To reference this project, please use the following link:
- {{getCitationLink(state.project.project.entryId)}}
-
-
-
-
-
-
-
-
-
Project Downloads
-
-
- Project Metadata
-
-
-
-
-
- tsv
-
-
-
-
-
-
- Expression Matrix
-
-
-
No expression matrix available
-
-
-
-
-
-
-
External Resources
-
-
-
-
This project's data can be viewed live in the following
- external resources:
-
There are currently no integrations for this project
- at this time.
-
-
-
-
Project Details
-
-
-
- {{getColumnDisplayName('projectShortname')}}
-
-
-
{{state.project.project.projectShortname}}
-
-
-
- {{getColumnDisplayName('genusSpecies')}}
-
-
-
{{stringifyValues(state.project.project.genusSpecies,
- "Unspecified")}}
-
-
-
- {{getColumnDisplayName('sampleEntityType')}}
-
-
-
{{stringifyValues(state.project.project.sampleEntityType,
- "Unspecified")}}
-
-
-
- {{getColumnDisplayName('organ')}}
-
-
-
{{stringifyValues(state.project.project.organ,
- "Unspecified")}}
-
-
-
- {{getColumnDisplayName('organPart')}}
-
-
-
{{stringifyValues(state.project.project.organPart,
- "Unspecified")}}
-
-
-
- {{getColumnDisplayName('modelOrgan')}}
-
-
-
{{stringifyValues(state.project.project.modelOrgan,
- "Unspecified")}}
-
-
-
- {{getColumnDisplayName('disease')}}
-
-
-
{{stringifyValues(state.project.project.disease,
- "Unspecified")}}
-
-
-
-
- {{getColumnDisplayName('libraryConstructionApproach')}}
-
-
-
-
-
-
- {{getColumnDisplayName('pairedEnd')}}
-
-
-
{{stringifyValues(state.project.project.pairedEnd, '-')}}
-
-
-
- {{getColumnDisplayName('workflow')}}
-
-
-
-
-
-
- {{getColumnDisplayName('fileFormat')}}
-
-
-
{{stringifyValues(state.project.project.fileType,
- "Unspecified")}}
-
-
-
- {{getColumnDisplayName('totalCells')}}
-
-
-
{{state.project.project.totalCells | countSize}}
-
-
-
- {{getColumnDisplayName('donorCount')}}
-
-
-
{{state.project.project.donorCount | countSize}}
-
-
-
-
Supplementary Links
-
-
-
- There are currently no supplementary links for this project at this
- time.
-
-
-
-
-
-
File Counts
-
-
Fastq
-
{{state.project.project.rawCount | localeString}}
-
-
-
Bam
-
{{state.project.project.bamCount | localeString}}
-
-
-
Matrix
-
{{state.project.project.matrixCount | localeString}}
-
-
-
Other
-
{{state.project.project.otherCount | localeString}}
-
-
-
Total
-
{{state.project.project.totalCount | localeString}}
-
-
-
-
Accessions
-
-
Array Express Accessions
-
-
{{stringifyValues(state.project.project.arrayExpressAccessions,
- "Unspecified")}}
-
-
-
-
GEO Series Accessions
-
-
{{stringifyValues(state.project.project.geoSeriesAccessions,
- "Unspecified")}}
-
-
-
-
INSDC Project Accessions
-
-
{{stringifyValues(state.project.project.insdcProjectAccessions,
- "Unspecified")}}
-
-
-
-
INSDC Study Accessions
-
-
{{stringifyValues(state.project.project.insdcStudyAccessions,
- "Unspecified")}}
-
-
-
-
-
Data Release Policy
-
-
-
-
-
-
tag, */
- p, analysis-protocol-pipeline-linker {
- align-items: center;
- display: flex;
- margin: 0;
- width: 100%;
-
- /* Link */
- .link {
- color: $hca-primary;
- cursor: pointer;
- font: inherit;
- }
- }
-
- /* */
- analysis-protocol-pipeline-linker {
- flex-wrap: wrap;
- white-space: pre;
- }
-
- /* Downloads */
- p.downloads {
-
- a {
- align-items: flex-start;
- color: $hca-black;
- display: flex;
- }
-
- /* Icon */
- img {
- cursor: pointer;
- height: 16px;
- }
-
- /* Container */
- span {
- flex: none;
- }
-
- > span:not(:last-of-type) {
- padding-right: 10px;
- }
-
- /* Download text - "csv", "tsv", "loom" etc */
- a + span, img + span, project-download-tsv span {
- padding-left: 8px;
- }
- }
-
- /* Project Title */
- .project-title {
- padding-bottom: 16px;
- position: relative; /* Positions separator */
- width: 100%;
-
- /* Select project */
- .select-project {
- align-items: center;
- cursor: pointer;
- display: flex;
-
- /* Select box */
- .chart-legend-bar {
- border: 1px solid $hca-gray-light;
- border-radius: 3px;
- flex-shrink: 0;
- height: 13px;
- margin-right: 8px;
- position: relative; /* Positions check */
- width: 13px;
-
- /* Check */
- mat-icon {
- color: $hca-white;
- font-size: 10px;
- height: 10px;
- left: 50%;
- position: absolute;
- top: 50%;
- transform: translateX(-50%) translateY(-50%);
- width: 10px;
- }
- }
-
- /* Select text */
- span {
- color: $hca-secondary;
- margin: 0;
- }
- }
-
- /* Separator */
- &:after {
- background-color: $hca-gray-lightest;
- border-radius: 4px;
- bottom: 0;
- content: "";
- display: block;
- height: 4px;
- position: absolute;
- width: 84px;
- }
- }
-
- /* Project description */
- .project-description {
- display: flex;
- flex-wrap: wrap;
-
- /* Text to describe project */
- .description {
- max-width: 650px; /* Required for tablet */
- }
-
- > div {
-
- /* Contacts, publications */
- .details {
- padding-top: 8px;
- }
-
- /* Publications */
- .publications {
- max-width: 314px;
- }
-
- /* Contacts, publications - first list */
- h4 + .details {
- padding-top: 0;
- }
-
- /* Organizations */
- .organization-list {
- align-items: flex-start;
- flex-direction: column;
- }
-
- /* Contributors, curator list */
- .contributor-list, .contributor-list > span, .curator-list, .curator-list > span, .citation, .citation > span {
- display: block;
- }
-
- /* Contributors, organizations */
- .contributor-list, .organization-list {
-
- sup {
- font-size: smaller;
- vertical-align: super;
- }
- }
-
- .contributor-list, .curator-list, .organization-list {
- white-space: pre-wrap;
- }
-
- /* Citation url */
- .citation .url {
- display: block;
- margin: 4px 0;
- word-break: break-all;
- }
- }
- }
-
- /* Project downloads, details, accessions, data release policy etc. */
- .project-details, .project-downloads, .project-counts, .project-integrations, .project-supplementary,
- .project-views, .project-workflows, .project-accessions, .data-release-policy {
-
- /* Row - excludes last row in each group */
- > div:not(:last-child) {
- margin-bottom: 8px;
- }
-
- /* Row */
- > div {
- align-items: flex-start;
- display: flex;
- flex-direction: column;
- }
- }
-
- /* Data release policy */
- .data-release-policy p {
- display: inline-block;
- max-width: 400px;
-
- a {
- cursor: pointer;
- }
- }
-
- /* LHS container */
- .lhs {
- box-sizing: border-box;
- display: flex;
- flex-direction: column;
- align-items: flex-start;
- width: 100%;
- &.subhead {
- color: #666666;
- }
- }
-
- /* RHS container */
- .rhs {
- box-sizing: border-box;
- width: 100%;
-
- /* Break word */
- &.break {
- word-break: break-all;
- }
- }
-
- /* Species matrix url */
- .species-matrix-url {
- transition: background-color 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
- &:hover {
- background-color: rgba(0, 0, 0, 0.03);
- }
- }
-}
-
-/**
- * Small Tablet +
- * https://material.io/design/layout/responsive-layout-grid.html#breakpoints
- */
-@media screen and (min-width: 600px) {
-
- .explore-project {
-
- /* Stretch container */
- .stretch {
- width: 100%;
- }
-
- /* LHS container */
- .lhs:not(.contributors) {
- max-width: 220px;
- }
-
- /* Project detail - contributors */
- .contributors {
- max-width: 314px;
- }
-
- /* RHS container */
- .rhs {
- flex: 1;
- max-width: 400px;
- min-width: 200px; /* Required for downloads */
- padding-left: 16px;
- }
-
- /* Project downloads, details, accessions etc. */
- .project-details, .project-accessions, .project-downloads, .project-supplementary,
- .project-counts, .project-views, .project-workflows, .data-release-policy {
- /* Row */
- > div {
- flex-direction: row;
- }
- }
- }
-}
-
-/**
- * Large Tablet +
- * https://material.io/design/layout/responsive-layout-grid.html#breakpoints
- */
-@media screen and (min-width: 1024px) {
-
- .explore-project {
-
- /* Project overview */
- .project-overview {
- flex-direction: row;
- }
-
- /* First column */
- .project-overview > div:first-of-type {
- flex: 1;
- max-width: 450px;
- }
-
- /* Second column */
- .project-overview > div:last-of-type {
- flex: 1;
-
- > div {
- margin-left: 44px;
- }
- }
-
- /* Project group heading */
- h4 {
- margin: 24px 0 16px;
- }
-
- /* Contributors */
- .contributors {
- max-width: 100%;
- }
-
- /* Collaborating organizations */
- .contributors + .rhs {
- padding-left: 0;
- }
- }
-}
-
-/**
- * HCA specific breakpoint
- */
-@media screen and (min-width: 1200px) {
-
- .explore-project {
- flex-direction: row;
- flex-wrap: wrap;
-
- /* First column */
- .project-overview > div:first-of-type {
- flex: unset;
- max-width: 550px;
- }
-
- /* Contributors */
- .contributors {
- max-width: 314px;
- }
-
- /* Collaborating organizations */
- .contributors + .rhs {
- padding-left: 16px;
- }
- }
-}
-
-/**
- * Large +
- * https://material.io/design/layout/responsive-layout-grid.html#breakpoints
- */
-@media screen and (min-width: 1600px) {
-
- .explore-project {
-
- /* LHS container */
- .lhs:not(.contributors) {
- max-width: 240px;
- }
-
- /* First column */
- .project-overview > div:first-of-type, .project-overview > div:last-of-type > div {
- max-width: 600px;
- }
-
- /* Second column */
- .project-overview > div:last-of-type {
- display: flex;
-
- > div {
- flex: 1;
- margin-left: 64px;
- }
- }
- }
-}
-
-/**
- * xLarge +
- * https://material.io/design/layout/responsive-layout-grid.html#breakpoints
- */
-@media screen and (min-width: 1920px) {
-
- .explore-project {
-
- /* Downloads */
- p.downloads {
-
- > span:not(:last-of-type) {
- padding-right: 16px;
- }
- }
-
- /* First column, second column inner containers */
- .project-overview > div:first-of-type, .project-overview > div:last-of-type > div {
- max-width: 650px;
- }
- }
-}
diff --git a/spa/src/app/files/hca-project/hca-project.component.spec.ts b/spa/src/app/files/hca-project/hca-project.component.spec.ts
deleted file mode 100644
index b691ffc2e..000000000
--- a/spa/src/app/files/hca-project/hca-project.component.spec.ts
+++ /dev/null
@@ -1,1005 +0,0 @@
-/*
- * Human Cell Atlas
- * https://www.humancellatlas.org/
- *
- * Test suite for HCAProject.
- */
-
-// Core dependencies
-import { DebugElement } from "@angular/core";
-import { async, ComponentFixture, TestBed } from "@angular/core/testing";
-import { MatIconModule, MatProgressSpinnerModule, MatTooltipModule } from "@angular/material";
-import { By } from "@angular/platform-browser";
-import { ActivatedRoute, Router } from "@angular/router";
-import { Store } from "@ngrx/store";
-import { ClipboardModule } from "ngx-clipboard";
-import { DeviceDetectorService } from "ngx-device-detector";
-import { of } from "rxjs";
-
-// App dependencies
-import { CcPipeModule } from "../../cc-pipe/cc-pipe.module";
-import { ConfigService } from "../../config/config.service";
-import { CopyToClipboardComponent } from "../../shared/copy-to-clipboard/copy-to-clipboard.component";
-import { HCASectionTitleComponent } from "../../shared/hca-section-title/hca-section-title.component";
-import { HCATabComponent } from "../../shared/hca-tab/hca-tab.component";
-import { PopLayoutComponent } from "../../shared/pop-layout/pop-layout.component";
-import { AnalysisProtocolPipelineLinkerComponent } from "../analysis-protocol-pipeline-linker/analysis-protocol-pipeline-linker.component";
-import { HCATooltipComponent } from "../hca-tooltip/hca-tooltip.component";
-import { ProjectDownloadTSVComponent } from "../project-download-tsv/project-download-tsv.component";
-import { ProjectIntegrationsComponent } from "../project-integrations/project-integrations.component";
-import { GenusSpecies } from "../shared/genus-species.model";
-import { ProjectMatrixUrls } from "../shared/project-matrix-urls.model";
-import { SpeciesMatrixUrls } from "../shared/species-matrix-urls.model";
-import { ProjectSupplementaryLinksComponent } from "../project-supplementary-links/project-supplementary-links.component";
-import { HCAProjectComponent } from "./hca-project.component";
-import {
- PROJECT_DETAIL_EMPTY_VALUES, PROJECT_DETAIL_MULTIPLE_VALUES, PROJECT_DETAIL_NULL_VALUES,
- PROJECT_DETAIL_SINGLE_VALUES, PROJECT_DETAIL_SPECIFIC_VALUES,
- PROJECT_DETAIL_UNSPECIFIED_VALUES, PROJECT_PORTAL_SINGLE_VALUE_SINGLE_INTEGRATION_OBJECT
-} from "./hca-project-mapper.mock";
-
-
-describe("HCAProjectComponent", () => {
-
- let component: HCAProjectComponent;
- let fixture: ComponentFixture;
-
- const testConfig = jasmine.createSpyObj("ConfigService", ["getPortalURL"]);
- const testRouter = jasmine.createSpyObj("Router", ["navigate"]);
- const testStore = jasmine.createSpyObj("Store", ["pipe", "dispatch"]);
-
- // Create response for testConfig.getPortalUrl()
- testConfig.getPortalURL.and.returnValue("https://test.com");
-
- // Class names
- const CLASSNAME_BREAK = "break";
-
- // Heading labels
- const HEADING_CITATION = "Citation";
- const HEADING_EXTERNAL_RESOURCES = "External Resources";
- const HEADING_SUPPLEMENTARY_LINKS = "Supplementary Links";
-
- // Project matrix urls
- const SPECIES_URLS_HOMO_SAPIENS = new SpeciesMatrixUrls(
- "1234",
- "https://test.com/1234.homo_sapiens.csv.zip",
- "https://test.com/1234.homo_sapiens.loom",
- "https://test.com/1234.homo_sapiens.mtx.zip"
- );
- const PROJECT_MATRIX_URLS_SINGLE_SPECIES = new ProjectMatrixUrls("1234", new Map([
- [GenusSpecies.HOMO_SAPIENS, SPECIES_URLS_HOMO_SAPIENS]
- ]));
-
- // Component input property
- const INPUT_PROPERTY_COPY_TO_CLIPBOARD_LINK = "copyToClipboardLink";
- const INPUT_PROPERTY_SUPPLEMENTARY_LINKS = "supplementaryLinks";
-
- // Project details
- const PROJECT_LABEL_DONOR_COUNT = "Donor Count";
- const PROJECT_LABEL_FILE_FORMAT = "File Format";
- const PROJECT_LABEL_DISEASE = "Disease Status";
- const PROJECT_LABEL_GENUS_SPECIES = "Species";
- const PROJECT_LABEL_LIBRARY_CONSTRUCTION_APPROACH = "Library Construction Method";
- const PROJECT_LABEL_ORGAN = "Organ";
- const PROJECT_LABEL_ORGAN_PART = "Organ Part";
- const PROJECT_LABEL_MODEL_ORGAN = "Model Organ";
- const PROJECT_LABEL_PAIRED_END = "Paired End";
- const PROJECT_LABEL_PROJECT_SHORTNAME = "Project Label";
- const PROJECT_LABEL_SAMPLE_ENTITY_TYPE = "Sample Type";
- const PROJECT_LABEL_TOTAL_CELLS = "Cell Count Estimate";
- const PROJECT_LABEL_WORKFLOW = "Analysis Protocol";
-
- // Project detail display order
- // Model organ and analysis protocol display conditionally, controlled by sample type and workflow values respectively
- const PROJECT_DETAIL_DISPLAY_ORDER = [
- PROJECT_LABEL_PROJECT_SHORTNAME,
- PROJECT_LABEL_GENUS_SPECIES,
- PROJECT_LABEL_SAMPLE_ENTITY_TYPE,
- PROJECT_LABEL_ORGAN,
- PROJECT_LABEL_ORGAN_PART,
- PROJECT_LABEL_MODEL_ORGAN,
- PROJECT_LABEL_DISEASE,
- PROJECT_LABEL_LIBRARY_CONSTRUCTION_APPROACH,
- PROJECT_LABEL_PAIRED_END,
- PROJECT_LABEL_WORKFLOW,
- PROJECT_LABEL_FILE_FORMAT,
- PROJECT_LABEL_TOTAL_CELLS,
- PROJECT_LABEL_DONOR_COUNT
- ];
-
- // Selectors
- const SELECTOR_ANALYSIS_PROTOCOL_PIPELINE_LINKER = "analysis-protocol-pipeline-linker";
- const SELECTOR_CITATION = ".citation";
- const SELECTOR_CITATION_URL = ".citation .url";
- const SELECTOR_COPY_TO_CLIPBOARD = "copy-to-clipboard";
- const SELECTOR_PROJECT_DETAILS_LHS = ".project-details .lhs";
- const SELECTOR_PROJECT_DETAILS_RHS = ".project-details .rhs";
- const SELECTOR_PROJECT_INTEGRATIONS = "project-integrations";
- const SELECTOR_PROJECT_SUPPLEMENTARY_LINKS = "project-supplementary-links";
- const SELECTOR_PROJECT_SUPPLEMENTARY = ".project-supplementary";
-
- // Test values
- const TEST_VALUE_CITATION_URL = `${testConfig.getPortalURL()}/explore/projects/${PROJECT_DETAIL_SINGLE_VALUES.entryId}`;
-
- beforeEach(async(() => {
-
- TestBed.configureTestingModule({
- declarations: [
- AnalysisProtocolPipelineLinkerComponent,
- CopyToClipboardComponent,
- HCAProjectComponent,
- HCASectionTitleComponent,
- HCATabComponent,
- HCATooltipComponent,
- PopLayoutComponent,
- ProjectIntegrationsComponent,
- ProjectSupplementaryLinksComponent,
- ProjectDownloadTSVComponent
- ],
- imports: [
- CcPipeModule,
- ClipboardModule,
- MatIconModule,
- MatTooltipModule,
- MatProgressSpinnerModule
- ],
- providers: [
- {
- provide: ActivatedRoute,
- useValue: {
- snapshot: {
- paramMap: jasmine.createSpyObj("paramMap", ["get"])
- }
- }
- },
- {
- provide: ConfigService,
- useValue: testConfig
- },
- DeviceDetectorService,
- {
- provide: Router,
- useValue: testRouter
- },
- {
- provide: Store,
- useValue: testStore
- }
- ]
- }).compileComponents();
-
- fixture = TestBed.createComponent(HCAProjectComponent);
- component = fixture.componentInstance;
- }));
-
- /**
- * Smoke test
- */
- it("should create an instance", () => {
-
- expect(component).toBeTruthy();
- });
-
- /**
- * Incomplete test
- */
- xit("TBD", () => {
-
- // TODO - pending test
- // TODO - test for null values tbc
- });
-
- /**
- * Confirm get citation link returns project detail page url.
- */
- it("should get citation link returns project detail page url", () => {
-
- const projectUrl = component.getCitationLink(PROJECT_DETAIL_SINGLE_VALUES.entryId);
-
- // Confirm project detail page url is returned
- expect(projectUrl).toEqual(TEST_VALUE_CITATION_URL);
- });
-
- /**
- * Confirm is short name sentence returns true when project label is sentence case.
- */
- it("should is short name sentence returns true when project label is sentence case", () => {
-
- const shortNameSentence = component.isShortNameSentence(PROJECT_DETAIL_SPECIFIC_VALUES.projectShortname);
-
- // Confirm true is returned
- expect(shortNameSentence).toEqual(true);
- });
-
- /**
- * Confirm is short name sentence returns false when project label is not sentence case.
- */
- it("should is short name sentence returns false when project label is not sentence case", () => {
-
- const shortNameSentence = component.isShortNameSentence(PROJECT_DETAIL_SINGLE_VALUES.projectShortname);
-
- // Confirm false is returned
- expect(shortNameSentence).toEqual(false);
- });
-
- /**
- * Confirm is supplementary links returns true when supplementary links has string array.
- */
- it("is supplementary links returns true when supplementary links has string array", () => {
-
- const supplementaryLinks = component.isSupplementaryLinks(PROJECT_DETAIL_SINGLE_VALUES.supplementaryLinks);
-
- // Confirm true is returned
- expect(supplementaryLinks).toEqual(true);
- });
-
- /**
- * Confirm is supplementary links returns false when supplementary links has empty values.
- */
- it("is supplementary links returns false when supplementary links has empty values", () => {
-
- const supplementaryLinks = component.isSupplementaryLinks(PROJECT_DETAIL_EMPTY_VALUES.supplementaryLinks);
-
- // Confirm false is returned
- expect(supplementaryLinks).toEqual(false);
- });
-
- /**
- * Confirm is supplementary links returns false when supplementary links has null values.
- */
- it("is supplementary links returns false when supplementary links has null values", () => {
-
- const supplementaryLinks = component.isSupplementaryLinks(PROJECT_DETAIL_NULL_VALUES.supplementaryLinks);
-
- // Confirm false is returned
- expect(supplementaryLinks).toEqual(false);
- });
-
- /**
- * Confirm "Citation" is displayed.
- */
- it(`should display "Citation"`, () => {
-
- testStore.pipe
- .and.returnValues(
- of(PROJECT_DETAIL_SINGLE_VALUES), // selected project detail
- of(PROJECT_MATRIX_URLS_SINGLE_SPECIES), // project matrix URLs
- of([]), // project ids
- of([]) // integrations
- );
-
- fixture.detectChanges();
-
- // Confirm "Citation" is displayed
- expect(isHeadingDisplayed(HEADING_CITATION)).toEqual(true);
- });
-
- /**
- * Confirm citation url is displayed.
- */
- it("should display citation url", () => {
-
- testStore.pipe
- .and.returnValues(
- of(PROJECT_DETAIL_SINGLE_VALUES), // selected project detail
- of(PROJECT_MATRIX_URLS_SINGLE_SPECIES), // project matrix URLs
- of([]), // project ids
- of([]) // integrations
- );
-
- fixture.detectChanges();
-
- // Confirm url is displayed
- expect(getDEInnerText(SELECTOR_CITATION_URL)).toEqual(TEST_VALUE_CITATION_URL);
- });
-
- /**
- * Confirm component is displayed for citation url.
- */
- it("should display component copy-to-clipboard for citation url", () => {
-
- testStore.pipe
- .and.returnValues(
- of(PROJECT_DETAIL_SINGLE_VALUES), // selected project detail
- of(PROJECT_MATRIX_URLS_SINGLE_SPECIES), // project matrix URLs
- of([]), // project ids
- of([]) // integrations
- );
-
- fixture.detectChanges();
-
- // Confirm component is displayed
- expect(getDEChildByName(SELECTOR_CITATION, SELECTOR_COPY_TO_CLIPBOARD)).not.toBeUndefined();
- });
-
- /**
- * Confirm component input property copy to clipboard link is the citation url.
- */
- it("builds component copy-to-clipboard input property copy to clipboard link with the citation url", () => {
-
- testStore.pipe
- .and.returnValues(
- of(PROJECT_DETAIL_SINGLE_VALUES), // selected project detail
- of(PROJECT_MATRIX_URLS_SINGLE_SPECIES), // project matrix URLs
- of([]), // project ids
- of([]) // integrations
- );
-
- fixture.detectChanges();
-
- const copyToClipboardDE = getDEChildByName(SELECTOR_CITATION, SELECTOR_COPY_TO_CLIPBOARD);
-
- // Confirm input property copy to clipboard link is citation url
- expect(getDEInputPropertyValue(copyToClipboardDE, INPUT_PROPERTY_COPY_TO_CLIPBOARD_LINK)).toEqual(TEST_VALUE_CITATION_URL);
- });
-
- /**
- * Confirm "Project Label" is displayed.
- */
- it(`should display "Project Label"`, () => {
-
- testStore.pipe
- .and.returnValues(
- of(PROJECT_DETAIL_SINGLE_VALUES), // selected project detail
- of(PROJECT_MATRIX_URLS_SINGLE_SPECIES), // project matrix URLs
- of([]), // project ids
- of([]) // integrations
- );
-
- fixture.detectChanges();
-
- // Confirm "Project Label" is displayed
- expect(isProjectDetailLabelDisplayed(PROJECT_LABEL_PROJECT_SHORTNAME, SELECTOR_PROJECT_DETAILS_LHS)).toEqual(true);
- });
-
- /**
- * Confirm class "break" is not displayed when "projectShortname" is sentence case.
- */
- it(`should not display class "break" when "projectShortname" is sentence case`, () => {
-
- testStore.pipe
- .and.returnValues(
- of(PROJECT_DETAIL_SPECIFIC_VALUES), // selected project detail
- of(PROJECT_MATRIX_URLS_SINGLE_SPECIES), // project matrix URLs
- of([]), // project ids
- of([]) // integrations
- );
-
- fixture.detectChanges();
-
- const projectDetailClasses = getProjectDetailClasses(PROJECT_LABEL_PROJECT_SHORTNAME);
-
- // Confirm class is not displayed
- expect(projectDetailClasses[CLASSNAME_BREAK]).toEqual(false);
- });
-
- /**
- * Confirm class "break" is displayed when "projectShortname" is not sentence case.
- */
- it(`should display class "break" when "projectShortname" is not sentence case`, () => {
-
- testStore.pipe
- .and.returnValues(
- of(PROJECT_DETAIL_SINGLE_VALUES), // selected project detail
- of(PROJECT_MATRIX_URLS_SINGLE_SPECIES), // project matrix URLs
- of([]), // project ids
- of([]) // integrations
- );
-
- fixture.detectChanges();
-
- const projectDetailClasses = getProjectDetailClasses(PROJECT_LABEL_PROJECT_SHORTNAME);
-
- // Confirm class is displayed
- expect(projectDetailClasses[CLASSNAME_BREAK]).toEqual(true);
- });
-
- /**
- * Confirm "Sample Type" is displayed.
- */
- it(`should display "Sample Type"`, () => {
-
- testStore.pipe
- .and.returnValues(
- of(PROJECT_DETAIL_SINGLE_VALUES), // selected project detail
- of(PROJECT_MATRIX_URLS_SINGLE_SPECIES), // project matrix URLs
- of([]), // project ids
- of([]) // integrations
- );
-
- fixture.detectChanges();
-
- // Confirm "Sample Type" is displayed
- expect(isProjectDetailLabelDisplayed(PROJECT_LABEL_SAMPLE_ENTITY_TYPE, SELECTOR_PROJECT_DETAILS_LHS)).toEqual(true);
- });
-
- /**
- * Confirm "Unspecified" is displayed when sample type is empty.
- */
- it(`should display "Unspecified" when sample type is empty`, () => {
-
- testStore.pipe
- .and.returnValues(
- of(PROJECT_DETAIL_EMPTY_VALUES), // selected project detail
- of(PROJECT_MATRIX_URLS_SINGLE_SPECIES), // project matrix URLs
- of([]), // project ids
- of([]) // integrations
- );
-
- fixture.detectChanges();
-
- // Confirm "Unspecified" is displayed
- expect(getProjectDetailValue(PROJECT_LABEL_SAMPLE_ENTITY_TYPE)).toEqual("Unspecified");
- });
-
- /**
- * Confirm "Unspecified" is displayed when sample type is "Unspecified".
- */
- it(`should display "Unspecified" when sample type is "Unspecified"`, () => {
-
- testStore.pipe
- .and.returnValues(
- of(PROJECT_DETAIL_UNSPECIFIED_VALUES), // selected project detail
- of(PROJECT_MATRIX_URLS_SINGLE_SPECIES), // project matrix URLs
- of([]), // project ids
- of([]) // integrations
- );
-
- fixture.detectChanges();
-
- // Confirm "Unspecified" is displayed
- expect(getProjectDetailValue(PROJECT_LABEL_SAMPLE_ENTITY_TYPE)).toEqual("Unspecified");
- });
-
- /**
- * Confirm single value is displayed when sample type is single value.
- */
- it("should display single value when sample type is single value", () => {
-
- testStore.pipe
- .and.returnValues(
- of(PROJECT_DETAIL_SINGLE_VALUES), // selected project detail
- of(PROJECT_MATRIX_URLS_SINGLE_SPECIES), // project matrix URLs
- of([]), // project ids
- of([]) // integrations
- );
-
- fixture.detectChanges();
-
- // Confirm single value is displayed
- expect(getProjectDetailValue(PROJECT_LABEL_SAMPLE_ENTITY_TYPE)).toEqual(PROJECT_DETAIL_SINGLE_VALUES.sampleEntityType);
- });
-
- /**
- * Confirm multiple string value is displayed when multiple sample types.
- */
- it("should display multiple string value when multiple sample types", () => {
-
- testStore.pipe
- .and.returnValues(
- of(PROJECT_DETAIL_MULTIPLE_VALUES), // selected project detail
- of(PROJECT_MATRIX_URLS_SINGLE_SPECIES), // project matrix URLs
- of([]), // project ids
- of([]) // integrations
- );
-
- fixture.detectChanges();
-
- // Confirm single value is displayed
- expect(getProjectDetailValue(PROJECT_LABEL_SAMPLE_ENTITY_TYPE)).toEqual(PROJECT_DETAIL_MULTIPLE_VALUES.sampleEntityType);
- });
-
- /**
- * Confirm "Modal Organ" is displayed when sample entity type is not "specimens".
- */
- it(`should display "Modal Organ" when sample entity type is not "specimens"`, () => {
-
- testStore.pipe
- .and.returnValues(
- of(PROJECT_DETAIL_SINGLE_VALUES), // selected project detail
- of(PROJECT_MATRIX_URLS_SINGLE_SPECIES), // project matrix URLs
- of([]), // project ids
- of([]) // integrations
- );
-
- fixture.detectChanges();
-
- // Confirm "Modal Organ" is displayed
- expect(isProjectDetailLabelDisplayed(PROJECT_LABEL_MODEL_ORGAN, SELECTOR_PROJECT_DETAILS_LHS)).toEqual(true);
- });
-
- /**
- * Confirm "Modal Organ" is not displayed when sample entity type is "specimens".
- */
- it(`should not display "Modal Organ" when sample entity type is "specimens"`, () => {
-
- testStore.pipe
- .and.returnValues(
- of(PROJECT_DETAIL_SPECIFIC_VALUES), // selected project detail
- of(PROJECT_MATRIX_URLS_SINGLE_SPECIES), // project matrix URLs
- of([]), // project ids
- of([]) // integrations
- );
-
- fixture.detectChanges();
-
- // Confirm "Modal Organ" is not displayed
- expect(isProjectDetailLabelDisplayed(PROJECT_LABEL_MODEL_ORGAN, SELECTOR_PROJECT_DETAILS_LHS)).toEqual(false);
- });
-
- /**
- * Confirm "Unspecified" is displayed when model organ is empty.
- */
- it(`should display "Unspecified" when model organ is empty`, () => {
-
- testStore.pipe
- .and.returnValues(
- of(PROJECT_DETAIL_EMPTY_VALUES), // selected project detail
- of(PROJECT_MATRIX_URLS_SINGLE_SPECIES), // project matrix URLs
- of([]), // project ids
- of([]) // integrations
- );
-
- fixture.detectChanges();
-
- // Confirm "Unspecified" is displayed
- expect(getProjectDetailValue(PROJECT_LABEL_MODEL_ORGAN)).toEqual("Unspecified");
- });
-
- /**
- * Confirm "Unspecified" is displayed when model organ is "Unspecified".
- */
- it(`should display "Unspecified" when model organ is "Unspecified"`, () => {
-
- testStore.pipe
- .and.returnValues(
- of(PROJECT_DETAIL_UNSPECIFIED_VALUES), // selected project detail
- of(PROJECT_MATRIX_URLS_SINGLE_SPECIES), // project matrix URLs
- of([]), // project ids
- of([]) // integrations
- );
-
- fixture.detectChanges();
-
- // Confirm "Unspecified" is displayed
- expect(getProjectDetailValue(PROJECT_LABEL_MODEL_ORGAN)).toEqual("Unspecified");
- });
-
- /**
- * Confirm single value is displayed when model organ is single value.
- */
- it("should display single value when model organ is single value", () => {
-
- testStore.pipe
- .and.returnValues(
- of(PROJECT_DETAIL_SINGLE_VALUES), // selected project detail
- of(PROJECT_MATRIX_URLS_SINGLE_SPECIES), // project matrix URLs
- of([]), // project ids
- of([]) // integrations
- );
-
- fixture.detectChanges();
-
- // Confirm single value is displayed
- expect(getProjectDetailValue(PROJECT_LABEL_MODEL_ORGAN)).toEqual(PROJECT_DETAIL_SINGLE_VALUES.modelOrgan);
- });
-
- /**
- * Confirm multiple string value is displayed when multiple model organs.
- */
- it("should display multiple string value when multiple model organs", () => {
- testStore.pipe
- .and.returnValues(
- of(PROJECT_DETAIL_MULTIPLE_VALUES), // selected project detail
- of(PROJECT_MATRIX_URLS_SINGLE_SPECIES), // project matrix URLs
- of([]), // project ids
- of([]) // integrations
- );
-
- fixture.detectChanges();
-
- // Confirm single value is displayed
- expect(getProjectDetailValue(PROJECT_LABEL_MODEL_ORGAN)).toEqual(PROJECT_DETAIL_MULTIPLE_VALUES.modelOrgan);
- });
-
- /**
- * Confirm "Analysis Protocol" is displayed when workflow is not "Unspecified".
- */
- it(`should display "Analysis Protocol" when workflow is not "Unspecified"`, () => {
-
- testStore.pipe
- .and.returnValues(
- of(PROJECT_DETAIL_SINGLE_VALUES), // selected project detail
- of(PROJECT_MATRIX_URLS_SINGLE_SPECIES), // project matrix URLs
- of([]), // project ids
- of([]) // integrations
- );
-
- fixture.detectChanges();
-
- // Confirm "Analysis Protocol" is displayed
- expect(isProjectDetailLabelDisplayed(PROJECT_LABEL_WORKFLOW, SELECTOR_PROJECT_DETAILS_LHS)).toEqual(true);
- });
-
- /**
- * Confirm "Analysis Protocol" is not displayed when workflow is "Unspecified".
- */
- it(`should not display "Analysis Protocol" when workflow is "Unspecified"`, () => {
-
- testStore.pipe
- .and.returnValues(
- of(PROJECT_DETAIL_UNSPECIFIED_VALUES), // selected project detail
- of(PROJECT_MATRIX_URLS_SINGLE_SPECIES), // project matrix URLs
- of([]), // project ids
- of([]) // integrations
- );
-
- fixture.detectChanges();
-
- // Confirm "Analysis Protocol" is not displayed
- expect(isProjectDetailLabelDisplayed(PROJECT_LABEL_WORKFLOW, SELECTOR_PROJECT_DETAILS_LHS)).toEqual(false);
- });
-
- /**
- * Confirm component is displayed when when workflow is not "Unspecified".
- */
- it(`should display component analysis protocol pipeline linker when workflow is not "Unspecified"`, () => {
-
- testStore.pipe
- .and.returnValues(
- of(PROJECT_DETAIL_SINGLE_VALUES), // selected project detail
- of(PROJECT_MATRIX_URLS_SINGLE_SPECIES), // project matrix URLs
- of([]), // project ids
- of([]) // integrations
- );
-
- fixture.detectChanges();
-
- const analysisProtocolPipelineLinkerEl = fixture.debugElement.nativeElement.querySelector(SELECTOR_ANALYSIS_PROTOCOL_PIPELINE_LINKER);
-
- // Confirm component analysis protocol pipeline linker is displayed when workflow is not "Unspecified"
- expect(analysisProtocolPipelineLinkerEl).not.toBe(null);
- });
-
- /**
- * Confirm "External Resources" is displayed.
- */
- it(`should display "External Resources"`, () => {
-
- testStore.pipe
- .and.returnValues(
- of(PROJECT_DETAIL_SINGLE_VALUES), // selected project detail
- of(PROJECT_MATRIX_URLS_SINGLE_SPECIES), // project matrix URLs
- of([]), // project ids
- of([]) // integrations
- );
-
- fixture.detectChanges();
-
- // Confirm "External Resources" is displayed
- expect(isHeadingDisplayed(HEADING_EXTERNAL_RESOURCES)).toEqual(true);
- });
-
- /**
- * Confirm component is displayed when project integration is single value.
- */
- it("should display component project integrations when project integration is single value", () => {
-
- testStore.pipe
- .and.returnValues(
- of(PROJECT_DETAIL_SINGLE_VALUES), // selected project detail
- of(PROJECT_MATRIX_URLS_SINGLE_SPECIES), // project matrix URLs
- of([]), // project ids
- of(PROJECT_PORTAL_SINGLE_VALUE_SINGLE_INTEGRATION_OBJECT) // integrations
- );
-
- fixture.detectChanges();
-
- const projectIntegrationsEl = fixture.debugElement.nativeElement.querySelector(SELECTOR_PROJECT_INTEGRATIONS);
-
- // Confirm component is displayed
- expect(projectIntegrationsEl).not.toBe(null);
- });
-
- /**
- * Confirm component is not displayed when project integration is empty.
- */
- it("should not display component project integrations when project integration is empty", () => {
-
- testStore.pipe
- .and.returnValues(
- of(PROJECT_DETAIL_SINGLE_VALUES), // selected project detail
- of(PROJECT_MATRIX_URLS_SINGLE_SPECIES), // project matrix URLs
- of([]), // project ids
- of([]) // integrations
- );
-
- fixture.detectChanges();
-
- const projectIntegrationsEl = fixture.debugElement.nativeElement.querySelector(SELECTOR_PROJECT_INTEGRATIONS);
-
- // Confirm component is not displayed
- expect(projectIntegrationsEl).toBe(null);
- });
-
- /**
- * Confirm "Supplementary Links" is displayed.
- */
- it(`displays "Supplementary Links"`, () => {
-
- testStore.pipe
- .and.returnValues(
- of(PROJECT_DETAIL_SINGLE_VALUES), // selected project detail
- of(PROJECT_MATRIX_URLS_SINGLE_SPECIES), // project matrix URLs
- of([]), // project ids
- of([]) // integrations
- );
-
- fixture.detectChanges();
-
- // Confirm "Supplementary Links" is displayed
- expect(isHeadingDisplayed(HEADING_SUPPLEMENTARY_LINKS)).toEqual(true);
- });
-
- /**
- * Confirm component is displayed when project supplementary links is single value.
- */
- it("displays component project supplementary links when project supplementary links is single value", () => {
-
- testStore.pipe
- .and.returnValues(
- of(PROJECT_DETAIL_SINGLE_VALUES), // selected project detail
- of(PROJECT_MATRIX_URLS_SINGLE_SPECIES), // project matrix URLs
- of([]), // project ids
- of(PROJECT_PORTAL_SINGLE_VALUE_SINGLE_INTEGRATION_OBJECT) // integrations
- );
-
- fixture.detectChanges();
-
- const projectSuppLinksEl = fixture.debugElement.nativeElement.querySelector(SELECTOR_PROJECT_SUPPLEMENTARY_LINKS);
-
- // Confirm component is displayed
- expect(projectSuppLinksEl).not.toBe(null);
- });
-
- /**
- * Confirm component is not displayed when project supplementary links is empty value.
- */
- it("does not display component project supplementary links when project supplementary links is empty value", () => {
-
- testStore.pipe
- .and.returnValues(
- of(PROJECT_DETAIL_EMPTY_VALUES), // selected project detail
- of(PROJECT_MATRIX_URLS_SINGLE_SPECIES), // project matrix URLs
- of([]), // project ids
- of(PROJECT_PORTAL_SINGLE_VALUE_SINGLE_INTEGRATION_OBJECT) // integrations
- );
-
- fixture.detectChanges();
-
- const projectSuppLinksEl = fixture.debugElement.nativeElement.querySelector(SELECTOR_PROJECT_SUPPLEMENTARY_LINKS);
-
- // Confirm component is not displayed
- expect(projectSuppLinksEl).toBe(null);
- });
-
- /**
- * Confirm component input property supplementary links is single supplementary links.
- */
- it("builds component project-supplementary-links input property supplementary links with single supplementary links", () => {
-
- testStore.pipe
- .and.returnValues(
- of(PROJECT_DETAIL_SINGLE_VALUES), // selected project detail
- of(PROJECT_MATRIX_URLS_SINGLE_SPECIES), // project matrix URLs
- of([]), // project ids
- of([]) // integrations
- );
-
- fixture.detectChanges();
-
- const projectSuppLinksDE = getDebugElementByCSS(SELECTOR_PROJECT_SUPPLEMENTARY_LINKS);
-
- // Confirm input property supplementary links is supplementary single value
- expect(getDEInputPropertyValue(projectSuppLinksDE, INPUT_PROPERTY_SUPPLEMENTARY_LINKS)).toEqual(PROJECT_DETAIL_SINGLE_VALUES.supplementaryLinks);
- });
-
- /**
- * Confirm "no supplementary links" paragraph is displayed when project supplementary links is empty value.
- */
- it("displays no supplementary links paragraph when project supplementary links is empty value", () => {
-
- testStore.pipe
- .and.returnValues(
- of(PROJECT_DETAIL_EMPTY_VALUES), // selected project detail
- of(PROJECT_MATRIX_URLS_SINGLE_SPECIES), // project matrix URLs
- of([]), // project ids
- of(PROJECT_PORTAL_SINGLE_VALUE_SINGLE_INTEGRATION_OBJECT) // integrations
- );
-
- fixture.detectChanges();
-
- const linksParagraphDE = getDEChildByName(SELECTOR_PROJECT_SUPPLEMENTARY, "p");
-
- // Confirm paragraph is displayed
- expect(linksParagraphDE).not.toBeUndefined();
- });
-
- /**
- * Confirm "no supplementary links" paragraph is not displayed when project supplementary links is single value.
- */
- it(`does not display "no supplementary links" paragraph when project supplementary links is single value`, () => {
-
- testStore.pipe
- .and.returnValues(
- of(PROJECT_DETAIL_SINGLE_VALUES), // selected project detail
- of(PROJECT_MATRIX_URLS_SINGLE_SPECIES), // project matrix URLs
- of([]), // project ids
- of(PROJECT_PORTAL_SINGLE_VALUE_SINGLE_INTEGRATION_OBJECT) // integrations
- );
-
- fixture.detectChanges();
-
- const linksParagraphDE = getDEChildByName(SELECTOR_PROJECT_SUPPLEMENTARY, "p");
-
- // Confirm paragraph is not displayed
- expect(linksParagraphDE).toBeUndefined();
- });
-
- /**
- * Returns the debug element for the specified selector.
- *
- * @param {string} selector
- * @returns {DebugElement}
- */
- function getDebugElementByCSS(selector: string): DebugElement {
-
- return fixture.debugElement.query(By.css(selector));
- }
-
- /**
- * Returns the debug element's child, specified by child name.
- *
- * @param {string} selector
- * @param {string} childName
- * @returns {DebugElement}
- */
- function getDEChildByName(selector: string, childName: string): DebugElement {
-
- const de = getDebugElementByCSS(selector);
-
- if ( !de ) {
- return;
- }
-
- return de.children.find(child => child.name === childName);
- }
-
- /**
- * Returns the debug element's inner html text, specified by selector.
- *
- * @param {string} selector
- * @returns {string}
- */
- function getDEInnerText(selector: string): string {
-
- const de = getDebugElementByCSS(selector);
-
- if ( !de ) {
-
- return;
- }
-
- return de.nativeElement.innerText;
- }
-
- /**
- * Returns the debug element's input property value specified by input property.
- *
- * @param {DebugElement} debugEl
- * @param {string} inputProperty
- * @returns {any}
- */
- function getDEInputPropertyValue(debugEl: DebugElement, inputProperty: string): any {
-
- if ( !debugEl ) {
- return;
- }
-
- return debugEl.componentInstance[inputProperty];
- }
-
- /**
- * Returns the project detail for the specified project detail label.
- *
- * @param {string} projectDetailLabel
- * @returns {DebugElement}
- */
- function getProjectDetail(projectDetailLabel: string): DebugElement {
-
- const projectDetailValueEls = fixture.debugElement.queryAll(By.css(SELECTOR_PROJECT_DETAILS_RHS));
-
- if ( !projectDetailValueEls ) {
-
- return;
- }
-
- const projectDetailIndex = PROJECT_DETAIL_DISPLAY_ORDER.indexOf(projectDetailLabel);
-
- return projectDetailValueEls[projectDetailIndex];
- }
-
- /**
- * Returns the project detail classes for the specified project detail.
- *
- * @param {string} projectDetailLabel
- * @returns {Object}
- */
- function getProjectDetailClasses(projectDetailLabel: string): Object {
-
- const projectDetail = getProjectDetail(projectDetailLabel);
-
- if ( !projectDetail ) {
-
- return;
- }
-
- return projectDetail.classes;
- }
-
- /**
- * Returns the project detail value for the specified project detail.
- *
- * @param {string} projectDetailLabel
- * @returns {any}
- */
- function getProjectDetailValue(projectDetailLabel: string): any {
-
- const projectDetail = getProjectDetail(projectDetailLabel);
-
- if ( !projectDetail ) {
-
- return;
- }
-
- return projectDetail.nativeElement.innerText;
- }
-
-
- /**
- * Returns true if heading is displayed.
- *
- * @param {string} heading
- * @returns {boolean}
- */
- function isHeadingDisplayed(heading: string): boolean {
-
- const headingEls = fixture.debugElement.queryAll(By.css("h4"));
-
- if ( !headingEls ) {
-
- return false;
- }
-
- return headingEls.some(headingEl => headingEl.nativeElement.innerText === heading);
- }
-
- /**
- * Returns true if label is displayed.
- *
- * @param {string} label
- * @param {string} queryString
- * @returns {boolean}
- */
- function isProjectDetailLabelDisplayed(label: string, queryString: string): boolean {
-
- const projectDetailLabelEls = fixture.debugElement.queryAll(By.css(queryString));
-
- if ( !projectDetailLabelEls ) {
-
- return false;
- }
-
- return projectDetailLabelEls.some(projectDetailLabelEl => projectDetailLabelEl.nativeElement.innerText === label);
- }
-});
diff --git a/spa/src/app/files/hca-project/hca-project.component.ts b/spa/src/app/files/hca-project/hca-project.component.ts
deleted file mode 100644
index 8cc645cd0..000000000
--- a/spa/src/app/files/hca-project/hca-project.component.ts
+++ /dev/null
@@ -1,557 +0,0 @@
-/**
- * Human Cell Atlas
- * https://www.humancellatlas.org/
- *
- * Component displaying HCA project details.
- */
-
-// Core dependencies
-import { Component, ChangeDetectionStrategy, OnDestroy, OnInit } from "@angular/core";
-import { ActivatedRoute, Router } from "@angular/router";
-import { DeviceDetectorService } from "ngx-device-detector";
-import { select, Store } from "@ngrx/store";
-import { combineLatest, Observable } from "rxjs";
-import { filter, map } from "rxjs/operators";
-
-// App dependencies
-import { ConfigService } from "../../config/config.service";
-import { AppState } from "../../_ngrx/app.state";
-import { selectSelectedProject } from "../_ngrx/file.selectors";
-import { FetchIntegrationsByProjectIdRequestAction } from "../_ngrx/integration/fetch-integrations-by-project-id-request.action";
-import { selectProjectIntegrations } from "../_ngrx/integration/integration.selectors";
-import { FetchProjectMatrixUrlsRequestAction } from "../_ngrx/matrix/fetch-project-matrix-urls-request.action";
-import { selectProjectMatrixUrlsByProjectId } from "../_ngrx/matrix/matrix.selectors";
-import { FetchProjectRequestAction } from "../_ngrx/table/table.actions";
-import { selectSelectedProjectSearchTerms } from "../_ngrx/search/search.selectors";
-import { SelectProjectIdAction } from "../_ngrx/search/select-project-id.action";
-import { ClearSelectedProjectAction } from "../_ngrx/table/clear-selected-project.action";
-import { CollaboratingOrganizationView } from "../project-view/collaborating-organization-view.model";
-import { ContactView } from "../project-view/contact-view.model";
-import { ContributorView } from "../project-view/contributor-view.model";
-import { Contributor } from "../shared/contributor.model";
-import EntitySpec from "../shared/entity-spec";
-import { Project } from "../shared/project.model";
-import { SearchTerm } from "../search/search-term.model";
-import { EntityName } from "../shared/entity-name.model";
-import { Publication } from "../shared/publication.model";
-import {
- getColumnDescription,
- getColumnDisplayName
-} from "../table/table-methods";
-import { HCAProjectState } from "./hca-project.state";
-import { ProjectView } from "./project-view.model";
-
-@Component({
- selector: "hca-project",
- templateUrl: "./hca-project.component.html",
- styleUrls: ["./hca-project.component.scss"],
- changeDetection: ChangeDetectionStrategy.OnPush,
-})
-
-export class HCAProjectComponent implements OnDestroy, OnInit {
-
- // Template variables
- public getColumnDescription = getColumnDescription;
- public getColumnDisplayName = getColumnDisplayName;
- public state$: Observable;
-
- // Locals
- private deviceInfo = null;
-
- /**
- * @param {ActivatedRoute} activatedRoute
- * @param {DeviceDetectorService} deviceService
- * @param {Router} router
- * @param {Store} store
- * @param {ConfigService} configService
- */
- public constructor(private activatedRoute: ActivatedRoute,
- private deviceService: DeviceDetectorService,
- private router: Router,
- private store: Store,
- private configService: ConfigService) {
- }
-
- /**
- * Returns null value for EntitySpec, no need for an active tab.
- *
- * @returns {EntitySpec}
- */
- public getActiveTab(): EntitySpec {
-
- return {key: "", displayName: ""};
- }
-
- /**
- * Returns project detail page url.
- *
- * @param {string} projectId
- * @returns {string}
- */
- public getCitationLink(projectId: string): string {
-
- const portalURL = this.configService.getPortalURL();
-
- return portalURL + "/explore/projects/" + projectId;
- }
-
- /**
- * Returns the distinct list of collaborating organizations of the project.
- * Will exclude corresponding contributors and any contributor with role "data curator".
- *
- * @param {Contributor[]} contributors
- * @returns {string[]}
- */
- public getDistinctListOfCollaboratingOrganizations(contributors: Contributor[]): string[] {
-
- return this.getProjectContributors(contributors)
- .map(contributor => contributor.institution)
- .filter((o, i, a) => a.indexOf(o) === i);
- }
-
- /**
- * Returns formatted name from "firstName,middleName,lastName" to "firstName middleName lastName".
- *
- * @param {string} commaDelimitedName
- * @returns {string}
- */
- public getFormattedContributorName(commaDelimitedName: string): string {
-
- return commaDelimitedName.split(/[ ,]+/).join(" ");
- }
-
- /**
- * Return the inline style configuration for the chart legend, for the specified project.
- *
- * @param {boolean} selected
- * @returns {any}
- */
- public getLegendStyle(selected: boolean): any {
-
- // If term is selected, set the background color as well
- if ( selected ) {
-
- return {
- "border-color": "#1F6B9A",
- "background-color": "#1C7CC7"
- };
- }
- }
-
- /**
- * Returns the list of contributors for the project.
- * Will exclude corresponding contributors and any contributor with role "data curator".
- *
- * @param {Contributor[]} contributors
- * @returns {Contributor[]}
- */
- public getProjectContributors(contributors: Contributor[]): Contributor[] {
-
- return contributors
- .filter(contributor => !contributor.correspondingContributor)
- .filter(contributor => !this.isContributorDataCurator(contributor.projectRole));
- }
-
- /**
- * Tab provides opportunity to return back to Project table.
- *
- * @returns {EntitySpec[]}
- */
- public getProjectDetailTabs(): EntitySpec[] {
-
- return [{key: EntityName.PROJECTS, displayName: "Back"}];
- }
-
- /**
- * Returns publication title with a link to the publication URL, if it exists.
- *
- * @param {Publication} publication
- * @returns {string}
- */
- public getProjectPublication(publication: Publication): string {
-
- return publication.publicationUrl ?
- `${publication.publicationTitle}` :
- publication.publicationTitle;
- }
-
- /**
- * Returns true if project collaborating organizations exist.
- *
- * @param {CollaboratingOrganizationView[]} collaboratingOrganzations
- * @returns {boolean}
- */
- public isAnyCollaboratingOrganizationAssociated(collaboratingOrganzations: CollaboratingOrganizationView[]): boolean {
- return collaboratingOrganzations.length > 0;
- }
-
- /**
- * Returns true if project contacts exist.
- *
- * @param {ContactView[]} contacts
- * @returns {boolean}
- */
- public isAnyContactAssociated(contacts: ContactView[]): boolean {
- return contacts.length > 0;
- }
-
- /**
- * Returns true if project contributors exist.
- *
- * @param {ContributorView[]} contributors
- * @returns {boolean}
- */
- public isAnyContributorAssociated(contributors: ContributorView[]): boolean {
- return contributors.length > 0;
- }
-
- /**
- * Returns true if at least one data curator has been specified for this project.
- *
- * @param {string[]} curators
- * @returns {boolean}
- */
- public isAnyDataCuratorAssociated(curators: string[]): boolean {
- return curators.length > 0;
- }
-
- /**
- * Returns true if project publications exist.
- *
- * @param {Publication[]} publications
- * @returns {boolean}
- */
- public isAnyPublicationAssociated(publications: Publication[]): boolean {
- return publications.length > 0;
- }
-
- /**
- * Returns true if device is either mobile or tablet.
- *
- * @returns {boolean}
- */
- public isDeviceHandheld(): boolean {
-
- this.deviceInfo = this.deviceService.getDeviceInfo();
- const isMobile = this.deviceService.isMobile();
- const isTablet = this.deviceService.isTablet();
-
- return (isMobile || isTablet);
- }
-
- /**
- * Returns true if project is a selected facet.
- *
- * @param {string[]} selectedProjectIds
- * @param {string} projectId
- * @returns {boolean}
- */
- public isProjectSelected(selectedProjectIds: string[], projectId: string): boolean {
-
- return selectedProjectIds.indexOf(projectId) >= 0;
- }
-
- /**
- * Returns true if sample entity type is "specimens".
- *
- * @param {string} sampleEntityType
- * @returns {boolean}
- */
- public isSampleEntityTypeSpecimens(sampleEntityType: string): boolean {
-
- return sampleEntityType === "specimens";
- }
-
- /**
- * Returns true if short name is spaced.
- *
- * @param {string} shortName
- * @returns {boolean}
- */
- public isShortNameSentence(shortName: string): boolean {
-
- return shortName.includes(" ");
- }
-
- /**
- * Returns true if there are supplementaryLinks.
- *
- * @param {string[]} supplementaryLinks
- * @returns {boolean}
- */
- public isSupplementaryLinks(supplementaryLinks: string[]): boolean {
-
- if ( !supplementaryLinks ) {
-
- return false;
- }
-
- return supplementaryLinks.length > 0;
- }
-
- /**
- * Returns true if workflow is any value other than "Unspecified".
- *
- * @param {string} workflow
- * @returns {boolean}
- */
- public isWorkflowNotUnspecified(workflow: string): boolean {
-
- return workflow !== "Unspecified";
- }
-
- /**
- * Handle click on term in list of terms - update store with selected / unsselected project and return user back to
- * project table.
- *
- * @param {string[]} selectedProjectIds
- * @param {string} projectId
- * @param {string} projectShortname
- */
- public onProjectSelected(selectedProjectIds: string[], projectId: string, projectShortname: string) {
-
- const selected = this.isProjectSelected(selectedProjectIds, projectId);
- this.store.dispatch(new SelectProjectIdAction(projectId, projectShortname, !selected));
- this.router.navigate(["/projects"]);
- }
-
- /**
- * Return string-concat'ed version of the specified array.
- *
- * @param {any[]} values
- * @param {string} valueIfNull
- * @returns {string}
- */
- public stringifyValues(values: any[], valueIfNull: string): string {
-
- const linkedValue = "Smart-seq2";
-
- if ( !values ) {
- return valueIfNull;
- }
-
- if ( !Array.isArray(values) ) {
- return values;
- }
-
- if ( values.length === 0 ) {
- return valueIfNull;
- }
-
- if ( values.includes(linkedValue) ) {
- return this.stringifyAndLinkValues(values, linkedValue);
- }
-
- return values.join(", ");
- }
-
- /**
- * Returns string-concat'ed version of the array,
- * with the value of interest "Smart-seq2" linked to a page in the Data Portal.
- *
- * @param {any[]} values
- * @param {string} linkedValue
- * @returns {string}
- */
- public stringifyAndLinkValues(values: any[], linkedValue: string): string {
-
- const posOfValue = values.indexOf(linkedValue);
-
- const portalURL = this.configService.getPortalURL();
- const hrefOfValue = `${portalURL}/pipelines/hca-pipelines/data-processing-pipelines/smart-seq2-workflow`;
- const innerHTMLOfValue = `${linkedValue}`;
-
- return `${values.slice(0, posOfValue).concat(innerHTMLOfValue).concat(values.slice(posOfValue + 1, values.length)).join(", ")}`;
- }
-
- /**
- * Returns project related information, including formatted contact, contributor and organizations lists.
- *
- * @param {Project} project
- * @returns {ProjectView}
- */
- private buildProjectView(project: Project): ProjectView {
-
- return {
- collaboratingOrganizations: this.getCollaboratingOrganizations(project.contributors),
- contacts: this.getContacts(project.contributors),
- contributors: this.getContributors(project.contributors),
- dataCurators: this.getDataCurators(project.contributors),
- project: project
- };
- }
-
- /**
- * Returns formatted name from "firstName,middleName,lastName" to "firstName middleName lastName".
- *
- * @param {string} commaDelimitedName
- * @returns {string}
- */
- public formatContributor(commaDelimitedName: string): string {
-
- return commaDelimitedName.split(/[ ,]+/).join(" ");
- }
-
- /**
- * Returns the project contributor's list of organizations with their corresponding citation.
- *
- * @param {Contributor[]} contributors
- * @returns {CollaboratingOrganizationView[]}
- */
- private getCollaboratingOrganizations(contributors: Contributor[]): CollaboratingOrganizationView[] {
-
- const projectContributors = this.getProjectContributors(contributors),
- projectDistinctListOfContributorOrganizations = this.getDistinctListOfCollaboratingOrganizations(projectContributors);
-
- return projectDistinctListOfContributorOrganizations.map((organization, i) => {
-
- return {
- citation: i + 1,
- name: organization,
- };
- });
- }
-
- /**
- * Returns formatted project contacts.
- *
- * @param {Contributor[]} contributors
- * @returns {ContactView[]}
- */
- private getContacts(contributors: Contributor[]): ContactView[] {
-
- return contributors
- .filter(contributor => contributor.correspondingContributor)
- .map(correspondingContributor => {
-
- return {
- name: this.getFormattedContributorName(correspondingContributor.contactName),
- email: correspondingContributor.email,
- institution: correspondingContributor.institution
- };
- });
- }
-
- /**
- * Returns formatted project contributors with their corresponding [organization] citation number.
- *
- * @param {Contributor[]} contributors
- * @returns {ContributorView[]}
- */
- private getContributors(contributors: Contributor[]): ContributorView[] {
-
- const projectContributors = this.getProjectContributors(contributors);
- const projectDistinctListOfContributorOrganizations = this.getDistinctListOfCollaboratingOrganizations(projectContributors);
-
- return projectContributors.map(projectContributor => {
-
- return {
- citation: projectDistinctListOfContributorOrganizations.indexOf(projectContributor.institution) + 1,
- name: this.getFormattedContributorName(projectContributor.contactName),
- role: projectContributor.projectRole
- };
- });
- }
-
- /**
- * Returns formatted data curators.
- *
- * @param {Contributor[]} contributors
- * @returns {ContributorView[]}
- */
- private getDataCurators(contributors: Contributor[]): string[] {
-
- return contributors
- .filter(contributor => this.isContributorDataCurator(contributor.projectRole))
- .map(contributor => contributor.contactName)
- .map(name => this.formatContributor(name));
-
- }
-
- /**
- * Returns true if the contributor's projectRole is "data curator".
- *
- * @param {string} projectRole
- * @returns {boolean}
- */
- private isContributorDataCurator(projectRole: string): boolean {
-
- return projectRole && projectRole.toLowerCase() === "data curator";
- }
-
- /**
- * Transform selected project search term set into set of selected project IDs.
- *
- * @param {SearchTerm[]} searchTerms
- * @returns {string[]}
- */
- private mapSearchTermsToProjectIds(searchTerms: SearchTerm[]): string[] {
-
- return searchTerms.map((searchTerm: SearchTerm) => {
- return searchTerm.getSearchValue();
- });
- }
-
- /**
- * Clear out the selected project when the user navigates away from project detail page.
- */
- public ngOnDestroy() {
-
- this.store.dispatch(new ClearSelectedProjectAction());
- }
-
- /**
- * Update state with selected project.
- */
- public ngOnInit() {
-
- // Add selected project to state - grab the project ID from the URL.
- const projectId = this.activatedRoute.snapshot.paramMap.get("id");
- this.store.dispatch(new FetchProjectRequestAction(projectId));
-
- // Grab reference to selected project
- const project$ = this.store.pipe(select(selectSelectedProject));
-
- // Determine which matrix formats, if any, are available for download for this project
- this.store.dispatch(new FetchProjectMatrixUrlsRequestAction(projectId));
-
- // Grab the project matrix URLs, if any, for this project
- const projectMatrixUrls$ = this.store.pipe(
- select(selectProjectMatrixUrlsByProjectId),
- map(projectMatrixUrlsByProjectId => projectMatrixUrlsByProjectId.get(projectId))
- );
-
- // Grab the ID's of the current set of selected projects, if any
- const selectedProjectIds$ = this.store.pipe(
- select(selectSelectedProjectSearchTerms),
- map(this.mapSearchTermsToProjectIds)
- );
-
- // Request and grab the integrations for the current project
- this.store.dispatch(new FetchIntegrationsByProjectIdRequestAction(projectId));
- const integrations$ = this.store.pipe(
- select(selectProjectIntegrations, {projectId: projectId})
- );
-
- this.state$ = combineLatest(
- project$,
- projectMatrixUrls$,
- selectedProjectIds$,
- integrations$
- )
- .pipe(
- filter(([project]) => !!project),
- map(([project, projectMatrixUrls, selectedProjectIds, integrations]) => {
-
- const projectView = this.buildProjectView(project);
- return {
- integrations: integrations,
- integratedWithTertiaryPortals: integrations.length > 0,
- project: projectView,
- projectMatrixUrls: projectMatrixUrls,
- selectedProjectIds
- };
- })
- );
- }
-}
diff --git a/spa/src/app/files/hca-project/hca-project.state.ts b/spa/src/app/files/hca-project/hca-project.state.ts
deleted file mode 100644
index b4a0ea5fe..000000000
--- a/spa/src/app/files/hca-project/hca-project.state.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-/**
- * Human Cell Atlas
- * https://www.humancellatlas.org/
- *
- * State backing HCA project component.
- */
-
-// App dependencies
-import { Portal } from "../_ngrx/integration/portal.model";
-import { ProjectMatrixUrls } from "../shared/project-matrix-urls.model";
-import { ProjectView } from "./project-view.model";
-
-export interface HCAProjectState {
-
- integrations: Portal[];
- integratedWithTertiaryPortals: boolean;
- project: ProjectView;
- projectMatrixUrls: ProjectMatrixUrls;
- selectedProjectIds: string[];
-}
diff --git a/spa/src/app/files/hca-project/project-view.model.ts b/spa/src/app/files/hca-project/project-view.model.ts
deleted file mode 100644
index b67f33cf7..000000000
--- a/spa/src/app/files/hca-project/project-view.model.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-/**
- * Human Cell Atlas
- * https://www.humancellatlas.org/
- *
- * Model of project view, included in JSON response returned from project API.
- */
-
-// App dependencies
-import { CollaboratingOrganizationView } from "../project-view/collaborating-organization-view.model";
-import { ContactView } from "../project-view/contact-view.model";
-import { ContributorView } from "../project-view/contributor-view.model";
-import { Project } from "../shared/project.model";
-
-export interface ProjectView {
- contacts: ContactView[];
- collaboratingOrganizations: CollaboratingOrganizationView[];
- contributors: ContributorView[];
- dataCurators: string[];
- project: Project;
-}
diff --git a/spa/src/app/files/project-external-resources/project-external-resources.component.html b/spa/src/app/files/project-external-resources/project-external-resources.component.html
index 82b715db3..5a00ded47 100644
--- a/spa/src/app/files/project-external-resources/project-external-resources.component.html
+++ b/spa/src/app/files/project-external-resources/project-external-resources.component.html
@@ -1,13 +1,15 @@
External Resources
-
-
-
- This project's data can be viewed live in the following external resources:
-
+
+
+
+
+ This project's data can be viewed live in the following external resources:
+
+
+ There are currently no integrations for this project at this
+ time.
-
There are currently no integrations for this project at this
- time.
-
-
