API tools faq
paste
Advertisement
coffeecode12

validation new

coffeecode12
Apr 21st, 2020
863
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 80.87 KB | None | 0 0
raw download clone embed print report
  1. <div class="container-fluid">
  2.     <app-page-title title="Informasi Data Umum" [breadcrumbItems]="breadCrumbItems"></app-page-title>
  3.     <div class="row">
  4.         <!-- <form [formGroup]="dataForm" > -->
  5.         <div class="col-12">
  6.             <div class="card">
  7.                 <div class="card-body">
  8.                     <h4 class="header-title mt-0 mb-1">Mengetahui informasi/pembiayaan dana bergulir LPDB-KUMKM Dari
  9.                         Mana :</h4>
  10.                     <p class="sub-header">
  11.                         <!-- A lightweight plugin that replaces native select elements with customizable dropdowns. -->
  12.                     </p>
  13.                     <!-- <form [formGroup]="dataForm"> -->
  14.                     <div class="row">
  15.                         <div class="col-xl-6 col-sm-6">
  16.                             <div class="form-group mt-3 mt-sm-0">
  17.                                 <!-- <form> -->
  18.                                 <div class="custom-control custom-checkbox">
  19.                                     <input type="checkbox" class="custom-control-input" id="flSosialisasiBimtekLpdbkumkm"
  20.                                        name="flSosialisasiBimtekLpdbkumkm" (change)="checkBoxSosialisasiBimtek($event)"
  21.                                        [(ngModel)]="headerData.flSosialisasiBimtekLpdbkumkm">
  22.                                     <label class="custom-control-label" for="flSosialisasiBimtekLpdbkumkm">
  23.                                         Sosialiasi dan Bimtek LPDB-KUMKM
  24.                                     </label>
  25.                                 </div>
  26.                                 <div class="custom-control custom-checkbox">
  27.                                     <input type="checkbox" class="custom-control-input" id="flSosialisasiKementrianKoperasiUkm"
  28.                                        name="flSosialisasiKementrianKoperasiUkm" (change)="checkBoxSosialisasiKemenkop($event)"
  29.                                        [(ngModel)]="headerData.flSosialisasiKementrianKoperasiUkm">
  30.                                     <label class="custom-control-label" for="flSosialisasiKementrianKoperasiUkm">
  31.                                         Sosialiasi Kementrian Koperasi dan UKM
  32.                                     </label>
  33.                                 </div>
  34.                                 <div class="custom-control custom-checkbox">
  35.                                     <input type="checkbox" class="custom-control-input" id="flDinasKoperasi" name="flDinasKoperasi"
  36.                                        (change)="checkBoxDinasKoperasi($event)" [(ngModel)]="headerData.flDinasKoperasi">
  37.                                     <label class="custom-control-label" for="flDinasKoperasi">
  38.                                         Dinas Koperasi
  39.                                     </label>
  40.                                 </div>
  41.                                 <div class="custom-control custom-checkbox">
  42.                                     <input type="checkbox" class="custom-control-input" id="flMediaSosial" name="flMediaSosial"
  43.                                        (change)="checkBoxMedsos($event)" [(ngModel)]="headerData.flMediaSosial">
  44.                                     <label class="custom-control-label" for="flMediaSosial">
  45.                                         Media Sosial
  46.                                     </label>
  47.                                 </div>
  48.                             </div>
  49.                         </div>
  50.                         <div class="col-xl-6 col-sm-6">
  51.                             <div class="form-group mt-3 mt-sm-0">
  52.                                 <form>
  53.                                     <div class="custom-control custom-checkbox">
  54.                                         <input type="checkbox" class="custom-control-input" id="flPlut" name="flPlut"
  55.                                            (change)="checkBoxPlut($event)" [(ngModel)]="headerData.flPlut">
  56.                                         <label class="custom-control-label" for="flPlut">
  57.                                             PLUT
  58.                                         </label>
  59.                                     </div>
  60.  
  61.                                     <div class="custom-control custom-checkbox">
  62.                                         <input type="checkbox" class="custom-control-input" id="flOnlineWebsiteLpdbkumkm"
  63.                                            name="flOnlineWebsiteLpdbkumkm" (change)="checkBoxOnline($event)"
  64.                                            [(ngModel)]="headerData.flOnlineWebsiteLpdbkumkm">
  65.                                         <label class="custom-control-label" for="flOnlineWebsiteLpdbkumkm">
  66.                                             Online/Webstie LPDB-KUMKM
  67.                                         </label>
  68.                                     </div>
  69.  
  70.                                     <div class="custom-control custom-checkbox">
  71.                                         <input type="checkbox" class="custom-control-input" id="flKoperasiLain" name="flKoperasiLain"
  72.                                            (change)="checkBoxKopLain($event)" [(ngModel)]="headerData.flKoperasiLain">
  73.                                         <label class="custom-control-label" for="flKoperasiLain">
  74.                                             Koperasi Lain
  75.                                         </label>
  76.                                     </div>
  77.                                 </form>
  78.                             </div>
  79.                         </div>
  80.  
  81.                         <div class="col-12">
  82.                             <div class="card">
  83.                                 <div class="card-body">
  84.                                     <div class="row">
  85.                                         <div class="col-12 grid-margin">
  86.                                             <fieldset class="scheduler-border">
  87.                                                 <legend class="scheduler-border">
  88.                                                     <h4><b>A. Informasi Umum </b></h4>
  89.                                                 </legend>
  90.                                                 <br>
  91.                                                 <div>
  92.                                                     <div class="card">
  93.                                                         <div class="card-body">
  94.                                                             <div class="row">
  95.                                                                 <div class="col-md-6">
  96.                                                                     <!-- <div class="form-group row">
  97.                                                                        <label class="col-sm-3 col-form-label">Status</label>
  98.                                                                        <div class="form-check-inline">
  99.                                                                            <label class="customradio"><span class="radiotextsty">Konvensional</span>
  100.                                                                                <input type="radio" name="status" value="konvensional"
  101.                                                                                    [(ngModel)]="headerData.status"
  102.                                                                                    (click)="btnRadioSyariah('konvensional')">
  103.                                                                                <span class="checkmark"></span>
  104.                                                                            </label>
  105.                                                                        </div>
  106.                                                                        <div class="form-check-inline">
  107.                                                                            <label class="customradio"><span class="radiotextsty">Syariah</span>
  108.                                                                                <input type="radio" name="status" value="syariah"
  109.                                                                                    [(ngModel)]="headerData.status"
  110.                                                                                    (click)="btnRadioSyariah('syariah')">
  111.                                                                                <span class="checkmark"></span>
  112.                                                                            </label>
  113.                                                                        </div>
  114.                                                                    </div> -->
  115.  
  116.                                                                     <div class="form-group row">
  117.                                                                         <label class="col-sm-3 col-form-label">Status</label>
  118.                                                                         <div class="form-check-inline">
  119.                                                                             <label class="customradio"><span class="radiotextsty">Konvensional</span>
  120.                                                                                 <input type="radio" name="status" value="konvensional" [(ngModel)]="headerData.status"
  121.                                                                                    >
  122.                                                                                 <span class="checkmark"></span>
  123.                                                                             </label>        
  124.                                                                         </div>
  125.                                                                         <div class="form-check-inline">
  126.                                                                             <label class="customradio"><span class="radiotextsty">Syariah</span>
  127.                                                                                 <input type="radio" name="status" value="syariah" [(ngModel)]="headerData.status"
  128.                                                                                    >
  129.                                                                                 <span class="checkmark"></span>
  130.                                                                             </label>
  131.                                                                         </div>
  132.                                                                     </div>
  133.                                                                 </div>
  134.                                                             </div>
  135.                                                             <div class="row">
  136.                                                                 <div class="col-md-6">
  137.                                                                     <div class="form-group row">
  138.                                                                         <label class="col-sm-3 col-form-label">Jenis
  139.                                                                             Koperasi</label>
  140.                                                                         <div class="col-sm-9">
  141.                                                                             <select class="form-control" name="idJenisKoperasi"
  142.                                                                                [(ngModel)]="headerData.idJenisKoperasi">
  143.                                                                                 <!-- <option [selected]="koperasi.id == null || koperasi.id == ''" value="">Pilih Jenis Pinjaman</option> -->
  144.                                                                                 <option>Pilih Jenis Koperasi</option>
  145.                                                                                 <option *ngFor="let koperasi of koperasiDatas;"
  146.                                                                                    [ngValue]="koperasi.jenis">{{koperasi.jenis}}</option>
  147.                                                                             </select>
  148.  
  149.                                                                         </div>
  150.                                                                     </div>
  151.  
  152.                                                                     <div class="form-group row">
  153.                                                                         <label class="col-sm-3 col-form-label">Jenis
  154.                                                                             Pinjaman</label>
  155.                                                                         <div class="col-sm-9">
  156.                                                                             <select class="form-control" name="idJenisPinjaman"
  157.                                                                                [(ngModel)]="headerData.idJenisPinjaman">
  158.                                                                                 <option>Pilih Jenis Pinjaman</option>
  159.                                                                                 <option *ngFor="let pinjaman of jenisPinjamans;"
  160.                                                                                    [ngValue]="pinjaman.id">{{pinjaman.keterangan}}</option>
  161.                                                                             </select>
  162.  
  163.                                                                         </div>
  164.                                                                     </div>
  165.  
  166.                                                                     <div class="form-group row">
  167.                                                                         <label class="col-sm-3 col-form-label">Nama
  168.                                                                             Mitra</label>
  169.                                                                         <div class="col-sm-9">
  170.                                                                             <input type="text" class="form-control"
  171.                                                                                name="namaKoperasi" [(ngModel)]="headerData.namaKoperasi">
  172.                                                                         </div>
  173.                                                                     </div>
  174.  
  175.                                                                     <div class="form-group row">
  176.                                                                         <label class="col-sm-3 col-form-label">Tahun
  177.                                                                             Berdiri</label>
  178.                                                                         <div class="col-sm-9">
  179.                                                                             <input type="text" class="form-control"
  180.                                                                                name="tahunBerdiri" [(ngModel)]="headerData.tahunBerdiri">
  181.                                                                         </div>
  182.                                                                     </div>
  183.  
  184.                                                                 </div>
  185.  
  186.                                                             </div>
  187.                                                             <div class="row">
  188.  
  189.                                                                 <div class="col-md-6">
  190.                                                                     <div class="form-group row">
  191.                                                                         <label class="col-sm-3 col-form-label">Alamat</label>
  192.                                                                         <div class="col-sm-9">
  193.                                                                             <textarea class="form-control" rows="5"
  194.                                                                                name="alamat" [(ngModel)]="headerData.alamat"></textarea>
  195.                                                                         </div>
  196.                                                                     </div>
  197.                                                                 </div>
  198.                                                                 <div class="col-md-6">
  199.                                                                     <div class="form-group row">
  200.                                                                         <label class="col-sm-3 col-form-label">Status
  201.                                                                             Perizinan</label>
  202.                                                                         <div class="form-check-inline">
  203.                                                                             <label class="customradio"><span class="radiotextsty">Nasional</span>
  204.                                                                                 <input type="radio" name="wilayahKerjaKoperasi"
  205.                                                                                    value="003" [(ngModel)]="headerData.wilayahKerjaKoperasi"
  206.                                                                                    (click)="btnRadioWilKerja('003')">
  207.                                                                                 <span class="checkmark"></span>
  208.                                                                             </label>
  209.  
  210.                                                                         </div>
  211.  
  212.                                                                         <div class="form-check-inline">
  213.                                                                             <label class="customradio"><span class="radiotextsty">Provinsi</span>
  214.                                                                                 <input type="radio" name="wilayahKerjaKoperasi"
  215.                                                                                    value="002" [(ngModel)]="headerData.wilayahKerjaKoperasi"
  216.                                                                                    (click)="btnRadioWilKerja('002')">
  217.                                                                                 <span class="checkmark"></span>
  218.                                                                             </label>
  219.                                                                         </div>
  220.  
  221.                                                                         <div class="form-check-inline">
  222.                                                                             <label class="customradio"><span class="radiotextsty">Kab/Kota</span>
  223.                                                                                 <input type="radio" name="wilayahKerjaKoperasi"
  224.                                                                                    value="001" [(ngModel)]="headerData.wilayahKerjaKoperasi"
  225.                                                                                    (click)="btnRadioWilKerja('001')">
  226.                                                                                 <span class="checkmark"></span>
  227.                                                                             </label>
  228.                                                                         </div>
  229.  
  230.                                                                     </div>
  231.  
  232.                                                                 </div>
  233.                                                                 <div class="col-md-6">
  234.                                                                     <div class="form-group row">
  235.                                                                         <label class="col-sm-3 col-form-label">Provinsi</label>
  236.                                                                         <div class="col-sm-9">
  237.                                                                             <select class="form-control" name="provinsi"
  238.                                                                                [(ngModel)]="headerData.provinsi"
  239.                                                                                (change)="selectLoopProvinsi()">
  240.                                                                                 <option [selected]="headerData.provinsi == null || headerData.provinsi == ''"
  241.                                                                                    value="">Pilih Provinsi</option>
  242.                                                                                 <option *ngFor="let provinsi of provinsis;"
  243.                                                                                    [ngValue]="provinsi.id">{{provinsi.deskripsi}}</option>
  244.                                                                             </select>
  245.                                                                         </div>
  246.                                                                     </div>
  247.                                                                 </div>
  248.                                                                 <div class="col-md-6">
  249.                                                                     <div class="form-group row">
  250.                                                                         <label class="col-sm-3 col-form-label">Kecamatan</label>
  251.                                                                         <div class="col-sm-9">
  252.  
  253.                                                                             <select class="form-control" name="kecamatan"
  254.                                                                                [(ngModel)]="headerData.kecamatan"
  255.                                                                                (change)="selectLoopKecamatan()">
  256.                                                                                 <option [selected]="headerData.kecamatan == null || headerData.kecamatan == ''"
  257.                                                                                    value=""> Pilih Kecamatan</option>
  258.                                                                                 <option *ngFor="let kecamatan of kecamatans;"
  259.                                                                                    [ngValue]="kecamatan.id">{{kecamatan.deskripsi}}</option>
  260.                                                                             </select>
  261.                                                                         </div>
  262.                                                                     </div>
  263.                                                                 </div>
  264.  
  265.                                                             </div>
  266.  
  267.                                                             <div class="row">
  268.                                                                 <div class="col-md-6">
  269.                                                                     <div class="form-group row">
  270.                                                                         <label class="col-sm-3 col-form-label">Kab/Kota</label>
  271.                                                                         <div class="col-sm-9">
  272.                                                                             <select class="form-control" name="kabKota"
  273.                                                                                [(ngModel)]="headerData.kabKota"
  274.                                                                                (change)="selectLoopKabupaten()">
  275.                                                                                 <option [selected]="headerData.kabKota == null || headerData.kabKota == ''"
  276.                                                                                    value=""> Pilih Kabupaten</option>
  277.                                                                                 <option *ngFor="let kabupaten of kabupatens;"
  278.                                                                                    [ngValue]="kabupaten.id">{{kabupaten.deskripsi}}</option>
  279.                                                                             </select>
  280.                                                                         </div>
  281.                                                                     </div>
  282.                                                                 </div>
  283.                                                                 <div class="col-md-6">
  284.                                                                     <div class="form-group row">
  285.                                                                         <label class="col-sm-3 col-form-label">Kode Pos</label>
  286.                                                                         <div class="col-sm-9">
  287.                                                                             <input type="text" class="form-control"
  288.                                                                                name="kodePos" [(ngModel)]="headerData.kodePos">
  289.                                                                         </div>
  290.                                                                     </div>
  291.                                                                 </div>
  292.  
  293.                                                             </div>
  294.  
  295.                                                             <div class="row">
  296.                                                                 <div class="col-md-6">
  297.                                                                     <div class="form-group row">
  298.                                                                         <label class="col-sm-3 col-form-label">Telepon</label>
  299.                                                                         <div class="col-sm-9">
  300.                                                                             <input type="text" class="form-control"
  301.                                                                                name="noTelp" [(ngModel)]="headerData.noTelp">
  302.                                                                         </div>
  303.                                                                     </div>
  304.                                                                 </div>
  305.                                                                 <div class="col-md-6">
  306.                                                                     <div class="form-group row">
  307.                                                                         <label class="col-sm-3 col-form-label">Email
  308.                                                                             Kantor</label>
  309.                                                                         <div class="col-sm-9">
  310.                                                                             <input type="text" class="form-control"
  311.                                                                                name="emailKantor" [(ngModel)]="headerData.emailKantor">
  312.                                                                         </div>
  313.                                                                     </div>
  314.                                                                 </div>
  315.  
  316.                                                             </div>
  317.                                                         </div>
  318.                                                     </div>
  319.                                                 </div>
  320.                                             </fieldset>
  321.                                         </div>
  322.                                     </div>
  323.                                     <!-- end row -->
  324.                                 </div>
  325.                                 <!-- end card-->
  326.                             </div>
  327.                             <!-- end col -->
  328.  
  329.                             <div class="col-12">
  330.                                 <div class="card">
  331.                                     <div class="card-body">
  332.                                         <!-- <h4 class="header-title mt-0 mb-1"> Visi dan Misi Koperasi</h4>
  333.                                        <p class="sub-header">
  334.  
  335.                                        </p> -->
  336.  
  337.                                         <fieldset class="scheduler-border">
  338.                                             <legend class="scheduler-border">
  339.                                                 <h4><b> Visi dan Misi Koperasi </b></h4>
  340.                                             </legend>
  341.                                             <br>
  342.  
  343.                                             <div class="row">
  344.                                                 <div class="col-lg-12">
  345.                                                     <div class="card">
  346.                                                         <div class="card-body">
  347.  
  348.                                                             <div class="table-responsive table-border">
  349.  
  350.                                                                 <table class="table table-hover table-bordered">
  351.                                                                     <tr style="text-align: center; background: #5369f8; color: white;">
  352.                                                                         <td>No</td>
  353.                                                                         <td style="text-align: center;">Visi</td>
  354.                                                                         <td style="text-align: center;">Aksi</td>
  355.                                                                     </tr>
  356.                                                                     <tbody>
  357.                                                                         <tr *ngFor="let vd of visiDatas; let i = index">
  358.                                                                             <td style="text-align: center;">{{ i+1 }}</td>
  359.                                                                             <td>
  360.                                                                                 <input type="text" class="form-control"
  361.                                                                                    name="isi-{{i}}" [(ngModel)]="vd.isi">
  362.                                                                             </td>
  363.                                                                             <td>
  364.                                                                                 <div style="text-align: center;">
  365.                                                                                     <button class="btn btn-success btn-md"
  366.                                                                                        (click)="addTblVisi(tv)">
  367.                                                                                         <i class="fa fa-plus"></i>
  368.                                                                                     </button>
  369.                                                                                     &nbsp;
  370.                                                                                     <button class="btn btn-danger btn-md"
  371.                                                                                        (click)="deleteTblVisi(tv)"
  372.                                                                                        [disabled]="visiDatas.length <= 1">
  373.                                                                                         <i class="fa fa-minus"></i>
  374.                                                                                         <!-- <input id = "file" type="file"   required="required"  name="file"/> -->
  375.                                                                                     </button>
  376.                                                                                 </div>
  377.                                                                             </td>
  378.                                                                         </tr>
  379.                                                                         <!-- <tr>
  380.                                                                        <td style="text-align: center;">2</td>
  381.                                                                        <td><input type="text" class="form-control"></td>
  382.                                                                        <td>                                                                            
  383.                                                                            <div style="text-align: center;">    
  384.                                                                                <button class="btn btn-success btn-md" (click)="addTblVisi()">
  385.                                                                                    <i class="fa fa-plus"></i>
  386.                                                                                </button>
  387.                                                                                    &nbsp;
  388.                                                                            <button class="btn btn-danger btn-md">
  389.                                                                                <i class="fa fa-minus"></i>                                                                            
  390.                                                                            </button>                                                                                    
  391.                                                                            </div>                          
  392.                                                                        </td>
  393.                                                                    </tr> -->
  394.                                                                     </tbody>
  395.                                                                 </table>
  396.  
  397.                                                                 <table class="table table-hover table-bordered">
  398.                                                                     <tr style="text-align: center; background: #5369f8; color: white;">
  399.                                                                         <td>No</td>
  400.                                                                         <td style="text-align: center;">Misi</td>
  401.                                                                         <td style="text-align: center;">Aksi</td>
  402.                                                                     </tr>
  403.                                                                     <tbody>
  404.                                                                         <tr *ngFor="let md of misiDatas; let i = index">
  405.                                                                             <td style="text-align: center;">{{ i+1 }}</td>
  406.                                                                             <td>
  407.                                                                                 <input type="text" class="form-control"
  408.                                                                                    name="isi-{{i}}" [(ngModel)]="md.isi">
  409.                                                                             </td>
  410.                                                                             <td>
  411.                                                                                 <div style="text-align: center;">
  412.                                                                                     <button class="btn btn-success btn-md"
  413.                                                                                        (click)="addTblMisi(tm)">
  414.                                                                                         <i class="fa fa-plus"></i>
  415.                                                                                     </button>
  416.                                                                                     &nbsp;
  417.                                                                                     <button class="btn btn-danger btn-md"
  418.                                                                                        (click)="deleteTblMisi(tm)"
  419.                                                                                        [disabled]="misiDatas.length <= 1">
  420.                                                                                         <i class="fa fa-minus"></i>
  421.                                                                                     </button>
  422.                                                                                 </div>
  423.                                                                             </td>
  424.                                                                         </tr>
  425.                                                                     </tbody>
  426.                                                                 </table>
  427.                                                             </div>
  428.                                                         </div>
  429.                                                     </div>
  430.                                                 </div>
  431.                                                 <!-- end card-body -->
  432.                                             </div>
  433.                                             <!-- end card-->
  434.                                         </fieldset>
  435.                                     </div>
  436.                                     <!-- end col -->
  437.                                 </div>
  438.                             </div>
  439.  
  440.                             <div class="col-12">
  441.                                 <div class="card">
  442.                                     <div class="card-body">
  443.                                         <!-- <h4 class="header-title mt-0 mb-1"> Penghargaan yang di peroleh</h4>
  444.                                        <p class="sub-header">
  445.  
  446.                                        </p> -->
  447.  
  448.                                         <fieldset class="scheduler-border">
  449.                                             <legend class="scheduler-border">
  450.                                                 <h4><b> Penghargaan yang di peroleh </b></h4>
  451.                                             </legend>
  452.                                             <br>
  453.  
  454.                                             <div class="row">
  455.                                                 <div class="col-lg-12">
  456.                                                     <div class="card">
  457.                                                         <div class="card-body">
  458.                                                             <div class="col-md-4 col-sm-4 col-xs-12 form-group">
  459.                                                                 <label class="labeltext">Penghargaan yang di peroleh</label>
  460.                                                                 <br>
  461.                                                                 <div class="form-check-inline">
  462.  
  463.                                                                     <label class="customradio"><span class="radiotextsty">Ada</span>
  464.                                                                         <!-- <input type="radio" [value]="1" name="flAllowEditing" (click)="btnRadioAllowEdit(1)"
  465.                                                                                                          [(ngModel)]="dataUmum.flAllowEditing">
  466.                                                                                                          <span class="checkmark"></span> -->
  467.                                                                         <input type="radio" name="status" value="ada"
  468.                                                                            [(ngModel)]="dataUmum.flAllowEditing">
  469.                                                                         <span class="checkmark"></span>
  470.                                                                     </label>
  471.                                                                     <label class="customradio"><span class="radiotextsty">Tidak
  472.                                                                             Ada</span>
  473.                                                                         <!-- <input type="radio" [value]="1" name="flAllowEditing" (click)="btnRadioAllowEdit(1)"
  474.                                                                                                          [(ngModel)]="dataUmum.flAllowEditing ">
  475.                                                                                                            <span class="checkmark"></span> -->
  476.  
  477.                                                                         <input type="radio" name="status" value="tidakada"
  478.                                                                            [(ngModel)]="dataUmum.flAllowEditing">
  479.                                                                         <span class="checkmark"></span>
  480.                                                                     </label>
  481.                                                                 </div>
  482.                                                             </div>
  483.  
  484.                                                             <div class="table-responsive table-border" *ngIf="dataUmum.flAllowEditing === 'ada'">
  485.                                                                 <table class="table table-hover table-bordered">
  486.                                                                     <tr style="text-align: center; background: #5369f8; color: white;">
  487.                                                                         <td>No</td>
  488.                                                                         <td style="text-align: center;">Penghargaan
  489.                                                                             yang di peroleh</td>
  490.                                                                         <td style="text-align: center;">Aksi</td>
  491.                                                                     </tr>
  492.                                                                     <tbody>
  493.                                                                         <tr *ngFor="let tp of penghargaanKoperasiDatas, let i = index">
  494.                                                                             <td style="text-align: center;">{{ i+1 }}</td>
  495.                                                                             <td>
  496.                                                                                 <input type="text" class="form-control"
  497.                                                                                    name="isi-{{i}}" [(ngModel)]="tp.isi">
  498.                                                                             </td>
  499.                                                                             <td>
  500.                                                                                 <div style="text-align: center;">
  501.                                                                                     <button class="btn btn-success btn-md"
  502.                                                                                        (click)="addTblPenghargaan(tp)">
  503.                                                                                         <i class="fa fa-plus"></i>
  504.                                                                                     </button>
  505.                                                                                     &nbsp;
  506.                                                                                     <button class="btn btn-danger btn-md"
  507.                                                                                        (click)="deleteTblPenghargaan(tp)"
  508.                                                                                        [disabled]="penghargaanKoperasiDatas.length <= 1">
  509.                                                                                         <i class="fa fa-minus"></i>
  510.                                                                                     </button>
  511.                                                                                 </div>
  512.  
  513.                                                                             </td>
  514.                                                                         </tr>
  515.  
  516.                                                                     </tbody>
  517.                                                                 </table>
  518.                                                             </div>
  519.  
  520.                                                         </div>
  521.                                                     </div>
  522.                                                 </div>
  523.                                                 <!-- end card-body -->
  524.                                             </div>
  525.                                             <!-- end card-->
  526.  
  527.                                         </fieldset>
  528.  
  529.                                     </div>
  530.                                     <!-- end col -->
  531.                                 </div>
  532.                             </div>
  533.                             <!-- end card-body -->
  534.                             <div class="col-12">
  535.                                 <div class="card">
  536.                                     <div class="card-body">
  537.                                         <!-- <h4 class="header-title mt-0 mb-1">B. Kelembagaan</h4>
  538.                                    <p class="sub-header">
  539.  
  540.                                    </p> -->
  541.  
  542.                                         <fieldset class="scheduler-border">
  543.                                             <legend class="scheduler-border">
  544.                                                 <h4><b> B. Kelembagaan </b></h4>
  545.                                             </legend>
  546.                                             <br>
  547.  
  548.                                             <div class="row">
  549.                                                 <div class="col-md-12">
  550.                                                     <div class="form-group row">
  551.                                                         <label class="col-sm-3 col-form-label">NIK (Nomor Induk
  552.                                                             Koperasi)</label>
  553.                                                         <div class="col-sm-4">
  554.                                                             <input type="text" class="form-control" name="nomorIndukKoperasi"
  555.                                                                [(ngModel)]="headerData.nomorIndukKoperasi">
  556.                                                         </div>
  557.                                                         <div class="col-sm-4">
  558.                                                             <input type="text" class="form-control" name="nomorIndukKoperasiFreeteks"
  559.                                                                [(ngModel)]="headerData.nomorIndukKoperasiFreeteks">
  560.                                                         </div>
  561.                                                     </div>
  562.  
  563.                                                     <div class="form-group row">
  564.                                                         <label class="col-sm-3 col-form-label">Jenis lembaga</label>
  565.                                                         <div class="col-sm-4">
  566.                                                             <select class="form-control" name="idLembaga" [(ngModel)]="headerData.idLembaga">
  567.                                                                 <!-- <option [selected]="koperasi.id == null || koperasi.id == ''" value="">Pilih Jenis Pinjaman</option> -->
  568.                                                                 <option>Pilih Jenis Lembaga</option>
  569.                                                                 <option *ngFor="let lembaga of jenisLembagas;"
  570.                                                                    [ngValue]="lembaga.jenis">{{lembaga.jenis}}</option>
  571.                                                             </select>
  572.                                                         </div>
  573.                                                     </div>
  574.                                                 </div>
  575.  
  576.                                             </div>
  577.                                             <div class="row">
  578.                                                 <div class="col-lg-12">
  579.                                                     <div class="card">
  580.                                                         <div class="card-body">
  581.                                                             <fieldset class="scheduler-border">
  582.                                                                 <legend class="scheduler-border">
  583.                                                                     <h4><b> Badan Hukum</b></h4>
  584.                                                                 </legend><br>
  585.                                                            
  586.                                                                 <div class="table-responsive table-border">
  587.                                                            
  588.                                                                     <table class="table table-hover table-bordered">
  589.                                                                         <tr style="text-align: center; background: #5369f8; color: white;">
  590.                                                            
  591.                                                                             <td style="text-align: center;">Nama</td>
  592.                                                                             <td width="100%">No</td>
  593.                                                                             <td style="text-align: center;">Tanggal Terbit</td>
  594.                                                                             <td style="text-align: center;">Keterangan</td>
  595.                                                                             <td style="text-align: center;">Status</td>
  596.                                                                             <td style="text-align: center;">Aksi</td>
  597.                                                                         </tr>
  598.                                                                         <tbody>
  599.                                                                             <tr *ngFor="let doc of dokumenDatas, let i = index">
  600.                                                                                 <td style="text-align: center;">{{doc.konten}}</td>
  601.                                                                                 <td style="text-align: center; width: 100%;"><input type="text" class="form-control" name="nomor"
  602.                                                                                        [(ngModel)]="doc.nomor"></td>
  603.                                                                                 <td>
  604.                                                                                     <input type="date" class="form-control" [value]="doc.tglTerbit | date:'yyyy-MM-dd'" (input)="doc.tglTerbit=parseDate($event.target.value)">
  605.                                                                                 </td>
  606.                                                                                 <td hidden><input type="text" class="form-control" name="idUpload-{{i}}" (ngModelChange)="uploadFile(doc.idUpload, i)" [(ngModel)]="doc.idUpload"></td>
  607.                                                                                 <td><input type="text" class="form-control" name="keterangan" [(ngModel)]="doc.keterangan"></td>
  608.                                                                                 <!-- <td style="text-align: center;"><span class="badge badge-pill badge-danger">Belom Terlampir</span></td> -->
  609.                                                                                 <td id="status" type="text">
  610.                                                                                     <div *ngIf="!statusProgress">{{error}}</div>
  611.                                                                                     <div *ngIf="statusProgress" style="height: fit-content;"><img src="assets/loading.gif" height="42"
  612.                                                                                            width="42"> Loading...</div>
  613.                                                                                 </td>
  614.                                                                                 <td>                                                            
  615.                                                                                     <div style="text-align: right;">                                                            
  616.                                                                                         <form [formGroup]="form">
  617.                                                                                             <input id="file" type="file" enctype="multipart/form-data" name="avatar" (change)="uploadFileChange($event) " />
  618.                                                                                            
  619.                                                                                         </form>                                                              
  620.                                                                                         <button class="btn btn-success btn-md" (click)="uploadFile(idUpload, i)" style="background: #617be3;">
  621.                                                                                             <i class="fa fa-upload"></i>
  622.                                                                                             Upload
  623.                                                                                         </button>
  624.                                                                                         &nbsp;                                                            
  625.                                                                                         <button class="btn btn-success btn-md" (click)="btnDownload()" style="background: #844685;">
  626.                                                                                             <i class="fa fa-eye"></i> Lihat
  627.                                                                                         </button>
  628.                                                                                     </div>                                                            
  629.                                                                                 </td>
  630.                                                                             </tr>    
  631.                                                                         </tbody>
  632.                                                                     </table>                                                            
  633.                                                                 </div>
  634.                                                             </fieldset>
  635.                                                             <br>  
  636.  
  637.                                                             <fieldset class="scheduler-border">
  638.                                                                 <legend class="scheduler-border">
  639.                                                                     <h4><b>Susunan Pengurus, Pengawas dan Pengelola</b></h4>
  640.                                                                 </legend>
  641.                                                                 <br>
  642.  
  643.                                                                 <div class="table-responsive table-border table-responsive">
  644.                                                                     <div class="float-right">
  645.                                                                         <button type="button" class="btn btn-success btn-md"
  646.                                                                            style="background: #617be3;" (click)="addTblPengurus(tu)">
  647.                                                                             <i class="fa fa-plus-square"></i> Add Row
  648.                                                                         </button>
  649.                                                                     </div>
  650.                                                                     <br>
  651.                                                                     <br>
  652.                                                                     <br>
  653.                                                                     <table class="table table-hover table-bordered">
  654.                                                                         <tr style="text-align: center; background: #5369f8; color: white;">
  655.  
  656.                                                                             <td>No</td>
  657.                                                                             <td style="text-align: center;">Jabatan</td>
  658.                                                                             <td style="text-align: center;">Nama</td>
  659.                                                                             <td style="text-align: center;">Masa Kerja
  660.                                                                                 (thn)</td>
  661.                                                                             <td>Thn Berakhir Masa Kerja</td>
  662.                                                                             <td style="text-align: center;">Nik</td>
  663.                                                                             <td style="text-align: center;">Email</td>
  664.                                                                             <td style="text-align: center;">Telepon</td>
  665.                                                                             <td style="text-align: center;">Status</td>
  666.                                                                             <!-- <td style="text-align: center;">Keterangan</td> -->
  667.                                                                             <!-- <td style="text-align: center;">Aksi</td> -->
  668.                                                                             <td style="text-align: center;">KTP</td>
  669.                                                                             <td style="text-align: center;">KK</td>
  670.                                                                             <td style="text-align: center;">Buku Nikah</td>
  671.                                                                             <td style="text-align: center;">Surat
  672.                                                                                 Kematian</td>
  673.                                                                             <td style="text-align: center;">Aksi</td>
  674.                                                                             <!-- <td style="text-align: center;">Username</td> -->
  675.                                                                         </tr>
  676.                                                                         <tbody>
  677.                                                                             <tr *ngFor="let sp of susunanPengurusDatas, let i = index">
  678.                                                                                 <td style="text-align: center;">{{ i+1 }}
  679.                                                                                 </td>
  680.  
  681.                                                                                 <td>
  682.                                                                                     <input type="text" class="form-control form-control-sm"
  683.                                                                                        [(ngModel)]="sp.jabatan" name="jabatan">
  684.                                                                                 </td>
  685.                                                                                 <td>
  686.                                                                                     <input type="text" class="form-control form-control-sm"
  687.                                                                                        [(ngModel)]="sp.nama" name="nama">
  688.                                                                                 </td>
  689.                                                                                 <td>
  690.                                                                                     <input type="text" class="form-control form-control-sm"
  691.                                                                                        [(ngModel)]="sp.tahunMasaKerja"
  692.                                                                                        name="tahunMasaKerja">
  693.                                                                                 </td>
  694.                                                                                 <td>
  695.                                                                                     <input type="text" class="form-control form-control-sm"
  696.                                                                                        [(ngModel)]="sp.tahunMasaKerjaBerakhir"
  697.                                                                                        name="tahunMasaKerjaBerakhir">
  698.                                                                                 </td>
  699.                                                                                 <td>
  700.                                                                                     <input type="text" class="form-control form-control-sm"
  701.                                                                                        [(ngModel)]="sp.nik" name="nik">
  702.                                                                                 </td>
  703.                                                                                 <td>
  704.                                                                                     <input type="text" class="form-control form-control-sm"
  705.                                                                                        [(ngModel)]="sp.email" name="email">
  706.                                                                                 </td>
  707.                                                                                 <td>
  708.                                                                                     <input type="text" class="form-control form-control-sm"
  709.                                                                                        [(ngModel)]="sp.noTelp" name="noTelp">
  710.                                                                                 </td>
  711.                                                                                 <td>
  712.                                                                                     <input type="text" class="form-control form-control-sm"
  713.                                                                                        [(ngModel)]="sp.flUpload" name="flUpload">
  714.                                                                                 </td>                                                                                
  715.                                                                                 <td>
  716.                                                                                     <input class="form-control form-control-sm"
  717.                                                                                        [(ngModel)]="sp.idUploadKtp"  name="idUploadKtp" type='file' (change)="onSelectFile($event)">
  718.                                                                                 </td>
  719.                                                                                 <td>
  720.                                                                                     <input type="text" class="form-control form-control-sm"
  721.                                                                                        [(ngModel)]="sp.idUploadKk"
  722.                                                                                        name="idUploadKk">
  723.                                                                                 </td>
  724.                                                                                 <td>
  725.                                                                                     <input type="text" class="form-control form-control-sm"
  726.                                                                                        [(ngModel)]="sp.idUploadBukuNikah"
  727.                                                                                        name="idUploadBukuNikah">
  728.                                                                                 </td>
  729.                                                                                 <td>
  730.                                                                                     <input type="text" class="form-control form-control-sm"
  731.                                                                                        [(ngModel)]="sp.idUploadSuratKematian"
  732.                                                                                        name="idUploadSuratKematian">
  733.                                                                                 </td>                                                                              
  734.                                                                                 <td>
  735.                                                                                     <div style="text-align: center;">
  736.                                                                                         <button class="btn btn-danger btn-md"
  737.                                                                                            (click)="deleteTblPengurus(tu)">
  738.                                                                                             <i class="fa fa-minus"></i>
  739.                                                                                         </button>
  740.                                                                                     </div>
  741.                                                                                 </td>
  742.                                                                             </tr>  
  743.                                                                         </tbody>
  744.                                                                     </table>
  745.                                                                 </div>
  746.                                                             </fieldset>
  747.                                                         </div>
  748.                                                     </div>
  749.                                                 </div>
  750.                                                 <!-- end card-body -->
  751.                                             </div>
  752.                                             <!-- end card-->
  753.  
  754.                                             <div class="row">
  755.                                                 <div class="col-md-12">
  756.                                                     <div class="card">
  757.                                                         <div class="card-body">    
  758.                                                             <div class="form-group row">
  759.                                                                 <label class="col-sm-3 col-form-label">Penerapan Software</label>
  760.                                                                 <div class="form-check-inline">
  761.                                                                     <label class="customradio"><span class="radiotextsty">Sudah</span>
  762.                                                                         <input type="radio" name="penerapanSoftware" value="sudah" [(ngModel)]="headerData.penerapanSoftware"
  763.                                                                        (click)="btnRadioSoftware('sudah')">
  764.                                                                         <span class="checkmark"></span>
  765.                                                                     </label>        
  766.                                                                 </div>
  767.                                                                 <div class="form-check-inline">
  768.                                                                     <label class="customradio"><span class="radiotextsty">Belum</span>
  769.                                                                         <input type="radio" name="penerapanSoftware" value="belum" [(ngModel)]="headerData.penerapanSoftware"
  770.                                                                        (click)="btnRadioSoftware('belum')">
  771.                                                                         <span class="checkmark"></span>
  772.                                                                     </label>
  773.                                                                 </div>
  774.                                                             </div>
  775.  
  776.                                                             <div class="form-group row">
  777.                                                                 <label class="col-sm-3 col-form-label">Status Kantor</label>
  778.                                                                 <div class="form-check-inline">
  779.                                                                     <label class="customradio"><span class="radiotextsty">Milik Sendiri</span>
  780.                                                                         <input type="radio" name="statusKantor" value="miliksendiri" [(ngModel)]="headerData.statusKantor">
  781.                                                                         <span class="checkmark"></span>
  782.                                                                     </label>      
  783.                                                                 </div>
  784.                                                                 <div class="form-check-inline">
  785.                                                                     <label class="customradio"><span class="radiotextsty">Sewa</span>
  786.                                                                         <input type="radio" name="statusKantor" value="sewa" [(ngModel)]="headerData.statusKantor">
  787.                                                                         <span class="checkmark"></span>
  788.                                                                     </label>    
  789.                                                            
  790.                                                            
  791.                                                            
  792.                                                                     <div class="col-sm-12" *ngIf="headerData.statusKantor === 'miliksendiri'">
  793.                                                                         <form [formGroup]="form">
  794.                                                                             <input id="file" type="file" enctype="multipart/form-data" name="avatar" (change)="uploadFileChange($event) " />
  795.                                                            
  796.                                                                             <button class="btn btn-success btn-sm" (click)="uploadFileStatusKantor()" style="background: #617be3;">
  797.                                                                                 <i class="fa fa-upload"></i> Upload
  798.                                                                             </button>
  799.                                                                             &nbsp;
  800.                                                            
  801.                                                                             <button class="btn btn-success btn-sm " (click)="btnDownloadFileStatusKantor()" style="background: #844685;">
  802.                                                                                 <i class="fa fa-eye"></i> Lihat
  803.                                                                             </button>
  804.                                                            
  805.                                                            
  806.                                                                             <!-- <div class="col-xl-4">
  807.                                                                                                            <h5 class="font-size-16 mb-3">Examples</h5>
  808.                                                                                                            <div class="button-list">
  809.                                                                                                            
  810.                                                                                                                <button type="button" class="btn btn-primary" (click)="openModal(content)">Standard
  811.                                                                                                                Modal</button>
  812.                                                                                                            </div>
  813.                                                                                                            </div> -->
  814.                                                                         </form>
  815.                                                            
  816.                                                            
  817.                                                            
  818.                                                            
  819.                                                            
  820.                                                            
  821.                                                            
  822.                                                            
  823.                                                            
  824.                                                            
  825.                                                                     </div>
  826.                                                                 </div>
  827.                                                            
  828.                                                            
  829.                                                             </div>
  830.  
  831.                                                             <div class="form-group row">
  832.                                                                 <label class="col-sm-3 col-form-label">Penyelenggaraan RAT 2 Tahun Terakhir</label>
  833.                                                                 <div class="form-check-inline">
  834.                                                                     <label class="customradio"><span class="radiotextsty">Ada</span>
  835.                                                                         <input type="radio" name="ratDuaTahunTerakhir" value="ada" [(ngModel)]="headerData.ratDuaTahunTerakhir">
  836.                                                                         <span class="checkmark"></span>
  837.                                                                     </label>      
  838.                                                                 </div>
  839.                                                                 <div class="form-check-inline">
  840.                                                                     <label class="customradio"><span class="radiotextsty">Tidak Ada</span>
  841.                                                                         <input type="radio" name="ratDuaTahunTerakhir" value="tidakada" [(ngModel)]="headerData.ratDuaTahunTerakhir">
  842.                                                                         <span class="checkmark"></span>
  843.                                                                     </label>    
  844.                                                            
  845.                                                            
  846.                                                            
  847.                                                                     <div class="col-sm-12" *ngIf="headerData.ratDuaTahunTerakhir === 'ada'">
  848.                                                                         <form [formGroup]="form">
  849.                                                                             <input id="file" type="file" enctype="multipart/form-data" name="avatar" (change)="uploadFileChange($event) " />
  850.                                                            
  851.                                                                             <button class="btn btn-success btn-sm" (click)="uploadFileRat()" style="background: #617be3;">
  852.                                                                                 <i class="fa fa-upload"></i> Upload
  853.                                                                             </button>
  854.                                                                             &nbsp;
  855.                                                            
  856.                                                                             <button class="btn btn-success btn-sm " (click)="btnDownloadFileRat()" style="background: #844685;">
  857.                                                                                 <i class="fa fa-eye"></i> Lihat
  858.                                                                             </button>
  859.                                                            
  860.                                                            
  861.                                                                             <!-- <div class="col-xl-4">
  862.                                                                                                                  <h5 class="font-size-16 mb-3">Examples</h5>
  863.                                                                                                                  <div class="button-list">
  864.                                                                                                                  
  865.                                                                                                                    <button type="button" class="btn btn-primary" (click)="openModal(content)">Standard
  866.                                                                                                                      Modal</button>
  867.                                                                                                                  </div>
  868.                                                                                                                </div> -->
  869.                                                                         </form>
  870.                                                            
  871.                                                            
  872.                                                            
  873.                                                            
  874.                                                            
  875.                                                            
  876.                                                            
  877.                                                            
  878.                                                            
  879.                                                            
  880.                                                                     </div>
  881.                                                            
  882.                                                            
  883.                                                                 </div>
  884.                                                            
  885.                                                            
  886.                                                            
  887.                                                            
  888.                                                             </div>
  889.                                                         </div>
  890.                                                     </div>
  891.                                                 </div>
  892.                                             </div>
  893.                                         </fieldset>
  894.                                     </div>
  895.                                     <!-- end col -->
  896.                                 </div>
  897.                             </div>
  898.                             <!-- end card-body -->
  899.                         </div>
  900.                         <!-- end card-->
  901.                     </div>
  902.                     <!-- end col -->
  903.                     <!-- </form> -->
  904.                     <div class="modal-footer">
  905.                         <button type="button" class="btn btn-success" (click)="createDataUmum()">
  906.                             <i class="fa fa-save"></i> Save
  907.                         </button>
  908.                         <button type="button" class="btn btn-danger">
  909.                             <i class="fa fa-close"></i> Close
  910.                         </button>
  911.                     </div>
  912.                 </div>
  913.                 <pre>Data Umum : {{ dataUmum | json }}</pre>
  914.             </div>
  915.         </div>
  916.         <!-- </form> -->
  917.     </div>
  918. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!