import {inject} from 'aurelia-framework';
import {EventAggregator} from 'aurelia-event-aggregator';

@inject(EventAggregator)
export class MessageList{

    constructor(eventAggregator){
        this.eventAggregator = eventAggregator;
        this.messages = [];
    }

    attached(){
        this.messageReceivedSubscription = this.eventAggregator.subscribe('new-message', message => {
                                                this.messages.unshift({ message: message, date: new Date() });
                                            });
    }

    detached() {
        this.messageReceivedSubscription.dispose();
    }
}