deposit-view.component.ts

import {Component, OnInit} from '@angular/core';
import {MatDialog} from '@angular/material';
import {CreateDepositContainerComponent} from '@app/deposit/containers/create-deposit-container/create-deposit-container.component';
import {GetAll} from '@app/deposit/deposit.action';
import {DepositStateModel} from '@app/deposit/deposit.state';
import {DepositsModel} from '@app/generated-api';
import {faCoffee} from '@fortawesome/free-solid-svg-icons';
import {Select, Store} from '@ngxs/store';
import {Observable} from 'rxjs';

@Component({
  selector: 'dlcm-deposit-view',
  templateUrl: './deposit-view.component.html',
  styleUrls: ['./deposit-view.component.scss'],
})
export class DepositViewComponent implements OnInit {
  faCoffee = faCoffee;

  @Select((state) => ((state.deposit) as DepositStateModel).isLoading) isLoading$: Observable<boolean>;
  @Select((state) => ((state.deposit) as DepositStateModel).deposits) deposits$: Observable<DepositsModel[]>;

  constructor(private store: Store, public dialog: MatDialog) {
  }

  ngOnInit() {
    this.getAll();
  }

  getAll() {
    this.store.dispatch(new GetAll());
  }

  addDeposit() {
    const dialogRef = this.dialog.open(CreateDepositContainerComponent, {
      height: '400px',
      width: '600px',
    });
  }
}