Catalog alignment

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

1 files changed, 45 insertions, 0 deletions

diff --git a/catalog-ui/src/app/ng2/components/ui/file-opener/file-opener.component.ts b/catalog-ui/src/app/ng2/components/ui/file-opener/file-opener.component.ts
new file mode 100644
index 0000000000..1d1d4cef0d
--- /dev/null
+++ b/catalog-ui/src/app/ng2/components/ui/file-opener/file-opener.component.ts
@@ -0,0 +1,45 @@
+import {Component, Input, Output, EventEmitter, SimpleChanges} from "@angular/core";
+
+@Component({
+    selector: 'file-opener',
+    templateUrl: './file-opener.component.html',
+    styleUrls: ['./file-opener.component.less']
+})
+export class FileOpenerComponent {
+    @Input() public testsId: string;
+    @Input() public extensions: string;
+    @Output() public onFileUpload: EventEmitter<any>;
+
+    public extensionsWithDot: string;
+
+    constructor() {
+        this.onFileUpload = new EventEmitter<any>();
+    }
+
+    public ngOnChanges(changes:SimpleChanges) {
+        if (changes.extensions) {
+            this.extensionsWithDot = this.getExtensionsWithDot(changes.extensions.currentValue);
+        }
+    }
+
+    public onFileSelect(event) {
+        const importFile:any = event.target.files[0];
+        const reader = new FileReader();
+        reader.readAsBinaryString(importFile);
+        reader.onload = () => {
+            this.onFileUpload.emit({
+                filename: importFile.name,
+                filetype: importFile.type,
+                filesize: importFile.size,
+                base64: btoa(reader.result)
+            });
+        };
+    }
+
+    public getExtensionsWithDot(extensions:string):string {
+        extensions = extensions || this.extensions || '';
+        return extensions.split(',')
+            .map(ext => '.' + ext.toString())
+            .join(',');
+    }
+}