Validation

import { Component, OnInit } from '@angular/core';
import { FormBuilder, Validators, FormGroup } from '@angular/forms';

import { MustMatch } from './validation.mustmatch';
import { KoperasiData } from 'src/app/core/models/data-umum/koperasi-data';
import { DataUmum } from 'src/app/core/models/data-umum/data-umum';
import { HeaderData } from 'src/app/core/models/data-umum/header-data';
import { MisiData } from 'src/app/core/models/data-umum/misi-data';
import { SusunanPengurusData } from 'src/app/core/models/data-umum/susunan-pengurus-data';
import { DokumenData } from 'src/app/core/models/data-umum/dokumen-data';
import { JabatanData } from 'src/app/core/models/data-umum/jabatan-data';
import { WilayahKoperasiData } from 'src/app/core/models/data-umum/wilayah-koperasi-data';
import { AuthenticationService } from 'src/app/core/services/auth.service';
import { UserService } from 'src/app/core/services/user_h.service';
import { first } from 'rxjs/operators';
import { VisiData } from 'src/app/core/models/data-umum/visi-data';
import { PenghargaanKoperasiData } from 'src/app/core/models/data-umum/penghargaan-koperasi-data';
import { Provinsi } from 'src/app/core/models/lokasi/provinsi';
import { Kabupaten } from 'src/app/core/models/lokasi/kabupaten';
import { Kecamatan } from 'src/app/core/models/lokasi/kecamatan';
import { JenisPinjaman } from 'src/app/core/models/data-umum/jenis-pinjaman';
import { JenisLembaga } from 'src/app/core/models/data-umum/jenis-lembaga';
import { UploadService } from 'src/app/core/services/data-umum/upload.service';

@Component({
  selector: 'app-validation',
  templateUrl: './validation.component.html',
  styleUrls: ['./validation.component.scss']
})
export class ValidationComponent implements OnInit {
  // bread crumb items
  breadCrumbItems: Array<{}>;

  validationform: FormGroup; // bootstrap validation form
  tooltipvalidationform: FormGroup; // bootstrap tooltip validation form
  basicFormvalidation: FormGroup; // basic form validation
  horizontalFormValidation: FormGroup; // horizontal form validation

  typeValidationForm: FormGroup; // type validation form
  rangeValidationForm: FormGroup; // range validation form
  form
  // Form submition
  submit: boolean;
   // Select2 Dropdown
  // selectValue:[];
  // selectProvinsi :string[];
  // selectKota :string[];
  selectKeamatan:string[];
  selectKantor:string[];
  formsubmit: boolean;
  basicsubmit: boolean;
  typesubmit: boolean;
  rangesubmit: boolean;
  horizontalsubmit: boolean;
  CalonMitra: string;
  flCalonMitra:string;
  errorUpload: string;
  statusUpload: boolean = false
  statusProgress: boolean = false

  dataUmum: DataUmum = new DataUmum();
  dataUmums: DataUmum[] = [];
  headerData: HeaderData = new HeaderData();
  // headerDatas: HeaderData[] = [];
  visiData: VisiData = new VisiData();
  visiDatas: VisiData[] = [];
  misiData: MisiData = new MisiData();
  misiDatas: MisiData[] = [];
  susunanPengurusData: SusunanPengurusData = new SusunanPengurusData();
  susunanPengurusDatas: SusunanPengurusData[] = [];
  penghargaanKoperasiData: PenghargaanKoperasiData = new PenghargaanKoperasiData();
  penghargaanKoperasiDatas: PenghargaanKoperasiData[] = [];
  dokumenData: DokumenData = new DokumenData();
  dokumenDatas: DokumenData[] = [];
  jabatanData: JabatanData = new JabatanData();
  jabatanDatas: JabatanData[] = [];
  jenisPinjaman: JenisPinjaman = new JenisPinjaman();
  jenisPinjamans: JenisPinjaman[] = [];
  jenisLembaga: JenisLembaga = new JenisLembaga();
  jenisLembagas: JenisLembaga[] = [];

  wilayahKoperasiData: WilayahKoperasiData = new WilayahKoperasiData();
  wilayahKoperasiDatas: WilayahKoperasiData[] = [];
  koperasiData: KoperasiData = new KoperasiData();
  koperasiDatas: KoperasiData[] = [];
  // wilayahKoperasiData: WilayahKoperasiData = new WilayahKoperasiData();
  // wilayahKoperasiDatas: WilayahKoperasiData[] = [];

  username = localStorage.getItem('usernamesesion');

  // // fungsi loop untuk lokasi happid
  provinsi: Provinsi = new Provinsi();
  provinsis: Provinsi[] = [];
  kabupaten: Kabupaten = new Kabupaten();
  kabupatens: Kabupaten[] = [];
  kecamatan: Kecamatan = new Kecamatan();
  kecamatans: Kecamatan[] = [];

  idProv: string;
  idKab: string;

  constructor(
    public formBuilder: FormBuilder,
    // private dataUmumService: DataUmumService,
    private dataUmumService: UserService,
    private authService: AuthenticationService,
    private uploadservice: UploadService
    ) { }

  ngOnInit() {
    // this.username = localStorage.getItem('usernamesesion');
    // console.log(this.username)
    this.selectLoopProvinsi();
    this.loopKabupaten(this.idProv);
    // console.log('id prop '+this.idProv+ '  '+ this.idKab)
    this.loopKecamatan(this.idKab, this.idProv);
    // tslint:disable-next-line: max-line-length
    // this.selectValue = this.koperasiDatas;
    // this.selectKantor = ['Milik Sendiri', 'Milik Kantor'];
    // this.selectProvinsi = ['Jawa Barat', 'Jakarta','Banten','Papua','Jawa Tengah','Sumatara Utara'];
    // this.selectKota = ['Jakarta', 'Bandung','Semarang','Yogyakarta','Medan' ,'Tangerang'];
    // this.selectKeamatan = ['Muara Angke', 'Medan Satria','Harapan Jaya','Bambu Apus','Godean' ,'Ciputat'];

    // this.breadCrumbItems = [{ label: 'Shreyu', path: '/' }, { label: 'Forms', path: '/' }, { label: 'Validation', path: '/', active: true }];
    /**
     * Bootstrap validation form data
     */

    this.form = this.formBuilder.group({
      avatar: [''],
      username: [localStorage.getItem('usernamesesion'), Validators.required],
    });

    this.validationform = this.formBuilder.group({
      firstName: ['', [Validators.required, Validators.pattern('[a-zA-Z0-9]+')]],
      lastName: ['', [Validators.required, Validators.pattern('[a-zA-Z0-9]+')]],
      userName: ['', [Validators.required, Validators.pattern('[a-zA-Z0-9]+')]],
      city: ['', [Validators.required, Validators.pattern('[a-zA-Z0-9]+')]],
      state: ['', [Validators.required, Validators.pattern('[a-zA-Z0-9]+')]],
      zip: ['', [Validators.required, Validators.pattern('[a-zA-Z0-9]+')]],
    });

    /**
     * Bootstrap tooltip validation form data
     */
    this.tooltipvalidationform = this.formBuilder.group({
      firstName: ['', [Validators.required, Validators.pattern('[a-zA-Z0-9]+')]],
      lastName: ['', [Validators.required, Validators.pattern('[a-zA-Z0-9]+')]],
      userName: ['', [Validators.required, Validators.pattern('[a-zA-Z0-9]+')]],
      city: ['', [Validators.required, Validators.pattern('[a-zA-Z0-9]+')]],
      state: ['', [Validators.required, Validators.pattern('[a-zA-Z0-9]+')]],
      zip: ['', [Validators.required, Validators.pattern('[a-zA-Z0-9]+')]],
    });

    /**
     * Basic form validation
     */
    this.basicFormvalidation = this.formBuilder.group({
      user: ['', [Validators.required, Validators.pattern('[a-zA-Z0-9]+')]],
      email: ['', [Validators.required, Validators.pattern('[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$')]],
      password: ['', [Validators.required, Validators.minLength(6)]],
      confirmpwd: ['', Validators.required],
    }, {
      validator: MustMatch('password', 'confirmpwd'),
    });

    /**
     * Horizontal form validation
     */
    this.horizontalFormValidation = this.formBuilder.group({
      email: ['', [Validators.required, Validators.pattern('[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$')]],
      password: ['', [Validators.required, Validators.minLength(6)]],
      url: ['', [Validators.required, Validators.pattern('https?://.+')]],
      confirmpwd: ['', Validators.required],
    }, {
      validator: MustMatch('password', 'confirmpwd'),
    });

    /**
     * Type validation form
     */
    this.typeValidationForm = this.formBuilder.group({
      text: ['', [Validators.required]],
      email: ['', [Validators.required, Validators.pattern('[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$')]],
      url: ['', [Validators.required, Validators.pattern('https?://.+')]],
      digits: ['', [Validators.required, Validators.pattern('[0-9]+')]],
      number: ['', [Validators.required, Validators.pattern('[0-9]+')]],
      alphanum: ['', [Validators.required, Validators.pattern('[a-zA-Z0-9]+')]],
      textarea: ['', [Validators.required]],
      password: ['', [Validators.required, Validators.minLength(6)]],
      confirmpwd: ['', Validators.required]
    }, {
      validator: MustMatch('password', 'confirmpwd'),
    });


    /**
     * Range validation form
     */
    this.rangeValidationForm = this.formBuilder.group({
      minlength: ['', [Validators.required, Validators.minLength(6)]],
      maxlength: ['', [Validators.required, Validators.maxLength(6)]],
      rangelength: ['', [Validators.required, Validators.minLength(5), Validators.maxLength(10)]],
      minvalue: ['', [Validators.required, Validators.min(6)]],
      maxvalue: ['', [Validators.required, Validators.max(6)]],
      rangevalue: ['', [Validators.required, Validators.min(6), Validators.max(100)]],
      regularexp: ['', [Validators.required, Validators.pattern('#[A-Fa-f0-9]{6}')]],
    });

    this.getDataUmum(this.username);
    // console.log(this.username)

    this.submit = false;
    this.formsubmit = false;
    this.basicsubmit = false;
    this.horizontalsubmit = false;
    this.typesubmit = false;
    this.rangesubmit = false;
  }

  getDataUmum(username) {
    this.dataUmumService.getDataUmum1(this.username)
      .pipe(first())
      .subscribe(
        data => {
          setTimeout(() => {
            this.dataUmum = data;
            this.headerData = data.Header;
            this.visiDatas = data.Visi;
            this.misiDatas = data.Misi;
            this.susunanPengurusDatas = data.SusunanPengurus;
            this.penghargaanKoperasiDatas = data.PenghargaanKoperasi;
            this.koperasiDatas = data.supply.lstJenisKoperasi;
            this.jenisPinjamans = data.supply.lstJenisPinjaman;
            this.jenisLembagas = data.supply.lstJenisLembaga;
            this.wilayahKoperasiDatas = data.supply.comboWilayahKoperasi;
            this.dokumenDatas = data.Dokumen
            // this.selectValue = data.supply.comboKoperasi;
            // console.log(this.selectValue);
            // console.log('koperasi ' + data.supply.comboKoperasi);
            // console.log('pengurus ' + this.susunanPengurusDatas);
            console.log('Header ' + data.Header);
            console.log('Penghargaan ' + this.penghargaanKoperasiDatas);

            // this.alertService.success('Registration successful, check your email', true);
            // this.loading = false;
            // this.router.navigate(['/account/login']);

            if (data.Visi.length == 0) {
              this.addTblVisi();
            } else {
              this.visiDatas = data.Visi;
            }

            if (data.Misi.length == 0) {
              this.addTblMisi();
            } else {
              this.misiDatas = data.Misi;
            }

            if (data.SusunanPengurus.length == 0) {
              this.addTblPengurus();
            } else {
              this.susunanPengurusDatas = data.SusunanPengurus;
            }

            if (data.PenghargaanKoperasi.length == 0) {
              this.addTblPenghargaan();
            } else {
              this.penghargaanKoperasiDatas = data.PenghargaanKoperasi;
            }


          }, 700);
        },
        error => {
          // this.alertService.error(error);
          // this.loading = false;
        });

  }

  createDataUmum() {
    // console.log(this.dataUmum);
    this.dataUmum.username = this.username;

    for (let x = 0; x < this.visiDatas.length; x++) {
      if (this.visiDatas[x].createdBy == null || this.visiDatas[x].updatedBy == null) {
        this.visiDatas[x].username = this.username;
        this.visiDatas[x].createdBy = this.username;
        this.visiDatas[x].updatedBy = this.username;
        this.visiDatas[x].createdDate = new Date();
        this.visiDatas[x].updatedDate = new Date();
        this.visiDatas[x].flDeleted = 0;
      }
      this.visiDatas[x].username = this.username;
      this.visiDatas[x].createdBy = this.username;
      this.visiDatas[x].updatedBy = this.username;
      this.visiDatas[x].createdDate = new Date();
      this.visiDatas[x].updatedDate = new Date();
      this.visiDatas[x].flDeleted = 0;
    }


      if (this.headerData.createdBy == null || this.headerData.updatedBy == null) {
        this.headerData.username = this.username;
        this.headerData.createdBy = this.username;
        this.headerData.updatedBy = this.username;
        this.headerData.createdDate = new Date();
        this.headerData.updatedDate = new Date();
        this.headerData.flDeleted = 0;
      } else {
      this.headerData.username = this.username;
      this.headerData.createdBy = this.username;
      this.headerData.updatedBy = this.username;
      this.headerData.createdDate = new Date();
      this.headerData.updatedDate = new Date();
      this.headerData.flDeleted = 0;
      }

    for (let x = 0; x < this.misiDatas.length; x++) {
      if (this.misiDatas[x].createdBy == null || this.misiDatas[x].updatedBy == null) {
        this.misiDatas[x].username = this.username;
        this.misiDatas[x].createdBy = this.username;
        this.misiDatas[x].updatedBy = this.username;
        this.misiDatas[x].createdDate = new Date();
        this.misiDatas[x].updatedDate = new Date();
        this.misiDatas[x].flDeleted = 0;
      }
      this.misiDatas[x].username = this.username;
      this.misiDatas[x].createdBy = this.username;
      this.misiDatas[x].updatedBy = this.username;
      this.misiDatas[x].createdDate = new Date();
      this.misiDatas[x].updatedDate = new Date();
      this.misiDatas[x].flDeleted = 0;
    }

    for (let x = 0; x < this.susunanPengurusDatas.length; x++) {
      if (this.susunanPengurusDatas[x].createdBy == null || this.susunanPengurusDatas[x].updatedBy == null) {
        this.susunanPengurusDatas[x].username = this.username;
        this.susunanPengurusDatas[x].createdBy = this.username;
        this.susunanPengurusDatas[x].updatedBy = this.username;
        this.susunanPengurusDatas[x].createdDate = new Date();
        this.susunanPengurusDatas[x].updatedDate = new Date();
        this.susunanPengurusDatas[x].flDeleted = 0;
      }
      this.susunanPengurusDatas[x].username = this.username;
      this.susunanPengurusDatas[x].createdBy = this.username;
      this.susunanPengurusDatas[x].updatedBy = this.username;
      this.susunanPengurusDatas[x].createdDate = new Date();
      this.susunanPengurusDatas[x].updatedDate = new Date();
      this.susunanPengurusDatas[x].flDeleted = 0;
    }

    for (let x = 0; x < this.penghargaanKoperasiDatas.length; x++) {
      if (this.penghargaanKoperasiDatas[x].createdBy == null || this.penghargaanKoperasiDatas[x].updatedBy == null) {
        this.penghargaanKoperasiDatas[x].username = this.username;
        this.penghargaanKoperasiDatas[x].createdBy = this.username;
        this.penghargaanKoperasiDatas[x].updatedBy = this.username;
        this.penghargaanKoperasiDatas[x].createdDate = new Date();
        this.penghargaanKoperasiDatas[x].updatedDate = new Date();
        this.penghargaanKoperasiDatas[x].flDeleted = 0;
      }
      this.penghargaanKoperasiDatas[x].username = this.username;
      this.penghargaanKoperasiDatas[x].createdBy = this.username;
      this.penghargaanKoperasiDatas[x].updatedBy = this.username;
      this.penghargaanKoperasiDatas[x].createdDate = new Date();
      this.penghargaanKoperasiDatas[x].updatedDate = new Date();
      this.penghargaanKoperasiDatas[x].flDeleted = 0;
    }

    for (let x = 0; x < this.dokumenDatas.length; x++) {
      if (this.dokumenDatas[x].createdBy == null || this.dokumenDatas[x].updatedBy == null) {
        this.dokumenDatas[x].username = this.username;
        this.dokumenDatas[x].createdBy = this.username;
        this.dokumenDatas[x].updatedBy = this.username;
        this.dokumenDatas[x].createdDate = new Date();
        this.dokumenDatas[x].updatedDate = new Date();
        this.dokumenDatas[x].flDeleted = 0;
      }
      this.dokumenDatas[x].username = this.username;
      this.dokumenDatas[x].createdBy = this.username;
      this.dokumenDatas[x].updatedBy = this.username;
      this.dokumenDatas[x].createdDate = new Date();
      this.dokumenDatas[x].updatedDate = new Date();
      this.dokumenDatas[x].flDeleted = 0;
    }

    this.dataUmumService.saveDataUmum(this.dataUmum)
      .subscribe(
        data => {
          // if (this.toastr["success"]("", 'Save Resume Pencairan Success', { timeOut: 6000 })) {
          //   this.hide();
          // }
        },
        error => {
          // this.toastr.error('Connection Server Error', 'Error', { timeOut: 6000 });
        }
      );
  }

  addTblVisi() {
    // console.log('tblvisi');
    // let currentUser = JSON.parse(localStorage.getItem('currentUser'))
    let tblVisi: VisiData = new VisiData();
    // this.tahapPencairan += 1

    tblVisi.id = ''
    tblVisi.username = ''
    tblVisi.tipe = ''
    tblVisi.isi =  ''
    tblVisi.createdDate = new Date()
    tblVisi.createdBy = ''
    tblVisi.updatedDate = new Date()
    tblVisi.updatedBy = ''
    tblVisi.flDeleted = 0
    //tambahkan ke list
    this.visiDatas.push(tblVisi);
  }

  deleteTblVisi(tv: VisiData) {
    const index = this.visiDatas.indexOf(tv);
    this.visiDatas.splice(index, 1);
  }

  addTblMisi() {
    // console.log('tblvisi');
    // let currentUser = JSON.parse(localStorage.getItem('currentUser'))
    let tblMisi: MisiData = new MisiData();
    // this.tahapPencairan += 1

    tblMisi.id = ''
    tblMisi.username = ''
    tblMisi.tipe = ''
    tblMisi.isi = ''
    tblMisi.createdDate = new Date()
    tblMisi.createdBy = ''
    tblMisi.updatedDate = new Date()
    tblMisi.updatedBy = ''
    tblMisi.flDeleted = 0
    //tambahkan ke list
    this.misiDatas.push(tblMisi);
  }

  deleteTblMisi(tm: MisiData) {
    const index = this.misiDatas.indexOf(tm);
    this.misiDatas.splice(index, 1);
  }

  addTblPengurus() {
    // console.log('tblvisi');
    // let currentUser = JSON.parse(localStorage.getItem('currentUser'))
    let tblPengurus: SusunanPengurusData = new SusunanPengurusData();
    // this.tahapPencairan += 1
    tblPengurus.id = '';
    tblPengurus.idUploadKk = '';
    tblPengurus.username = '';
    tblPengurus.jabatan = '';
    tblPengurus.nama = '';
    tblPengurus.tahunMasaKerja = 0
    tblPengurus.tahunMasaKerjaBerakhir = 0;
    tblPengurus.nik = '';
    tblPengurus.email = '';
    tblPengurus.noTelp = '';
    tblPengurus.flUpload = 0;
    tblPengurus.keterangan = '';
    tblPengurus.createdBy = '';
    tblPengurus.createdDate = new Date();
    tblPengurus.updatedBy = '';
    tblPengurus.updatedDate = new Date();
    tblPengurus.flDeleted = 0;
    //tambahkan ke list
    this.susunanPengurusDatas.push(tblPengurus);
  }

  deleteTblPengurus(tu: SusunanPengurusData) {
    const index = this.susunanPengurusDatas.indexOf(tu);
    this.susunanPengurusDatas.splice(index, 1);
  }

  addTblPenghargaan() {
    console.log('tbl penghargaan' +this.penghargaanKoperasiDatas)
    let tblPenghargaan: PenghargaanKoperasiData = new PenghargaanKoperasiData();
    // this.tahapPencairan += 1
    tblPenghargaan.id = '';
    tblPenghargaan.username = '';
    tblPenghargaan.isi = '';
    tblPenghargaan.createdBy = '';
    tblPenghargaan.createdDate = new Date();
    tblPenghargaan.updatedBy = '';
    tblPenghargaan.updatedDate = new Date();
    tblPenghargaan.flDeleted = 0;
    //tambahkan ke list
    this.penghargaanKoperasiDatas.push(tblPenghargaan);
  }

  deleteTblPenghargaan(tp: PenghargaanKoperasiData) {
    const index = this.penghargaanKoperasiDatas.indexOf(tp);
    this.penghargaanKoperasiDatas.splice(index, 1);
  }

  checkBoxSosialisasiBimtek(value:any) {
    // console.log(value.currentTarget.checked)
    if (value.currentTarget.checked == true) {
      this.headerData.flSosialisasiBimtekLpdbkumkm = 1;
    } else {
      this.headerData.flSosialisasiBimtekLpdbkumkm = 0;
    }
  }

  checkBoxSosialisasiKemenkop(value:any) {
    if (value.currentTarget.checked == true) {
      this.headerData.flSosialisasiKementrianKoperasiUkm = 1;
    } else {
      this.headerData.flSosialisasiKementrianKoperasiUkm = 0;
    }
  }

  checkBoxDinasKoperasi(value: any) {
    if (value.currentTarget.checked == true) {
      this.headerData.flDinasKoperasi = 1;
    } else {
      this.headerData.flDinasKoperasi = 0;
    }
  }

  checkBoxMedsos(value: any) {
    if (value.currentTarget.checked == true) {
      this.headerData.flMediaSosial = 1;
    } else {
      this.headerData.flMediaSosial = 0;
    }
  }

  checkBoxPlut(value: any) {
    if (value.currentTarget.checked == true) {
      this.headerData.flPlut = 1;
    } else {
      this.headerData.flPlut = 0;
    }
  }

  checkBoxOnline(value: any) {
    if (value.currentTarget.checked == true) {
      this.headerData.flOnlineWebsiteLpdbkumkm = 1;
    } else {
      this.headerData.flOnlineWebsiteLpdbkumkm = 0;
    }
  }

  checkBoxKopLain(value: any) {
    if (value.currentTarget.checked == true) {
      this.headerData.flKoperasiLain = 1;
    } else {
      this.headerData.flKoperasiLain = 0;
    }
  }

  // fungsi loop untuk lokasi happid
  loopProvinsi() {
    this.dataUmumService.getProvinsi()
      .subscribe(
        data => {
          this.provinsis = data;
        },
        error => {
        }
      );
  }



  loopKabupaten(idProv) {
    // console.log(idProv)
    this.dataUmumService.getKabupaten(idProv)
      .subscribe(
        data => {
          this.kabupatens = data;
        },
        error => {
        }
      );
  }

  loopKecamatan(idProv, idKab) {
    this.dataUmumService.getKecamatan(idProv, idKab)
      .subscribe(
        data => {
          this.kecamatans = data;
        },
        error => {
        }
      );
  }

  selectLoopProvinsi() {
    this.kabupaten.deskripsi = '';
    this.kecamatan.deskripsi = '';
    this.kabupaten.id = '';
    this.kecamatan.id = '';
    this.headerData.kabKota = '';
    this.headerData.kecamatan = '';

    const idProv = this.headerData.provinsi;
    // console.log(this.tanahBangunan.idProv);
    // ketika di pilih value dari select provinsi membawa idProv, idProv di lempar ke fungsi GET untuk Kabupaten

    this.loopKabupaten(idProv);
  }


  selectLoopKecamatan() {
    this.kabupaten.deskripsi = '';
    this.kecamatan.deskripsi = '';
    this.kabupaten.id = '';
    this.kecamatan.id = '';
    // const idProv = this.tanahBangunan.idProv;
    // const idKab = this.tanahBangunan.idKab;
    // const idKec = this.tanahBangunan.idKec;
    // console.log('Select Kecamatan id Kec: '+idKec+' ,idKab : '+idKab+' ,id provi'+idProv);
  }


  selectLoopKabupaten() {
    const idProv = this.headerData.provinsi;
    const idKab = this.headerData.kabKota;
    // ketika di pilih value dari select kabupaten membawa idKab, idKab di lempar ke fungsi GET untuk Kecamatan
    this.loopKecamatan(idProv, idKab);
  }

  myFiles: string[] = [];
  sMsg: string = '';


  getFileDetails(e) {
    //console.log (e.target.files);
    for (var i = 0; i < e.target.files.length; i++) {
      this.myFiles.push(e.target.files[i]);
    }
    console.log(this.myFiles)
  }

  uploadFiles() {
    const frmData = new FormData();
    for (var i = 0; i < this.myFiles.length; i++) {
      frmData.append("fileUpload", this.myFiles[i]);
    }
  }


  /**
   * Returns form
   */
  // get form() {
  //   return this.validationform.controls;
  // }

  /**
   * Bootsrap validation form submit method
   */
  validSubmit() {
    this.submit = true;
  }

  /**
   * returns tooltip validation form
   */
  get formData() {
    return this.tooltipvalidationform.controls;
  }

  /**
   * Bootstrap tooltip form validation submit method
   */
  formSubmit() {
    this.formsubmit = true;
  }

  /**
   * Returns the basic form
   */
  get basic() {
    return this.basicFormvalidation.controls;
  }

  /**
   * Basic validation form submit
   */
  basicSubmit() {
    this.basicsubmit = true;
  }

  /**
   * Returns the horizontal form
   */
  get horizontal() {
    return this.horizontalFormValidation.controls;
  }

  /**
   * Horizontal validation form submit
   */
  horizontalSubmit() {
    this.horizontalsubmit = true;
  }

  /**
   * Returns the type validation form
   */
  get type() {
    return this.typeValidationForm.controls;
  }

  /**
   * Type validation form submit data
   */
  typeSubmit() {
    this.typesubmit = true;
  }

  /**
   * Returns the range validation form
   */
  get range() {
    return this.rangeValidationForm.controls;
  }

  /**
   * range validation submit data
   */
  rangeSubmit() {
    this.rangesubmit = true;
  }


  btnRadioSyariah(value: any){
    //1 baru
    console.log(value);
    // if (value == "syariah"){
    //   this.headerData.status = "syariah";
    // } else {
    //   this.headerData.status = "konvensional";
    // }
  }

  btnRadioSoftware(value: any) {
    //1 baru
    // console.log();
    if (value == "1") {
      this.headerData.penerapanSoftware = "1";
    } else {
      this.headerData.penerapanSoftware = "0";
    }
  }

  btnRadioWilKerja(value: any) {
    //1 baru
    console.log();
    if (value == "001") {
      this.headerData.wilayahKerjaKoperasi = "Kota";
    } else if (value == "002") {
      this.headerData.wilayahKerjaKoperasi = "Propinsi";
    } else {
      this.headerData.wilayahKerjaKoperasi = "Nasional";
    }
  }

  // UPLOAD

  uploadFileChange(event: any) {
    if (event.target.files.length > 0) {
      const file = event.target.files[0];
      this.form.get('avatar').setValue(file);
      //  this.form.get('username').setValue(file);
    }
  }

  idUploads: string;

  uploadFile(idUpload, i) {
    this.statusProgress = true
    // console.log(idUpload);
    this.username = localStorage.getItem('usernamesesion')
    const formData = new FormData();
    formData.append('file', this.form.get('avatar').value);
    formData.append('username', localStorage.getItem('usernamesesion'));
    // console.log(this.username)
    this.uploadservice.upload(formData).subscribe(
      data => {

        this.idUploads = data.id;
        this.ambilIdUpload(i);
        this.statusProgress = false
        // if (event.target == '' ) {
        //   this.dokumenDatas[i].idUpload = this.idUploads;
        // }

        console.log('ini id respon  '+this.idUploads);
      },
      error => {

      }
    );
  }

  // urls = [];
  // onSelectFile(event) {
  //   if (event.target.files && event.target.files[0]) {
  //     var filesAmount = event.target.files.length;
  //     for (let i = 0; i < filesAmount; i++) {
  //       var reader = new FileReader();

  //       reader.onload = (event: any) => {
  //         console.log(event.target.result);
  //         this.urls.push(event.target.result);
  //       }
  //       reader.readAsDataURL(event.target.files[i]);
  //     }
  //   }
  // }

  //happid
  ambilIdUpload(i){
    if(i == 0){
      this.dataUmum.Dokumen[0].idUpload = this.idUploads;
    }else if(i == 1){
      this.dataUmum.Dokumen[1].idUpload = this.idUploads;
    }else if(i == 2){
      this.dataUmum.Dokumen[2].idUpload = this.idUploads;
    }else if(i == 3){
      this.dataUmum.Dokumen[3].idUpload = this.idUploads;
    }else if(i == 4){
      this.dataUmum.Dokumen[4].idUpload = this.idUploads;
    }else if(i == 5){
      this.dataUmum.Dokumen[5].idUpload = this.idUploads;
    }else if(i == 6){
      this.dataUmum.Dokumen[6].idUpload = this.idUploads;
    }else if(i == 7){
      this.dataUmum.Dokumen[7].idUpload = this.idUploads;
    }else if(i == 8){
      this.dataUmum.Dokumen[8].idUpload = this.idUploads;
    }else if(i == 9){
      this.dataUmum.Dokumen[9].idUpload = this.idUploads;
    }else if(i == 10){
      this.dataUmum.Dokumen[10].idUpload = this.idUploads;
    }else if(i == 11){
      this.dataUmum.Dokumen[11].idUpload = this.idUploads;
    }
  }


}