From 4ea1d766b4ca24a069ce117d67179054d1742dab Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=B3zsef=20Farkas?= <fjozsef001@gmail.com>
Date: Sat, 4 Jun 2016 17:19:00 +0200
Subject: [PATCH] Add icon component

---
 .../popover/widgets/icon.component.scss       |  4 +++
 .../popover/widgets/icon.component.ts         | 29 +++++++++++++++++++
 2 files changed, 33 insertions(+)
 create mode 100644 src/components/popover/widgets/icon.component.scss
 create mode 100644 src/components/popover/widgets/icon.component.ts

diff --git a/src/components/popover/widgets/icon.component.scss b/src/components/popover/widgets/icon.component.scss
new file mode 100644
index 00000000..f3936427
--- /dev/null
+++ b/src/components/popover/widgets/icon.component.scss
@@ -0,0 +1,4 @@
+:host {
+    display: flex;
+    align-items: center;
+}
\ No newline at end of file
diff --git a/src/components/popover/widgets/icon.component.ts b/src/components/popover/widgets/icon.component.ts
new file mode 100644
index 00000000..4bcfaa4e
--- /dev/null
+++ b/src/components/popover/widgets/icon.component.ts
@@ -0,0 +1,29 @@
+import { Component, OnInit, Input } from '@angular/core';
+import { NgSwitch, NgSwitchWhen } from '@angular/common';
+
+@Component({
+    moduleId: module.id,
+    selector: 'icon',
+    template:
+    `
+        <div [ngSwitch]="name">
+            <span *ngSwitchWhen="'option-vertical'" class="glyphicon glyphicon-option-vertical" aria-hidden="true"></span>
+            <i *ngSwitchWhen="'square'" class="fa fa-square"></i>
+            <i *ngSwitchWhen="'mouse-pointer'" class="fa fa-mouse-pointer"></i>
+            <i *ngSwitchWhen="'clock'" class="fa fa-clock-o"></i>
+            <i *ngSwitchWhen="'trash'" class="glyphicon glyphicon-trash action--trash"></i>
+            <i *ngSwitchWhen="'pencil'" class="glyphicon glyphicon-pencil action--edit"></i>
+        </div>
+    `,
+    directives: [NgSwitch, NgSwitchWhen],
+    styles: [require('./icon.component.scss')]
+})
+export class IconComponent implements OnInit {
+
+    @Input() name: string;
+
+    constructor() { }
+
+    ngOnInit() { }
+
+}