import {Component, OnInit} from '@angular/core';
import {NameValue} from '../../../projects/ics-common-types/src/lib/types/name-value';
import {ActionPlanRepresentation} from '../../../projects/ics-action-plan/src/lib/types/action-plan';
import {MatDialog, MatDialogConfig, MatDialogRef, MatChipsModule, MAT_DIALOG_DATA} from '@angular/material';
import { UploadModalComponent } from '../../../projects/ics-drive/src/lib/upload-modal/upload-modal.component';

@Component({
    selector: 'app-test-action-plan',
    templateUrl: './test-action-plan.component.html',
    styleUrls: ['./test-action-plan.component.css']
})
export class TestActionPlanComponent implements OnInit {

    public actionPlan: ActionPlanRepresentation;
    UploadModalComponentRef: MatDialogRef<UploadModalComponent>;

    constructor(    public dialog: MatDialog,
    ) {
    }

    ngOnInit() {
        this.actionPlan = ActionPlanRepresentation
            .create({name: 'OEM Booking', value: '8'})
            .withSituationDescription(' a dummy situation')
            .withRecommendedAction('a dummy recommended action ');
    }

    
        openUploadModal() {
            this.UploadModalComponentRef = this.dialog.open(UploadModalComponent, {
              width: '50%', height: '70%', panelClass: "detailDialog", data: {
                dataKey: true
              }
            });
            this.UploadModalComponentRef.afterClosed().subscribe(result => {
      
              let responseData = result;
              for (let index = 0; index < responseData.length; index++) {
                let fileID = responseData[index].id;
                
    
              }
            }, err => {
              console.log(err);
            });
          
      
    }

}