@Component({
  selector: 'app-mailroom',
  templateUrl: './mailroom.component.html',
  animations: [routerTransition()],
  host: {'[@routerTransition]': ''},
  styleUrls: ['./mailroom.component.css']
})
export class MailroomComponent implements OnInit {

  private envelopeCollection: EnvelopeCollection;
  deliveryCollection: DeliveryCollection;
  statusCollection: DeliveryStatusCollection;
  filters: IEnvelopeCollectionConfiguration = {};
  public envelopes: Envelope[];
  public deliveries: Delivery[];
  public statuses: DeliveryStatus[];

  constructor(private envelopeFactory: EnvelopeFactory,
              private deliveryFactory: DeliveryFactory,
              private statusFactory: DeliveryStatusFactory) {
    this.deliveryCollection = this.deliveryFactory.getCollection({ pageSize: 6 });
    this.statusCollection = this.statusFactory.getCollection({ pageSize: 6 });
  }

  ngOnInit() {
    this.filterEnvelopes()
    this.deliveryCollection.subscribe(deliveries => this.deliveries = deliveries);
    this.statusCollection.subscribe(statuses => this.statuses = statuses);
  }
  filterEnvelopes(){
    this.envelopeCollection = this.envelopeFactory.getCollection({"filters": this.filters});
    this.envelopeCollection.subscribe(envelopes => this.envelopes = envelopes);
  }
}