API tools faq
paste
coffeecode12

pengajuan-proposal terbaru

coffeecode12
Apr 28th, 2020
184
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 173.25 KB | None | 0 0
raw download clone embed print report
  1. <div class="container-fluid">
  2.   <app-page-title title="Proposal Pengajuan" [breadcrumbItems]="breadCrumbItems"></app-page-title>
  3.  
  4.   <div class="row">
  5.       <div class="col-xl-12">
  6.         <div class="card">
  7.           <div class="card-body">
  8.             <ngb-tabset  #t="ngbTabset">
  9.                 <ngb-tab id="tab-selectbyid1" title="Informasi Umum">
  10.                     <ng-template ngbTabContent>
  11.                      <ng-template [ngTemplateOutlet]="TabContent1"></ng-template>
  12.                      <div class="col-12">
  13.                         <div class="card">
  14.                           <div class="card-body">
  15.                             <div class="row">
  16.                                <div class="col-12 grid-margin">
  17.                                   <fieldset class="scheduler-border">
  18.                                      <legend class="scheduler-border">
  19.                                         <h4><b>A. Informasi Umum </b></h4>
  20.                                      </legend><br>
  21.                                      <div>
  22.                                         <div class="card">
  23.                                             <div class="card-body">
  24.                                                 <div class="row" >
  25.                                                     <div class="col-md-6">
  26.                                                         <div class="form-group row">
  27.                                                             <label class="col-sm-3 col-form-label">Status</label>
  28.                                                                 <div class="form-check-inline">
  29.                                                                     <label class="customradio"><span class="radiotextsty">Konvensional</span>
  30.                  
  31.                                                                       <input type="radio" name="status" value="konvensional" [(ngModel)]="headerData.status" disabled>
  32.                                                                       <span class="checkmark"></span>
  33.                                                                     </label>        
  34.      
  35.                                                                  
  36.                                                                   </div>
  37.                                                                   <div class="form-check-inline">
  38.                                                                       <label class="customradio"><span class="radiotextsty">Syariah</span>
  39.                                                                         <!-- <input type="radio" name="radio"> -->
  40.                                                                         <input type="radio" name="status" value="syariah" [(ngModel)]="headerData.status" disabled>
  41.                                                                         <span class="checkmark"></span>
  42.                                                                       </label>
  43.                                                                    
  44.                                                                   </div>
  45.                                                          </div>
  46.                  
  47.                                                      
  48.                                                     </div>
  49.                                                    
  50.                                                  </div>
  51.                                                 <div class="row" >
  52.                                                     <div class="col-md-6">
  53.                                                         <div class="form-group row">
  54.                                                             <label class="col-sm-3 col-form-label">Jenis Koperasi</label>
  55.                                                             <div class="col-sm-9">
  56.                                                                 <input type="text" class="form-control" name="idJenisKoperasi" [(ngModel)]="headerData.idJenisKoperasi" readonly>
  57.                          
  58.                                                             </div>
  59.                                                          </div>
  60.                            
  61.                                                        <div class="form-group row">
  62.                                                           <label class="col-sm-3 col-form-label">Jenis Pinjaman</label>
  63.                                                           <div class="col-sm-9">        
  64.                                                               <input type="text" class="form-control" name="idJenisPinjaman" [(ngModel)]="headerData.idJenisPinjaman" readonly>
  65.                          
  66.                                                           </div>
  67.                                                        </div>
  68.      
  69.                                                        <div class="form-group row">
  70.                                                           <label class="col-sm-3 col-form-label">Nama Mitra</label>
  71.                                                           <div class="col-sm-9">
  72.                                                               <input type="text" class="form-control" name="namaKoperasi" [(ngModel)]="headerData.namaKoperasi" readonly>
  73.                                                           </div>
  74.                                                        </div>
  75.                  
  76.                                                        <div class="form-group row">
  77.                                                            <label class="col-sm-3 col-form-label">Tahun Berdiri</label>
  78.                                                            <div class="col-sm-9">
  79.                                                                
  80.                                                              
  81.                                                              
  82.                                                               <input type="number" class="form-control" name="tahunBerdiri" [(ngModel)]="headerData.tahunBerdiri" readonly>
  83.                                                              
  84.                                                            </div>
  85.                                                         </div>
  86.                  
  87.                  
  88.                                                        
  89.                                                        
  90.                                                     </div>
  91.                                                    
  92.                                                  </div>
  93.                                                  <div class="row">
  94.      
  95.                                                     <div class="col-md-6">
  96.                                                         <div class="form-group row">
  97.                                                             <label class="col-sm-3 col-form-label">Alamat</label>
  98.                                                             <div class="col-sm-9">
  99.                                                                 <textarea  class="form-control" rows="5" name="alamat"
  100.                                                                [(ngModel)]="headerData.alamat" readonly></textarea>
  101.                                                             </div>
  102.                                                          </div>
  103.                                                      </div>
  104.                                                      <div class="col-md-6">
  105.                                                         <div class="form-group row">
  106.                                                             <label class="col-sm-3 col-form-label">Status Perizinan</label>
  107.                                                             <div class="form-check-inline">
  108.                                                                 <label class="customradio"><span class="radiotextsty">Nasional</span>
  109.                                                                   <input type="radio" name="wilayahKerjaKoperasi" value="nasional" [(ngModel)]="headerData.wilayahKerjaKoperasi" disabled>
  110.                                                                   <span class="checkmark"></span>
  111.                                                                 </label>
  112.                                                                
  113.                                                             </div>
  114.                                                                
  115.                                                                   <div class="form-check-inline">
  116.                                                                       <label class="customradio"><span class="radiotextsty">Provinsi</span>
  117.                                                                         <input type="radio" name="wilayahKerjaKoperasi" value="provinsi" [(ngModel)]="headerData.wilayahKerjaKoperasi" disabled>
  118.                                                                         <span class="checkmark"></span>
  119.                                                                       </label> 
  120.                                                                   </div>
  121.      
  122.                                                                   <div class="form-check-inline">
  123.                                                                     <label class="customradio"><span class="radiotextsty">Kab/Kota</span>
  124.                                                                       <input type="radio" name="wilayahKerjaKoperasi" value="kab/kota" [(ngModel)]="headerData.wilayahKerjaKoperasi" disabled>
  125.                                                                       <span class="checkmark"></span>
  126.                                                                     </label> 
  127.                                                                   </div>
  128.      
  129.                                                                  
  130.                                                          </div>
  131.                  
  132.                                                      
  133.                                                     </div>
  134.                                                     <div class="col-md-6">
  135.                                                         <div class="form-group row">
  136.                                                            <label class="col-sm-3 col-form-label">Provinsi</label>
  137.                                                            <div class="col-sm-9">
  138.                                                              <select class="form-control" name="provinsi" [(ngModel)]="headerData.provinsi" (change)="selectLoopProvinsi()" disabled>
  139.                                                                <option [selected]="headerData.provinsi == null || headerData.provinsi == ''" value="">Pilih Provinsi</option>
  140.                                                                <option *ngFor="let provinsi of provinsis;" [ngValue]="provinsi.id">{{provinsi.deskripsi}}</option>
  141.                                                             </select>  
  142.                                                            </div>
  143.                                                         </div>
  144.                                                      </div>
  145.                                                      <div class="col-md-6">
  146.                                                         <div class="form-group row">
  147.                                                            <label class="col-sm-3 col-form-label">Kecamatan</label>
  148.                                                            <div class="col-sm-9">
  149.                  
  150.                                                              <select class="form-control" name="kecamatan" [(ngModel)]="headerData.kecamatan" (change)="selectLoopKecamatan()" disabled>
  151.                                                                <option [selected]="headerData.kecamatan == null || headerData.kecamatan == ''" value=""> Pilih Kecamatan</option>
  152.                                                                <option *ngFor="let kecamatan of kecamatans;" [ngValue]="kecamatan.id">{{kecamatan.deskripsi}}</option>
  153.                                                             </select>
  154.                                                            </div>
  155.                                                         </div>
  156.                                                      </div>
  157.                                                  
  158.                                                  </div>
  159.                  
  160.                                                  <div class="row">
  161.                                                     <div class="col-md-6">
  162.                                                        <div class="form-group row">
  163.                                                           <label class="col-sm-3 col-form-label">Kab/Kota</label>
  164.                                                           <div class="col-sm-9">
  165.                                                            <select class="form-control" name="kabKota" [(ngModel)]="headerData.kabKota" (change)="selectLoopKabupaten()" disabled>
  166.                                                              <option [selected]="headerData.kabKota == null || headerData.kabKota == ''" value=""> Pilih Kabupaten</option>
  167.                                                              <option *ngFor="let kabupaten of kabupatens;" [ngValue]="kabupaten.id">{{kabupaten.deskripsi}}</option>
  168.                                                           </select>
  169.                                                           </div>
  170.                                                        </div>
  171.                                                     </div>
  172.                                                     <div class="col-md-6">
  173.                                                        <div class="form-group row">
  174.                                                           <label class="col-sm-3 col-form-label">Kode Pos</label>
  175.                                                           <div class="col-sm-9">
  176.                                                              <input type="text" class="form-control" name="kodePos" [(ngModel)]="headerData.kodePos" readonly>
  177.                                                           </div>
  178.                                                        </div>
  179.                                                     </div>
  180.                                                  
  181.                                                  </div>
  182.                
  183.                                                  <div class="row">
  184.                                                     <div class="col-md-6">
  185.                                                        <div class="form-group row">
  186.                                                           <label class="col-sm-3 col-form-label">Telepon</label>
  187.                                                           <div class="col-sm-9">
  188.                                                              <input type="text" class="form-control" name="noTelp" [(ngModel)]="headerData.noTelp" readonly>
  189.                                                           </div>
  190.                                                        </div>
  191.                                                     </div>
  192.                                                     <div class="col-md-6">
  193.                                                        <div class="form-group row">
  194.                                                           <label class="col-sm-3 col-form-label">Email Kantor</label>
  195.                                                           <div class="col-sm-9">
  196.                                                              <input type="text" class="form-control" name="emailKantor" [(ngModel)]="headerData.emailKantor" readonly>
  197.                                                           </div>
  198.                                                        </div>
  199.                                                     </div>
  200.                                                  
  201.                                                  </div>
  202.                                               </div>
  203.                                         </div>
  204.                                        
  205.                                      </div>
  206.                                   </fieldset>
  207.                                </div>
  208.                          
  209.        
  210.                              
  211.                            
  212.                              
  213.                             </div>
  214.        
  215.        
  216.                            
  217.        
  218.                            
  219.                             <!-- end row -->
  220.                         </div> <!-- end card-->
  221.                       </div> <!-- end col -->
  222.        
  223.                       <div class="col-12">
  224.                           <div class="card">
  225.                             <div class="card-body">  
  226.                               <fieldset class="scheduler-border">
  227.                                   <legend class="scheduler-border">
  228.                                      <h4><b> Visi dan Misi Koperasi </b></h4>
  229.                                   </legend><br>
  230.          
  231.                                   <div class="row">
  232.                                       <div class="col-lg-12">
  233.                                           <div class="card">
  234.                                               <div class="card-body">
  235.                                                
  236.                                                   <div class="table-responsive table-border">
  237.                                                    
  238.              
  239.              
  240.                                                     <table class="table table-hover table-bordered">
  241.                                                       <tr style="text-align: center; background: #5369f8; color: white;">
  242.                                                           <td>No</td>
  243.                                                           <td style="text-align: center;">Visi</td>
  244.                                                           <td style="text-align: center;">Aksi</td>
  245.                                                       </tr>
  246.                                                       <tbody>
  247.                                                       <tr *ngFor="let vd of visiDatas; let i = index">
  248.                                                           <td style="text-align: center;">{{ i+1 }}</td>
  249.                                                           <td><input type="text" class="form-control" name="isi-{{i}}" [(ngModel)]="vd.isi" readonly>
  250.                                                           </td>
  251.                                                           <td>                                                                        
  252.                                                               <div style="text-align: center;">    
  253.                                                                   <button class="btn btn-success btn-md" (click)="addTblVisi()" disabled>
  254.                                                                       <i class="fa fa-plus"></i>
  255.                                                                   </button>
  256.                                                                   &nbsp;
  257.                                                                   <button class="btn btn-danger btn-md" (click)="deleteTblVisi(i)"
  258.                                                                  [disabled]="visiDatas.length <= 1" disabled>
  259.                                                                       <i class="fa fa-minus"></i>
  260.                                                                    
  261.                                                                   </button>                                                                                
  262.                                                               </div>                              
  263.                                                           </td>
  264.                                                       </tr>
  265.                                                       </tbody>
  266.                                                   </table>
  267.        
  268.        
  269.                                                   <table class="table table-hover table-bordered" >
  270.                                                     <tr style="text-align: center; background: #5369f8; color: white;">
  271.                                                         <td>No</td>
  272.                                                         <td style="text-align: center;">Misi</td>
  273.                                                         <td style="text-align: center;">Aksi</td>
  274.                                                     </tr>
  275.                                                     <tbody>
  276.                                                     <tr *ngFor="let md of misiDatas; let i = index">
  277.                                                         <td style="text-align: center;">{{ i+1 }}</td>
  278.                                                         <td><input type="text" class="form-control" name="isi-{{i}}" [(ngModel)]="md.isi" readonly>
  279.                                                         </td>
  280.                                                         <td>                                                                        
  281.                                                             <div style="text-align: center;">    
  282.                                                                 <button class="btn btn-success btn-md" (click)="addTblMisi()" disabled>
  283.                                                                     <i class="fa fa-plus"></i>
  284.                                                                 </button>
  285.                                                                 &nbsp;
  286.                                                                 <button class="btn btn-danger btn-md" (click)="deleteTblMisi(i)"
  287.                                                                [disabled]="misiDatas.length <= 1" disabled>
  288.                                                                     <i class="fa fa-minus"></i>                                                                                    
  289.                                                                 </button>                                                                                
  290.                                                             </div>                                        
  291.                                                         </td>
  292.                                                     </tr>                                                                    
  293.                                                     </tbody>
  294.                                                 </table>
  295.                                                   </div>
  296.              
  297.              
  298.                                                
  299.                                          
  300.                                       </div>
  301.                                   </div>
  302.                                 </div> <!-- end card-body -->
  303.                               </div> <!-- end card-->
  304.                               </fieldset>
  305.                              
  306.                    
  307.                          
  308.                         </div> <!-- end col -->
  309.                     </div>
  310.                      </div>
  311.          
  312.                      <div class="col-12">
  313.                         <div class="card">
  314.                           <div class="card-body">
  315.                            
  316.                             <fieldset class="scheduler-border">
  317.                                 <legend class="scheduler-border">
  318.                                    <h4><b> Penghargaan yang di peroleh </b></h4>
  319.                                 </legend><br>
  320.                                  
  321.                                 <div class="row">
  322.                                     <div class="col-lg-12">
  323.                                         <div class="card">
  324.                                             <div class="card-body">
  325.                                                 <div class="col-md-4 col-sm-4 col-xs-12 form-group">
  326.                                                     <label class="labeltext">Penghargaan yang di peroleh</label><br>
  327.                                                     <div class="form-check-inline">
  328.                                                             <label class="customradio"><span class="radiotextsty">Ada</span>
  329.                                                               <input type="radio" name="statusPenghargaanKoperasi" value="ada" [(ngModel)]="headerData.statusPenghargaanKoperasi" disabled>
  330.                                                               <span class="checkmark"></span>
  331.                                                             </label>
  332.                                                            
  333.                                                      </div>
  334.    
  335.                                                      <div class="form-check-inline">
  336.                                                             <label class="customradio"><span class="radiotextsty">Tidak Ada</span>
  337.                                                               <input type="radio" name="statusPenghargaanKoperasi" value="tidakada" [(ngModel)]="headerData.statusPenghargaanKoperasi" disabled>
  338.                                                               <span class="checkmark"></span>
  339.                                                             </label>
  340.                                                            
  341.                                                      </div>
  342.                                                 </div>
  343.                                              
  344.                                                 <div class="table-responsive table-border" *ngIf="headerData.statusPenghargaanKoperasi === 'ada'">  
  345.                                                                  
  346.                                                   <table class="table table-hover table-bordered">
  347.                                                       <tr style="text-align: center; background: #5369f8; color: white;">
  348.                                                           <td>No</td>
  349.                                                           <td style="text-align: center;">Penghargaan yang di peroleh</td>
  350.                                                           <td style="text-align: center;">Aksi</td>
  351.                                                       </tr>
  352.                                                       <tbody>
  353.                                                           <tr *ngFor="let tp of penghargaanKoperasiDatas, let i = index">
  354.                                                               <td style="text-align: center;">{{ i+1 }}</td>
  355.                                                               <td><input type="text" class="form-control" name="isi-{{i}}" [(ngModel)]="tp.isi" readonly></td>
  356.                                                               <td>                                                                            
  357.                                                                   <div style="text-align: center;">    
  358.                                                                       <button class="btn btn-success btn-md" (click)="addTblPenghargaan()" disabled>
  359.                                                                           <i class="fa fa-plus"></i>
  360.                                                                       </button>
  361.                                                                           &nbsp;
  362.                                                                       <button class="btn btn-danger btn-md" (click)="deleteTblPenghargaan(tp)" disabled>
  363.                                                                    
  364.                                                                           <i class="fa fa-minus"></i>                                                                                
  365.                                                                       </button>                                                                                
  366.                                                                   </div>                                                                      
  367.        
  368.                                                               </td>
  369.                                                           </tr>
  370.                                                                                                                                  
  371.                                                       </tbody>
  372.                                                   </table>
  373.                                                </div>
  374.              
  375.                                                
  376.                                              
  377.                                        
  378.                                     </div>
  379.                                 </div>
  380.                               </div> <!-- end card-body -->
  381.                                </div> <!-- end card-->
  382.          
  383.                             </fieldset>
  384.                            
  385.                  
  386.                          
  387.                       </div> <!-- end col -->
  388.                   </div>
  389.                    </div> <!-- end card-body -->
  390.        
  391.                    <div class="col-12">
  392.                     <div class="card">
  393.                       <div class="card-body">
  394.                        
  395.                         <fieldset class="scheduler-border">
  396.                             <legend class="scheduler-border">
  397.                                <h4><b> Produk Yang Pernah Dijual</b></h4>
  398.                             </legend><br>
  399.  
  400.                             <div class="row">
  401.                                 <div class="col-xl-6 col-sm-6">
  402.                                       <div class="card">
  403.                                          <div class="card-body">
  404.                                            <div class="row">
  405.                                             <div class="col-xl-12 col-sm-12">
  406.                                                 <fieldset class="scheduler-border">
  407.                                                     <legend class="scheduler-border">
  408.                                                        <h4> Produk Simpanan</h4>
  409.                                                     </legend><br>
  410.  
  411.                                                  
  412.  
  413.                                                    <div class="col-md-12">
  414.                                                     <div class="form-group row">
  415.                                                         <label class="col-sm-3 col-form-label">Tabungan</label>
  416.                                                             <div class="form-check-inline">
  417.                                                                 <label class="customradio"><span class="radiotextsty">Ya</span>
  418.              
  419.                                                                   <input type="radio" [value]="1" name="flProdukSimpananTabungan"
  420.                                                                  [(ngModel)]="header.flProdukSimpananTabungan">
  421.                                                                   <span class="checkmark"></span>
  422.                                                                 </label>        
  423.  
  424.                                                               </div>
  425.                                                               <div class="form-check-inline">
  426.                                                                   <label class="customradio"><span class="radiotextsty">Tidak</span>
  427.                                                                     <input type="radio" [value]="0" name="flProdukSimpananTabungan"
  428.                                                                  [(ngModel)]="header.flProdukSimpananTabungan">
  429.                                                                   <span class="checkmark"></span>
  430.                                                                   </label>
  431.                                                                
  432.                                                               </div>
  433.                                                      </div>
  434.              
  435.                                                  
  436.                                                   </div>
  437.  
  438.                                                   <div class="col-md-12">
  439.                                                     <div class="form-group row">
  440.                                                         <label class="col-sm-3 col-form-label">Deposito</label>
  441.                                                             <div class="form-check-inline">
  442.                                                                 <label class="customradio"><span class="radiotextsty">Ya</span>
  443.              
  444.                                                                   <input type="radio" [value]="1" name="flProdukSimpananDeposito"
  445.                                                                  [(ngModel)]="header.flProdukSimpananDeposito">
  446.                                                                   <span class="checkmark"></span>
  447.                                                                 </label>        
  448.  
  449.                                                                
  450.                                                               </div>
  451.                                                               <div class="form-check-inline">
  452.                                                                   <label class="customradio"><span class="radiotextsty">Tidak</span>
  453.                                                                     <input type="radio" [value]="0" name="flProdukSimpananDeposito"
  454.                                                                    [(ngModel)]="header.flProdukSimpananDeposito">
  455.                                                                     <span class="checkmark"></span>
  456.                                                                   </label>
  457.                                                                
  458.                                                               </div>
  459.                                                      </div>
  460.              
  461.                                                  
  462.                                                   </div>
  463.  
  464.                                                   <div class="col-md-12">
  465.                                                     <div class="form-group row">
  466.                                                         <label class="col-sm-3 col-form-label">Modal Penyertaan</label>
  467.                                                             <div class="form-check-inline">
  468.                                                                 <label class="customradio"><span class="radiotextsty">Ya</span>
  469.                                                                   <input type="radio" [value]="1" name="flProdukSimpananModalPenyertaan"
  470.                                                                  [(ngModel)]="header.flProdukSimpananModalPenyertaan">
  471.                                                                   <span class="checkmark"></span>
  472.                                                                 </label>        
  473.  
  474.                                                                
  475.                                                               </div>
  476.                                                               <div class="form-check-inline">
  477.                                                                   <label class="customradio"><span class="radiotextsty">Tidak</span>
  478.                                                                     <input type="radio" [value]="0" name="flProdukSimpananModalPenyertaan"
  479.                                                                  [(ngModel)]="header.flProdukSimpananModalPenyertaan">
  480.                                                                   <span class="checkmark"></span>
  481.                                                                   </label>
  482.                                                                
  483.                                                               </div>
  484.                                                      </div>
  485.              
  486.                                                  
  487.                                                   </div>
  488.  
  489.                                                   <div class="col-md-12">
  490.                                                     <div class="form-group row">
  491.                                                         <label class="col-sm-3 col-form-label">Lain-Lain</label>
  492.                                                             <div class="form-check-inline">
  493.                                                                 <label class="customradio"><span class="radiotextsty">Ya</span>
  494.                                                                   <input type="radio" [value]="1" name="flProdukSimpananLainLain"
  495.                                                                  [(ngModel)]="header.flProdukSimpananLainLain">
  496.                                                                   <span class="checkmark"></span>
  497.                                                                 </label>        
  498.  
  499.                                                              
  500.                                                               </div>
  501.                                                               <div class="form-check-inline">
  502.                                                                   <label class="customradio"><span class="radiotextsty">Tidak</span>
  503.                                                                     <input type="radio" [value]="0" name="flProdukSimpananLainLain"
  504.                                                                  [(ngModel)]="header.flProdukSimpananLainLain">
  505.                                                                   <span class="checkmark"></span>
  506.                                                                   </label>
  507.                                                                
  508.                                                               </div>
  509.                                                      </div>
  510.              
  511.                                                  
  512.                                                   </div>
  513.                              
  514.                                                  
  515.                              
  516.                                                 </fieldset>
  517.                                             </div>
  518.                                            </div>
  519.                                          </div>
  520.                                       </div>
  521.                                 </div>
  522.                                 <div class="col-xl-6 col-sm-6">
  523.                                   <div class="card">
  524.                                      <div class="card-body">
  525.                                        <div class="row">
  526.                                         <div class="col-xl-12 col-sm-12">
  527.                                             <fieldset class="scheduler-border">
  528.                                                 <legend class="scheduler-border">
  529.                                                    <h4> Produk Pinjaman</h4>
  530.                                                 </legend><br>
  531.                
  532.                                                 <div class="col-md-12">
  533.                                                   <div class="form-group row">
  534.                                                       <label class="col-sm-3 col-form-label">Konsumtif</label>
  535.                                                           <div class="form-check-inline">
  536.                                                               <label class="customradio"><span class="radiotextsty">Ya</span>
  537.                                                                 <input type="radio" [value]="1" name="flProdukPinjamanKonsumtif"
  538.                                                                [(ngModel)]="header.flProdukPinjamanKonsumtif">
  539.                                                                 <span class="checkmark"></span>
  540.                                                               </label>        
  541.                
  542.                                                              
  543.                                                             </div>
  544.                                                             <div class="form-check-inline">
  545.                                                                 <label class="customradio"><span class="radiotextsty">Tidak</span>
  546.                                                                   <input type="radio" [value]="0" name="flProdukPinjamanKonsumtif"
  547.                                                                [(ngModel)]="header.flProdukPinjamanKonsumtif">
  548.                                                                 <span class="checkmark"></span>
  549.                                                                 </label>
  550.                                                              
  551.                                                             </div>
  552.                                                    </div>
  553.                
  554.                                                
  555.                                                 </div>
  556.                
  557.                                                 <div class="col-md-12">
  558.                                                   <div class="form-group row">
  559.                                                       <label class="col-sm-3 col-form-label">Produktif</label>
  560.                                                           <div class="form-check-inline">
  561.                                                               <label class="customradio"><span class="radiotextsty">Ya</span>
  562.                
  563.                                                                 <input type="radio" [value]="1" name="flProdukPinjamanProduktif"
  564.                                                                [(ngModel)]="header.flProdukPinjamanProduktif">
  565.                                                                 <span class="checkmark"></span>
  566.                                                               </label>        
  567.                
  568.                                                              
  569.                                                             </div>
  570.                                                             <div class="form-check-inline">
  571.                                                                 <label class="customradio"><span class="radiotextsty">Tidak</span>
  572.                                                                   <input type="radio" [value]="0" name="flProdukPinjamanProduktif"
  573.                                                                  [(ngModel)]="header.flProdukPinjamanProduktif">
  574.                                                                   <span class="checkmark"></span>
  575.                                                                 </label>
  576.                                                              
  577.                                                             </div>
  578.                                                    </div>
  579.                
  580.                                                
  581.                                                 </div>
  582.                
  583.                                                 <div class="col-md-12">
  584.                                                   <div class="form-group row">
  585.                                                       <label class="col-sm-3 col-form-label">Lain-Lain</label>
  586.                                                           <div class="form-check-inline">
  587.                                                               <label class="customradio"><span class="radiotextsty">Ya</span>
  588.                                                                 <input type="radio" [value]="1" name="flProdukPinjamanLainLain"
  589.                                                                [(ngModel)]="header.flProdukPinjamanLainLain">
  590.                                                                 <span class="checkmark"></span>
  591.                                                               </label>        
  592.                
  593.                                                             </div>
  594.                                                             <div class="form-check-inline">
  595.                                                                 <label class="customradio"><span class="radiotextsty">Tidak</span>
  596.                                                                   <input type="radio" [value]="0" name="flProdukPinjamanLainLain"
  597.                                                                [(ngModel)]="header.flProdukPinjamanLainLain">
  598.                                                                 <span class="checkmark"></span>
  599.                                                                 </label>
  600.                                                              
  601.                                                             </div>
  602.                                                    </div>
  603.                
  604.                                                
  605.                                                 </div>
  606.                
  607.                                              
  608.                            
  609.                          
  610.                                              
  611.                          
  612.                                                 </fieldset>
  613.                                         </div>
  614.                                        </div>
  615.                                      </div>
  616.                                   </div>
  617.                             </div>
  618.          
  619.                      
  620.          
  621.                               </div>
  622.      
  623.                          
  624.      
  625.                         </fieldset>
  626.                        
  627.                      
  628.  
  629.                        
  630.                      
  631.                   </div> <!-- end col -->
  632.               </div>
  633.                </div> <!-- end card-body -->
  634.              
  635.                     </div> <!-- end card-->
  636.                    
  637.                     <!-- <pre>Data Umum : {{ datapengajuan | json }}</pre>   -->
  638.                      <div class="modal-footer">
  639.  
  640.                       <button
  641.                        type="button" class="btn btn-success" (click)="t.select('tab-selectbyid2')">
  642.                         Selanjutnya <i class="fa fa-arrow-right" aria-hidden="true"></i>
  643.                        </button>
  644.                      
  645.                      </div>
  646.  
  647.                    </ng-template>
  648.            </ngb-tab>
  649.            <ngb-tab  id="tab-selectbyid2"  title="Potensi Wilayah Kerja">
  650.             <ng-template ngbTabContent>
  651.              <ng-template [ngTemplateOutlet]="TabContent2"></ng-template>
  652.              <form #formCorrection="ngForm">
  653.              <div class="col-12">
  654.                <div class="card">
  655.                  <div class="card-body">
  656.                    
  657.                   <div class="row">
  658.                     <div class="col-xl-6 col-sm-6">
  659.                       <fieldset class="scheduler-border">
  660.                         <legend class="scheduler-border">
  661.                             <h4><b> Segmen/sasaran pasar yang dilayani </b></h4>
  662.                         </legend>
  663.                                <br>
  664.                                
  665.                                <div class="row">
  666.                                  
  667.                                 <div class="col-xl-12 col-sm-12">
  668.                                       <div class="card">
  669.                                          <div class="card-body">
  670.                                          
  671.                                             <div class="form-group row">
  672.                                                 <label class="col-sm-4 col-form-label">Produk Simpanan</label>
  673.                                                   <div class="col-sm-8">
  674.                                                     <!-- <input type="text" class="form-control" name="segmenPasarFreeteks1" [(ngModel)]="header.segmenPasarFreeteks1" [ngModelOptions]="{standalone:
  675.                                                      true}"> -->
  676.                                                       <input type="text" class="form-control " name="segmenPasarFreeteks1"
  677.                                                      [(ngModel)]="header.segmenPasarFreeteks1" required #segmenPasarFreeteks1="ngModel"
  678.                                                      [class.is-invalid]="segmenPasarFreeteks1.invalid && segmenPasarFreeteks1.touched">
  679.                                                       <small class="text-danger" [class.d-none]="segmenPasarFreeteks1.valid || segmenPasarFreeteks1.untouched">Produk Simpanan
  680.                                                       harus di isi</small>
  681.                                                   </div>
  682.                                               </div>
  683.                                             <div class="form-group row">
  684.                                                 <label class="col-sm-4 col-form-label">Produk Pinjaman</label>
  685.                                                 <div class="col-sm-8">
  686.                                                   <!-- <input type="text" class="form-control" name="segmenPasarFreeteks2" [(ngModel)]="header.segmenPasarFreeteks2" [ngModelOptions]="{standalone:
  687.                                                    true}"> -->
  688.  
  689.                                                     <input type="text" class="form-control " name="segmenPasarFreeteks2"
  690.                                                    [(ngModel)]="header.segmenPasarFreeteks2" required #segmenPasarFreeteks2="ngModel"
  691.                                                    [class.is-invalid]="segmenPasarFreeteks2.invalid && segmenPasarFreeteks2.touched">
  692.                                                     <small class="text-danger" [class.d-none]="segmenPasarFreeteks2.valid || segmenPasarFreeteks2.untouched">Produk Pinjaman
  693.                                                     harus di isi</small>
  694.                                                 </div>
  695.                                               </div>
  696.                                          
  697.                                          </div>
  698.                                       </div>
  699.                                 </div>
  700.                              
  701.                                </div>
  702.                                
  703.                       </fieldset>
  704.                     </div>
  705.                     <div class="col-xl-6 col-sm-6">
  706.                       <fieldset class="scheduler-border">
  707.                         <legend class="scheduler-border">
  708.                             <h4><b> Pesaing Utama Koperasi </b></h4>
  709.                         </legend>
  710.                            <br>
  711.                            <div class="row">
  712.                             <div class="col-xl-12 col-sm-12">
  713.                                   <div class="card">
  714.                                      <div class="card-body">
  715.                                      
  716.                                         <div class="form-group row">
  717.                                             <label class="col-sm-4 col-form-label">Simpanan</label>
  718.                                               <div class="col-sm-8">
  719.                                                 <!-- <input type="text" class="form-control" name="pesaingKoperasiFreeteks1" [(ngModel)]="header.pesaingKoperasiFreeteks1" [ngModelOptions]="{standalone:
  720.                                                  true}"> -->
  721.  
  722.                                                   <input type="text" class="form-control " name="pesaingKoperasiFreeteks1"
  723.                                                  [(ngModel)]="header.pesaingKoperasiFreeteks1" required #pesaingKoperasiFreeteks1="ngModel"
  724.                                                  [class.is-invalid]="pesaingKoperasiFreeteks1.invalid && pesaingKoperasiFreeteks1.touched">
  725.                                                   <small class="text-danger" [class.d-none]="pesaingKoperasiFreeteks1.valid || pesaingKoperasiFreeteks1.untouched">Produk Simpanan
  726.                                                   harus di isi</small>
  727.                                               </div>
  728.                                           </div>
  729.                                         <div class="form-group row">
  730.                                             <label class="col-sm-4 col-form-label">Pinjaman</label>
  731.                                             <div class="col-sm-8">
  732.                                               <!-- <input type="text" class="form-control" name="pesaingKoperasiFreeteks2" [(ngModel)]="header.pesaingKoperasiFreeteks2" [ngModelOptions]="{standalone:
  733.                                                true}"> -->
  734.  
  735.                                                 <input type="text" class="form-control " name="pesaingKoperasiFreeteks2"
  736.                                                [(ngModel)]="header.pesaingKoperasiFreeteks2" required #pesaingKoperasiFreeteks2="ngModel"
  737.                                                [class.is-invalid]="pesaingKoperasiFreeteks2.invalid && pesaingKoperasiFreeteks2.touched">
  738.                                                 <small class="text-danger" [class.d-none]="pesaingKoperasiFreeteks2.valid || pesaingKoperasiFreeteks2.untouched">Produk Pinjaman
  739.                                                 harus di isi</small>
  740.                                             </div>
  741.                                           </div>
  742.                                      
  743.                                      </div>
  744.                                   </div>
  745.                             </div>
  746.                            </div>
  747.                     </fieldset>
  748.                 </div>
  749.  
  750.                 <div class="col-xl-6 col-sm-6">
  751.                   <fieldset class="scheduler-border">
  752.                     <legend class="scheduler-border">
  753.                         <h4><b> Keunggulan produk koperasi dibanding pesaing </b></h4>
  754.                     </legend>
  755.                        <br>
  756.                        <div class="row">
  757.                         <div class="col-xl-12 col-sm-12">
  758.                               <div class="card">
  759.                                  <div class="card-body">
  760.                                  
  761.                                     <div class="form-group row">
  762.                                         <label class="col-sm-4 col-form-label">Simpanan</label>
  763.                                           <div class="col-sm-8">
  764.                                             <!-- <input type="text" class="form-control" name="keunggulanProdukFreeteks1" [(ngModel)]="header.keunggulanProdukFreeteks1" [ngModelOptions]="{standalone:
  765.                                              true}"> -->
  766.  
  767.                                               <input type="text" class="form-control " name="keunggulanProdukFreeteks1"
  768.                                              [(ngModel)]="header.keunggulanProdukFreeteks1" required #keunggulanProdukFreeteks1="ngModel"
  769.                                              [class.is-invalid]="keunggulanProdukFreeteks1.invalid && keunggulanProdukFreeteks1.touched">
  770.                                               <small class="text-danger" [class.d-none]="keunggulanProdukFreeteks1.valid || keunggulanProdukFreeteks1.untouched">Produk Simpanan
  771.                                               harus di isi</small>
  772.                                           </div>
  773.                                       </div>
  774.                                     <div class="form-group row">
  775.                                         <label class="col-sm-4 col-form-label">Pinjaman</label>
  776.                                         <div class="col-sm-8">
  777.                                           <!-- <input type="text" class="form-control" name="keunggulanProdukFreeteks2" [(ngModel)]="header.keunggulanProdukFreeteks2" [ngModelOptions]="{standalone:
  778.                                            true}"> -->
  779.  
  780.                                             <input type="text" class="form-control " name="keunggulanProdukFreeteks2"
  781.                                            [(ngModel)]="header.keunggulanProdukFreeteks2" required #keunggulanProdukFreeteks2="ngModel"
  782.                                            [class.is-invalid]="keunggulanProdukFreeteks2.invalid && keunggulanProdukFreeteks2.touched">
  783.                                             <small class="text-danger" [class.d-none]="keunggulanProdukFreeteks2.valid || keunggulanProdukFreeteks2.untouched">Produk Pinjaman
  784.                                             harus di isi</small>
  785.                                         </div>
  786.                                       </div>
  787.                                  
  788.                                  </div>
  789.                               </div>
  790.                         </div>
  791.                        </div>
  792.                 </fieldset>
  793.             </div>
  794.  
  795.             <div class="col-xl-12 col-sm-12">
  796.               <fieldset class="scheduler-border">
  797.                 <legend class="scheduler-border">
  798.                     <h4><b> Peluang koperasi untuk meningkatkan pinjaman (jelaskan secara singkat) </b></h4>
  799.                 </legend>
  800.                    <br>
  801.                    <div class="row">
  802.                     <div class="col-xl-12 col-sm-12">
  803.                           <div class="card">
  804.                              <div class="card-body">
  805.                               <form #userForm="ngForm">
  806.                                 <div class="form-group">                                      
  807.                                     <textarea class="form-control" rows="6" name="peluangKoperasi"  [ngModelOptions]="{standalone:
  808.                                      true}" [(ngModel)]="header.peluangKoperasi" required
  809.                                    #peluangKoperasi="ngModel" [class.is-invalid]="peluangKoperasi.invalid && peluangKoperasi.touched"></textarea>
  810.                                  <small class="text-danger" [class.d-none]="peluangKoperasi.valid || peluangKoperasi.untouched">Peluang koperasi harus diisi</small>
  811.                                 </div>
  812.                               </form>
  813.                              </div>
  814.                           </div>
  815.                     </div>
  816.                    </div>
  817.                 </fieldset>
  818.             </div>
  819.  
  820.         <div class="col-xl-12 col-sm-12">
  821.               <fieldset class="scheduler-border">
  822.                 <legend class="scheduler-border">
  823.                     <h4><b> Kendala utama yang dihadapi dalam meningkatkan kinerja koperasi </b></h4>
  824.                 </legend>
  825.                <div class="row">
  826.                 <div class="col-xl-12 col-sm-12">
  827.                       <div class="card">
  828.                          <div class="card-body">
  829.                        
  830.                             <div class="form-group">                                      
  831.                                
  832.                                   <textarea class="form-control" rows="6" name="kendalaKoperasi"  [ngModelOptions]="{standalone:
  833.                                    true}" [(ngModel)]="header.kendalaKoperasi" required
  834.                                  #kendalaKoperasi="ngModel" [class.is-invalid]="kendalaKoperasi.invalid && kendalaKoperasi.touched"></textarea>
  835.                                <small class="text-danger" [class.d-none]="kendalaKoperasi.valid || kendalaKoperasi.untouched">Kendala utama harus diisi</small>
  836.                             </div>
  837.                          
  838.                          </div>
  839.                       </div>
  840.                 </div>
  841.                </div>
  842.               </fieldset>
  843.         </div>
  844.  
  845.                   </div>
  846.                  
  847.  
  848.                
  849.          
  850.                  
  851.                  </div>
  852.                </div>
  853.              </div>
  854.             </form>
  855.  
  856.              
  857.  
  858.              <div class="modal-footer">
  859.  
  860.               <div class="d-inline-flex p-2">
  861.                 <button
  862.                type="button" class="btn btn-danger" (click)="t.select('tab-selectbyid1')">
  863.                 <i class="fa fa-arrow-left" aria-hidden="true"></i>  Sebelumnya
  864.                </button>
  865.               </div>
  866.              
  867.  
  868.               <button
  869.                type="button" class="btn btn-success" [disabled]="formCorrection.form.invalid"  (click)="t.select('tab-selectbyid3')">
  870.                 Selanjutnya <i class="fa fa-arrow-right" aria-hidden="true"></i>
  871.                </button>
  872.              
  873.              </div>
  874.  
  875.            </ng-template>
  876.             </ngb-tab>
  877.             <ngb-tab title="Kelembagaan" id="tab-selectbyid3">
  878.                 <ng-template ngbTabContent>
  879.                  <ng-template [ngTemplateOutlet]="TabContent1"></ng-template>
  880.                  
  881.                  <div class="col-12">
  882.                    <div class="card">
  883.                      <div class="card-body">
  884.                        
  885.                       <div class="row">
  886.                         <div class="col-xl-12 col-sm-12">
  887.                                  <div class="card-body">
  888.                                    <div class="row">
  889.                                      <div class="col-xl-2 col-sm-2"></div>
  890.                                     <div class="col-xl-8 col-sm-8">
  891.                                           <div class="card">
  892.                                              <div class="card-body">
  893.                                              
  894.                                                 <div class="form-group row">
  895.                                                     <label class="col-sm-5 col-form-label">NIK (Nomor Induk Koperasi)</label>
  896.                                                       <div class="col-sm-7">
  897.                                                         <input type="text" class="form-control" name = "nomorIndukKoperasi" [(ngModel)]="headerData.nomorIndukKoperasi" readonly>
  898.                                                       </div>
  899.                                                   </div>
  900.                                                   <div class="form-group row">
  901.                                                     <label class="col-md-5 col-form-label">Jenis lembaga</label>
  902.                                                     <div class="col-sm-7">
  903.                                                         <select class="form-control" name="idJenisKelembagaan"
  904.                                                            [(ngModel)]="headerData.idJenisKelembagaan" disabled>
  905.                                                             <!-- <option [selected]="koperasi.id == null || koperasi.id == ''" value="">Pilih Jenis Pinjaman</option> -->
  906.                                                             <!-- <option>Pilih Jenis Lembaga</option> -->
  907.                                                             <option [selected]="headerData.idJenisKelembagaan == null || headerData.idJenisKelembagaan == ''"
  908.                                                                value="">Pilih Jenis Lembaga</option>
  909.                                                             <option *ngFor="let lembaga of jenisLembagas;"
  910.                                                                [value]="lembaga.idLembaga" disabled>{{lembaga.jenis}}</option>
  911.                                                         </select>
  912.  
  913.                                                        
  914.  
  915.                                                     </div>
  916.                                                 </div>
  917.  
  918.                                                  
  919.                                              
  920.                                              </div>
  921.                                           </div>
  922.                                     </div>
  923.                                     <div class="row">
  924.                                       <div class="col-lg-12">
  925.                                           <div class="card">
  926.                                               <div class="card-body">
  927.                                                   <fieldset class="scheduler-border">
  928.                                                       <legend class="scheduler-border">
  929.                                                           <h4><b> Badan Hukum</b></h4>
  930.                                                       </legend>
  931.                                                       <br>
  932.  
  933.                                                       <div class="table-responsive table-border">
  934.  
  935.                                                           <table style="width:130%"  class="table table-hover table-bordered">
  936.                                                               <tr style="text-align: center; background: #5369f8; color: white;">
  937.  
  938.                                                                 <td style="width:14%">Nama</td>
  939.                                                                 <td style="width:10%">Nomor</td>
  940.                                                                 <td style="width:6%">Tanggal Terbit</td>
  941.                                                                 <td style="width:16%">Keterangan</td>
  942.                                                                 <td style="width:10%">Status</td>
  943.                                                                 <td style="width:30%">Aksi</td>
  944.                                                               </tr>
  945.                                                               <tbody>
  946.                                                                 <tr *ngFor="let doc of dokumenDatas, let i = index">
  947.                                                                   <td style="text-align: center;" *ngIf="doc.flParent === 0">{{doc.konten}}</td>
  948.                                                                   <td class="text-center text-white" style="background-color: #27496d;" *ngIf="doc.flParent === 1" colspan="6"><b>{{doc.konten}}</b></td>
  949.                                                                   <td style="text-align: center; width: 100%;" *ngIf="doc.flParent === 0">
  950.                                                                       <input type="text" class="form-control" name="nomor" [(ngModel)]="doc.nomor" readonly>
  951.                                                                   </td>
  952.                                                                   <td *ngIf="doc.flParent === 0">
  953.                                                                       <input type="date" class="form-control" [value]="doc.tglTerbit | date:'yyyy-MM-dd'"
  954.                                                                      (input)="doc.tglTerbit=parseDate($event.target.value)" readonly>
  955.                                                                   </td>
  956.                                                                   <!-- <td hidden>
  957.                                                                      <input type="text" class="form-control" name="idUpload-{{i}}" (ngModelChange)="uploadFile(doc.idUpload, i)"
  958.                                                                      [(ngModel)]="doc.idUpload">
  959.                                                                  </td> -->
  960.                                                                   <td *ngIf="doc.flParent === 0">
  961.                                                                       <input type="text" class="form-control" name="keterangan"[(ngModel)]="doc.keterangan" readonly>
  962.                                                                   </td>
  963.                                                                   <td *ngIf="doc.flUpload === 0 && doc.flParent === 0">                      
  964.                                                                       <a class="badge badge-danger text-white"> Belum Unggah</a>
  965.                                                                   </td>
  966.                                                                   <td *ngIf="doc.flUpload === 1 && doc.flParent === 0">
  967.                                                                      
  968.                                                                       <a class="badge badge-success text-white">Sudah Unggah</a>
  969.                                                                   </td>
  970.                                                                   <td *ngIf="doc.flParent === 0">
  971.                                                                       <div style="text-align: right;">
  972.                                                                           <!-- <input id="file-{{i}}" type="file" enctype="multipart/form-data" name="avatar-{{i}}" (change)="uploadFileChange($event)"/> -->
  973.                                                                           <button class="btn btn-success btn-" name="btnUnggah-{{i}}" (click)="uploadFile(i)" style="background: #617be3;" disabled>
  974.                                                                               <i class="fa fa-upload"></i> Unggah
  975.                                                                           </button>
  976.                                                                           <button class="btn btn-success btn-md ml-1" (click)="btnDownload(doc.idUpload)" style="background: #844685;">
  977.                                                                               <i class="fa fa-eye"></i> Lihat
  978.                                                                           </button>
  979.                                                                       </div>
  980.                                                                   </td>
  981.                                                               </tr>
  982.  
  983.                                                                   <tr *ngFor="let doc of docs, let i = index">
  984.                                                                     <td style="text-align: center;" *ngIf="doc.flParent === 0">{{doc.konten}}</td>
  985.                                                                     <td class="text-center text-white" style="background-color: #27496d;text-transform: uppercase;" *ngIf="doc.flParent === 1" colspan="6"><b>{{doc.konten}}</b></td>
  986.                                                                     <td style="text-align: center; width: 100%;" *ngIf="doc.flParent === 0">
  987.                                                                         <input type="text" class="form-control" name="nomor" [(ngModel)]="doc.nomor">
  988.                                                                     </td>
  989.                                                                     <td *ngIf="doc.flParent === 0">
  990.                                                                         <input type="date" class="form-control" [value]="doc.tglTerbit | date:'yyyy-MM-dd'"
  991.                                                                        (input)="doc.tglTerbit=parseDate($event.target.value)">
  992.                                                                     </td>
  993.                                                                     <!-- <td hidden>
  994.                                                                        <input type="text" class="form-control" name="idUpload-{{i}}" (ngModelChange)="uploadFile(doc.idUpload, i)"
  995.                                                                        [(ngModel)]="doc.idUpload">
  996.                                                                    </td> -->
  997.                                                                     <td *ngIf="doc.flParent === 0">
  998.                                                                         <input type="text" class="form-control" name="keterangan"[(ngModel)]="doc.keterangan">
  999.                                                                     </td>
  1000.                                                                     <td *ngIf="doc.flUpload === 0 && doc.flParent === 0">
  1001.                                                                       <a class="badge badge-danger text-white"> Belum Unggah</a>
  1002.                                                                     </td>
  1003.                                                                     <td *ngIf="doc.flUpload === 1 && doc.flParent === 0">
  1004.                                                                       <a class="badge badge-success text-white">Sudah Unggah</a>
  1005.                                                                     </td>
  1006.                                                                     <td *ngIf="doc.flParent === 0">
  1007.                                                                         <div style="text-align: right;">
  1008.                                                                             <input id="file-{{i}}" type="file" enctype="multipart/form-data" name="avatar-{{i}}" (change)="uploadFileChange($event)"/>
  1009.                                                                             <button class="btn btn-success btn-md" name="btnUnggah-{{i}}" (click)="uploadFile(i)" style="background: #617be3;">
  1010.                                                                                 <i class="fa fa-upload"></i> Unggah
  1011.                                                                             </button>
  1012.                                                                             <button class="btn btn-success btn-md ml-1" (click)="btnDownload(doc.idUpload)" style="background: #844685;">
  1013.                                                                                 <i class="fa fa-eye"></i> Lihat
  1014.                                                                             </button>
  1015.                                                                         </div>
  1016.                                                                     </td>
  1017.                                                                 </tr>
  1018.                                                               </tbody>
  1019.                                                           </table>
  1020.                                                       </div>
  1021.  
  1022.                                                   </fieldset>
  1023.                                                   <br>
  1024.  
  1025.                                                   <fieldset class="scheduler-border">
  1026.                                                       <legend class="scheduler-border">
  1027.                                                           <h4><b>Susunan Organisasi</b></h4>
  1028.                                                       </legend>
  1029.                                                       <br>
  1030.  
  1031.                                                       <div class="table-responsive" style="overflow-x:auto;">
  1032.                                                          
  1033.                                                           <table class="table table-striped table-hover table-bordered">
  1034.                                                               <tr style="text-align: center; background: #5369f8; color: white;">
  1035.  
  1036.                                                                   <td style="text-align: center; width: 10%;">No</td>
  1037.                                                                   <td style="text-align: center; width: 40%;">Jabatan</td>
  1038.                                                                   <td style="text-align: center; width: 40%;">Nama</td>
  1039.                                                                   <td style="text-align: center;">Masa
  1040.                                                                       Kerja (thn)</td>
  1041.                                                                   <td>Thn Berakhir Masa Kerja</td>
  1042.                                                                   <td style="text-align: center; width: 40%;">NIK</td>
  1043.                                                                   <td style="text-align: center;">Email</td>
  1044.                                                                   <td style="text-align: center;">Telepon</td>
  1045.                                                                   <td style="text-align: center;">Status</td>
  1046.                                                                   <!-- <td style="text-align: center;">Keterangan</td> -->
  1047.                                                                   <!-- <td style="text-align: center;">Aksi</td> -->
  1048.                                                                   <td style="text-align: center; width: 40%">KTP</td>
  1049.                                                                   <td style="text-align: center; width: 40%">KK</td>
  1050.                                                                   <td style="text-align: center; width: 40%">Buku
  1051.                                                                       Nikah</td>
  1052.                                                                   <td style="text-align: center; width: 40%">Surat
  1053.                                                                       Kematian
  1054.                                                                   </td>
  1055.                                                                   <td style="text-align: center;">Aksi</td>
  1056.                                                                   <!-- <td style="text-align: center;">Username</td> -->
  1057.                                                               </tr>
  1058.                                                               <tbody>
  1059.                                                                   <tr *ngFor="let sp of susunanPengurusDatas, let i = index">
  1060.                                                                       <td style="text-align: center;">
  1061.                                                                           <input class="form-control"
  1062.                                                                              value="{{ i+1 }}" disabled>
  1063.                                                                       </td>
  1064.                                                                       <td>
  1065.                                                                           <!-- <input type="text" class="form-control form-control-sm" [(ngModel)]="sp.jabatan" name="jabatan "> -->
  1066.                                                                           <select class="form-control"
  1067.                                                                              [(ngModel)]="sp.jabatan "
  1068.                                                                              name="jabatan" disabled>
  1069.  
  1070.                                                                              
  1071.                                                                               <!-- <option [selected]="susunan.id == null || susunan.id == ''" value="">Pilih Jenis Jabatan</option> -->
  1072.                                                                               <!-- <option>Pilih Jenis Jabatan</option> -->
  1073.                                                                               <!-- <option [selected]="headerData.idJenisKoperasi == null || headerData.idJenisKoperasi == ''" value="">Pilih Jenis Koperasi</option> -->
  1074.                                                                               <option *ngFor="let susunan of combosusunans;"
  1075.                                                                                  [ngValue]="susunan.id" disabled>{{susunan.jabatan}}</option>
  1076.                                                                           </select>
  1077.                                                                       </td>
  1078.                                                                       <td>
  1079.                                                                           <input type="text" class="form-control"
  1080.                                                                              [(ngModel)]="sp.nama" name="nama" readonly>
  1081.                                                                       </td>
  1082.                                                                       <td>
  1083.                                                                           <input type="text" class="form-control"
  1084.                                                                              [(ngModel)]="sp.tahunMasaKerja"
  1085.                                                                              name="tahunMasaKerja" readonly>
  1086.                                                                       </td>
  1087.                                                                       <td>
  1088.                                                                           <input type="text" class="form-control"
  1089.                                                                              [(ngModel)]="sp.tahunMasaKerjaBerakhir"
  1090.                                                                              name="tahunMasaKerjaBerakhir" readonly>
  1091.                                                                       </td>
  1092.                                                                       <td>
  1093.                                                                           <input type="text" class="form-control"
  1094.                                                                              [(ngModel)]="sp.nik" name="nik" readonly>
  1095.                                                                       </td>
  1096.                                                                       <td>
  1097.                                                                           <input type="text" class="form-control"
  1098.                                                                              [(ngModel)]="sp.email" name="email" readonly>
  1099.                                                                       </td>
  1100.                                                                       <td>
  1101.                                                                           <input type="text" class="form-control"
  1102.                                                                              [(ngModel)]="sp.noTelp"
  1103.                                                                              name="noTelp" readonly>
  1104.                                                                       </td>
  1105.                                                                       <td>
  1106.                                                                           <input type="text" class="form-control"
  1107.                                                                              [(ngModel)]="sp.flUpload"
  1108.                                                                              name="flUpload" readonly>
  1109.                                                                       </td>
  1110.                                                                       <td>
  1111.                                                                           <input type="text" class="form-control"
  1112.                                                                              [(ngModel)]="sp.idUploadKtp"
  1113.                                                                              name="idUploadKtp" readonly>
  1114.                                                                       </td>
  1115.                                                                       <td>
  1116.                                                                           <input type="text" class="form-control"
  1117.                                                                              [(ngModel)]="sp.idUploadKk"
  1118.                                                                              name="idUploadKk" readonly>
  1119.  
  1120.                                                                       </td>
  1121.                                                                       <td>
  1122.                                                                           <input type="text" class="form-control"
  1123.                                                                              [(ngModel)]="sp.idUploadBukuNikah"
  1124.                                                                              name="idUploadBukuNikah" readonly>
  1125.  
  1126.                                                                       </td>
  1127.                                                                      
  1128.                                                                       <td>
  1129.                                                                           <input type="text" class="form-control"
  1130.                                                                              [(ngModel)]="sp.idUploadSuratKematian"
  1131.                                                                              name="idUploadSuratKematian" readonly>
  1132.  
  1133.                                                                       </td>
  1134.                                                                       <td>
  1135.                                                                           <div style="text-align: center;">
  1136.                                                                               <button class="btn btn-danger"
  1137.                                                                                  (click)="deleteTblPengurus(i)" disabled>
  1138.                                                                                   <i class="fa fa-minus"></i>
  1139.                                                                               </button>
  1140.                                                                           </div>
  1141.                                                                       </td>
  1142.                                                                   </tr>
  1143.                                                               </tbody>
  1144.                                                           </table>
  1145.                                                       </div>
  1146.                                                   </fieldset>
  1147.  
  1148.  
  1149.                                                   <fieldset class="scheduler-border">
  1150.                                                     <legend class="scheduler-border">
  1151.                                                         <h4><b>Perkembangan Anggota dan Karyawan 2 Tahun Terakhir</b></h4>
  1152.                                                     </legend>
  1153.                                                     <br>
  1154.  
  1155.                                                    
  1156.  
  1157.                                                     <div class="table-responsive table-border">
  1158.  
  1159.                                                         <table class="table table-hover table-bordered">
  1160.                                                             <tr style="text-align: center; background: #5369f8; color: white;">
  1161.  
  1162.                                                                
  1163.                                                                 <td>No</td>
  1164.                                                                <td style="text-align: center;">Tahun</td>                                            
  1165.                                                                 <td style="text-align: center;">Penuh</td>
  1166.                                                                 <td style="text-align: center;">Calon Anggota</td>
  1167.                                                                 <td style="text-align: center;">Total</td>
  1168.                                                                 <td style="text-align: center;">Karyawan</td>
  1169.                                                             </tr>
  1170.                                                             <tbody>
  1171.                                                                 <tr *ngFor="let perkembangankop of perkembanganKoperasis, let i = index">
  1172.                                                                     <td style="text-align: center;">{{i+1}}</td>
  1173.                                                                     <td>
  1174.                                                                         <input type="text" class="form-control" name = "tahun" [(ngModel)]="perkembangankop.tahun" readonly>
  1175.                                                                     </td>
  1176.  
  1177.                                                                     <td>
  1178.                                                                         <input type="text" class="form-control" name = "anggotaPenuh" [(ngModel)]="perkembangankop.anggotaPenuh">
  1179.                                                                     </td>
  1180.  
  1181.                                                                     <td>
  1182.  
  1183.                                                                         <input type="text" class="form-control" name = "anggotaCalon" [(ngModel)]="perkembangankop.anggotaCalon">
  1184.  
  1185.                                                                     </td>
  1186.                                                                     <td>
  1187.                                                                         <input type="text" class="form-control" name = "anggotaTotal" [(ngModel)]="perkembangankop.anggotaTotal">
  1188.                                                                     </td>
  1189.                                                                     <td>
  1190.                                                                     <input type="text" class="form-control" name = "karyawan" [(ngModel)]="perkembangankop.karyawan">
  1191.                                                                     </td>
  1192.                                                                    
  1193.                                                                 </tr>
  1194.                                                             </tbody>
  1195.                                                         </table>
  1196.                                                     </div>
  1197.                                                    
  1198.                                                 </fieldset>
  1199.  
  1200.                                                 <div class="row">
  1201.                                                   <div class="col-md-12">
  1202.                                                       <div class="card">
  1203.                                                           <div class="card-body">
  1204.                                                               <div class="form-group row">
  1205.                                                                   <label class="col-sm-3 col-form-label">Penerapan
  1206.                                                                       Software</label>
  1207.                                                                   <div class="form-check-inline ">
  1208.                                                                       <label class="customradio"><span class="radiotextsty">Sudah</span>
  1209.                                                                           <input type="radio" name="penerapanSoftware"
  1210.                                                                              value="sudah" [(ngModel)]="headerData.penerapanSoftware" disabled>
  1211.                                                                           <span class="checkmark"></span>
  1212.                                                                       </label>
  1213.                                                                   </div>
  1214.                                                                   <div class="form-check-inline">
  1215.                                                                       <label class="customradio"><span class="radiotextsty">Belum</span>
  1216.                                                                           <input type="radio" name="penerapanSoftware"
  1217.                                                                              value="belum" [(ngModel)]="headerData.penerapanSoftware" disabled>
  1218.                                                                           <span class="checkmark"></span>
  1219.                                                                       </label>
  1220.                                                                   </div>
  1221.                                                               </div>
  1222.  
  1223.                                                               <div class="form-group row">
  1224.                                                                   <label class="col-sm-3 col-form-label">Status Kantor</label>
  1225.                                                                   <div class="form-check-inline">
  1226.                                                                       <label class="customradio"><span class="radiotextsty">Milik
  1227.                                                                               Sendiri</span>
  1228.                                                                           <input type="radio" name="statusKantor"
  1229.                                                                              value="miliksendiri" [(ngModel)]="headerData.statusKantor" disabled>
  1230.                                                                           <span class="checkmark"></span>
  1231.                                                                       </label>
  1232.                                                                   </div>
  1233.                                                                   <div class="form-check-inline">
  1234.                                                                       <label class="customradio"><span class="radiotextsty">Sewa</span>
  1235.                                                                           <input type="radio" name="statusKantor"
  1236.                                                                              value="sewa" [(ngModel)]="headerData.statusKantor" disabled>
  1237.                                                                           <span class="checkmark"></span>
  1238.                                                                       </label>      
  1239.                                                                      
  1240.                                                                       &nbsp; &nbsp;
  1241.                                                                       <button class="btn btn-success"
  1242.                                                                      (click)="btnDownloadFileStatusKantor(download)"
  1243.                                                                      style="background: #844685;" *ngIf="headerData.statusKantor === 'miliksendiri'">
  1244.                                                                       <i class="fa fa-eye"></i> Lihat
  1245.                                                                   </button>
  1246.  
  1247.  
  1248.                                                                   </div>
  1249.                                                                  
  1250.  
  1251.                                                               </div>
  1252.  
  1253.                                                               <div class="form-group row">
  1254.                                                                   <label class="col-sm-3 col-form-label">Penyelenggaraan
  1255.                                                                       RAT 2 Tahun Terakhir</label>
  1256.                                                                   <div class="form-check-inline">
  1257.                                                                       <label class="customradio"><span class="radiotextsty">Ada</span>
  1258.                                                                           <input type="radio" name="ratDuaTahunTerakhir"
  1259.                                                                              value="ada" [(ngModel)]="headerData.ratDuaTahunTerakhir" disabled>
  1260.                                                                           <span class="checkmark"></span>
  1261.                                                                       </label>
  1262.                                                                   </div>
  1263.                                                                   <div class="form-check-inline">
  1264.                                                                       <label class="customradio"><span class="radiotextsty">Tidak
  1265.                                                                               Ada</span>
  1266.                                                                           <input type="radio" name="ratDuaTahunTerakhir"
  1267.                                                                              value="tidakada" [(ngModel)]="headerData.ratDuaTahunTerakhir" disabled>
  1268.                                                                           <span class="checkmark"></span>
  1269.                                                                       </label>
  1270.                                                                       &nbsp; &nbsp;
  1271.                                                                       <button class="btn btn-success" (click)="btnDownloadFileRat(download)"
  1272.                                                                          style="background: #844685;" *ngIf="headerData.ratDuaTahunTerakhir === 'ada'">
  1273.                                                                           <i class="fa fa-eye"></i> Lihat
  1274.                                                                       </button>
  1275.  
  1276.                                                                   </div>
  1277.                                                                  
  1278.                                                               </div>
  1279.  
  1280.                                                           </div>
  1281.                                                       </div>
  1282.  
  1283.                                                   </div>
  1284.  
  1285.                                               </div>
  1286.                                               </div>
  1287.                                           </div>
  1288.                                       </div>
  1289.                                       <!-- end card-body -->
  1290.                                   </div>
  1291.                                    </div>
  1292.                                  </div>
  1293.                         </div>
  1294.  
  1295.                       </div>
  1296.              
  1297.                      
  1298.                      </div>
  1299.                    </div>
  1300.                  </div>
  1301.  
  1302.                  <div class="modal-footer">
  1303.  
  1304.                   <div class="d-inline-flex p-2">
  1305.                     <button
  1306.                    type="button" class="btn btn-danger" (click)="t.select('tab-selectbyid2')">
  1307.                      <i data-feather="file-text"></i> Sebelumnya
  1308.                    </button>
  1309.                   </div>
  1310.                  
  1311.  
  1312.                   <button
  1313.                    type="button" class="btn btn-success" >
  1314.                      <i data-feather="file-text"></i> Selanjutnya
  1315.                    </button>
  1316.                  
  1317.                  </div>
  1318.  
  1319.                </ng-template>
  1320.                 </ngb-tab>
  1321.           <ngb-tab title="Permodalan" id="tab-selectbyid4">
  1322.             <ng-template ngbTabContent>
  1323.               <ng-template [ngTemplateOutlet]="TabContent1"></ng-template>
  1324.              
  1325.               <div class="col-12">
  1326.                 <div class="card">
  1327.                   <div class="card-body">
  1328.                    
  1329.                   <div class="row">
  1330.                     <div class="col-xl-6 col-sm-6">
  1331.                               <div class="card-body">
  1332.                                 <fieldset class="scheduler-border">
  1333.                                   <legend class="scheduler-border">
  1334.                                      <h4><b> Setoran Pokok/Simpanan Pokok </b></h4>
  1335.                                   </legend><br>
  1336.  
  1337.                                 <div class="row">
  1338.                                 <div class="col-xl-12 col-sm-12">
  1339.                                       <div class="card">
  1340.                                           <div class="card-body">
  1341.                                           <form class="row">
  1342.                                            
  1343.                                                 <label class="col-sm-3 col-form-label">Setoran pokok</label>
  1344.                                                   <div class="col-sm-5">
  1345.                                                       <input type="text" class="form-control " name="setoranPokok"
  1346.                                                      [(ngModel)]="header.setoranPokok" currencyMask>
  1347.                                                   </div>
  1348.                                                   <label class="col-sm-4 col-form-label">Nilai Per Anggota</label>
  1349.                                      
  1350.                                           </form>
  1351.                                           </div>
  1352.                                       </div>
  1353.                                 </div>
  1354.                                 </div>
  1355.                               </fieldset>
  1356.                               </div>
  1357.                     </div>
  1358.                     <div class="col-xl-6 col-sm-6">
  1359.                           <div class="card-body">
  1360.                             <fieldset class="scheduler-border">
  1361.                               <legend class="scheduler-border">
  1362.                                  <h4><b> Sertifikat Modal Koperasi/Simpanan Wajib </b></h4>
  1363.                               </legend><br>
  1364.                             <h4 class="header-title mt-0 mb-1"></h4>
  1365.                             <div class="row">
  1366.                             <div class="col-xl-12 col-sm-12">
  1367.                                   <div class="card">
  1368.                                       <div class="card-body">
  1369.                                       <form>
  1370.                                         <div class="form-group row">
  1371.                                             <label class="col-sm-3 col-form-label">Simpanan Wajib</label>
  1372.                                               <div class="col-sm-5">
  1373.                                                   <input type="text" class="form-control " name="simpananWajib"
  1374.                                                  [(ngModel)]="header.simpananWajib" currencyMask>
  1375.                                               </div>
  1376.                                               <label class="col-sm-4 col-form-label">Nilai Perlembar</label>
  1377.                                           </div>
  1378.                                         <div class="form-group row">
  1379.                                             <label class="col-sm-5 col-form-label">Jmlh Pemegang thn terakhir</label>
  1380.                                             <div class="col-sm-7">
  1381.                                                 <input type="text" class="form-control " name="jumlahPemegangTahunTerakhir"
  1382.                                                [(ngModel)]="header.jumlahPemegangTahunTerakhir" currencyMask>
  1383.                                             </div>
  1384.                                           </div>
  1385.                                       </form>
  1386.                                       </div>
  1387.                                   </div>
  1388.                             </div>
  1389.                             </div>
  1390.                           </fieldset>
  1391.                           </div>
  1392.                 </div>
  1393.  
  1394.                 <div class="col-xl-12 col-sm-12">
  1395.                       <div class="card-body">
  1396.                         <fieldset class="scheduler-border">
  1397.                           <legend class="scheduler-border">
  1398.                              <h4><b> Modal Pernyataan </b></h4>
  1399.                           </legend><br>
  1400.                         <div class="row">
  1401.                         <div class="col-xl-12 col-sm-12">
  1402.                               <div class="card">
  1403.                                   <div class="card-body">
  1404.                                   <form>
  1405.                                    
  1406.  
  1407.                                      <div class="form-group row">
  1408.                                         <label class="col-sm-3 col-form-label">Modal Penyertaan</label>
  1409.                                             <div class="form-check-inline">
  1410.                                                 <label class="customradio"><span class="radiotextsty">Ya</span>
  1411.                                                   <input type="radio" [value]="1" name="flModalPenyertaan"
  1412.                                                  [(ngModel)]="header.flModalPenyertaan">
  1413.                                                   <span class="checkmark"></span>
  1414.                                                 </label>        
  1415.  
  1416.                                                
  1417.                                               </div>
  1418.                                               <div class="form-check-inline">
  1419.                                                   <label class="customradio"><span class="radiotextsty">Tidak</span>
  1420.                                                     <input type="radio" [value]="0" name="flModalPenyertaan"
  1421.                                                  [(ngModel)]="header.flModalPenyertaan">
  1422.                                                   <span class="checkmark"></span>
  1423.                                                   </label>
  1424.                                                
  1425.                                               </div>
  1426.                                      </div>
  1427.                                     <div class="form-group row">
  1428.                                         <label class="col-sm-3 col-form-label">Jumlah Pemegang tahun terakhir</label>
  1429.                                         <div class="col-sm-4">
  1430.                                             <input type="text" class="form-control " name="jumlahPemegangTahunTerakhir"
  1431.                                            [(ngModel)]="header.jumlahPemegangTahunTerakhir">
  1432.                                         </div>
  1433.                                       </div>
  1434.                                   </form>
  1435.  
  1436.                                   <div class="float-right">
  1437.                                       <button type="button" class="btn btn-success btn-md"
  1438.                                          style="background: #617be3;" (click)="addTblPemegangModal()" *ngIf="header.flModalPenyertaan === 1">
  1439.                                           <i class="fa fa-plus-square"></i> Add
  1440.                                           Row
  1441.                                       </button>
  1442.                                   </div>
  1443.                                   <br>
  1444.                                   <br>
  1445.                                   <br>
  1446.                                   <table class="table table-hover table-bordered" *ngIf="header.flModalPenyertaan === 1">
  1447.                                     <tr style="text-align: center; background: #5369f8; color: white;">
  1448.                                       <th>No</th>
  1449.                                       <th style="text-align: center;">Nama</th>
  1450.                                       <th style="text-align: center;">Nominal (Rp)</th>
  1451.                                       <th style="text-align: center;">Jangka Waktu (Thn)</th>
  1452.                                       <th style="text-align: center;">Tgl jatuh Tempo</th>
  1453.                                       <th style="text-align: center;">Bagi Hasil/Bunga</th>
  1454.                                       <th style="text-align: center;">Status (Ang/CA)</th>
  1455.                                       <th style="text-align: center;">No Dok. Perjanjian</th>
  1456.                                       <th style="text-align: center;" colspan="2">Aksi</th>
  1457.  
  1458.                                     </tr>
  1459.                                     <tbody>
  1460.                                         <tr *ngFor="let pm of pemegangmodals; let i = index">
  1461.                                             <td style="text-align: center;">{{ i+1
  1462.                                                 }}</td>
  1463.                                             <td>
  1464.                                                 <input type="text" class="form-control"
  1465.                                                    name="pm-{{i}}" [(ngModel)]="pm.nama">
  1466.                                             </td>
  1467.                                             <td>
  1468.                                               <input type="text" class="form-control"
  1469.                                                  name="nominal-{{i}}" [(ngModel)]="pm.nominal" currencyMask >
  1470.                                           </td>
  1471.                                           <td>
  1472.                                             <input type="text" class="form-control"
  1473.                                                name="jangkaWaktu-{{i}}" [(ngModel)]="pm.jangkaWaktu">
  1474.                                         </td>
  1475.                                         <td>
  1476.                                           <input type="date" class="form-control"
  1477.                                              name="tanggalJatuhTempo-{{i}}" [(ngModel)]="pm.tanggalJatuhTempo">
  1478.                                       </td>
  1479.                                       <td>
  1480.                                         <input type="text" class="form-control"
  1481.                                            name="bunga-{{i}}" [(ngModel)]="pm.bunga">
  1482.                                     </td>
  1483.                                     <td>
  1484.                                       <input type="text" class="form-control"
  1485.                                          name="flStatus-{{i}}" [(ngModel)]="pm.flStatus">
  1486.                                   </td>
  1487.          
  1488.                                   <td>
  1489.                                     <input type="text" class="form-control"
  1490.                                        name="noDokumenPerjanjian-{{i}}" [(ngModel)]="pm.noDokumenPerjanjian">
  1491.                                 </td>
  1492.                                             <td>
  1493.                                                 <div style="text-align: center;">
  1494.                                                     <button class="btn btn-danger"
  1495.                                                    (click)="deleteTbladdTblPemegangModal(i)">
  1496.                                                     <i class="fa fa-minus"></i>
  1497.                                                 </button>
  1498.                                                 </div>
  1499.                                             </td>
  1500.                                          </tr>
  1501.                                     </tbody>
  1502.                                 </table>
  1503.  
  1504.                                   </div>
  1505.                               </div>
  1506.                         </div>
  1507.                         </div>
  1508.                         </fieldset>
  1509.                       </div>
  1510.             </div>
  1511.  
  1512.             <div class="col-xl-12 col-sm-12">
  1513.               <fieldset class="scheduler-border">
  1514.                 <legend class="scheduler-border">
  1515.                     <h4><b> Pinjaman </b></h4>
  1516.                 </legend><br>
  1517.                     <div class="row">
  1518.                     <div class="col-xl-12 col-sm-12">
  1519.                           <div class="card">
  1520.                               <div class="card-body">
  1521.                               <div class="table-responsive" style="overflow-x:auto;">
  1522.                                   <div class="float-right">
  1523.                                       <button type="button" class="btn btn-success btn-md"
  1524.                                          style="background: #617be3;" (click)="addTblKreditur()">
  1525.                                           <i class="fa fa-plus-square"></i> Add
  1526.                                           Row
  1527.                                       </button>
  1528.                                   </div>
  1529.                                   <br>
  1530.                                   <br>
  1531.                                   <br>
  1532.                                   <table class="table table-hover table-bordered">
  1533.                                  
  1534.                                       <tr style="text-align: center; background: #5369f8; color: white;">
  1535.                                         <th>No</th>
  1536.                                         <th style="text-align: center;">Kreditur</th>
  1537.                                         <th style="text-align: center;">Tahun Cair</th>
  1538.                                         <th style="text-align: center;">Plafon</th>
  1539.                                         <th style="text-align: center;">Outs Per (thn)</th>
  1540.                                         <th style="text-align: center;">Jaminan</th>
  1541.                                         <th style="text-align: center;">Hasil Bunga</th>
  1542.                                         <th style="text-align: center;">Jatuh Tempo (thn)</th>
  1543.                                         <th style="text-align: center;" colspan="2">Aksi</th>
  1544.      
  1545.                                       </tr>
  1546.                                       <tbody>
  1547.                                      
  1548.      
  1549.                                       <tr *ngFor="let kd of krediturPinjamans; let i = index">
  1550.                                         <td style="text-align: center;">{{ i+1
  1551.                                             }}</td>
  1552.                                         <td>
  1553.                                             <input type="text" class="form-control"
  1554.                                                name="kreditur-{{i}}" [(ngModel)]="kd.kreditur">
  1555.                                         </td>
  1556.                                         <td>
  1557.                                           <input type="text" class="form-control"
  1558.                                              name="tahunCair-{{i}}" [(ngModel)]="kd.tahunCair" >
  1559.                                       </td>
  1560.                                       <td>
  1561.                                         <input type="text" class="form-control"
  1562.                                            name="plafon-{{i}}" [(ngModel)]="kd.plafon" currencyMask>
  1563.                                     </td>
  1564.                                     <td>
  1565.                                       <input type="text" class="form-control"
  1566.                                          name="outsPerTahun-{{i}}" [(ngModel)]="kd.outsPerTahun" currencyMask>
  1567.                                   </td>
  1568.                                   <td>
  1569.                                     <input type="text" class="form-control"
  1570.                                        name="jaminan-{{i}}" [(ngModel)]="kd.jaminan">
  1571.                                 </td>
  1572.                                 <td>
  1573.                                   <input type="text" class="form-control"
  1574.                                      name="bunga-{{i}}" [(ngModel)]="kd.bunga">
  1575.                               </td>
  1576.      
  1577.                               <td>
  1578.                                 <input type="text" class="form-control"
  1579.                                    name="jatuhTempoTahun-{{i}}" [(ngModel)]="kd.jatuhTempoTahun">
  1580.                             </td>
  1581.                                         <td>
  1582.                                             <div style="text-align: center;">
  1583.                                                 <button class="btn btn-danger"
  1584.                                                (click)="deleteTblKreditur(i)">
  1585.                                                 <i class="fa fa-minus"></i>
  1586.                                             </button>
  1587.                                             </div>
  1588.                                         </td>
  1589.                                      </tr>
  1590.                                       </tbody>
  1591.                                     </table>
  1592.                               </div>
  1593.                              
  1594.                               </div>
  1595.  
  1596.                            
  1597.                           </div>
  1598.                     </div>
  1599.                     </div>
  1600.             </fieldset>
  1601.         </div>
  1602.  
  1603.         <div class="col-xl-12 col-sm-12">
  1604.           <fieldset class="scheduler-border">
  1605.             <legend class="scheduler-border">
  1606.                 <h4><b> Laporan Keuangan </b></h4>
  1607.             </legend><br>
  1608.                 <div class="row">
  1609.                 <div class="col-xl-12 col-sm-12">
  1610.                       <div class="card">
  1611.                           <div class="card-body">
  1612.                             <h5>Laporan Keuangan 2 Thn Terakhir & Bln Terakhir&nbsp;
  1613.  
  1614.                                 <input id="file" type="file" enctype="multipart/form-data"
  1615.                            name="avatar" (change)="uploadFileChange($event) " />
  1616.  
  1617.                             <div *ngIf="statusProgress"
  1618.                            style="height: fit-content;"><img
  1619.                                src="assets/loading.gif"
  1620.                                height="42" width="42">
  1621.                             Loading...</div>
  1622.  
  1623.                         <button class="btn btn-success btn-md" (click)="uploadFileLaporanKeuangan()"
  1624.                            style="background: #617be3;">
  1625.                             <i class="fa fa-upload"></i> Upload
  1626.                         </button>
  1627.                         &nbsp;
  1628.  
  1629.                         <button class="btn btn-success btn-md" (click)="btnDownloadFileLapKeuangan(download)"
  1630.                            style="background: #844685;">
  1631.                             <i class="fa fa-eye"></i> Lihat
  1632.                         </button>
  1633.  
  1634.                             </h5>
  1635.                             <!-- <p>Category: <input name="name" /> <button type="submit">OK</button></p> -->
  1636.  
  1637.                          
  1638.                           </div>
  1639.                       </div>
  1640.                 </div>
  1641.                 </div>
  1642.         </fieldset>
  1643.     </div>
  1644.  
  1645.                   </div>
  1646.          
  1647.                  
  1648.                   </div>
  1649.                 </div>
  1650.               </div>
  1651.  
  1652.               <div class="modal-footer">
  1653.  
  1654.               <div class="d-inline-flex p-2">
  1655.                   <button
  1656.                  type="button" class="btn btn-danger" (click)="t.select('tab-selectbyid3')">
  1657.                   <i class="fa fa-arrow-left" aria-hidden="true"></i>  Sebelumnya
  1658.                  </button>
  1659.               </div>
  1660.              
  1661.  
  1662.                 <button
  1663.                type="button" class="btn btn-success" (click)="t.select('tab-selectbyid5')">
  1664.                 Selanjutnya <i class="fa fa-arrow-right" aria-hidden="true"></i>
  1665.                </button>
  1666.              
  1667.               </div>
  1668.               <pre>Data Umum : {{ datapengajuan | json }}</pre>
  1669.             </ng-template>
  1670.             </ngb-tab>
  1671.           <ngb-tab title="Usaha" id="tab-selectbyid5">
  1672.       <ng-template ngbTabContent>
  1673.         <ng-template [ngTemplateOutlet]="TabContent1"></ng-template>
  1674.        
  1675.         <div class="col-12">
  1676.           <div class="card">
  1677.             <div class="card-body">
  1678.              
  1679.             <div class="row">
  1680.               <div class="col-xl-12 col-sm-12">
  1681.                 <fieldset class="scheduler-border">
  1682.                   <legend class="scheduler-border">
  1683.                       <h4><b> Posisi Simpanan 2 Tahun Terakhir </b></h4>
  1684.                   </legend>
  1685.  
  1686.                           <div class="row">
  1687.                           <div class="col-xl-12 col-sm-12">
  1688.                                 <div class="card">
  1689.                                     <div class="card-body">
  1690.                                     <form>
  1691.                                       <div class="row">
  1692.                                         <div class="col"></div>
  1693.                                         <div class="col">
  1694.                                           <div class="form-group row">
  1695.                                             <label for="" class="col-sm-4 col-form-label">Bunga/Basil Tabungan</label>
  1696.                                             <div class="col-sm-7">
  1697.                                                 <input type="text" class="form-control " name="bungaTabungan"
  1698.                                                [(ngModel)]="header.bungaTabungan">
  1699.                                        
  1700.                                             </div>
  1701.                                             <label class="col-sm-1 col-form-label">%</label>
  1702.                                           </div>
  1703.                                           <div class="form-group row">
  1704.                                             <label for="" class="col-sm-4 col-form-label">Bunga/Basil Deposit</label>
  1705.                                             <div class="col-sm-7">
  1706.                                                 <input type="text" class="form-control " name="bungaDeposito"
  1707.                                                [(ngModel)]="header.bungaDeposito">
  1708.                                            
  1709.                                             </div>
  1710.                                             <label class="col-sm-1 col-form-label">%</label>
  1711.                                           </div>
  1712.                                         </div>
  1713.                                       </div>
  1714.                                     </form>
  1715.  
  1716.                                     <table class="table table-hover table-bordered">
  1717.                                       <tr style="text-align: center; background: #5369f8; color: white;">
  1718.                                    
  1719.                                           <th style="text-align: center;" rowspan="2">No</th>
  1720.                                           <th style="text-align: center;" rowspan="2">Tahun</th>
  1721.                                           <th style="text-align: center;" colspan="3">Simpanan (Rp)</th>
  1722.                                           <th style="text-align: center;" colspan="3">Penyimpanan (Orang)</th>
  1723.                                         </tr>
  1724.                                         <tr style="text-align: center; background: #7d8ef8; color: white;">
  1725.                                           <th style="text-align: center;">Tabungan</th>
  1726.                                           <th style="text-align: center;">Deposito</th>
  1727.                                           <th style="text-align: center;">Total</th>
  1728.                                           <th style="text-align: center;">Tabungan</th>
  1729.                                           <th style="text-align: center;">Deposito</th>
  1730.                                           <th style="text-align: center;">Total</th>
  1731.                                       </tr>
  1732.                                       <tbody>
  1733.                                           <tr *ngFor="let simpanan2thn of simpanan2tahunterakhirs, let i = index">
  1734.                                               <td style="text-align: center;">{{i+1}}</td>
  1735.                                               <td>
  1736.                                                   <input type="text" class="form-control" name = "tahun" [(ngModel)]="simpanan2thn .tahun" readonly>
  1737.                                               </td>
  1738.                                               <td>
  1739.  
  1740.                                                   <input type="text" class="form-control" name = "simpananTabungan" [(ngModel)]="simpanan2thn.simpananTabungan" (keyup)="srInptUtkHitungTabungan(i)" currencyMask>
  1741.  
  1742.                                                  
  1743.  
  1744.                                               </td>
  1745.  
  1746.                                               <td>
  1747.                                                   <input type="text" class="form-control" name = "simpananDeposito" [(ngModel)]="simpanan2thn.simpananDeposito" (keyup)="srInptUtkHitungTabungan(i)" currencyMask>
  1748.                                               </td>
  1749.  
  1750.      
  1751.                                               <td>
  1752.                                                   <input type="text" class="form-control" name = "simpananTotal" [(ngModel)]="simpanan2thn.simpananTotal" readonly currencyMask>
  1753.                                               </td>
  1754.                                               <td>
  1755.                                               <input type="text" class="form-control" name = "penyimpanTabungan" [(ngModel)]="simpanan2thn.penyimpanTabungan" (keyup)="srInptUtkHitungTabunganOrang(i)">
  1756.                                               </td>
  1757.                                               <td>
  1758.                                                   <input type="text" class="form-control" name = "penyimpanDeposito" [(ngModel)]="simpanan2thn.penyimpanDeposito" (keyup)="srInptUtkHitungTabunganOrang(i)">
  1759.                                               </td>
  1760.                                               <td>
  1761.                                                   <input type="text" class="form-control" name = "penyimpanTotal" [(ngModel)]="simpanan2thn.penyimpanTotal" readonly>
  1762.                                               </td>
  1763.                                           </tr>
  1764.                                       </tbody>
  1765.                                   </table>
  1766.  
  1767.  
  1768.                                     </div>
  1769.                                 </div>
  1770.                           </div>
  1771.                           </div>
  1772.                 </fieldset>
  1773.               </div>
  1774.               <div class="col-xl-12 col-sm-12">
  1775.                 <fieldset class="scheduler-border">
  1776.                   <legend class="scheduler-border">
  1777.                       <h4><b> Pinjaman/Pembiayaan dua tahun terakhir & bulan berjalan </b></h4>
  1778.                  </legend>
  1779.                      <div class="row">
  1780.                      <div class="col-xl-12 col-sm-12">
  1781.                            <div class="card">
  1782.                                <div class="card-body">
  1783.                                <form>
  1784.                                  <div class="row">
  1785.                                    <div class="col"></div>
  1786.                                    <div class="col">
  1787.                                      <div class="form-group row">
  1788.                                          <label for="" class="col-sm-4 col-form-label">Bunga/Basil Pinjaman</label>
  1789.                                            <div class="col-sm-4">
  1790.                                                <input type="text" class="form-control " name="bungaDeposito"
  1791.                                                [(ngModel)]="header.bungaDeposito">
  1792.                                            
  1793.                                            </div>
  1794.                                            <label class="col-sm-1 col-form-label">%</label>
  1795.                                      
  1796.                                      </div>
  1797.                                    </div>
  1798.                                  </div>
  1799.                                </form>
  1800.  
  1801.                                <table class="table table-hover table-bordered">
  1802.                                  <tr style="text-align: center; background: #5369f8; color: white;">
  1803.                                       <th style="text-align: center;">No</th>
  1804.                                       <th style="text-align: center;">Jenis Pinjaman/Pembayaran</th>
  1805.                                       <th style="text-align: center;">Bagi Hasil/Bunga</th>
  1806.                                       <th style="text-align: center;">Piutang Per (bulan dan tahun)</th>
  1807.                                       <th style="text-align: center;">Piutang Per (tahun)</th>
  1808.                                       <th style="text-align: center;">Piutang Per Bulan Berkalan</th>
  1809.                                   </tr>
  1810.                                   <tbody>
  1811.                                       <tr *ngFor="let pinjamanthnterakhir of pinjaman2TahunTerakhirs, let i = index">
  1812.                                           <td style="text-align: center;">{{i+1}}</td>
  1813.                                           <td>
  1814.                                               <input type="text" class="form-control" name = "jenisPinjaman" [(ngModel)]="pinjamanthnterakhir .jenisPinjaman">
  1815.                                           </td>
  1816.    
  1817.                                           <td>
  1818.                                               <input type="text" class="form-control" name = "bunga" [(ngModel)]="pinjamanthnterakhir.bunga">
  1819.                                           </td>
  1820.    
  1821.                                           <td>
  1822.    
  1823.                                               <input type="text" class="form-control" name = "piutangPerbulanTahun" [(ngModel)]="pinjamanthnterakhir.piutangPerbulanTahun">
  1824.    
  1825.                                           </td>
  1826.                                           <td>
  1827.                                               <input type="text" class="form-control" name = "piutangPertahun" [(ngModel)]="pinjamanthnterakhir.piutangPertahun">
  1828.                                           </td>
  1829.                                           <td>
  1830.                                           <input type="text" class="form-control" name = "piutangPerbulanBerjalan" [(ngModel)]="pinjamanthnterakhir.piutangPerbulanBerjalan">
  1831.                                           </td>
  1832.                                          
  1833.                                       </tr>
  1834.                                   </tbody>
  1835.                               </table>
  1836.                                
  1837.                                 </div>
  1838.                             </div>
  1839.                       </div>
  1840.                       </div>
  1841.               </fieldset>
  1842.           </div>
  1843.  
  1844.           <div class="col-xl-12 col-sm-12">
  1845.             <fieldset class="scheduler-border">
  1846.               <legend class="scheduler-border">
  1847.                   <h4><b> Kolektibilitas pinjaman/pembiayaan dua tahun terakhir dan bulan berjalan </b></h4>
  1848.               </legend>
  1849.                   <div class="row">
  1850.                   <div class="col-xl-12 col-sm-12">
  1851.                         <div class="card">
  1852.                             <div class="card-body">
  1853.                             <table class="table table-hover table-bordered">
  1854.                               <tr style="text-align: center; background: #5369f8; color: white;">
  1855.                                 <th style="text-align: center;" rowspan="2">No</th>
  1856.                                 <th style="text-align: center;" rowspan="2">Kategori</th>
  1857.                                 <th style="text-align: center;" colspan="2">Bulan Terlambat</th>
  1858.                                 <th style="text-align: center;" rowspan="2">Piutang per Bulan dan Tahun </th>
  1859.                                 <th style="text-align: center;" rowspan="2">Piutang per (Tahun)</th>
  1860.                                 <th style="text-align: center;" rowspan="2">Piutang per Bulan Berjalan</th>
  1861.                               </tr>
  1862.                               <tr style="text-align: center; background: #7d8ef8; color: white;">  
  1863.                                 <th style="text-align: center;">Min</th>
  1864.                                 <th style="text-align: center;">Max</th>
  1865.                               </tr>
  1866.                               <tbody>
  1867.                                   <tr *ngFor="let kolekbilitaspinjaman of kolekbilitasPinjamans, let i = index">
  1868.                                       <td style="text-align: center;">{{i+1}}</td>
  1869.                                       <td>
  1870.                                           <input type="text" class="form-control" name = "ketegori" [(ngModel)]="kolekbilitaspinjaman .ketegori" readonly>
  1871.                                       </td>
  1872.  
  1873.                                       <td>
  1874.                                           <input type="text" class="form-control" name = "bulanTerlambatMin" [(ngModel)]="kolekbilitaspinjaman.bulanTerlambatMin">
  1875.                                       </td>
  1876.  
  1877.                                       <td>
  1878.  
  1879.                                           <input type="text" class="form-control" name = "bulanTerlambatMax" [(ngModel)]="kolekbilitaspinjaman.bulanTerlambatMax">
  1880.  
  1881.                                       </td>
  1882.                                       <td>
  1883.                                           <input type="text" class="form-control" name = "piutangPerbulanTahun" [(ngModel)]="kolekbilitaspinjaman.piutangPerbulanTahun">
  1884.                                       </td>
  1885.                                       <td>
  1886.                                       <input type="text" class="form-control" name = "piutangPertahun" [(ngModel)]="kolekbilitaspinjaman.piutangPertahun">
  1887.                                       </td>
  1888.                                       <td>
  1889.                                           <input type="text" class="form-control" name = "piutangPerbulanBerjalan" [(ngModel)]="kolekbilitaspinjaman.piutangPerbulanBerjalan">
  1890.                                       </td>
  1891.                                      
  1892.                                   </tr>
  1893.                               </tbody>
  1894.                           </table>
  1895.  
  1896.                             </div>
  1897.                         </div>
  1898.                   </div>
  1899.                   </div>
  1900.           </fieldset>
  1901.       </div>
  1902.  
  1903.       <div class="col-xl-12 col-sm-12">
  1904.         <fieldset class="scheduler-border">
  1905.           <legend class="scheduler-border">
  1906.               <h4><b> Arus Kas Simpanan dan Pinjaman 12 Bulan Terakhir(Rp) </b></h4>
  1907.           </legend>
  1908.               <div class="row">
  1909.               <div class="col-xl-12 col-sm-12">
  1910.                     <div class="card">
  1911.                         <div class="card-body">
  1912.                         <form>
  1913.                           <div class="row">
  1914.                             <div class="col"></div>
  1915.                             <div class="col">
  1916.                               <div class="form-group row">
  1917.                                 <label for="" class="col-sm-4 col-form-label">Tahun Pengajuan</label>
  1918.                                 <div class="col-sm-4">
  1919.                                     <input type="text" class="form-control " name="arusKasTahun"
  1920.                                    [(ngModel)]="header.arusKasTahun" readonly>
  1921.                                 </div>
  1922.                               </div>
  1923.                             </div>
  1924.                           </div>
  1925.                         </form>
  1926.  
  1927.                         <table class="table table-hover table-bordered">
  1928.                           <tr style="text-align: center; background: #5369f8; color: white;">
  1929.                             <th style="text-align: center;" rowspan="2">No</th>
  1930.                             <th style="text-align: center;" rowspan="2">Bulan</th>
  1931.                             <th style="text-align: center;" colspan="2">Tabungan</th>
  1932.                             <th style="text-align: center;" colspan="2">Deposito</th>
  1933.                             <th style="text-align: center;" colspan="2">Pinjaman</th>
  1934.                           </tr>
  1935.                           <tr style="text-align: center; background: #7d8ef8; color: white;">
  1936.                             <th style="text-align: center;">Masuk</th>
  1937.                             <th style="text-align: center;">Penarikan</th>
  1938.                             <th style="text-align: center;">Masuk</th>
  1939.                             <th style="text-align: center;">Penarikan</th>
  1940.                             <th style="text-align: center;">Pencairan</th>
  1941.                             <th style="text-align: center;">Angsuran</th>
  1942.                           </tr>
  1943.                           <tbody>
  1944.                               <tr *ngFor="let arus of arusKasmasuks, let i = index">
  1945.                                   <td style="text-align: center;">{{i+1}}</td>
  1946.                                   <td>
  1947.                                       <input type="text" class="form-control" name = "bulan" [(ngModel)]="arus .bulan" readonly>
  1948.                                   </td>
  1949.  
  1950.                                   <td>
  1951.                                       <input type="text" class="form-control" name = "tabunganMasuk" [(ngModel)]="arus.tabunganMasuk">
  1952.                                   </td>
  1953.  
  1954.                                   <td>
  1955.  
  1956.                                       <input type="text" class="form-control" name = "tabunganPenarikan" [(ngModel)]="arus.tabunganPenarikan">
  1957.  
  1958.                                   </td>
  1959.                                   <td>
  1960.                                       <input type="text" class="form-control" name = "depositoMasuk" [(ngModel)]="arus.depositoMasuk">
  1961.                                   </td>
  1962.                                   <td>
  1963.                                   <input type="text" class="form-control" name = "depositoPenarikan" [(ngModel)]="arus.depositoPenarikan">
  1964.                                   </td>
  1965.                                   <td>
  1966.                                       <input type="text" class="form-control" name = "pinjamanPencairan" [(ngModel)]="arus.pinjamanPencairan">
  1967.                                   </td>
  1968.                                   <td>
  1969.                                       <input type="text" class="form-control" name = "pinjamanAngsuran" [(ngModel)]="arus.pinjamanAngsuran">
  1970.                                   </td>
  1971.                                  
  1972.                               </tr>
  1973.                           </tbody>
  1974.                       </table>
  1975.                         </div>
  1976.                     </div>
  1977.               </div>
  1978.               </div>
  1979.       </fieldset>
  1980.   </div>
  1981.  
  1982.             </div>
  1983.    
  1984.            
  1985.             </div>
  1986.           </div>
  1987.         </div>
  1988.  
  1989.         <div class="modal-footer">
  1990.  
  1991.         <div class="d-inline-flex p-2">
  1992.           <button
  1993.          type="button" class="btn btn-danger">
  1994.             <i data-feather="file-text"></i> Sebelumnya
  1995.           </button>
  1996.         </div>
  1997.        
  1998.  
  1999.         <button
  2000.          type="button" class="btn btn-success" >
  2001.             <i data-feather="file-text"></i> Selanjutnya
  2002.           </button>
  2003.        
  2004.         </div>
  2005.  
  2006.       </ng-template>
  2007.             </ngb-tab>
  2008.           <ngb-tab title="Permohonan Pinjaman" id="tab-selectbyid6">
  2009.                 <ng-template ngbTabContent>
  2010.                   <ng-template [ngTemplateOutlet]="TabContent1"></ng-template>
  2011.  
  2012.                   <div class="col-12">
  2013.                     <fieldset class="scheduler-border">
  2014.                       <legend class="scheduler-border">
  2015.                           <h4><b> Permohonan Pinjaman </b></h4>
  2016.                       </legend>
  2017.  
  2018.                           <div class="row">
  2019.                             <div class="col-xl-8 col-sm-8">
  2020.                                 <div class="card">
  2021.                                    <div class="card-body">
  2022.                                    
  2023.                                       <div class="form-group row">
  2024.                                           <label class="col-sm-5 col-form-label">Jumlah pinjaman yang dimohon</label>
  2025.                                             <div class="col-sm-7">
  2026.                                               <input type="text" class="form-control" name = "jumlahPinjamanYangDimohon" [(ngModel)]="header.jumlahPinjamanYangDimohon" currencyMask>
  2027.                                             </div>
  2028.                                         </div>
  2029.                                         <div class="form-group row">
  2030.                                           <label class="col-md-5 col-form-label">Jangka Waktu Pinjaman</label>
  2031.                                           <div class="col-sm-3">
  2032.                                               <input type="number" class="form-control" name = "jangkaWaktuPinjaman" [(ngModel)]="header.jangkaWaktuPinjaman">
  2033.  
  2034.                                              
  2035.  
  2036.                                           </div>
  2037.                                           <label class="col-sm-3 col-form-label">Bulan</label>
  2038.                                       </div>
  2039.  
  2040.                                        
  2041.                                    
  2042.                                    </div>
  2043.                                 </div>
  2044.                           </div>
  2045.                           </div>
  2046.  
  2047.                           <div class="row">
  2048.                             <div class="col-12">
  2049.                               <fieldset class="scheduler-border">
  2050.                                 <legend class="scheduler-border">
  2051.                                     <h4><b> Daftar Nominatif </b></h4>
  2052.                                 </legend>
  2053.                                   <div class="row">
  2054.                                       <div class="col-lg-12">
  2055.                                           <div class="card">
  2056.                                               <div class="card-body">
  2057.                                                
  2058.                                                   <div class="table-responsive table-border">
  2059.                                                       <div class="float-right">
  2060.                                                           <button type="button" class="btn btn-success btn-md"
  2061.                                                              style="background: #617be3;" (click)="addTblNominatif()">
  2062.                                                               <i class="fa fa-plus-square"></i> Add
  2063.                                                               Row
  2064.                                                           </button>
  2065.                                                       </div>
  2066.                                                       <br>
  2067.                                                       <br>
  2068.                                                       <br>
  2069.              
  2070.                                                     <table class="table table-hover table-bordered">
  2071.                                                       <tr style="text-align: center; background: #5369f8; color: white;">
  2072.                                                         <th style="text-align: center;" rowspan="2">No</th>
  2073.                                                         <th style="text-align: center;" rowspan="2">Nama</th>
  2074.                                                         <th style="text-align: center;" rowspan="2">Jenis Kelamin</th>
  2075.                                                         <th style="text-align: center;" rowspan="2">Alamat</th>
  2076.                                                         <th style="text-align: center;" rowspan="2">Provinsi</th>
  2077.                                                         <th style="text-align: center;" rowspan="2">Kab/Kota</th>
  2078.                                                         <th style="text-align: center;" rowspan="2">Kecamatan</th>
  2079.                                                         <th style="text-align: center;" rowspan="2">NIK</th>
  2080.                                                         <th style="text-align: center;" rowspan="2">Jenis Usaha</th>
  2081.                                                         <th style="text-align: center;" rowspan="2">Plafon</th>
  2082.                                                         <th style="text-align: center;" rowspan="2">jangaka Waktu(bln)</th>
  2083.                                                         <th style="text-align: center;" rowspan="2">Agunan</th>
  2084.                                                         <th style="text-align: center;" colspan="2">Penyerapan Tenaga Kerja(TK)(org)</th>
  2085.                                                         <th style="text-align: center;" rowspan="2" colspan="2">Aksi</th>
  2086.                                                       </tr>
  2087.                                                       <tr style="text-align: center; background: #7d8ef8; color: white;">
  2088.                                                         <th style="text-align: center;">Jumlah TK Laki-laki</th>
  2089.                                                         <th style="text-align: center;">Jumlah TK Perempuan</th>
  2090.                                                       </tr>
  2091.                                                       <tbody>
  2092.                                                           <tr *ngFor="let nominatif of daftarNominatifs; let i = index">
  2093.                                                               <td style="text-align: center;">{{ i+1
  2094.                                                                   }}</td>
  2095.                                                               <td>
  2096.                                                                   <input type="text" class="form-control"
  2097.                                                                      name="nama-{{i}}" [(ngModel)]="nominatif.nama">
  2098.                                                               </td>
  2099.                                                               <td>
  2100.                                                                
  2101.  
  2102.  
  2103.                                                                     <select class="form-control"
  2104.                                                                    [(ngModel)]="nominatif.jenisKelamin"
  2105.                                                                    name="jenisKelamin-{{i}}">
  2106.                                                                     <option *ngFor="let kelamin of datagenders;"
  2107.                                                                    [ngValue]="kelamin.gender">{{kelamin.gender}}</option>
  2108.  
  2109.  
  2110.                                                             </select>
  2111.                                                             </td>
  2112.                                                             <td>
  2113.                                                               <input type="text" class="form-control"
  2114.                                                                  name="alamat-{{i}}" [(ngModel)]="nominatif.alamat">
  2115.                                                           </td>
  2116.  
  2117.                                                           <td>
  2118.                                                               <select class="form-control"
  2119.                                                              [(ngModel)]="nominatif.provinsi"
  2120.                                                              name="provinsi-{{i}}" (change)="selectLoopProvinsiNominatif()">
  2121.                                                               <!-- <option [selected]="headerData.provinsi == null || headerData.provinsi == ''" value="">Pilih Provinsi</option> -->
  2122.                                                               <option *ngFor="let provinsi of provinsis;" [ngValue]="provinsi.id">{{provinsi.deskripsi}}</option>
  2123.                                                               </select>
  2124.                                                           </td>
  2125.  
  2126.                                                           <td>
  2127.                                                               <select class="form-control"
  2128.                                                              [(ngModel)]="nominatif.kabkota"
  2129.                                                              name="kabkota-{{i}}" (change)="selectLoopKabupatenNominatif()">
  2130.                                                               <!-- <option [selected]="headerData.kabKota == null || headerData.kabKota == ''" value="">Pilih Kab/Kota</option> -->
  2131.                                                               <option *ngFor="let kabupaten of kabupatens;" [ngValue]="kabupaten.id">{{kabupaten.deskripsi}}</option>
  2132.                                                               </select>
  2133.  
  2134.                                                            
  2135.                                                              
  2136.                                                           </td>
  2137.  
  2138.                                                           <td>
  2139.                                                               <select class="form-control"
  2140.                                                              [(ngModel)]="nominatif.kecamatan"
  2141.                                                              name="kecamatan-{{i}}" (change)="selectLoopKecamatanNominatif()">
  2142.                                                               <!-- <option [selected]="headerData.kecamatan == null || headerData.kecamatan == ''" value="">Pilih Kecamatan</option> -->
  2143.                                                               <option *ngFor="let kecamatan of kecamatans;" [ngValue]="kecamatan.id">{{kecamatan.deskripsi}}</option>
  2144.                                                               </select>
  2145.  
  2146.  
  2147.                                                           </td>
  2148.                                                          
  2149.                                                           <td>
  2150.                                                             <input type="text" class="form-control"
  2151.                                                                name="nik-{{i}}" [(ngModel)]="nominatif.nik">
  2152.                                                         </td>
  2153.                                                         <td>
  2154.                                                               <select class="form-control"
  2155.                                                               [(ngModel)]="nominatif.jenisUsaha"
  2156.                                                               name="jenisUsaha-{{i}}">
  2157.                                                                <option *ngFor="let usaha of supplyes;"
  2158.                                                               [ngValue]="usaha.id">{{usaha.jenis}}</option>
  2159.                                                        </select>
  2160.                                                                                        
  2161.                                                       </td>
  2162.                                                       <td>
  2163.                                                         <input type="text" class="form-control"
  2164.                                                            name="plafon-{{i}}" [(ngModel)]="nominatif.plafon">
  2165.                                                     </td>
  2166.                            
  2167.                                                     <td>
  2168.                                                       <input type="text" class="form-control"
  2169.                                                          name="jangkaWaktu-{{i}}" [(ngModel)]="nominatif.jangkaWaktu">
  2170.                                                   </td>
  2171.  
  2172.                                                   <td>
  2173.                                                       <input type="text" class="form-control"
  2174.                                                          name="angunan-{{i}}" [(ngModel)]="nominatif.angunan">
  2175.                                                   </td>
  2176.  
  2177.                                                   <td>
  2178.                                                       <input type="text" class="form-control"
  2179.                                                          name="penyerapanTenagaKerjaLakiLaki-{{i}}" [(ngModel)]="nominatif.penyerapanTenagaKerjaLakiLaki">
  2180.                                                   </td>
  2181.                                                   <td>
  2182.                                                       <input type="text" class="form-control"
  2183.                                                          name="penyerapanTenagaKerjaPerempuan-{{i}}" [(ngModel)]="nominatif.penyerapanTenagaKerjaPerempuan">
  2184.                                                   </td>
  2185.                                                               <td>
  2186.                                                                   <div style="text-align: center;">
  2187.                                                                       <button class="btn btn-danger"
  2188.                                                                      (click)="deleteTbladdTblNominatif(i)">
  2189.                                                                       <i class="fa fa-minus"></i>
  2190.                                                                   </button>
  2191.                                                                   </div>
  2192.                                                               </td>
  2193.                                                            </tr>
  2194.                                                       </tbody>
  2195.                                                   </table>
  2196.                                                   </div>
  2197.                                       </div>
  2198.                                   </div>
  2199.                                 </div>
  2200.                               </div>
  2201.                             </fieldset>
  2202.                          </div>
  2203.  
  2204.                          <div class="col-xl-12 col-sm-12">
  2205.  
  2206.                          </div>
  2207.                           </div>
  2208.  
  2209.                           <div class="col-xl-12 col-sm-12">
  2210.                                 <fieldset class="scheduler-border">
  2211.                                   <legend class="scheduler-border">
  2212.                                       <h4><b> Agunan tambahan yang dapat disediakan </b></h4>
  2213.                                   </legend>
  2214.                                  <div class="row">
  2215.                                   <div class="col-xl-12 col-sm-12">
  2216.                                         <div class="card">
  2217.                                            <div class="card-body">
  2218.                                             <form>
  2219.                                                 <div class="form-group row">
  2220.                                                     <label class="col-sm-4 col-form-label">Agunan tambahan yang dapat disediakan</label>
  2221.                                                         <div class="form-check-inline">
  2222.                                                             <label class="customradio"><span class="radiotextsty">Ya</span>
  2223.                                                               <input type="radio" [value]="1" name="flAnggunanTambahan"
  2224.                                                              [(ngModel)]="header.flAnggunanTambahan">
  2225.                                                               <span class="checkmark"></span>
  2226.                                                             </label>        
  2227.  
  2228.                                                            
  2229.                                                           </div>
  2230.                                                           <div class="form-check-inline">
  2231.                                                               <label class="customradio"><span class="radiotextsty">Tidak</span>
  2232.                                                                 <input type="radio" [value]="0" name="flAnggunanTambahan"
  2233.                                                              [(ngModel)]="header.flAnggunanTambahan">
  2234.                                                               <span class="checkmark"></span>
  2235.                                                               </label>
  2236.                                                            
  2237.                                                           </div>
  2238.                                                  </div>
  2239.                                             </form>
  2240.                                             <div class="table-responsive table-border" *ngIf="header.flAnggunanTambahan === 1">
  2241.                                                 <div class="float-right">
  2242.                                                     <button type="button" class="btn btn-success btn-md"
  2243.                                                        style="background: #617be3;" (click)="addTblJenisAgunan()">
  2244.                                                         <i class="fa fa-plus-square"></i> Add
  2245.                                                         Row
  2246.                                                     </button>
  2247.                                                 </div>
  2248.                                                 <br>
  2249.                                                 <br>
  2250.                                                 <br>
  2251.  
  2252.                                                 <table class="table table-hover table-bordered" *ngIf="header.flAnggunanTambahan === 1">
  2253.                                              
  2254.                                                     <tr style="text-align: center; background: #5369f8; color: white;">
  2255.                                                       <th>No</th>
  2256.                                                       <th style="text-align: center;">Nama</th>
  2257.                                                       <th style="text-align: center;">Jenis Agunan</th>
  2258.                                                       <th style="text-align: center;">Bentuk</th>
  2259.                                                       <th style="text-align: center;">Perkiraan Nilai</th>
  2260.                                                       <th style="text-align: center;">Keterangan</th>
  2261.                                                       <th style="text-align: center;" colspan="2">Aksi</th>
  2262.            
  2263.                                                     </tr>
  2264.                                                     <tbody>
  2265.                                                         <tr *ngFor="let agunan of angunanTambahans; let i = index">
  2266.                                                             <td style="text-align: center;">{{ i+1
  2267.                                                                 }}</td>
  2268.                                                                 <td>
  2269.                                                            
  2270.                                                                     <input type="text" class="form-control"
  2271.                                                                    name="nama-{{i}}" [(ngModel)]="agunan.nama">
  2272.          
  2273.          
  2274.                                                            
  2275.                                                               </td>
  2276.                                                             <td>
  2277.                                                                     <select class="form-control"
  2278.                                                             [(ngModel)]="agunan.jenisAngunan"
  2279.                                                             name="jenisAngunan-{{i}}">
  2280.                                                              <option *ngFor="let angunan of jenisagunans;"
  2281.                                                             [ngValue]="angunan.id">{{angunan.namaAgunan}}</option>
  2282.                                                      </select>
  2283.                                                             </td>
  2284.                                                             <td>
  2285.                                                            
  2286.                                                                 <input type="text" class="form-control"
  2287.                                                                name="bentuk-{{i}}" [(ngModel)]="agunan.bentuk">
  2288.      
  2289.      
  2290.                                                        
  2291.                                                           </td>
  2292.                                                           <td>
  2293.                                                             <input type="text" class="form-control"
  2294.                                                                name="perkiraanNilai-{{i}}" [(ngModel)]="agunan.perkiraanNilai">
  2295.                                                         </td>
  2296.                                                         <td>
  2297.                                                           <input type="text" class="form-control"
  2298.                                                              name="keterangan-{{i}}" [(ngModel)]="agunan.keterangan">
  2299.                                                       </td>
  2300.                                                    
  2301.                                                             <td>
  2302.                                                                 <div style="text-align: center;">
  2303.                                                                     <button class="btn btn-danger"
  2304.                                                                    (click)="deleteTbladdTblJenisAgunan(i)">
  2305.                                                                     <i class="fa fa-minus"></i>
  2306.                                                                 </button>
  2307.                                                                 </div>
  2308.                                                             </td>
  2309.                                                          </tr>
  2310.                                                     </tbody>
  2311.                                                 </table>
  2312.  
  2313.                                             </div>
  2314.      
  2315.                                          
  2316.      
  2317.                                            </div>
  2318.                                         </div>
  2319.                                   </div>
  2320.                                  </div>
  2321.                                 </fieldset>
  2322.                       </div>
  2323.  
  2324.                      
  2325.                       </fieldset>
  2326.                       <div class="col-xl-12 col-sm-12">
  2327.                             <fieldset class="scheduler-border">
  2328.                               <legend class="scheduler-border">
  2329.                                   <h4><b> Sertifikat Jamninan </b></h4>
  2330.                               </legend>
  2331.                              <div class="row">
  2332.                                 <div class="col-xl-12 col-sm-12">
  2333.                                       <div class="card">
  2334.                                           <div class="card-body">
  2335.                                             <h5>Fotocopy sertifikat jaminan/BPKB (Bila fixed asset)&nbsp;
  2336.                
  2337.                                                 <input id="file" type="file" enctype="multipart/form-data"
  2338.                                            name="avatar" (change)="uploadFileChange($event) " />
  2339.                
  2340.                                             <div *ngIf="statusProgress"
  2341.                                            style="height: fit-content;"><img
  2342.                                                src="assets/loading.gif"
  2343.                                                height="42" width="42">
  2344.                                             Loading...</div>
  2345.                
  2346.                                         <button class="btn btn-success btn-md" (click)="uploadFileSertifikatJaminan()"
  2347.                                            style="background: #617be3;">
  2348.                                             <i class="fa fa-upload"></i> Upload
  2349.                                         </button>
  2350.                                         &nbsp;
  2351.                
  2352.                                         <button class="btn btn-success btn-md" (click)="btnDownloadFileSertifikatJaminan(download)"
  2353.                                            style="background: #844685;">
  2354.                                             <i class="fa fa-eye"></i> Lihat
  2355.                                         </button>
  2356.                
  2357.                                             </h5>
  2358.                                             <!-- <p>Category: <input name="name" /> <button type="submit">OK</button></p> -->
  2359.                
  2360.                                          
  2361.                                           </div>
  2362.                                       </div>
  2363.                                 </div>
  2364.                                 </div>
  2365.                             </fieldset>
  2366.                   </div>
  2367.                   </div>
  2368.  
  2369.                   <div class="modal-footer">
  2370.  
  2371.                    
  2372.  
  2373.                     <div class="d-flex">
  2374.                       <div class="mr-auto p-2">
  2375.                         <button
  2376.                        type="button" class="btn btn-danger" >
  2377.                         <i data-feather="file-text"></i> Sebelumnya
  2378.                         </button>
  2379.                      </div>
  2380.                       <div class="p-2">
  2381.                         <button
  2382.                        type="button" class="btn btn-warning" >
  2383.                         <i data-feather="file-text"></i> Print
  2384.                         </button>
  2385.                       </div>
  2386.                       <div class="p-2">
  2387.                         <button
  2388.                        type="button" class="btn btn-success" >
  2389.                         <i data-feather="file-text"></i> Save
  2390.                         </button>
  2391.                       </div>
  2392.                     </div>
  2393.  
  2394.                      
  2395.                    
  2396.                    </div>
  2397.  
  2398.                 </ng-template>
  2399.             </ngb-tab>
  2400.  
  2401.  
  2402.               <ngb-tab title="Kelengkapan Dokumen">
  2403.                        <ng-template ngbTabContent>
  2404.                         <ng-template [ngTemplateOutlet]="TabContent1"></ng-template>
  2405.                        
  2406.                         <div class="col-12">
  2407.                    
  2408.                               <div class="row">
  2409.                                 <div class="col-xl-12 col-sm-12">
  2410.                                       <div class="card">
  2411.                                          <div class="card-body">
  2412.                                            
  2413.                                           <div class="table-responsive table-border">
  2414.                                                
  2415.          
  2416.    
  2417.    
  2418.                                             <table class="table table-hover table-bordered" >
  2419.                                                 <tr style="text-align: center; background: #5369f8; color: white; width: 100%;">
  2420.                                                   <td style="text-align: center; width: 60%;">Jenis Dokumen</td>
  2421.                                                   <td style="text-align: center; width: 20%;">Status</td>
  2422.                                                   <td style="text-align: center; width: 20%;">Aksi</td>
  2423.                                                 </tr>
  2424.                                                 <tbody>
  2425.                                                 <tr>
  2426.                                                   <td >Surat Pinjaman/Pembiayaan ditunjukan
  2427.                                                     kepada Direkturm Utama LPDB-KUMKM ditembuskan ke SKDP/Dinas/Instansi
  2428.                                                     yang mengesahkan badan hukum, ditandatangani pengurus sesuai kewwnangan dan bersetempel</td>
  2429.                                                   <td style="text-align: center;">
  2430.                                                     <span class="badge badge-danger">Belum Unggah</span>
  2431.                                                   </td>
  2432.                                                   <td>
  2433.                                                    <div style="text-align: center;">    
  2434.                                                       <button class="btn btn-info btn-md"><i class="fa fa-eye"></i> Lihat</button>
  2435.                                                         &nbsp;
  2436.                                                         <button class="btn btn-success btn-md"><i class="fa fa-upload"></i> Upload
  2437.                                                      
  2438.                                                         </button>
  2439.  
  2440.                                                        
  2441.                                                    </div>
  2442.                                                   </td>
  2443.                                                 </tr>
  2444.  
  2445.                                                 <tr>
  2446.                                                   <td >Formulir aplikasi permohonan pinjaman/pembiayaan
  2447.                                                   sesuai format yang telah diisi, ditandatangani pengurus yang berwenang, bermaterai dan berstempel</td>
  2448.                                                   <td style="text-align: center;">
  2449.                                                     <span class="badge badge-danger">Belum Unggah</span>
  2450.                                                   </td>
  2451.                                                   <td>
  2452.                                                     <div style="text-align: center;">    
  2453.                                                       <button class="btn btn-info btn-md"><i class="fa fa-eye"></i> Lihat</button>
  2454.                                                         &nbsp;
  2455.                                                       <button class="btn btn-success btn-md"><i class="fa fa-upload"></i> Upload</button>
  2456.                                                    </div>
  2457.                                                   </td>
  2458.                                                 </tr>
  2459.  
  2460.                                                 <tr>
  2461.                                                   <td >Laporan keuangan 2 tahun terakhir dan bulan terakhir</td>
  2462.                                                   <td style="text-align: center;">
  2463.                                                     <span class="badge badge-danger">Belum Unggah</span>
  2464.                                                   </td>
  2465.                                                   <td>
  2466.                                                     <div style="text-align: center;">    
  2467.                                                       <button class="btn btn-info btn-md"><i class="fa fa-eye"></i> Lihat</button>
  2468.                                                         &nbsp;
  2469.                                                       <button class="btn btn-success btn-md"><i class="fa fa-upload"></i> Upload</button>
  2470.                                                    </div>
  2471.                                                   </td>
  2472.                                                 </tr>
  2473.  
  2474.                                                 <tr>
  2475.                                                   <td >Fotokopi sertifikat jaminan/BPKB(bila fixed asset)</td>
  2476.                                                   <td style="text-align: center;">
  2477.                                                     <span class="badge badge-danger">Belum Unggah</span>
  2478.                                                   </td>
  2479.                                                   <td>
  2480.                                                     <div style="text-align: center;">    
  2481.                                                       <button class="btn btn-info btn-md"><i class="fa fa-eye"></i> Lihat</button>
  2482.                                                         &nbsp;
  2483.                                                       <button class="btn btn-success btn-md"><i class="fa fa-upload"></i> Upload</button>
  2484.                                                    </div>
  2485.                                                   </td>
  2486.                                                 </tr>
  2487.  
  2488.                                                 <tr>
  2489.                                                   <td >Cek Mutasi rekening operasional usaha Koperasi minimal 6(enam) bulan terakhir yang dilegalisasi oleh Bank</td>
  2490.                                                   <td style="text-align: center;">
  2491.                                                     <span class="badge badge-danger">Belum Unggah</span>
  2492.                                                   </td>
  2493.                                                   <td>
  2494.                                                     <div style="text-align: center;">    
  2495.                                                       <button class="btn btn-info btn-md"><i class="fa fa-eye"></i> Lihat</button>
  2496.                                                         &nbsp;
  2497.                                                       <button class="btn btn-success btn-md"><i class="fa fa-upload"></i> Upload</button>
  2498.                                                     </div>
  2499.                                                   </td>
  2500.                                                 </tr>
  2501.  
  2502.                                                 <tr>
  2503.                                                   <td >Surat pernyataan bersedia memberikan data tambahan sesuai bidang usaha atau pola bisnisnya apabila diperlukan</td>
  2504.                                                   <td style="text-align: center;">
  2505.                                                     <span class="badge badge-danger">Belum Unggah</span>
  2506.                                                   </td>
  2507.                                                   <td>
  2508.                                                     <div style="text-align: center;">    
  2509.                                                       <button class="btn btn-info btn-md"><i class="fa fa-eye"></i> Lihat</button>
  2510.                                                         &nbsp;
  2511.                                                       <button class="btn btn-success btn-md"><i class="fa fa-upload"></i> Upload</button>
  2512.                                                    </div>
  2513.                                                   </td>
  2514.                                                 </tr>
  2515.  
  2516.                                                
  2517.                                                 </tbody>
  2518.                                             </table>
  2519.                                             <br><br><br>
  2520.  
  2521.                                             <div class="form-check">
  2522.                                               <input type="checkbox" class="form-check-input" id="dropdownCheck">
  2523.                                               <label class="form-check-label" for="dropdownCheck">
  2524.                                                 Demikian isian proposal yang kami buat sesuai data sebenarnya dan apabila ternyata isian yang kami buat tidak sesuai dengan dokumen,
  2525.                                                 kami bersedia menanggung akibat hukum yang ditimbulkan.
  2526.                                               </label>
  2527.                                             </div>
  2528.  
  2529.                                         </div>
  2530.  
  2531.                                          </div>
  2532.                                       </div>
  2533.                                 </div>
  2534.  
  2535.                    
  2536.                                
  2537.                    
  2538.                               </div>
  2539.                             </div>
  2540.  
  2541.                         <div class="modal-footer">
  2542.  
  2543.                           <button
  2544.                           type="button" class="btn btn-danger" >
  2545.                             <i data-feather="file-text"></i> Sebelumnya
  2546.                           </button>
  2547.  
  2548.                          <button
  2549.                           type="button" class="btn btn-success" >
  2550.                             <i data-feather="file-text"></i> Submit
  2551.                           </button>
  2552.                        
  2553.                         </div>
  2554.  
  2555.                       </ng-template>
  2556.               </ngb-tab>
  2557.  
  2558.              
  2559.              
  2560.             </ngb-tabset>
  2561.           </div>
  2562.         </div>
  2563.       </div>
  2564.      
  2565.     </div>
  2566.  
  2567. </div>
Add Comment
Please, Sign In to add comment
Public Pastes
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!