extract plot detail view into its own component

pdb-js/src/app/plot-details/plot-details.component.ts

@@ -0,0 +1,24 @@
+import { Component, OnInit, Input, Output, ViewChild, EventEmitter, ɵpublishDefaultGlobalUtils } from '@angular/core';
+import { DashTypeAndColor, PlotResponseStats } from '../plot.service';
+import { UtilService } from '../utils.service';
+
+@Component({
+  selector: 'pdb-plot-details',
+  templateUrl: './plot-details.component.html',
+  styleUrls: ['./plot-details.component.scss']
+})
+export class PlotDetailsComponent {
+
+  @Input()
+  stats: PlotResponseStats;
+
+  constructor(public utils: UtilService){
+
+  }
+
+  pointTypeClass(typeAndColor: DashTypeAndColor): string {
+    return "plot-details-plotType"
+      +" plot-details-plotType_"+typeAndColor.pointType
+      +" plot-details-plotType_"+typeAndColor.color.toLocaleLowerCase();
+  } 
+}