@csmart/ngc-smart-victim 1.18.14 → 1.18.15

package/src/lib/smart-victim-detail/smart-victim-detail.component.ts

@@ -0,0 +1,1459 @@
+import { Component, OnInit, OnChanges, Input, Output, EventEmitter, ViewChild } from '@angular/core';
+import { UntypedFormBuilder, UntypedFormGroup, UntypedFormControl,Validators,ValidatorFn } from '@angular/forms';
+import { MatRadioChange, MatRadioGroup } from '@angular/material/radio';
+import { Victim,VictimDrugUse, Contact, VictimAdvocate,VictimGuardian,VictimWeaponUse,VictimSupport,VictimRelationship } from '../smart-victim.model';
+import { NgcSmartVictimService } from '../smart-victim.service';
+import { Router, ActivatedRoute } from '@angular/router';
+import { CommonDialogService} from '.././common-dialog/common-dialog.service';
+import { DatePipe, formatDate, Location} from '@angular/common';
+import { coerceBooleanProperty}from'@angular/cdk/coercion';
+import { MatTableDataSource} from '@angular/material/table';
+import { AddressValidators, SmartAddressComponent } from '@csmart/ngc-smart-address';
+import { MatDialog } from '@angular/material/dialog';
+import { MatSnackBar } from '@angular/material/snack-bar';
+import { MatInput } from '@angular/material/input';
+import { MatSelect } from '@angular/material/select';
+
+import {
+  AfterViewInit,
+  ChangeDetectorRef,
+  Inject,
+} from '@angular/core';
+
+import {
+  UntypedFormArray,
+  AbstractControl,
+  FormGroupDirective,
+  NgForm,
+} from '@angular/forms';
+
+import { BehaviorSubject, Observable } from 'rxjs';
+
+import {
+  XdmService,
+  SelectedOffender,
+  SmartAuthService,
+  LoginStaff,
+  SmartAccessControlConfig,
+  AccessType,
+} from '@csmart/ngc-smart-core';
+
+import { map, withLatestFrom } from 'rxjs/operators';
+import { SmartDeleteConfirmComponent } from '@csmart/smart-ui';
+import { ErrorStateMatcher } from '@angular/material/core';
+import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
+
+
+
+export interface BooleanFn {
+  (): boolean;
+}
+export interface StringFn {
+  (): string;
+}
+
+export function conditionalValidator(predicate: BooleanFn,
+  validator: ValidatorFn,
+  errorNamespace?: string): ValidatorFn {
+return (formControl => {
+if (!formControl.parent) {
+return null;
+}
+let error = null;
+if (predicate()) {
+error = validator(formControl);
+}
+if (errorNamespace && error) {
+const customError = {};
+customError[errorNamespace] = error;
+error = customError
+}
+return error;
+})
+}
+
+
+export function stringConditionalValidator(predicate: StringFn,
+  validator: ValidatorFn,
+  errorNamespace?: string): ValidatorFn {
+return (formControl => {
+if (!formControl.parent) {
+return null;
+}
+let error = null;
+if (predicate()=='YS') {
+error = validator(formControl);
+}
+if (errorNamespace && error) {
+const customError = {};
+customError[errorNamespace] = error;
+error = customError
+}
+return error;
+})
+}
+
+@Component({
+  selector: 'csmart-victim-detail',
+  templateUrl: './smart-victim-detail.component.html',
+  styleUrls: ['./smart-victim-detail.component.css'],
+  providers: [CommonDialogService]
+})
+export class SmartVictimDetailComponent implements OnInit, OnChanges {
+  @Input() victimDetail = <Victim>{};
+  @Input() staffId: number;
+  @Input() offenderId: number;
+  @Input() isIntake: boolean;
+
+  @Output() onSave = new EventEmitter();
+  @Output() onCancel = new EventEmitter();
+  @ViewChild("addressComponent") addressComponent: SmartAddressComponent;
+
+
+  victimId: number;
+  victimForm: UntypedFormGroup;
+
+  drugs: any;
+  victimSupportTypes: any;
+  prefixes: any;
+  //victim: Victim = <Victim>{};
+  suffixes: any;
+  relationshipTypes: any;
+  genders: any;
+  docketlist: any;
+  weaponTypes: any;
+  flagOption: any;
+  selectedWeaponTypes: any;
+  //selectedVictimSupportTypes: any;
+  selectedDrugs: any;
+  id: any;
+  hidden: boolean=true;
+  private sub: any;
+  victimAdvocate: VictimAdvocate =  <VictimAdvocate>{};
+  victimGuardian: VictimGuardian = <VictimGuardian>{};
+  victimWeaponUse: VictimWeaponUse;
+  victimSupport: VictimSupport;
+  victimDrugUse: VictimDrugUse;
+  result: any;
+  editMode: any;
+  guardianTabFlag: boolean = false;
+  advocateTabFlag: boolean = false;
+  commonChildrenDivFlag: boolean = false;
+  cpoExpirationDivFlag : boolean = false;
+  supportInPlaceDivFlag: boolean = false;
+  weaponInvolvedDivFlag: boolean = false;
+  drugUseDivFlag: boolean = false;
+  showDelete: boolean = false;
+  addressId: number = 0;
+  advocateAddressId: number = 0;
+  guardianAddressId: number = 0;
+  datePipe = new DatePipe('en-US');
+  emailPattern = "^[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$";
+  phoneNumber = "\\d{10}";
+  editVictim: Victim = <Victim>{};
+  victimAge: number;
+  otherWeaponFlag: boolean = false;
+  otherDrugFlag: boolean = false;
+
+  contactDataSource= new MatTableDataSource();
+  contactList: Contact[];
+  guardianPhoneExistFlag: boolean =  false;
+  advocatePhoneExistFlag: boolean =  false;
+  phoneValidationFlag: boolean =  false;
+  guaridanNoPhoneChkFlag: boolean = true;
+  advocateNoPhoneChkFlag: boolean =  true;
+
+  addressValidators: AddressValidators = {
+    street: [],
+    street2: [],
+    city: [],
+    stateCode: [],
+    zipCode: [],
+    psaCode: [],
+  };
+  homePhoneControl = new UntypedFormControl();
+  cellPhoneControl = new UntypedFormControl();
+  workPhoneControl = new UntypedFormControl();
+  guardianHomePhoneControl = new UntypedFormControl();
+  guardianCellPhoneControl = new UntypedFormControl();
+  guardianWorkPhoneControl = new UntypedFormControl();
+  advocateHomePhoneControl = new UntypedFormControl();
+  advocateCellPhoneControl = new UntypedFormControl();
+  advocateWorkPhoneControl = new UntypedFormControl();
+  emergencyContactPhoneControl = new UntypedFormControl();
+
+ constructor(
+    private location: Location,
+    private formBuilder: UntypedFormBuilder,
+    private dialog: MatDialog,
+    private route: ActivatedRoute,
+    private router: Router,
+    public snackBar: MatSnackBar,
+    private commonDialogService: CommonDialogService,
+    private victimService: NgcSmartVictimService,
+    private changeDetectorRefs: ChangeDetectorRef,
+
+    ) {
+       this.initForm();
+   }
+
+   private initForm() {
+
+    console.log('initForm in smart-victim-detail');
+
+    this.victimForm = this.formBuilder.group({
+      underSupervisionFlag:  new UntypedFormControl('', Validators.compose([ Validators.required])),
+      victimRelationships:new UntypedFormControl('', Validators.compose([ Validators.required])),
+      lastName: new UntypedFormControl('', Validators.compose([ Validators.required])),
+      firstName: new UntypedFormControl('', Validators.compose([ Validators.required])),
+      middleName: new UntypedFormControl('', ),
+      prefixId: new UntypedFormControl('', ),
+      suffixId: new UntypedFormControl('', ),
+      genderCode:new UntypedFormControl('', ),
+      birthDate: new UntypedFormControl('', ),
+      homePhone: new UntypedFormControl('', ),
+      cellPhone: new UntypedFormControl('', ),
+      workPhone: new UntypedFormControl('', ),
+      email:new UntypedFormControl('', Validators.compose([Validators.pattern(this.emailPattern) ])),
+      minorFlag:new UntypedFormControl('', Validators.compose([ Validators.required])),
+      victimAdvocateFlag: new UntypedFormControl('', Validators.compose([ Validators.required])),
+      guardianLastName:new UntypedFormControl('',  stringConditionalValidator(() => this.victimForm.get('minorFlag').value,  Validators.required, 'illuminatiError') ),
+      guardianFirstName: new UntypedFormControl('',  stringConditionalValidator(() => this.victimForm.get('minorFlag').value,  Validators.required, 'illuminatiError')),
+      guardianPrefixId:new UntypedFormControl('', ),
+      guardianSuffixId: new UntypedFormControl('', ),
+      //guardianGender:new FormControl('', ),
+      guardianBirthDate: new UntypedFormControl('', ),
+      guardianNoPhoneFlag:new UntypedFormControl(true),
+
+      guardianHomePhone:new UntypedFormControl('',),
+      guardianCellPhone:new UntypedFormControl('',),
+      guardianWorkPhone:new UntypedFormControl('',),
+
+
+      guardianEmail:new UntypedFormControl('', Validators.compose([Validators.pattern(this.emailPattern) ])),
+      advocateNoPhoneFlag: new UntypedFormControl(true),
+
+
+      advocateWorkPhone:new UntypedFormControl('',),
+      advocateHomePhone:new UntypedFormControl('',),
+      advocateCellPhone: new UntypedFormControl('',),
+
+
+      advocateSuffixId:new UntypedFormControl('', ),
+      advocatePrefixId: new UntypedFormControl('', ),
+      advocateFirstName: new UntypedFormControl('', stringConditionalValidator(() => this.victimForm.get('victimAdvocateFlag').value,  Validators.required, 'illuminatiError')),
+      advocateLastName: new UntypedFormControl('', stringConditionalValidator(() => this.victimForm.get('victimAdvocateFlag').value, Validators.required,'illuminatiError')),
+      advocateEmail: new UntypedFormControl('', Validators.compose([Validators.pattern(this.emailPattern) ])),
+      emergencyContact: new UntypedFormControl('', ),
+      emergencyContactPhone:new UntypedFormControl('',),
+      emergencyChildren: new UntypedFormControl('', ),
+      emergencyCpo: new UntypedFormControl('', ),
+      emergencyDrug:new UntypedFormControl('', ),
+      emergencySupport: new UntypedFormControl('', ),
+      emergencyWeapon: new UntypedFormControl('', ),
+      drug: new UntypedFormControl('', ),
+      weapon: new UntypedFormControl('', ),
+      support: new UntypedFormControl('', ),
+      commonChildrenFlag: new UntypedFormControl('', ),
+      commonChildrenNumber:new UntypedFormControl('', ),
+      cpoExpirationFlag: new UntypedFormControl('', ),
+      cpoExpirationDate: new UntypedFormControl('', ),
+      accessRisk:new UntypedFormControl('', ),
+      drugUseFlag:new UntypedFormControl('', ),
+      supportInPlaceFlag: new UntypedFormControl('', ),
+      weaponInvolvedFlag: new UntypedFormControl('', ),
+      otherWeapon: new UntypedFormControl('', ),
+      otherDrug: new UntypedFormControl('', ),
+      alcoholUseFlag:new UntypedFormControl('', ),
+      victimSupports:new UntypedFormControl('', ),
+      victimWeaponUses:new UntypedFormControl('', ),
+      victimDrugUses:new UntypedFormControl('', ),
+      allowCsosaContactFlag: new UntypedFormControl('', ),
+      liveWithOffenderFlag: new UntypedFormControl('', ),
+
+});
+
+    this.victimForm.markAsPristine();
+		this.victimForm.markAsUntouched();
+
+   }
+
+   private _getVictim() {
+    // if (this.victimId === 0) {
+
+    //   return;
+    // };
+
+    this.editMode = true;
+    this.victimId= 24401;
+
+
+
+		if (this.editMode == true) {
+    console.log('find victim id inside getVictim');
+    console.log(this.victimId);
+
+    if (this.victimId === undefined) {
+    this.sub = this.route.params.subscribe(params => {
+      this.victimId = params['victimId'];
+      console.log('my this.victimId');
+      console.log(this.victimId);
+     });
+   }
+
+      this.victimService.getVictim(this.victimId)
+      .subscribe((victim: Victim) => {
+        console.log('victim data 1');
+        console.log(victim);
+        this.editVictim = <Victim>victim;
+
+        var supportsData =[];
+        this.editVictim.victimSupports.forEach( t=>{supportsData.push(t.victimSupportTypeId); }  )
+        const victimSupportsControl = this.victimForm.get('victimSupports');
+        victimSupportsControl.setValue(supportsData);
+
+
+        var relationshipsData =[];
+        this.editVictim.victimOffenderRelationships.forEach( t=>{relationshipsData.push(t.victimOffenderRelationshipTypeId); }  )
+        const victimOffenderRelationshipControl = this.victimForm.get('victimRelationships');
+        victimOffenderRelationshipControl.setValue(relationshipsData);
+
+
+        var weaponUsesData =[];
+        var otherWeapon = "";
+        this.editVictim.victimWeaponUses.forEach( t=>{
+          weaponUsesData.push(t.weaponTypeId);
+          if (t.weaponTypeId == "OTHER"){
+            otherWeapon = t.otherWeapon;
+            this.otherWeaponFlag = true;
+          }
+
+        }  )
+
+
+        const victimWeaponUsesControl = this.victimForm.get('victimWeaponUses');
+        victimWeaponUsesControl.setValue(weaponUsesData);
+
+        const otherWeaponControl = this.victimForm.get('otherWeapon');
+        otherWeaponControl.setValue(otherWeapon);
+
+        var drugUseData =[];
+        var otherDrug = "";
+
+        console.log('load this.editVictim.victimDrugUses');
+        console.log(this.editVictim.victimDrugUses);
+        this.editVictim.victimDrugUses.forEach( t=>{
+
+          if (t.drugTypeId === null){
+            otherDrug = t.otherDrug;
+            this.otherDrugFlag = true;
+            t.drugTypeId ='OTHER';
+          }
+          drugUseData.push(t.drugTypeId);
+
+        }  )
+
+        console.log('this.editVictim.victimDrugUses after push');
+        console.log(drugUseData);
+
+
+        if (drugUseData){
+          const victimDrugUsesControl = this.victimForm.get('victimDrugUses');
+          victimDrugUsesControl.setValue(drugUseData);
+
+        }
+
+        if (otherDrug){
+          const otherDrugControl = this.victimForm.get('otherDrug');
+          otherDrugControl.setValue(otherDrug);
+        }
+
+        //contact
+        this.victimService.getContacts(this.victimId).subscribe(
+          contactList => {
+            console.log('contactList');
+            console.log(contactList);
+            this.contactList = contactList;
+            this.contactDataSource.data = this.contactList;
+          }
+        );
+
+        //no phone field
+
+        if ( this.editVictim.guardianNoPhoneFlag === false ){
+          this.victimForm.patchValue({guardianNoPhoneFlag: false});
+        }
+        if ( this.editVictim.advocateNoPhoneFlag === false ){
+          this.victimForm.patchValue({advocateNoPhoneFlag: false});
+        }
+
+        this.homePhoneControl.setValue(
+          !this.editVictim.homePhone ? "" : this.editVictim.homePhone
+        );
+
+        this.cellPhoneControl.setValue(
+          !this.editVictim.cellPhone ? "" : this.editVictim.cellPhone
+        );
+
+        this.workPhoneControl.setValue(
+          !this.editVictim.workPhone ? "" : this.editVictim.workPhone
+        );
+
+        this.guardianHomePhoneControl.setValue(
+          !this.editVictim.guardianHomePhone ? "" : this.editVictim.guardianHomePhone
+        );
+
+        this.guardianCellPhoneControl.setValue(
+          !this.editVictim.guardianCellPhone ? "" : this.editVictim.guardianCellPhone
+        );
+
+        this.guardianWorkPhoneControl.setValue(
+          !this.editVictim.guardianWorkPhone ? "" : this.editVictim.guardianWorkPhone
+        );
+
+
+        this.advocateHomePhoneControl.setValue(
+          !this.editVictim.advocateHomePhone ? "" : this.editVictim.advocateHomePhone
+        );
+
+        this.advocateCellPhoneControl.setValue(
+          !this.editVictim.advocateCellPhone ? "" : this.editVictim.advocateCellPhone
+        );
+
+        this.advocateWorkPhoneControl.setValue(
+          !this.editVictim.advocateWorkPhone ? "" : this.editVictim.advocateWorkPhone
+        );
+
+        this.emergencyContactPhoneControl .setValue(
+          !this.editVictim.emergencyContactPhone  ? "" : this.editVictim.emergencyContactPhone
+        );
+
+      }, error => {
+        this.snackBar.open("Error occured while retriving Victim Information. Please try again.");
+      });
+    return;
+		} else {
+      //new
+
+   }
+  }
+
+  ngOnChanges() {
+
+  }
+
+  onClear() {
+    if (this.addressComponent) this.addressComponent.reset();
+  }
+
+  showAddress(value){
+
+    if (value.checked){
+
+    this.victimService.getCurrentHousing(this.offenderId).subscribe(
+      (item: any) => {
+        this.addressId = item.housing.addressId;
+        this.victimForm.patchValue({addressId: this.addressId})
+      })
+    }
+    else{
+      this.addressComponent.reset();
+      this.editVictim.allowCsosaContactFlag = false;
+      this.addressId = null;
+    }
+
+  }
+
+  onAddressChange(addressId) {
+    this.victimForm.patchValue({addressId: addressId})
+    this.addressId = addressId;
+  }
+  onGuardianAddressChange(MyGuardianAddressId) {
+    this.victimForm.patchValue({guardianAddressId: MyGuardianAddressId})
+    this.guardianAddressId =  MyGuardianAddressId;
+  }
+  onAdvocateAddressChange(MyAdvocateAddressId) {
+    this.victimForm.patchValue({advocateAddressId: MyAdvocateAddressId})
+    this.advocateAddressId = MyAdvocateAddressId;
+  }
+  cancel() {
+    this.victimForm.reset();
+}
+  ngOnInit() {
+    this.homePhoneControl.valueChanges.subscribe((hpn: string) => {
+      const newValue = hpn.replace(/\D/g, '');
+      this.editVictim.homePhone= newValue;
+    });
+
+    this.cellPhoneControl.valueChanges.subscribe((hpn: string) => {
+      const newValue = hpn.replace(/\D/g, '');
+      this.editVictim.cellPhone= newValue;
+    });
+
+
+    this.workPhoneControl.valueChanges.subscribe((hpn: string) => {
+      const newValue = hpn.replace(/\D/g, '');
+      this.editVictim.workPhone= newValue;
+    });
+
+
+    this.guardianHomePhoneControl.valueChanges.subscribe((hpn: string) => {
+      const newValue = hpn.replace(/\D/g, '');
+      this.editVictim.guardianHomePhone= newValue;
+    });
+
+
+    this.guardianCellPhoneControl.valueChanges.subscribe((hpn: string) => {
+      const newValue = hpn.replace(/\D/g, '');
+      this.editVictim.guardianCellPhone= newValue;
+    });
+
+    this.guardianWorkPhoneControl.valueChanges.subscribe((hpn: string) => {
+      const newValue = hpn.replace(/\D/g, '');
+      this.editVictim.guardianWorkPhone= newValue;
+    });
+
+    this.advocateHomePhoneControl.valueChanges.subscribe((hpn: string) => {
+      const newValue = hpn.replace(/\D/g, '');
+      this.editVictim.advocateHomePhone= newValue;
+    });
+
+    this.advocateCellPhoneControl.valueChanges.subscribe((hpn: string) => {
+      const newValue = hpn.replace(/\D/g, '');
+      this.editVictim.advocateCellPhone= newValue;
+    });
+
+    this.advocateWorkPhoneControl.valueChanges.subscribe((hpn: string) => {
+      const newValue = hpn.replace(/\D/g, '');
+      this.editVictim.advocateWorkPhone= newValue;
+    });
+
+    this.emergencyContactPhoneControl .valueChanges.subscribe((hpn: string) => {
+      const newValue = hpn.replace(/\D/g, '');
+      this.editVictim.emergencyContactPhone= newValue;
+    });
+
+    this.offenderId = 219151;
+    this.staffId = 2929;
+    console.log('show offenderId');
+    console.log(this.offenderId);
+    console.log('show staffId');
+    console.log(this.staffId);
+    console.log('show isIntake');
+    console.log(this.isIntake);
+
+       //required field
+    const requiredImplementation = {get:function():boolean{if(this._required){return this._required;}
+    if(this.ngControl&&this.ngControl.control&&this.ngControl.control.validator
+      ){const emptyValueControl=Object.assign({},
+        this.ngControl.control);(emptyValueControl as any).value=null;
+        return('required'in(this.ngControl.control.validator(emptyValueControl)||{}));}
+        return false;},set:function(value:boolean){this._required=coerceBooleanProperty(value);},};
+        Object.defineProperty(MatInput.prototype,'required',requiredImplementation,);
+        Object.defineProperty(MatSelect.prototype,'required',requiredImplementation,);
+        Object.defineProperty(MatRadioGroup.prototype,'required',requiredImplementation,);
+    //required field end
+
+
+
+
+     if (this.victimDetail!=null) {
+       // edit record
+      this.editMode = true;
+      this.showDelete= true;
+      this.victimId = this.victimDetail.victimId;
+      this.guardianTabFlag = this.victimDetail.minorFlag;
+
+      if (this.victimDetail.victimAdvocateFlag=='YS'){
+            this.advocateTabFlag = true;
+       }
+
+      if (this.otherWeaponFlag == true){
+        const otherWeaponControl = this.victimForm.get('otherWeapon');
+        otherWeaponControl.setValidators(Validators.required);
+      }
+
+      if (this.otherDrugFlag == true){
+        const otherDrugControl = this.victimForm.get('otherDrug');
+        otherDrugControl.setValidators(Validators.required);
+      }
+
+      this.cpoExpirationDivFlag  =this.victimDetail.cpoExpirationFlag;
+      this.commonChildrenDivFlag = this.victimDetail.commonChildrenFlag;
+      this.supportInPlaceDivFlag=  this.victimDetail.supportInPlaceFlag;
+      this.weaponInvolvedDivFlag=  this.victimDetail.weaponInvolvedFlag;
+      this.drugUseDivFlag=  this.victimDetail.drugUseFlag;
+      this.addressId = this.victimDetail.addressId;
+      this.guardianAddressId =  this.victimDetail.guardianAddressId;
+      this.advocateAddressId =  this.victimDetail.advocateAddressId;
+      this._getVictim();
+
+    } else {
+      //add new record
+      this.victimForm.patchValue({guardianNoPhoneFlag: true});
+      this.victimForm.patchValue({advocateNoPhoneFlag: true});
+    }
+
+    this.victimService.getFlagOptionYesNoUnknowns().subscribe(
+      (items: any) => {
+        this.flagOption = items;
+      }
+    );
+    this.victimService.getGenders().subscribe(
+      (items: any) => {
+        this.genders = items;
+      }
+    );
+    this.victimService.getPrefixes().subscribe(
+      (items: any) => {
+        this.prefixes = items;
+      }
+    );
+    this.victimService.getSuffixes().subscribe(
+      (items: any) => {
+        this.suffixes = items;
+      }
+    );
+    this.victimService.getRelationshipTypes().subscribe(
+      (items: any) => {
+       
+          this.relationshipTypes = items.filter( (y) => ((y.relationshipCategoryId === 'ST' || y.relationshipCategoryId === 'FM' ) 
+          && y.relationship !== 'AY'
+          && y.relationship !== 'VT'
+          && y.relationship !== 'CME'
+          && y.relationship !== 'HH'
+          && y.relationship !== 'NC'
+          && y.relationship !== 'CL'
+          && y.relationship !== 'OP'
+
+        ));
+      }
+    );
+    this.victimService.getSupportTypes().subscribe(
+      (items: any) => {
+        this.victimSupportTypes = items;
+      }
+    );
+    this.victimService.getWeaponTypes().subscribe(
+      (items: any) => {
+        this.weaponTypes = items;
+      }
+    );
+    this.victimService.getDrugsTypes().subscribe(
+      (items: any) => {
+        console.log('drug lookup items');
+        console.log(items);
+        this.drugs = items;
+        this.drugs.push({drugTypeId: 'OTHER', name: 'Other'});
+        console.log(this.drugs);
+      }
+    );
+    // this.victimService.getDocketList(this.offenderId).subscribe(
+    //   (items: any) => {
+    //     this.docketlist = items;
+    //   }
+    // );
+
+    this.victimForm.get('minorFlag').valueChanges
+    .subscribe(value => {
+        this.victimForm.get('guardianFirstName').updateValueAndValidity();
+        this.victimForm.get('guardianLastName').updateValueAndValidity();
+        this.victimForm.get('guardianWorkPhone').updateValueAndValidity();
+        this.victimForm.get('guardianHomePhone').updateValueAndValidity();
+        this.victimForm.get('guardianCellPhone').updateValueAndValidity();
+    });
+
+    this.victimForm.get('victimAdvocateFlag').valueChanges
+    .subscribe(value => {
+        this.victimForm.get('advocateFirstName').updateValueAndValidity();
+        this.victimForm.get('advocateLastName').updateValueAndValidity();
+        this.victimForm.get('advocateWorkPhone').updateValueAndValidity();
+        this.victimForm.get('advocateHomePhone').updateValueAndValidity();
+        this.victimForm.get('advocateCellPhone').updateValueAndValidity();
+    });
+
+  }
+
+  back(){
+    //this.onSave.emit(this.victimDetail);
+    this.router.navigate(['victimList']);
+  }
+
+  deleteVictim() {
+    this.commonDialogService
+    .confirm('', 'Do you want to delete this Victim?', 'Yes', 'No')
+    .subscribe(res => {this.result =  res;
+        if (this.result) {
+            this.victimService.deleteVictims(this.victimDetail.victimId, this.staffId)
+             .subscribe(result => {
+              this.snackBar.open('Delete Successfully!', '', {
+                duration: 3000, });
+               
+              
+              }
+             );
+           
+           // this.onSave.emit(this.victimDetail);
+           // this.router.navigate(['victim']);
+           setTimeout(()=>{
+            window.location.reload();
+           },1500);
+          
+
+        }
+     });
+  }
+
+  radioMinorChange($event: MatRadioChange){
+    if ($event.value === true) {
+      this.guardianTabFlag = true;
+    }
+    else{
+      this.guardianTabFlag = false;
+    }
+
+  }
+
+  radioAdvocateChange($event: MatRadioChange){
+
+    const advocateLastNameControl = this.victimForm.get('advocateLastName');
+    const advocateFirstNameControl = this.victimForm.get('advocateFirstName');
+
+    if ($event.value === "YS") {
+      this.advocateTabFlag = true;
+      advocateLastNameControl.setValidators(Validators.required);
+      advocateFirstNameControl.setValidators(Validators.required);
+    }
+    else{
+      this.advocateTabFlag = false;
+      advocateLastNameControl.clearValidators();
+      advocateFirstNameControl.clearValidators();
+    }
+    advocateLastNameControl.updateValueAndValidity();
+    advocateFirstNameControl.updateValueAndValidity();
+
+  }
+
+  radioCicChange($event: MatRadioChange){
+    if ($event.value === true) {
+      this.commonChildrenDivFlag = true;
+      // requrie field
+      this.setValidators('commonChildren');
+    }
+    else{
+      this.commonChildrenDivFlag = false;
+    }
+  }
+
+  setValidators(type) {
+    if(type == 'commonChildren'){
+    this.victimForm.get('commonChildrenNumber').clearValidators();
+    this.victimForm.get('commonChildrenNumber').setValidators(Validators.required);
+   }
+   else if (type == 'cpo'){
+    this.victimForm.get('cpoExpirationDate').clearValidators();
+    this.victimForm.get('cpoExpirationDate').setValidators(Validators.required);
+
+   }
+  }
+  radioSupportChange($event: MatRadioChange){
+    if ($event.value === true) {
+      this.supportInPlaceDivFlag = true;
+    }
+    else{
+      this.supportInPlaceDivFlag = false;
+    }
+  }
+  radioWeaponChange($event: MatRadioChange){
+    if ($event.value === true) {
+      this.weaponInvolvedDivFlag = true;
+    }
+    else{
+      this.weaponInvolvedDivFlag = false;
+    }
+  }
+  radioDrugChange($event: MatRadioChange){
+    if ($event.value === true) {
+      this.drugUseDivFlag = true;
+    }
+    else{
+      this.drugUseDivFlag = false;
+    }
+  }
+
+  radioCpoChange($event: MatRadioChange){
+    if ($event.value === true) {
+      this.cpoExpirationDivFlag = true;
+      this.setValidators('cpo');
+    }
+    else{
+      this.cpoExpirationDivFlag = false;
+    }
+  }
+
+  handleDOBChange($event ){
+   var ageDifMs = Date.now() -  $event.value;
+   var ageDate = new Date(ageDifMs);
+    if( Math.abs(ageDate.getUTCFullYear() - 1970) <= 18){
+
+        this.snackBar.open('Victim is a Minor. This information is a sensitive and should not be disclosed to any unauthorized parties. Contact the legal guardian.', '', {
+        duration: 6000,});
+        const minorControl = this.victimForm.get('minorFlag');
+        minorControl.setValue(true);
+        this.guardianTabFlag = true;
+    }
+
+  }
+  checkOtherWeapon(WeaponUse){
+
+    const otherWeaponControl = this.victimForm.get('otherWeapon');
+     if (WeaponUse.includes("OTHER")){
+     this.otherWeaponFlag = true;
+     otherWeaponControl.setValidators(Validators.required)
+
+    }else{
+      this.otherWeaponFlag = false;
+      otherWeaponControl.clearValidators();
+    }
+   otherWeaponControl.updateValueAndValidity();
+  }
+
+  checkOtherDrug(DrugUse){
+
+    const otherDrugControl = this.victimForm.get('otherDrug');
+     if (DrugUse.includes("OTHER")){
+     this.otherDrugFlag = true;
+     otherDrugControl.setValidators(Validators.required)
+
+
+    }else{
+      this.otherDrugFlag = false;
+      otherDrugControl.clearValidators();
+
+
+    }
+   otherDrugControl.updateValueAndValidity();
+  }
+
+  //#region "save victim"
+  saveVictim() {
+
+  //guardian phone logic
+  if (!this.victimForm.value.guardianNoPhoneFlag)
+   {
+     if (this.guardianHomePhoneControl.value){
+       if (this.guardianHomePhoneControl.value !== null){
+         if (this.guardianHomePhoneControl.value !== ""){
+             this.guardianPhoneExistFlag =  true;
+       }
+     }
+     }
+
+
+
+     if (this.guardianWorkPhoneControl.value !== undefined){
+      if (this.guardianWorkPhoneControl.value !== null){
+        if (this.guardianWorkPhoneControl.value !== ""){
+            this.guardianPhoneExistFlag =  true;
+      }
+    }
+    }
+
+
+    if (this.guardianCellPhoneControl.value){
+      if (this.guardianCellPhoneControl.value!== null){
+        if (this.guardianCellPhoneControl.value !== ""){
+            this.guardianPhoneExistFlag =  true;
+      }
+    }
+    }
+
+  }
+
+    console.log('this.victimForm.value.guardianNoPhoneFlag');
+    console.log(this.victimForm.value.guardianNoPhoneFlag);
+    console.log('this.guardianPhoneExistFlag');
+    console.log(this.guardianPhoneExistFlag);
+
+
+    if (this.guardianPhoneExistFlag === false && this.victimForm.value.guardianNoPhoneFlag === false)
+    {
+          this.phoneValidationFlag = true;
+          this.commonDialogService
+          .warning('', 'Please check the guardian phone field. You have to fill one of the three phone fileds.', 'Ok')
+          .subscribe(res => {this.result =  res;
+
+          });
+    }
+    console.log('this.phoneValidationFlag');
+    console.log(this.phoneValidationFlag);
+
+    //advocate phone logic
+    if (!this.victimForm.value.advocateNoPhoneFlag)
+    {
+      if (this.advocateHomePhoneControl.value){
+        if (this.advocateHomePhoneControl.value !== null){
+          if (this.advocateHomePhoneControl.value !== ""){
+              this.advocatePhoneExistFlag =  true;
+        }
+      }
+      }
+
+
+
+      if (this.advocateWorkPhoneControl.value !== undefined){
+      if (this.advocateWorkPhoneControl.value !== null){
+        if (this.advocateWorkPhoneControl.value !== ""){
+            this.advocatePhoneExistFlag =  true;
+      }
+    }
+    }
+
+
+    if (this.advocateCellPhoneControl.value){
+      if (this.advocateCellPhoneControl.value !== null){
+        if (this.advocateCellPhoneControl.value !== ""){
+            this.advocatePhoneExistFlag =  true;
+      }
+    }
+    }
+
+    }
+
+ console.log('this.victimForm.value.advocateNoPhoneFlag');
+ console.log(this.victimForm.value.advocateNoPhoneFlag);
+ console.log('this.advocatePhoneExistFlag');
+ console.log(this.advocatePhoneExistFlag);
+
+ if(this.advocatePhoneExistFlag === false && this.victimForm.value.advocateNoPhoneFlag === false)
+ {
+
+       this.phoneValidationFlag = true;
+       this.commonDialogService
+       .warning('', 'Please check the advocate phone field. You have to fill one of the three phone fileds.', 'Ok')
+       .subscribe(res => {this.result =  res;
+
+       });
+ }
+
+
+    if (this.homePhoneControl.value){
+      this.victimForm.value.homePhone = this.homePhoneControl.value.replace(/[()\s-]/g, '');
+    }
+    else{
+      this.victimForm.value.homePhone =  null;
+    }
+
+    if (this.cellPhoneControl.value){
+      this.victimForm.value.cellPhone = this.cellPhoneControl.value.replace(/[()\s-]/g, '') ;
+    }
+    else{
+      this.victimForm.value.cellPhone = null;
+    }
+
+    if (this.workPhoneControl.value){
+      this.victimForm.value.workPhone =  this.workPhoneControl.value.replace(/[()\s-]/g, '');
+    }
+    else{
+      this.victimForm.value.workPhone= null;
+    }
+
+    if (this.guardianHomePhoneControl.value){
+      this.victimForm.value.guardianHomePhone = this.guardianHomePhoneControl.value.replace(/[()\s-]/g, '');
+    }
+    else{
+      this.victimForm.value.guardianHomePhone = null;
+    }
+
+    if (this.guardianCellPhoneControl.value){
+      this.victimForm.value.guardianCellPhone = this.guardianCellPhoneControl.value.replace(/[()\s-]/g, '');
+    }
+    else{
+      this.victimForm.value.guardianCellPhone = null;
+    }
+
+    if (this.guardianWorkPhoneControl.value){
+      this.victimForm.value.guardianWorkPhone = this.guardianWorkPhoneControl.value.replace(/[()\s-]/g, '');
+    }
+    else{
+      this.victimForm.value.guardianWorkPhone = null;
+    }
+
+
+    if (this.advocateHomePhoneControl.value){
+      this.victimForm.value.advocateHomePhone =  this.advocateHomePhoneControl.value.replace(/[()\s-]/g, '')
+     }
+     else{
+      this.victimForm.value.advocateHomePhone = null;
+     }
+
+     if (this.advocateCellPhoneControl.value){
+      this.victimForm.value.advocateCellPhone =  this.advocateCellPhoneControl.value.replace(/[()\s-]/g, '')
+     }
+     else{
+      this.victimForm.value.advocateCellPhone = null;
+     }
+
+      if (this.advocateWorkPhoneControl.value){
+      this.victimForm.value.advocateWorkPhone =  this.advocateWorkPhoneControl.value.replace(/[()\s-]/g, '')
+     }
+     else{
+      this.victimForm.value.advocateWorkPhone = null;
+     }
+
+     
+     if (this.emergencyContactPhoneControl.value){
+      this.victimForm.value.emergencyContactPhone = this.emergencyContactPhoneControl.value.replace(/[()\s-]/g, '')
+     }else{
+      this.victimForm.value.emergencyContactPhone =  null;
+     }
+//data process
+
+  console.log('this.phoneValidationFlag 1');
+  console.log(this.phoneValidationFlag);
+ if ( this.phoneValidationFlag === false){
+    if (this.victimDetail === null){
+
+      //insert new victim
+
+
+      var myVictimRelationships = [];
+
+      console.log('this.victimForm.value.victimRelationships'+this.victimForm.value.victimRelationships)
+      if (this.victimForm.value.victimRelationships){
+       console.log('this.victimForm.value.victimRelationships 1'+this.victimForm.value.victimRelationships)
+ 
+       this.victimForm.value.victimRelationships.forEach(element => {
+       const victimRelationship= <VictimRelationship>{};
+         victimRelationship.victimId= this.victimForm.value.victimId;
+         victimRelationship.victimOffenderRelationshipTypeId= element;
+         victimRelationship.modifiedBy= this.staffId;
+         myVictimRelationships.push(victimRelationship);
+         console.log('this.victimForm.value.victimRelationships 2'+this.victimForm.value.victimId)
+         console.log('this.victimForm.value.victimRelationships 3'+this.staffId)
+         console.log('this.victimForm.value.victimRelationships 4'+element)
+ 
+          });
+      }
+ 
+      console.log('myVictimRelationships'+myVictimRelationships)
+
+     var myVictimSupports = [];
+     if (this.victimForm.value.victimSupports){
+      this.victimForm.value.victimSupports.forEach(element => {
+      const victimSupport= <VictimSupport>{};
+            victimSupport.victimId= this.victimForm.value.victimId;
+            victimSupport.victimSupportTypeId= element;
+            victimSupport.modifiedBy= this.staffId;
+            myVictimSupports.push(victimSupport);
+         });
+     }
+
+
+    var myVictimDrugUses = [];
+    console.log('this.victimForm.value.victimDrugUses during save');
+    console.log(this.victimForm.value.victimDrugUses);
+    if (this.victimForm.value.victimDrugUses){
+      this.victimForm.value.victimDrugUses.forEach(element => {
+     const victimDrugUse = <VictimDrugUse>{};
+     victimDrugUse.drugTypeId = element;
+
+     if (element ==="OTHER" || element === "" || element === null){
+      victimDrugUse.drugTypeId = null;
+      victimDrugUse.otherDrug = this.victimForm.value.otherDrug;
+     }
+     else{
+      victimDrugUse.drugTypeId = element;
+      victimDrugUse.otherDrug = null;
+     }
+
+     victimDrugUse.modifiedBy = this.staffId;
+     victimDrugUse.victimId = this.victimForm.value.victimId;
+     myVictimDrugUses.push(victimDrugUse);
+     });
+    }
+
+    console.log('this.victimForm.value.victimDrugUses during save 1');
+    console.log(this.victimForm.value.victimDrugUses);
+
+  var myVictimWeaponUses = [];
+
+  if (this.victimForm.value.victimWeaponUses){
+    this.victimForm.value.victimWeaponUses.forEach(element => {
+       const victimWeaponUse = <VictimWeaponUse>{};
+       victimWeaponUse.victimId=  this.victimForm.value.victimId;
+       victimWeaponUse.weaponTypeId= element;
+
+       if (element =="OTHER"){
+        victimWeaponUse.otherWeapon = this.victimForm.value.otherWeapon;
+       }
+       else{
+        victimWeaponUse.otherWeapon = null;
+       }
+       victimWeaponUse.modifiedBy= this.staffId;
+       myVictimWeaponUses.push(victimWeaponUse);
+   });
+ }
+
+ const newVictim = {
+   victimId: 0,
+   offenderId: this.offenderId,
+  //  victimOffenderRelationshipTypeId:
+  //    this.victimForm.value.victimOffenderRelationshipTypeId,
+   lastName: this.victimForm.value.lastName,
+   firstName: this.victimForm.value.firstName,
+   middleName: this.victimForm.value.middleName
+     ? this.victimForm.value.middleName
+     : null,
+   prefixId: this.victimForm.value.prefixId
+     ? this.victimForm.value.prefixId
+     : null,
+   suffixId: this.victimForm.value.suffixId
+     ? this.victimForm.value.suffixId
+     : null,
+   birthDate: this.victimForm.value.birthDate
+     ? this.victimForm.value.birthDate
+     : null,
+   genderCode: this.victimForm.value.genderCode
+     ? this.victimForm.value.genderCode
+     : null,
+   underSupervisionFlag: this.victimForm.value.underSupervisionFlag,
+   minorFlag: this.victimForm.value.minorFlag,
+   victimAdvocateFlag: this.victimForm.value.victimAdvocateFlag,
+
+   homePhone: this.victimForm.value.homePhone,
+   workPhone: this.victimForm.value.workPhone,
+   cellPhone: this.victimForm.value.cellPhone,
+   email: this.victimForm.value.email ? this.victimForm.value.email : null,
+   addressId: this.victimForm.value.addressId
+     ? this.victimForm.value.addressId
+     : 1,
+   emergencyContact: this.victimForm.value.emergencyContact
+     ? this.victimForm.value.emergencyContact
+     : null,
+   emergencyContactPhone: this.victimForm.value.emergencyContactPhone,
+   commonChildrenFlag: this.victimForm.value.commonChildrenFlag,
+   commonChildrenNumber: this.victimForm.value.commonChildrenNumber,
+   cpoExpirationFlag: this.victimForm.value.cpoExpirationFlag,
+   cpoExpirationDate: this.victimForm.value.cpoExpirationDate
+     ? this.datePipe.transform(this.victimForm.value.cpoExpirationDate, "short")
+     : null,
+   supportInPlaceFlag: this.victimForm.value.supportInPlaceFlag,
+   weaponInvolvedFlag: this.victimForm.value.weaponInvolvedFlag,
+   drugUseFlag: this.victimForm.value.drugUseFlag,
+   alcoholUseFlag: this.victimForm.value.alcoholUseFlag,
+   accessRisk: this.victimForm.value.accessRisk,
+   modifiedBy: this.staffId,
+   vVictimAdvocate: null,
+   vVictimGuardian: null,
+   victimDrugUses: myVictimDrugUses,
+   victimSupports: myVictimSupports,
+   victimOffenderRelationships: myVictimRelationships,
+   victimWeaponUses: myVictimWeaponUses,
+
+   advocateFirstName: null,
+   advocateLastName: null,
+   advocateEmail: null,
+   advocatePrefixId: null,
+   advocateSuffixId: null,
+   advocateNoPhoneFlag: null,
+   advocateHomePhone: null,
+   advocateWorkPhone: null,
+   advocateCellPhone: null,
+   advocateAddressId: null,
+   guardianFirstName: null,
+   guardianLastName: null,
+   guardianEmail: null,
+   guardianPrefixId: null,
+   guardianSuffixId: null,
+   guardianNoPhoneFlag: null,
+   guardianHomePhone: null,
+   guardianWorkPhone: null,
+   guardianCellPhone: null,
+   guardianAddressId: null,
+   guardianBirthDate: null,
+   //relationship: null,
+   //relationship: this.victimForm.value.victimOffenderRelationshipTypeId? this.victimForm.value.victimOffenderRelationshipTypeId : null,
+   allowCsosaContactFlag: this.victimForm.value.allowCsosaContactFlag
+     ? this.victimForm.value.allowCsosaContactFlag
+     : null,
+   liveWithOffenderFlag: this.victimForm.value.liveWithOffenderFlag
+     ? this.victimForm.value.liveWithOffenderFlag
+     : null,
+ };
+
+     if (this.addressId == 0){
+      newVictim.addressId = null;
+     } else {
+      newVictim.addressId =  this.addressId;
+     }
+
+     newVictim.advocateAddressId =  this.advocateAddressId;
+     newVictim.guardianAddressId =  this.guardianAddressId;
+
+
+      console.log('newVictim');
+      console.log(newVictim);
+      this.victimService.postVictims(newVictim).subscribe(
+        (items: any) => {
+
+         const id = items ? items.victimId : '';
+
+         if (this.victimForm.value.victimAdvocateFlag == "YS"){
+
+          console.log('add advocate');
+          const victimAdvocate: VictimAdvocate = {
+          victimAdvocateId: id,
+          lastName: this.victimForm.value.advocateLastName,
+          firstName: this.victimForm.value.advocateFirstName,
+          prefixId: this.victimForm.value.advocatePrefixId,
+          suffixId: this.victimForm.value.advocateSuffixId,
+          addressId: this.advocateAddressId ? this.advocateAddressId: null,
+          noPhoneFlag: this.victimForm.value.advocateNoPhoneFlag ? this.victimForm.value.advocateNoPhoneFlag: null,
+          homePhone: this.victimForm.value.advocateHomePhone,
+          workPhone: this.victimForm.value.advocateWorkPhone,
+          cellPhone: this.victimForm.value.advocateCellPhone,
+          email: this.victimForm.value.advocateEmail,
+          modifiedBy: this.staffId
+      };
+
+        this.victimService.postVictimAdvocate(id, victimAdvocate).subscribe();
+      }
+
+        if (this.victimForm.value.minorFlag == true){
+        const victimGuardian: VictimGuardian = {
+          victimGuardianId: id,
+          lastName: this.victimForm.value.guardianLastName,
+          firstName: this.victimForm.value.guardianFirstName,
+          prefixId: this.victimForm.value.guardianPrefixId,
+          suffixId: this.victimForm.value.guardianSuffixId,
+          birthDate: this.victimForm.value.guardianBirthDate,
+          addressId: this.guardianAddressId? this.guardianAddressId: null,
+          noPhoneFlag: this.victimForm.value.guardianNoPhoneFlag? this.victimForm.value.guardianNoPhoneFlag: null,
+          homePhone: this.victimForm.value.guardianHomePhone,
+          workPhone: this.victimForm.value.guardianWorkPhone,
+          cellPhone: this.victimForm.value.guardianCellPhone,
+          email: this.victimForm.value.guardianEmail,
+          modifiedBy: this.staffId
+       };
+        this.victimService.postVictimGuardian(id, victimGuardian).subscribe();
+      }
+
+        this.snackBar.open('Add Victim Successfully!', '', {
+          duration: 3000,
+               });
+        //insert new
+        if (this.isIntake===true){
+          this.router.navigate(['victimHome']);
+        }
+        else
+        {
+          this.router.navigate(['victimList']);
+        }
+        //this.onSave.emit(this.victimDetail);
+
+      }
+     );
+
+    }
+    else {
+      //update victim
+      this.victimDetail.underSupervisionFlag = this.victimForm.value.underSupervisionFlag;
+      //this.victimDetail.victimOffenderRelationshipTypeId =  this.victimForm.value.victimOffenderRelationshipTypeId;
+      this.victimDetail.lastName = this.victimForm.value.lastName;
+      this.victimDetail.firstName = this.victimForm.value.firstName;
+      this.victimDetail.middleName = this.victimForm.value.middleName;
+      this.victimDetail.prefixId = this.victimForm.value.prefixId ? this.victimForm.value.prefixId : null;
+      this.victimDetail.suffixId = this.victimForm.value.suffixId ? this.victimForm.value.suffixId : null;
+      this.victimDetail.birthDate = this.victimForm.value.birthDate;
+      this.victimDetail.genderCode = this.victimForm.value.genderCode;
+      this.victimDetail.minorFlag = this.victimForm.value.minorFlag;
+      this.victimDetail.homePhone = this.victimForm.value.homePhone;
+      this.victimDetail.workPhone = this.victimForm.value.workPhone;
+      this.victimDetail.cellPhone = this.victimForm.value.cellPhone;
+      this.victimDetail.email = this.victimForm.value.email;
+      this.victimDetail.victimAdvocateFlag = this.victimForm.value.victimAdvocateFlag;
+      this.victimDetail.emergencyContact = this.victimForm.value.emergencyContact;
+      this.victimDetail.emergencyContactPhone = this.victimForm.value.emergencyContactPhone;
+      this.victimDetail.commonChildrenFlag = this.victimForm.value.commonChildrenFlag;
+      this.victimDetail.commonChildrenNumber = this.victimForm.value.commonChildrenNumber;
+      this.victimDetail.cpoExpirationDate = this.victimForm.value.cpoExpirationDate;
+      this.victimDetail.cpoExpirationFlag = this.victimForm.value.cpoExpirationFlag;
+      this.victimDetail.supportInPlaceFlag =  this.victimForm.value.supportInPlaceFlag;
+      this.victimDetail.weaponInvolvedFlag =  this.victimForm.value.weaponInvolvedFlag;
+      this.victimDetail.drugUseFlag =  this.victimForm.value.drugUseFlag;
+      this.victimDetail.alcoholUseFlag =  this.victimForm.value.alcoholUseFlag;
+      this.victimDetail.accessRisk =  this.victimForm.value.accessRisk;
+      this.victimDetail.addressId = this.addressId;
+      this.victimDetail.allowCsosaContactFlag = this.victimForm.value.allowCsosaContactFlag;
+      this.victimDetail.liveWithOffenderFlag = this.victimForm.value.liveWithOffenderFlag;
+
+      this.victimDetail.victimSupports = [];
+       this.victimForm.value.victimSupports.forEach(element => {
+        const victimSupport= <VictimSupport>{};
+              victimSupport.victimId= this.victimDetail.victimId;
+              victimSupport.victimSupportTypeId= element;
+              victimSupport.modifiedBy= this.staffId;
+              this.victimDetail.victimSupports.push(victimSupport);
+      });
+
+
+      this.victimDetail.victimOffenderRelationships = [];
+      this.victimForm.value.victimRelationships.forEach(element => {
+       const victimRelationship= <VictimRelationship>{};
+       victimRelationship.victimId= this.victimDetail.victimId;
+       victimRelationship.victimOffenderRelationshipTypeId= element;
+       victimRelationship.modifiedBy= this.staffId;
+             this.victimDetail.victimOffenderRelationships.push(victimRelationship);
+     });
+
+
+       this.victimDetail.victimDrugUses = [];
+
+        this.victimForm.value.victimDrugUses.forEach(element => {
+        const victimDrugUse = <VictimDrugUse>{};
+        victimDrugUse.drugTypeId = element;
+       console.log('this.victimForm.value.victimDrugUses before')
+       console.log(this.victimForm.value.victimDrugUses)
+
+        if (element === "OTHER" || element === ""  ){
+          victimDrugUse.drugTypeId = null;
+          victimDrugUse.otherDrug = this.victimForm.value.otherDrug;
+         }
+         else{
+          victimDrugUse.drugTypeId = element;
+          victimDrugUse.otherDrug = null;
+         }
+
+        victimDrugUse.modifiedBy = this.staffId;
+        victimDrugUse.victimId = this.victimDetail.victimId;
+        this.victimDetail.victimDrugUses.push(victimDrugUse);
+
+      });
+      this.victimForm.value.victimDrugUses.filter(word => ( !(word.drugTypeId === null  && word.otherDrug === null)    ));
+
+     this.victimDetail.victimWeaponUses = [];
+     this.victimForm.value.victimWeaponUses.forEach(element => {
+          const victimWeaponUse = <VictimWeaponUse>{};
+          victimWeaponUse.victimId= this.victimDetail.victimId;
+          victimWeaponUse.weaponTypeId= element;
+
+         if (element =="OTHER"){
+          victimWeaponUse.otherWeapon=this.victimForm.value.otherWeapon;
+         }
+         else{
+          victimWeaponUse.otherWeapon = null;
+         }
+
+          victimWeaponUse.modifiedBy= this.staffId;
+          this.victimDetail.victimWeaponUses.push(victimWeaponUse);
+
+      });
+
+      console.log('this.victimDetail before emit');
+      console.log(this.victimDetail);
+
+
+      this.victimService.putVictims(this.victimDetail.victimId,this.victimDetail).subscribe(
+        (items: any) => {
+          this.snackBar.open('Update Successfully!', '', {
+                 duration: 3000,
+                      });
+         //Advocate section
+          this.victimAdvocate.victimAdvocateId = this.victimDetail.victimId;
+          this.victimAdvocate.lastName= this.victimForm.value.advocateLastName;
+          this.victimAdvocate.firstName= this.victimForm.value.advocateFirstName;
+          this.victimAdvocate.prefixId= this.victimForm.value.advocatePrefixId ? this.victimForm.value.advocatePrefixId : null;
+          this.victimAdvocate.suffixId= this.victimForm.value.advocateSuffixId ? this.victimForm.value.advocateSuffixId : null;
+          this.victimAdvocate.addressId= this.advocateAddressId ? this.advocateAddressId : null;
+          this.victimAdvocate.noPhoneFlag= this.victimForm.value.advocateNoPhoneFlag? true: false;
+          this.victimAdvocate.homePhone= this.victimForm.value.advocateHomePhone;
+          this.victimAdvocate.workPhone= this.victimForm.value.advocateWorkPhone;
+          this.victimAdvocate.cellPhone= this.victimForm.value.advocateCellPhone;
+          this.victimAdvocate.email= this.victimForm.value.advocateEmail ? this.victimForm.value.advocateEmail : null;
+          this.victimAdvocate.modifiedBy= this.staffId;
+
+       console.log('work on advocate part');
+      if (this.victimDetail.victimAdvocateFlag=='YS')
+        {
+          console.log('work on advocate flag is YS ');
+          if(this.victimDetail.advocateFirstName != null){
+            console.log('check advocate fisrt name ');
+            console.log(this.victimDetail.advocateFirstName);
+          this.victimService.putVictimAdvocate(this.victimDetail.victimId,this.victimAdvocate).subscribe(
+          resp=>{} );
+          }
+          else
+          {
+            console.log('add advocate');
+            console.log(this.victimAdvocate);
+            this.victimService.postVictimAdvocate(this.victimDetail.victimId, this.victimAdvocate).subscribe();
+          }
+        }
+
+    // guardian section
+    this.victimGuardian.victimGuardianId = this.victimDetail.victimId;
+    this.victimGuardian.lastName =  this.victimForm.value.guardianLastName;
+    this.victimGuardian.firstName = this.victimForm.value.guardianFirstName;
+    this.victimGuardian.prefixId = this.victimForm.value.guardianPrefixId ? this.victimForm.value.guardianPrefixId : null;
+    this.victimGuardian.suffixId = this.victimForm.value.guardianSuffixId ? this.victimForm.value.guardianSuffixId : null;
+    this.victimGuardian.addressId = this.guardianAddressId ? this.guardianAddressId : null;
+    this.victimGuardian.noPhoneFlag =  this.victimForm.value.guardianNoPhoneFlag? true: false;
+    this.victimGuardian.homePhone = this.victimForm.value.guardianHomePhone;
+    this.victimGuardian.workPhone = this.victimForm.value.guardianWorkPhone;
+    this.victimGuardian.cellPhone = this.victimForm.value.guardianCellPhone;
+    this.victimGuardian.email = this.victimForm.value.guardianEmail ? this.victimForm.value.guardianEmail : null;
+    this.victimGuardian.modifiedBy = this.staffId;
+
+    if (this.victimDetail.minorFlag == true)
+    {
+       if(this.victimDetail.guardianFirstName != null )
+        this.victimService.putVictimGuardian(this.victimDetail.victimId,this.victimGuardian).subscribe(
+        resp=>{
+              }
+        );
+        else
+        {
+          console.log('add gurdian');
+          console.log(this.victimGuardian);
+         this.victimService.postVictimGuardian(this.victimDetail.victimId, this.victimGuardian).subscribe();
+        }
+
+     }
+    }
+
+    );
+
+    }
+  }//end of this.phoneValidationFlag = false
+
+    console.log('this.victimDetail');
+    console.log(this.victimDetail);
+    this.onSave.emit(this.victimDetail);
+      }
+
+  //#endregion "save victim"
+      addContact(){
+          this.router.navigate(['victimContact',this.victimId]);
+      }
+      formatLabel(value: number) {
+        return value;
+      }
+
+
+
+      update() {
+        // this.task.update(task => {
+        //   if (index === undefined) {
+        //     task.completed = completed;
+        //     task.subtasks?.forEach(t => (t.completed = completed));
+        //   } else {
+        //     task.subtasks![index].completed = completed;
+        //     task.completed = task.subtasks?.every(t => t.completed) ?? true;
+        //   }
+        //   return {...task};
+        // });
+      }
+
+
+}