1 files changed, 24 insertions, 0 deletions
diff --git a/catalog-ui/src/app/ng2/components/ui/tile/tile.component.ts b/catalog-ui/src/app/ng2/components/ui/tile/tile.component.ts
new file mode 100644
index 0000000000..b6f63584be
--- /dev/null
+++ b/catalog-ui/src/app/ng2/components/ui/tile/tile.component.ts
@@ -0,0 +1,24 @@
+import {Component, Input, Output, Inject, EventEmitter} from '@angular/core';
+import {Component as ComponentModel} from 'app/models';
+import {SdcMenuToken, IAppMenu} from "../../../config/sdc-menu.config";
+
+@Component({
+    selector: 'ui-tile',
+    templateUrl: './tile.component.html',
+    styleUrls: ['./tile.component.less']
+})
+export class TileComponent {
+    @Input() public component: ComponentModel;
+    @Output() public onTileClick: EventEmitter<ComponentModel>;
+
+    public hasEllipsis: boolean;
+
+    constructor(@Inject(SdcMenuToken) public sdcMenu:IAppMenu) {
+        this.onTileClick = new EventEmitter<ComponentModel>();
+        this.hasEllipsis = false;
+    }
+
+    public tileClicked() {
+        this.onTileClick.emit(this.component);
+    }
+}