angular code for chat

I've got a stream of messages coming from twilio chat app.

that i'm passing to angular with the following

for (i = 0; i < [url removed, login to view]; i++) {

var message = messages[i];

[url removed, login to view]('Author:' + [url removed, login to view]);

var mobj = {}

mobj['body'] = [url removed, login to view];

mobj['author'] = [url removed, login to view];

mobj['datetime'] = moment([url removed, login to view]).tz('{{ [url removed, login to view] }}').format();

$[url removed, login to view](mobj)

}

to generate the following below.

[{"body":"sadfads","author":"2Yx5myEwotLB296h6hXXyA","datetime":"2016-01-24T02:28:53+01:00"},{"body":"fsad","author":"2Yx5myEwotLB296h6hXXyA","datetime":"2016-01-24T03:27:33+01:00"},{"body":"d","author":"2Yx5myEwotLB296h6hXXyA","datetime":"2016-01-24T06:40:38+01:00"},{"body":"tfrejj","author":"2Yx5myEwotLB296h6hXXyA","datetime":"2016-01-24T09:49:49+01:00"}]

Need someone to code out a way to sort by datetime and group them according to author.

My end goal is to show the chat as per the screenshot where the messages are grouped by author

AngularJS

Project ID: #9442698

About the project