From df79d53626a82ec8aa0b51d551748d9da55419f0 Mon Sep 17 00:00:00 2001
From: chsakell <chsakell@gmail.com>
Date: Mon, 3 Oct 2016 15:26:25 +0300
Subject: [PATCH] added chat table - initial

---
 app/app.module.ts                         |  2 ++
 app/home/home.component.html              |  3 ++
 app/shared/components/chat.component.html | 38 +++++++++++++++++++++++
 app/shared/components/chat.component.ts   | 16 ++++++++++
 4 files changed, 59 insertions(+)
 create mode 100644 app/shared/components/chat.component.html
 create mode 100644 app/shared/components/chat.component.ts

diff --git a/app/app.module.ts b/app/app.module.ts
index 536e7f7..453748d 100644
--- a/app/app.module.ts
+++ b/app/app.module.ts
@@ -9,6 +9,7 @@ import { DataService } from './shared/services/data.service';
 import { HomeComponent } from './home/home.component';
 import { HighlightDirective } from './shared/directives/highlight.directive';
 import { MatchComponent } from './shared/components/match.component';
+import { ChatComponent } from './shared/components/chat.component';
 import { routing } from './app.routes';
 
 @NgModule({
@@ -20,6 +21,7 @@ import { routing } from './app.routes';
     ],
     declarations: [
         AppComponent,
+        ChatComponent,
         HomeComponent,
         HighlightDirective,
         MatchComponent
diff --git a/app/home/home.component.html b/app/home/home.component.html
index b0ba090..909b52a 100644
--- a/app/home/home.component.html
+++ b/app/home/home.component.html
@@ -2,4 +2,7 @@
     <div class="col-md-4" *ngFor="let match of matches">
         <match [match]="match"></match>
     </div>
+    <div class="col-md-4">
+        <chat [matches]="matches"></chat>
+    </div>
 </div>
\ No newline at end of file
diff --git a/app/shared/components/chat.component.html b/app/shared/components/chat.component.html
new file mode 100644
index 0000000..dc0e19d
--- /dev/null
+++ b/app/shared/components/chat.component.html
@@ -0,0 +1,38 @@
+<table class="table table-bordered box">
+    <thead>
+        <tr>
+            <th>ID</th>
+            <th>Match</th>
+        </tr>
+    </thead>
+    <tbody>
+        <tr *ngFor="let match of matches">
+            <td><span class="teamName">{{match.Id}}</span></td>
+            <td><span class="teamScore"> {{match.Host}} vs {{match.Guest}} </span></td>
+        </tr>
+        <!--<tr>
+            <td colspan="2">
+                <div class="feed-table">
+                    <table class="table table-striped">
+                        <thead>
+                            <tr>
+                                <th></th>
+                                <th>Update</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr *ngFor="let feed of match.Feeds" feedHighlight>
+                                <td>
+                                    <span class="feed-time">{{feed.CreatedAt | date:'shortTime' }}</span>
+                                </td>
+                                <td class="filterable-cell">
+                                    <span class="feed-update"> {{feed.Description}} </span>
+                                </td>
+                            </tr>
+                        </tbody>
+                    </table>
+                </div>
+            </td>
+        </tr>-->
+    </tbody>
+</table>
\ No newline at end of file
diff --git a/app/shared/components/chat.component.ts b/app/shared/components/chat.component.ts
new file mode 100644
index 0000000..65bbac9
--- /dev/null
+++ b/app/shared/components/chat.component.ts
@@ -0,0 +1,16 @@
+import { Component, OnInit, Input } from '@angular/core';
+
+import { Match } from '../interfaces';
+
+@Component({
+    selector: 'chat',
+    templateUrl: 'app/shared/components/chat.component.html'
+})
+export class ChatComponent implements OnInit {
+
+    @Input() matches: Match[];
+
+    constructor() { }
+
+    ngOnInit() { }
+}
\ No newline at end of file