More refactoring

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

@@ -1,8 +1,9 @@
 export class ChatMessage {
 
-    constructor(userName, message) {
+    constructor(userName, message, millis?) {
         this.userName = userName;
         this.message = message;
+        this.timeSent = new Date(millis);
     }
 
     $key?: string;

src/app/services/chat.service.ts

@@ -6,6 +6,7 @@ import { RdfService } from './rdf.service';
 import { User } from '../models/user.model';
 import { fn } from '@angular/compiler/src/output/output_ast';
 import { async } from 'q';
+import { Message } from '@angular/compiler/src/i18n/i18n_ast';
 
 @Injectable()
 export class ChatService {
@@ -18,7 +19,7 @@ export class ChatService {
   constructor(private rdf : RdfService) {
     this.loadUserData();
     this.loadFriends();
-    //this.loadMessages();
+    this.loadMessages();
   }
 
   getUser() {
@@ -52,9 +53,19 @@ export class ChatService {
     const messageFolder = "https://migarve55.solid.community/private/dechat/chat/";
     (await this.rdf.getElementsFromContainer(messageFolder)).forEach(async element => {
       console.log(element);
-      const text = this.rdf.getValueFromSchema("text", element.toString());
-      this.chatMessages.push(new ChatMessage(this.userName, text));
+      const text = this.rdf.getValueFromSchema("text", element.value);
+      this.addMessage(new ChatMessage(this.userName, text));
     });
+    //Dummy data
+    this.addMessage(new ChatMessage("Test", "Test 3", 3000));
+    this.addMessage(new ChatMessage("Test", "Test 1", 1000));
+    this.addMessage(new ChatMessage("Test", "Test 4", 4000));
+    this.addMessage(new ChatMessage("Test", "Test 2", 2000));
+  }
+
+  private addMessage(message : ChatMessage) {
+    this.chatMessages.push(message);
+    this.chatMessages = this.chatMessages.sort((m1, m2) => m1.timeSent.getMilliseconds() - m2.timeSent.getMilliseconds());
   }
 
   sendMessage(msg: string) {