export class IssueDataComponent implements OnInit {

  // properties for mat-table settings
  @ViewChild(MatPaginator) paginator: MatPaginator;
  @ViewChild(MatSort) sort: MatSort;
  IssueDataDTOList = [];
  dataSource: MatTableDataSource<PeriodicElement> = new MatTableDataSource([]);
  savedPageSize: number;
  modelData = {}

  @Input()
  columns: ListColumn[] = [
    { name: 'Name', property: 'name', visible: true },
    { name: 'Backlog', property: 'backlog', visible: true },
    { name: 'Status', property: 'status', visible: true },
    { name: 'Update Status Field', property: 'action2', visible: true, isModelProperty: true },
    { name: 'Action Field', property: 'action3', visible: true, isModelProperty: true }
  ] as ListColumn[];

  constructor(private issueService: IssueService,
    private dialog: MatDialog,
    private snackBar: MatSnackBar,
  ) {
  }

  ngOnInit() {
    this.getIssueStatusList();
    this.dataSource.paginator = this.paginator;
  }

  addStatus() {
    const dialogConfig = new MatDialogConfig();

    this.modelData = {
      list: this.IssueDataDTOList,
      type: "add",
      toBeEditedDTO: null
    }

    dialogConfig.data = this.modelData;
    dialogConfig.disableClose = true;//disable default close operation
    dialogConfig.width = '30%';

    this.dialog.open(EditIssueDataComponent, dialogConfig).afterClosed().subscribe(
      res => {
        //updating data source array
        this.updatingDataSource(res);
      }
    )
  }

  updatingDataSource(result) {
    this.dataSource = new MatTableDataSource(result);
    this.dataSource.paginator = this.paginator;
    this.dataSource.sort = this.sort;
  }

}

export class EditIssueDataComponent implements OnInit {

  statusForm: FormGroup;
  IssueDataDTOList = [];
  statusArray: string[] = ['Active', 'Inactive'];
  isStatusExist = false;
  dataFromParent = { list: [], type: '', toBeEditedDTO: { id: 0, name: '', backlog: '', status: '' } };

  constructor(private matDialogRef: MatDialogRef<DefineCalenderComponent>,
    private formBuilder: FormBuilder,
    private issueService: IssueService,
    private snackBar: MatSnackBar,
    public dialogRef: MatDialogRef<any>,
    @Inject(MAT_DIALOG_DATA) public data: any, ) {
  }

  ngOnInit() {
    this.dataFromParent = this.data;
    this.IssueDataDTOList = this.dataFromParent.list;
      this.statusForm = new FormGroup({
        name: new FormControl('', [Validators.required]),
        backlog: new FormControl('', [Validators.required]),
        // status: new FormControl('', [Validators.required]),
      });
  }

  addStatus() {
    const IssueDataDTO = {};
      IssueDataDTO['name'] = this.statusForm.value.name;
      IssueDataDTO['backlog'] = this.statusForm.value.backlog;
      IssueDataDTO['status'] = "ACTIVE";

    this.issueService.updateIssueData(IssueDataDTO).subscribe(res => {
     this.IssueDataDTOList.push(res);
      this.cancelPopup();
    }
    );
  }