Added some dummy data

src/app/message/message.component.ts

@@ -16,11 +16,11 @@ export class MessageComponent implements OnInit {
   isOwnMessage: boolean;
   ownEmail: string;
 
-  constructor() {
-    /* authService.authUser().subscribe(user => {
-      this.userName = user.userName;
-      this.isOwnMessage = true;
-    }); */
+  constructor(private chatService : ChatService) {
+    chatService.getUser().subscribe(user => {
+      this.userName = user.username;
+      this.isOwnMessage = user.username === "Miguel";
+    }); 
   }
 
   ngOnInit(chatMessage = this.chatMessage) {

src/app/models/chat-message.model.ts

@@ -1,4 +1,10 @@
 export class ChatMessage {
+
+    constructor(userName, message) {
+        this.userName = userName;
+        this.message = message;
+    }
+
     $key?: string;
     userName?: string;
     message?: string;

src/app/models/user.model.ts

@@ -1,4 +1,9 @@
 export class User {
+
+    constructor(username) {
+        this.username = username;
+    }
+
     uid?: string;
     username?: string;
     status?: string;

src/app/services/chat.service.ts

@@ -1,5 +1,5 @@
 import { Injectable } from '@angular/core';
-import { Observable } from 'rxjs';
+import { Observable, of } from 'rxjs';
 
 import { ChatMessage } from '../models/chat-message.model';
 import { RdfService } from './rdf.service';
@@ -15,25 +15,28 @@ export class ChatService {
   }
 
   getUser() {
-    return this.getUsers().subscribe(users => {
-      return users[0];
-    });
+    return of(new User("Miguel"));
   }
 
   getUsers() : Observable<User[]> {
     var users = new Array<User>();
-    return new Observable();
+    users.push(new User("Fulanito"));
+    users.push(new User("Menganito"));
+    users.push(new User("Adolfito"));
+    return of(users);
   }
 
   sendMessage(msg: string) {
     const timestamp = this.getTimeStamp();
     this.chatMessages = this.getMessages();
-    this.chatMessages.toPromise();
   }
 
   getMessages(): Observable<ChatMessage[]> {
     var messages = new Array<ChatMessage>();
-    return new Observable();
+    messages.push(new ChatMessage("Miguel", "Hola"));
+    messages.push(new ChatMessage("Adolfito", "Que tal?"));
+    messages.push(new ChatMessage("Miguel", "Bien"));
+    return of(messages);
   }
 
   getTimeStamp() {

src/app/user-item/user-item.component.html

@@ -2,6 +2,6 @@
   <span class="status" [ngClass]=(user.status)>
   </span>
   <span class="userName">
-    {{user.displayName}}
+    {{user.username}}
   </span>
 </div>