Hyperlink Analysis Protocol to corresponding Pipelines page in the portal. Resolves #950. (#961)

Author: frano-m

spa/src/app/files/analysis-protocol-pipeline-linker/analysis-protocol-pipeline-linker.component.html

@@ -0,0 +1,6 @@
+<ng-container *ngFor="let analysisProtocol of listAnalysisProtocols(); last as lastAnalysisProtocol">
+    <ng-container [ngSwitch]="isAnalysisProtocolLinked(analysisProtocol)">
+        <a href="{{getPipelineLink(analysisProtocol)}}" rel="noopener noreferrer" target="_blank" *ngSwitchDefault>{{analysisProtocol}}<span class="comma" *ngIf="!lastAnalysisProtocol">, </span></a>
+        <span *ngSwitchCase="false">{{analysisProtocol}}<span class="comma" *ngIf="!lastAnalysisProtocol">, </span></span>
+    </ng-container>
+</ng-container>

spa/src/app/files/analysis-protocol-pipeline-linker/analysis-protocol-pipeline-linker.component.scss

@@ -0,0 +1,27 @@
+/*
+ * Human Cell Atlas
+ * https://www.humancellatlas.org/
+ *
+ * Styles for analysis protocol pipeline linker.
+ */
+@import "../../site/theme/cgl.vars";
+
+/* Tables */
+/* HCATableFilesComponent */
+/* HCATableProjectsComponent */
+/* HCATableSamplesComponent */
+:host-context(.hca-table) {
+
+    .comma {
+        color: $hca-gray-dark;
+    }
+}
+
+/* Project detail page */
+/* HCAProjectComponent */
+:host-context(.explore-project) {
+
+    .comma {
+        color: black;
+    }
+}