2 files changed, 57 insertions, 0 deletions
diff --git a/catalog-ui/src/app/directives/file-opener/file-opener.html b/catalog-ui/src/app/directives/file-opener/file-opener.html
new file mode 100644
index 0000000000..38f82554e9
--- /dev/null
+++ b/catalog-ui/src/app/directives/file-opener/file-opener.html
@@ -0,0 +1,3 @@
+<div>
+<input class="i-sdc-dashboard-item-upload-input"  type="file" data-tests-id="file-{{testsId}}" data-ng-model="importFile"  base-sixty-four-input data-ng-change="onFileSelect()" accept="{{getExtensionsWithDot()}}"/>
+</div>
diff --git a/catalog-ui/src/app/directives/file-opener/file-opener.ts b/catalog-ui/src/app/directives/file-opener/file-opener.ts
new file mode 100644
index 0000000000..95e43262f5
--- /dev/null
+++ b/catalog-ui/src/app/directives/file-opener/file-opener.ts
@@ -0,0 +1,54 @@
+'use strict';
+
+export interface IFileOpenerScope extends ng.IScope {
+    importFile:any;
+    testsId:any;
+    extensions:string;
+
+    onFileSelect():void;
+    onFileUpload(file:any):void;
+    getExtensionsWithDot():string;
+}
+
+export class FileOpenerDirective implements ng.IDirective {
+
+    constructor(private $compile:ng.ICompileService) {
+    }
+
+    scope = {
+        onFileUpload: '&',
+        testsId: '@',
+        extensions: '@'
+    };
+
+    restrict = 'AE';
+    replace = true;
+    template = ():string => {
+        return require('./file-opener.html');
+    };
+
+    link = (scope:IFileOpenerScope, element:any) => {
+
+        scope.onFileSelect = () => {
+            scope.onFileUpload({file: scope.importFile});
+            element.html('app/directives/file-opener/file-opener.html');
+            this.$compile(element.contents())(scope);
+        };
+
+        scope.getExtensionsWithDot = ():string => {
+            let ret = [];
+            _.each(scope.extensions.split(','), function (item) {
+                ret.push("." + item.toString());
+            });
+            return ret.join(",");
+        };
+
+    };
+
+    public static factory = ($compile:ng.ICompileService)=> {
+        return new FileOpenerDirective($compile);
+    };
+
+}
+
+FileOpenerDirective.factory.$inject = ['$compile'];