Catalog alignment

Issue-ID: SDC-2724
Signed-off-by: ys9693 <ys9693@att.com>
Change-Id: I52b4aacb58cbd432ca0e1ff7ff1f7dd52099c6fe

1 files changed, 68 insertions, 0 deletions

diff --git a/catalog-ui/src/app/ng2/pages/workspace/disribution/distribution-component-table/distribution-component-artifact-table/distribution-component-artifact-table.component.ts b/catalog-ui/src/app/ng2/pages/workspace/disribution/distribution-component-table/distribution-component-artifact-table/distribution-component-artifact-table.component.ts
new file mode 100644
index 0000000000..af9aef5c64
--- /dev/null
+++ b/catalog-ui/src/app/ng2/pages/workspace/disribution/distribution-component-table/distribution-component-artifact-table/distribution-component-artifact-table.component.ts
@@ -0,0 +1,68 @@
+import { Component, Input, OnInit, ViewChild } from '@angular/core';
+import * as _ from 'lodash';
+import { DistributionService } from '../../distribution.service';
+
+// tslint:disable:no-string-literal
+
+@Component({
+    selector: 'app-distribution-component-artifact-table',
+    templateUrl: './distribution-component-artifact-table.component.html',
+    styleUrls: ['./distribution-component-artifact-table.component.less']
+})
+export class DistributionComponentArtifactTableComponent implements OnInit {
+
+    @ViewChild('statusTable', {}) table: any;
+
+    @Input() componentName: string;
+    @Input() rowDistributionID: string;
+    @Input() statusFilter: string;
+
+    public artifacts = [];
+
+    constructor(private distributionService: DistributionService) {
+    }
+
+    ngOnInit() {
+        this.artifacts = this.distributionService.getArtifactstByDistributionIDAndComponentsName(this.rowDistributionID, this.componentName);
+        if (this.statusFilter) {
+            this.artifacts.forEach(
+            (artifact) => {
+                artifact.statuses = _.filter(artifact.statuses, {status: this.statusFilter});
+            });
+        }
+    }
+
+    public getLatestArtifact(artifactName: string) {
+        const selectedArtifact = this.artifacts.filter((artifact) => artifact.name === artifactName);
+        if (selectedArtifact && selectedArtifact[0] && selectedArtifact[0]['statuses'] && selectedArtifact[0]['statuses'][0]) {
+            return selectedArtifact[0]['statuses'][0];
+        } else {
+            return null;
+        }
+    }
+
+    private copyToClipboard(urlToCopy: any) {
+
+        const inputForCopyToClipboard = document.getElementById('inputForCopyToClipboard') as HTMLInputElement;
+        inputForCopyToClipboard.value = urlToCopy;
+        /* Select the text field */
+        inputForCopyToClipboard.select();
+
+        /* Copy the text inside the text field */
+        document.execCommand('copy');
+
+    }
+
+    private generateDataTestID(preFix: string, componentName: string, artifactName: string, status?: string) {
+        if (!status) {
+            return preFix + componentName + '_' + artifactName;
+        } else {
+            return preFix + status + '_' + componentName + '_' + artifactName;
+        }
+    }
+
+    private expandRow(row: any) {
+        this.table.rowDetail.toggleExpandRow(row);
+    }
+
+}