API tools faq
paste
coffeecode12

Jaminan Deposito

coffeecode12
Jun 10th, 2021
172
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 49.05 KB | None | 0 0
raw download clone embed print report
  1. <!-- CONTENT -->
  2. <div class="mx-2 mt-5">
  3.     <div class="bg-white shadow-xl rounded-lg">
  4.       <div class="m-6 sm:mt-0">
  5.        
  6.           <div *ngIf="loadingPage" class="flex flex justify-center h-screen"><img class="max-w-sm" src="../../../../../assets/img/spinner.svg" alt="loading"></div>
  7.  
  8.           <div *ngIf="!loadingPage" class="md:grid md:grid-cols-5 md:gap-6">
  9.             <div class="md:col-span-2">
  10.               <div class="flex flex-row">
  11.                 <h3 class="text-lg font-medium leading-6 text-gray-900 mt-2">INFORMASI MITRA</h3>
  12.               </div>
  13.      
  14.                 <div class="px-4 sm:px-0 mt-5">
  15.      
  16.                     <div class="grid grid-cols-8 sm:grid-cols-6 gap-6">
  17.                       <div class="col-span-4 sm:col-span-1">
  18.                         <label class="text-sm font-medium text-gray-500 font-semibold">ID Mitra</label>
  19.                       </div>
  20.                       <div class="col-span-4 sm:col-span-2">
  21.                         <span class="text-gray-500">{{deposito.idMitra}}</span>
  22.                       </div>
  23.                       <div class="col-span-4 sm:col-span-1">
  24.                         <label class="text-sm font-medium text-gray-500 font-semibold">Nama Mitra</label>
  25.                       </div>
  26.                       <div class="col-span-4 sm:col-span-2">
  27.                         <span class="text-gray-500">{{deposito.namaMitra}}</span>
  28.                       </div>
  29.                       <div class="col-span-4 sm:col-span-1">
  30.                         <label class="text-sm font-medium text-gray-500 font-semibold">Nama Kontak</label>
  31.                       </div>
  32.                       <div class="col-span-4 sm:col-span-2">
  33.                         <span class="text-gray-500" *ngIf="deposito.namaKontrak !== '' ">{{deposito.namaKontrak}}</span>
  34.                         <span class="text-gray-500" *ngIf="deposito.namaKontrak === '' ">-</span>
  35.                       </div>
  36.                       <div class="col-span-4 sm:col-span-1">
  37.                         <label class="text-sm font-medium text-gray-500 font-semibold">No. Telp</label>
  38.                       </div>
  39.                       <div class="col-span-4 sm:col-span-2">
  40.                         <span class="text-gray-500" *ngIf="deposito.noTelpMitra !== '' ">{{deposito.noTelpMitra}}</span>
  41.                         <span class="text-gray-500" *ngIf="deposito.noTelpMitra === '' ">-</span>
  42.                       </div>
  43.                       <div class="col-span-4 sm:col-span-1">
  44.                         <label class="text-sm font-medium text-gray-500 font-semibold">Alamat</label>
  45.                       </div>
  46.                       <div class="col-span-4">
  47.                         <span class="text-gray-500">{{deposito.alamatMitra}}</span>
  48.                       </div>
  49.                     </div>
  50.      
  51.                     <h3 class="text-lg font-medium leading-6 text-gray-900 mt-20">INFORMASI PROPOSAL</h3>
  52.                     <div class="grid grid-cols-8 sm:grid-cols-6 gap-6 mt-5">
  53.                       <div class="col-span-4 sm:col-span-1">
  54.                         <label class="text-sm font-medium text-gray-500 font-semibold">ID Proposal</label>
  55.                       </div>
  56.                       <div class="col-span-4 sm:col-span-2">
  57.                         <span class="text-gray-500">{{deposito.idProposal}}</span>
  58.                       </div>
  59.                       <div class="col-span-4 sm:col-span-1">
  60.                         <label class="text-sm font-medium text-gray-500 font-semibold">Tgl Terima</label>
  61.                       </div>
  62.                       <div class="col-span-4 sm:col-span-2">
  63.                         <span class="text-gray-500">{{parameter.tanggalSuratMohon | date:'dd-MM-yyyy'}}</span>
  64.                       </div>
  65.                       <div class="col-span-4 sm:col-span-1">
  66.                         <label class="text-sm font-medium text-gray-500 font-semibold">Jenis</label>
  67.                       </div>
  68.                       <div class="col-span-4 sm:col-span-2">
  69.                         <span class="text-gray-500">{{deposito.jenisPinjaman}} {{deposito.polaPembiayaan}}</span>
  70.                       </div>
  71.                       <div class="col-span-4 sm:col-span-1">
  72.                         <label class="text-sm font-medium text-gray-500 font-semibold">Plafon</label>
  73.                       </div>
  74.                       <div class="col-span-4 sm:col-span-2">
  75.                         <span class="text-gray-500">{{deposito.plafond | currency:'INA':'Rp ':'1.0'}}</span>
  76.                       </div>
  77.                       <div class="col-span-4 sm:col-span-1">
  78.                         <label class="text-sm font-medium text-gray-500 font-semibold">Kegunaan</label>
  79.                       </div>
  80.                       <div class="col-span-4 sm:col-span-2">
  81.                         <span class="text-gray-500" *ngIf="deposito.kegunaan !== '' ">{{deposito.kegunaan}}</span>
  82.                         <span class="text-gray-500" *ngIf="deposito.kegunaan === '' ">-</span>
  83.                       </div>
  84.                     </div>
  85.      
  86.                     <h3 class="text-lg font-medium leading-6 text-gray-900 mt-20">PENCAIRAN</h3>
  87.                     <div class="grid grid-cols-6 gap-6">
  88.                       <div class="col-span-6 sm:col-span-6 mt-5">
  89.                         <div class="overflow-x-auto">
  90.                             <table>
  91.                                 <tr class="bg-gray-50 text-xs text-gray-800 border">
  92.                                   <th class="px-4 py-2 border">PENCAIRAN KE</th>
  93.                                   <th class="px-4 py-2 border">NILAI PENCAIRAN (Rp)</th>
  94.                                   <th class="px-4 py-2 border">TGL PENCAIRAN</th>
  95.                                 </tr>
  96.                                 <tbody class="bg-white divide-y divide-gray-200 text-center text-sm">
  97.                                   <tr>
  98.                                     <td class="px-4 py-2 border bg-white" colspan="4">  </td>
  99.                                   </tr>
  100.                                 </tbody>
  101.                                 <!-- <tbody class="bg-white divide-y divide-gray-200">
  102.                                  <tr class="text-center text-xs text-gray-500 uppercase border">
  103.                                      <td class="px-4 py-2 border">1</td>
  104.                                      <td class="px-2 py-2 border">
  105.                                        <div class="w-32">Rp. 100.000.000</div>
  106.                                      </td>
  107.                                      <td class="px-4 py-2 border">08-04-2021</td>
  108.                                  </tr>
  109.                                </tbody> -->
  110.                             </table>
  111.                         </div>
  112.                       </div>
  113.                     </div>
  114.      
  115.                     <div class="grid grid-cols-6 gap-6">
  116.                       <div class="col-span-6 mt-20">
  117.                         <div class="flex items-center">
  118.                           <h3 class="text-lg font-medium leading-6 text-gray-900">JAMINAN</h3>
  119.                         </div>
  120.                       </div>
  121.                       <div class="col-span-6">
  122.                         <div class="overflow-x-auto">
  123.                             <table>
  124.                                 <tr class="bg-gray-50 text-xs text-gray-800 border">
  125.                                   <th class="px-4 py-2 border">NO</th>
  126.                                   <th class="px-4 py-2 border">NAMA JAMINAN</th>
  127.                                   <th class="px-4 py-2 border">KETERANGAN JAMINAN</th>
  128.                                   <th class="px-4 py-2 border">NILAI JAMINAN (Rp)</th>
  129.                                 </tr>
  130.                                 <tbody class="bg-white divide-y divide-gray-200 text-center text-sm" *ngIf="deposito.listOopJaminanDepositoJaminan.length === 0">
  131.                                   <tr>
  132.                                     <td class="px-4 py-2 border bg-white" colspan="4">  </td>
  133.                                   </tr>
  134.                                 </tbody>
  135.                                 <tbody class="bg-white divide-y divide-gray-200" *ngIf="deposito.listOopJaminanDepositoJaminan.length > 0">
  136.                                   <tr class="text-center text-xs text-gray-500 uppercase border" *ngFor="let viewJaminan of deposito.listOopJaminanDepositoJaminan; let i=index">
  137.                                     <td class="px-4 py-2 border">{{i+1}}</td>
  138.                                     <td class="px-4 py-2 border">{{viewJaminan.jenisJaminan}}</td>
  139.                                     <td class="px-4 py-2 border">{{viewJaminan.jenisDeposito}}</td>
  140.                                     <td class="px-2 py-2 border normal-case">
  141.                                       <div class="w-32">{{viewJaminan.nilaiDeposito | currency:'INA':'Rp ':'1.0'}}</div>
  142.                                     </td>
  143.                                   </tr>
  144.                                 </tbody>
  145.                             </table>
  146.                         </div>
  147.                       </div>
  148.                     </div>
  149.      
  150.                 </div>
  151.             </div>
  152.             <div class="mt-5 md:mt-0 md:col-span-3">
  153.                 <div class="shadow overflow-hidden sm:rounded-md">
  154.                   <div class="px-4 py-5 bg-white sm:p-6">
  155.                     <div class="grid grid-cols-6 gap-6">
  156.                       <div class="col-span-6 sm:col-span-3">
  157.                         <label for="first_name" class="block text-sm font-medium text-gray-700 font-semibold">Kode Jenis Jaminan</label>
  158.                           DEP
  159.                       </div>
  160.                      
  161.                       <div class="col-span-6 sm:col-span-3">
  162.                         <label for="first_name" class="block text-sm font-medium text-gray-700 font-semibold">Nama Jaminan</label>
  163.                           Deposito
  164.                       </div>
  165.                      
  166.                       <div class="col-span-6 sm:col-span-3">
  167.                         <label for="first_name" class="block text-sm font-medium text-gray-700 font-semibold">Covernote</label>
  168.                           {{deposito.nomorCoverNote}}
  169.                       </div>
  170.  
  171.                       <div class="col-span-6 sm:col-span-3">
  172.                         <label for="first_name" class="block text-sm font-medium text-gray-700 font-semibold">Jml Jaminan</label>
  173.                           {{jmlJaminan}}
  174.                       </div>
  175.      
  176.                       <div class="col-span-6 sm:col-span-3" *ngIf="isDisabledInput">
  177.                         <label for="first_name" class="block text-sm font-medium text-gray-700 font-semibold">Versi</label>
  178.                           {{deposito.versi}}
  179.                       </div>
  180.  
  181.                     </div>
  182.                   </div>
  183.                    
  184.                     <div class="px-4 py-5 bg-white sm:p-6" *ngFor="let lstJaminan of deposito.listOopJaminanDepositoJaminan; let i=index">
  185.                       <div class="grid grid-cols-6 gap-6 sm:mt-5">
  186.                         <div class="col-span-6 flex">
  187.                           <!-- <svg class="cursor-pointer h-5 w-5 flex justify-center items-center text-white text-green-500" xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24" stroke="currentColor"
  188.                          (click)="addJaminanDeposito()">
  189.                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v3m0 0v3m0-3h3m-3 0H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z" />
  190.                          </svg>
  191.                          <button (click)="removeJaminanDeposito(i)" class="inline-flex justify-center items-center mr-2 cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed"
  192.                          [disabled]="deposito.listOopJaminanDepositoJaminan.length === 1">
  193.                            <svg class="h-5 w-5 text-white text-red-500" xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24" stroke="currentColor">
  194.                              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" />
  195.                            </svg>
  196.                          </button> -->
  197.                          
  198.                           <label class="block text-sm font-medium text-gray-500 font-semibold flex">Jaminan Deposito {{i+1}}</label>
  199.                           <svg id="svgRotate{{i}}" class="cursor-pointer ml-2 h-5 w-5 flex justify-center items-center transform rotate-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"
  200.                          (click)="showHideJaminanDeposito(i, $event)">
  201.                             <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
  202.                           </svg>
  203.                          
  204.                         </div>
  205.                         <div class="hidden sm:block sm:col-span-6" aria-hidden="true">
  206.                           <div class="w-screen">
  207.                             <div class="border-t border-gray-200"></div>
  208.                           </div>
  209.                         </div>
  210.                       </div>
  211.      
  212.                       <div class="block grid grid-cols-6 gap-6 sm:mt-5 idjaminandeposito{{i}}">
  213.                         <div class="col-span-6 sm:col-span-3" >
  214.                           <label for="first_name" class="block text-sm font-medium text-gray-700 font-semibold">No. Urut</label>
  215.                           <input type="number" name="noUrut-{{i}}" [(ngModel)]="lstJaminan.noUrut" autocomplete="off" class="mt-2 p-1 focus:outline-none focus:ring-2 focus:ring-blue-500 block w-full shadow-md sm:text-sm rounded-md disabled:opacity-50 disabled:cursor-not-allowed"
  216.                          disabled>
  217.                         </div>
  218.          
  219.                         <div class="block col-span-6 sm:col-span-3 idjaminandeposito{{i}}">
  220.                           <label class="block text-sm font-medium text-gray-700 font-semibold">Jenis Deposito</label>
  221.                           <select name="jenisDeposito-{{i}}" [(ngModel)]="lstJaminan.jenisDeposito" autocomplete="off" class="mt-2 block w-full py-1 px-3 border bg-white rounded-md shadow-md focus:outline-none focus:outline-none focus:ring-2 focus:ring-blue-500 sm:text-sm disabled:opacity-50 disabled:cursor-not-allowed"
  222.                          (change)="selectJenisDeposito2($event, i)" [disabled]="isDisabledInput">
  223.                             <option value="">-pilih jenis-</option>
  224.                             <option *ngFor="let selectDeposito2 of lstSelectJenisDeposito2" [value]="selectDeposito2.jaminan">{{selectDeposito2.jaminan}}</option>
  225.                           </select>
  226.                         </div>
  227.      
  228.                         <div class="block col-span-6 sm:col-span-3 idjaminandeposito{{i}}">
  229.                           <label class="block text-sm font-medium text-gray-700 font-semibold">Kode Jenis Deposito</label>
  230.                           <select name="kodeJenisDeposito-{{i}}" [(ngModel)]="lstJaminan.kodeJenisDeposito" autocomplete="off" class="mt-2 block w-full py-1 px-3 border bg-white rounded-md shadow-md focus:outline-none focus:outline-none focus:ring-2 focus:ring-blue-500 sm:text-sm disabled:opacity-50 disabled:cursor-not-allowed"
  231.                          (change)="selectJenisJaminan($event, i)" [disabled]="isDisabledInput">
  232.                             <option value="">-pilih kode-</option>
  233.                             <option *ngFor="let selectDeposito of lstSelectJenisJaminan" [value]="selectDeposito.kode">{{selectDeposito.kode}}</option>
  234.                           </select>
  235.                         </div>
  236.      
  237.                         <div class="block col-span-6 sm:col-span-3 idjaminandeposito{{i}}">
  238.                           <label class="block text-sm font-medium text-gray-700 font-semibold">Jenis Jaminan</label>
  239.                           <input type="text" name="jenisJaminan-{{i}}" [(ngModel)]="lstJaminan.jenisJaminan" autocomplete="off" class="mt-2 p-1 focus:outline-none focus:ring-2 focus:ring-blue-500 block w-full shadow-md sm:text-sm rounded-md disabled:opacity-50 disabled:cursor-not-allowed"
  240.                          disabled>
  241.                         </div>
  242.          
  243.                         <div class="block col-span-6 sm:col-span-3 idjaminandeposito{{i}}">
  244.                           <label class="block text-sm font-medium text-gray-700 font-semibold">No. Jaminan</label>
  245.                           <input type="text" name="noJaminan-{{i}}" [(ngModel)]="lstJaminan.nomorJaminan" autocomplete="off" class="mt-2 p-1 focus:outline-none focus:ring-2 focus:ring-blue-500 block w-full shadow-md sm:text-sm rounded-md disabled:opacity-50 disabled:cursor-not-allowed"
  246.                          [disabled]="isDisabledInput">
  247.                         </div>
  248.                        
  249.                         <div class="block col-span-6 sm:col-span-3 idjaminandeposito{{i}}">
  250.                           <label class="block text-sm font-medium text-gray-700 font-semibold">No. Rekening</label>
  251.                           <input type="text" name="noRekening-{{i}}" [(ngModel)]="lstJaminan.noRekening" autocomplete="off" class="mt-2 p-1 focus:outline-none focus:ring-2 focus:ring-blue-500 block w-full shadow-md sm:text-sm rounded-md disabled:opacity-50 disabled:cursor-not-allowed"
  252.                          [disabled]="isDisabledInput">
  253.                         </div>
  254.      
  255.                         <div class="block col-span-6 sm:col-span-3 idjaminandeposito{{i}}">
  256.                           <label class="block text-sm font-medium text-gray-700 font-semibold">No. Seri</label>
  257.                           <input type="text" name="noSeri-{{i}}" [(ngModel)]="lstJaminan.noSeri" autocomplete="off" class="mt-2 p-1 focus:outline-none focus:ring-2 focus:ring-blue-500 block w-full shadow-md sm:text-sm rounded-md disabled:opacity-50 disabled:cursor-not-allowed"
  258.                          [disabled]="isDisabledInput">
  259.                         </div>
  260.          
  261.                         <div class="block col-span-6 sm:col-span-3 idjaminandeposito{{i}}">
  262.                           <label class="block text-sm font-medium text-gray-700 font-semibold">No. Instrument deposito</label>
  263.                           <input type="text" name="noInstrumentDeposito-{{i}}" [(ngModel)]="lstJaminan.noInstrumentDeposito" autocomplete="off" class="mt-2 p-1 focus:outline-none focus:ring-2 focus:ring-blue-500 block w-full shadow-md sm:text-sm rounded-md disabled:opacity-50 disabled:cursor-not-allowed"
  264.                          [disabled]="isDisabledInput">
  265.                         </div>
  266.      
  267.                         <div class="block col-span-6 sm:col-span-3 idjaminandeposito{{i}}">
  268.                           <label class="block text-sm font-medium text-gray-700 font-semibold">Atas Nama</label>
  269.                           <input type="text" name="atasNama-{{i}}" [(ngModel)]="lstJaminan.atasNama" autocomplete="off" class="mt-2 p-1 focus:outline-none focus:ring-2 focus:ring-blue-500 block w-full shadow-md sm:text-sm rounded-md disabled:opacity-50 disabled:cursor-not-allowed"
  270.                          [disabled]="isDisabledInput">
  271.                         </div>
  272.          
  273.                         <div class="block col-span-6 sm:col-span-3 idjaminandeposito{{i}}">
  274.                           <label class="block text-sm font-medium text-gray-700 font-semibold">Nama Bank</label>
  275.                           <input type="text" name="namaBank-{{i}}" [(ngModel)]="lstJaminan.namaBank" autocomplete="off" class="mt-2 p-1 focus:outline-none focus:ring-2 focus:ring-blue-500 block w-full shadow-md sm:text-sm rounded-md disabled:opacity-50 disabled:cursor-not-allowed"
  276.                          [disabled]="isDisabledInput">
  277.                         </div>
  278.                        
  279.                         <div class="block col-span-6 idjaminandeposito{{i}}">
  280.                           <label class="block text-sm font-medium text-gray-700 font-semibold">Alamat Bank</label>
  281.                           <textarea rows="2" name="alamatBank-{{i}}" [(ngModel)]="lstJaminan.alamatBank" autocomplete="off" class="mt-2 p-1 focus:outline-none focus:ring-2 focus:ring-blue-500 block w-full shadow-md sm:text-sm rounded-md disabled:opacity-50 disabled:cursor-not-allowed"
  282.                          [disabled]="isDisabledInput"></textarea>
  283.                         </div>
  284.                         <div class="hidden sm:block sm:col-span-6" aria-hidden="true">
  285.                           <div class="w-screen">
  286.                             <div class="border-t border-gray-200"></div>
  287.                           </div>
  288.                         </div>
  289.      
  290.                         <div class="block col-span-6 sm:col-span-3 idjaminandeposito{{i}}">
  291.                           <label class="block text-sm font-medium text-gray-700 font-semibold">Cabang Bank</label>
  292.                           <input type="text" name="cabang-{{i}}" [(ngModel)]="lstJaminan.cabang" autocomplete="off" class="mt-2 p-1 focus:outline-none focus:ring-2 focus:ring-blue-500 block w-full shadow-md sm:text-sm rounded-md disabled:opacity-50 disabled:cursor-not-allowed"
  293.                          [disabled]="isDisabledInput">
  294.                         </div>
  295.          
  296.                         <div class="block col-span-6 sm:col-span-3 idjaminandeposito{{i}}">
  297.                           <label for="first_name" class="block text-sm font-medium text-gray-700 font-semibold">Tgl Deposito</label>
  298.                           <input type="date" name="tglDeposito-{{i}}"
  299.                          autocomplete="off" class="mt-2 p-1
  300.                           focus:outline-none focus:ring-2 focus:ring-blue-500 block w-full shadow-md sm:text-sm rounded-md disabled:opacity-50 disabled:cursor-not-allowed"
  301.                          [disabled]="isDisabledInput">
  302.                         </div>
  303.          
  304.                         <div class="block col-span-6 sm:col-span-3 idjaminandeposito{{i}}">
  305.                           <label class="block text-sm font-medium text-gray-700 font-semibold">Tgl Jatuh Tempo</label>
  306.                           <input type="date" name="tanggalJatuhTempo-{{i}}" [ngModel]="lstJaminan.tanggalJatuhTempo | date:'yyyy-MM-dd'" class="mt-2 p-1 focus:outline-none focus:ring-2 focus:ring-blue-500 block w-full shadow-md sm:text-sm rounded-md disabled:opacity-50 disabled:cursor-not-allowed"
  307.                          (ngModelChange)="lstJaminan.tanggalJatuhTempo=$event" [disabled]="isDisabledInput">
  308.                         </div>
  309.                         <div class="hidden sm:block sm:col-span-6" aria-hidden="true">
  310.                           <div class="w-screen">
  311.                             <div class="border-t border-gray-200"></div>
  312.                           </div>
  313.                         </div>
  314.      
  315.                         <div class="block col-span-6 sm:col-span-6 idjaminandeposito{{i}}">
  316.                           <label class="block text-sm font-medium text-gray-700 font-semibold">Surat Kuasa Pencairan</label>
  317.                           <div class="flex sm:space-x-4 mt-1">
  318.                             <label class="block text-xs font-semibold text-gray-700 p-1 sm:px-4 sm:py-2 rounded-lg bg-red-100" *ngIf="lstJaminan.idUploadSuratKuasaPencairan === '' ">Belum Terlampir</label>
  319.                             <label class="block text-xs font-semibold text-gray-700 p-1 sm:px-4 sm:py-2 rounded-lg bg-green-100" *ngIf="lstJaminan.idUploadSuratKuasaPencairan !== '' ">Terlampir</label>
  320.      
  321.                             <label class="inline-flex sm:inline-flex justify-center items-center py-1 px-2 sm:px-3 border border-transparent shadow-sm rounded-md text-white bg-yellow-500 hover:bg-yellow-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
  322.                            [ngClass]="{'opacity-50 cursor-not-allowed': isToastUpload}" *ngIf="!isDisabledInput">
  323.                               <svg class="w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  324.                                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12" />
  325.                               </svg>
  326.                               <input id="idFile" (change)="uploadDokumen($event, i, 'suratkuasa')" type="file" enctype="multipart/form-data" name="idUploadSuratKuasaPencairan" class="hidden"/>
  327.                             </label>
  328.      
  329.                             <button (click)="viewFile(lstJaminan.idUploadSuratKuasaPencairan)" class="inline-flex justify-center items-center py-1 px-2 sm:px-3 border border-transparent shadow-sm rounded-md text-white bg-red-500 hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 disabled:opacity-50 disabled:cursor-not-allowed"
  330.                            [disabled]="lstJaminan.idUploadSuratKuasaPencairan === ''">
  331.                               <svg class="w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  332.                                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
  333.                                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z" />
  334.                               </svg>
  335.                             </button>
  336.      
  337.                             <button (click)="downloadFile(lstJaminan.idUploadSuratKuasaPencairan)" class="inline-flex justify-center items-center py-1 px-2 sm:px-3 border border-transparent shadow-sm rounded-md text-white bg-green-500 hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 disabled:opacity-50 disabled:cursor-not-allowed"
  338.                            [disabled]="lstJaminan.idUploadSuratKuasaPencairan === ''">
  339.                               <svg class="w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  340.                                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M9 19l3 3m0 0l3-3m-3 3V10" />
  341.                               </svg>
  342.                             </button>
  343.                           </div>
  344.                         </div>
  345.      
  346.                         <div class="block col-span-6 sm:col-span-6 idjaminandeposito{{i}}">
  347.                           <label class="block text-sm font-medium text-gray-700 font-semibold">Surat Konfirm Ke Bank</label>
  348.                           <div class="flex sm:space-x-4 mt-1">
  349.                             <label class="block text-xs font-semibold text-gray-700 p-1 sm:px-4 sm:py-2 rounded-lg bg-red-100" *ngIf="lstJaminan.idUploadSuratKonfirmasiBank === '' ">Belum Terlampir</label>
  350.                             <label class="block text-xs font-semibold text-gray-700 p-1 sm:px-4 sm:py-2 rounded-lg bg-green-100" *ngIf="lstJaminan.idUploadSuratKonfirmasiBank !== '' ">Terlampir</label>
  351.      
  352.                             <label class="inline-flex sm:inline-flex justify-center items-center py-1 px-2 sm:px-3 border border-transparent shadow-sm rounded-md text-white bg-yellow-500 hover:bg-yellow-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
  353.                            [ngClass]="{'opacity-50 cursor-not-allowed': isToastUpload}" *ngIf="!isDisabledInput">
  354.                               <svg class="w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  355.                                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12" />
  356.                               </svg>
  357.                               <input id="idFile" (change)="uploadDokumen($event, i, 'suratkonfirm')" type="file" enctype="multipart/form-data" name="idUploadSuratKonfirmasiBank" class="hidden"/>
  358.                             </label>
  359.      
  360.                             <button (click)="viewFile(lstJaminan.idUploadSuratKonfirmasiBank)" class="inline-flex justify-center items-center py-1 px-2 sm:px-3 border border-transparent shadow-sm rounded-md text-white bg-red-500 hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 disabled:opacity-50 disabled:cursor-not-allowed"
  361.                            [disabled]="lstJaminan.idUploadSuratKonfirmasiBank === ''">
  362.                               <svg class="w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  363.                                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
  364.                                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z" />
  365.                               </svg>
  366.                             </button>
  367.      
  368.                             <button (click)="downloadFile(lstJaminan.idUploadSuratKonfirmasiBank)" class="inline-flex justify-center items-center py-1 px-2 sm:px-3 border border-transparent shadow-sm rounded-md text-white bg-green-500 hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 disabled:opacity-50 disabled:cursor-not-allowed"
  369.                            [disabled]="lstJaminan.idUploadSuratKonfirmasiBank === ''">
  370.                               <svg class="w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  371.                                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M9 19l3 3m0 0l3-3m-3 3V10" />
  372.                               </svg>
  373.                             </button>
  374.      
  375.                             <!-- <button class="inline-flex justify-center py-1 px-3 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-gray-500 hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500">
  376.                              Unduh Template
  377.                            </button> -->
  378.                           </div>
  379.                         </div>
  380.      
  381.                         <div class="block col-span-6 sm:col-span-6 idjaminandeposito{{i}}">
  382.                           <label class="block text-sm font-medium text-gray-700 font-semibold">Surat Jawaban Konfirmasi</label>
  383.                           <div class="flex sm:space-x-4 mt-1">
  384.                             <label class="block text-xs font-semibold text-gray-700 p-1 sm:px-4 sm:py-2 rounded-lg bg-red-100" *ngIf="lstJaminan.idUploadSuratStringJawabanKonfirmasi === '' ">Belum Terlampir</label>
  385.                             <label class="block text-xs font-semibold text-gray-700 p-1 sm:px-4 sm:py-2 rounded-lg bg-green-100" *ngIf="lstJaminan.idUploadSuratStringJawabanKonfirmasi !== '' ">Terlampir</label>
  386.      
  387.                             <label class="inline-flex sm:inline-flex justify-center items-center py-1 px-2 sm:px-3 border border-transparent shadow-sm rounded-md text-white bg-yellow-500 hover:bg-yellow-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
  388.                            [ngClass]="{'opacity-50 cursor-not-allowed': isToastUpload}" *ngIf="!isDisabledInput">
  389.                               <svg class="w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  390.                                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12" />
  391.                               </svg>
  392.                               <input id="idFile" (change)="uploadDokumen($event, i, 'suratjawabankonfirm')"  type="file" enctype="multipart/form-data" name="idUploadSuratStringJawabanKonfirmasi" class="hidden"/>
  393.                             </label>
  394.      
  395.                             <button (click)="viewFile(lstJaminan.idUploadSuratStringJawabanKonfirmasi)" class="inline-flex justify-center items-center py-1 px-2 sm:px-3 border border-transparent shadow-sm rounded-md text-white bg-red-500 hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 disabled:opacity-50 disabled:cursor-not-allowed"
  396.                            [disabled]="lstJaminan.idUploadSuratStringJawabanKonfirmasi === ''">
  397.                               <svg class="w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  398.                                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
  399.                                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z" />
  400.                               </svg>
  401.                             </button>
  402.      
  403.                             <button (click)="downloadFile(lstJaminan.idUploadSuratStringJawabanKonfirmasi)" class="inline-flex justify-center items-center py-1 px-2 sm:px-3 border border-transparent shadow-sm rounded-md text-white bg-green-500 hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 disabled:opacity-50 disabled:cursor-not-allowed"
  404.                            [disabled]="lstJaminan.idUploadSuratStringJawabanKonfirmasi === ''">
  405.                               <svg class="w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  406.                                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M9 19l3 3m0 0l3-3m-3 3V10" />
  407.                               </svg>
  408.                             </button>
  409.                           </div>
  410.                         </div>
  411.      
  412.                         <div class="block col-span-6 sm:col-span-6 idjaminandeposito{{i}}">
  413.                           <label class="block text-sm font-medium text-gray-700 font-semibold">File Lainnya</label>
  414.                           <div class="flex sm:space-x-4 mt-1">
  415.                             <label class="block text-xs font-semibold text-gray-700 p-1 sm:px-4 sm:py-2 rounded-lg bg-red-100" *ngIf="lstJaminan.idUploadDokumenJaminan === '' ">Belum Terlampir</label>
  416.                             <label class="block text-xs font-semibold text-gray-700 p-1 sm:px-4 sm:py-2 rounded-lg bg-green-100" *ngIf="lstJaminan.idUploadDokumenJaminan !== '' ">Terlampir</label>
  417.      
  418.                             <label class="inline-flex sm:inline-flex justify-center items-center py-1 px-2 sm:px-3 border border-transparent shadow-sm rounded-md text-white bg-yellow-500 hover:bg-yellow-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
  419.                            [ngClass]="{'opacity-50 cursor-not-allowed': isToastUpload}" *ngIf="!isDisabledInput">
  420.                               <svg class="w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  421.                                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12" />
  422.                               </svg>
  423.                               <input id="idFile"  (change)="uploadDokumen($event, i, 'lainnya')"  type="file" enctype="multipart/form-data" name="idUploadDokumenJaminan" class="hidden"/>
  424.                             </label>
  425.      
  426.                             <button (click)="viewFile(lstJaminan.idUploadDokumenJaminan)" class="inline-flex justify-center items-center py-1 px-2 sm:px-3 border border-transparent shadow-sm rounded-md text-white bg-red-500 hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 disabled:opacity-50 disabled:cursor-not-allowed"
  427.                            [disabled]="lstJaminan.idUploadDokumenJaminan === ''">
  428.                               <svg class="w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  429.                                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
  430.                                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z" />
  431.                               </svg>
  432.                             </button>
  433.      
  434.                             <button (click)="downloadFile(lstJaminan.idUploadDokumenJaminan)" class="inline-flex justify-center items-center py-1 px-2 sm:px-3 border border-transparent shadow-sm rounded-md text-white bg-green-500 hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 disabled:opacity-50 disabled:cursor-not-allowed"
  435.                            [disabled]="lstJaminan.idUploadDokumenJaminan === ''">
  436.                               <svg class="w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  437.                                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M9 19l3 3m0 0l3-3m-3 3V10" />
  438.                               </svg>
  439.                             </button>
  440.                           </div>
  441.                         </div>
  442.  
  443.                         <div class="block col-span-6 sm:col-span-6 idjaminandeposito{{i}}">
  444.                           <label class="block text-sm font-medium text-gray-700 font-semibold">Berita Acara Serah Terima (legal ke Custodian)</label>
  445.                           <div class="flex sm:space-x-4 mt-1">
  446.                             <label class="block text-xs font-semibold text-gray-700 p-1 sm:px-4 sm:py-2 rounded-lg bg-red-100" *ngIf="lstJaminan.idUploadBeritaAcaraSerahTerimaLegalCust === '' ">Belum Terlampir</label>
  447.                             <label class="block text-xs font-semibold text-gray-700 p-1 sm:px-4 sm:py-2 rounded-lg bg-green-100" *ngIf="lstJaminan.idUploadBeritaAcaraSerahTerimaLegalCust !== '' ">Terlampir</label>
  448.      
  449.                             <label class="inline-flex sm:inline-flex justify-center items-center py-1 px-2 sm:px-3 border border-transparent shadow-sm rounded-md text-white bg-yellow-500 hover:bg-yellow-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
  450.                            [ngClass]="{'opacity-50 cursor-not-allowed': isToastUpload}" *ngIf="!isDisabledInput">
  451.                               <svg class="w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  452.                                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12" />
  453.                               </svg>
  454.                               <input id="idFile"  (change)="uploadDokumen($event, i, 'suratserahterimalegal')"  type="file" enctype="multipart/form-data" name="idUploadBeritaAcaraSerahTerimaLegalCust" class="hidden"/>
  455.                             </label>
  456.      
  457.                             <button (click)="viewFile(lstJaminan.idUploadBeritaAcaraSerahTerimaLegalCust)" class="inline-flex justify-center items-center py-1 px-2 sm:px-3 border border-transparent shadow-sm rounded-md text-white bg-red-500 hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 disabled:opacity-50 disabled:cursor-not-allowed"
  458.                            [disabled]="lstJaminan.idUploadBeritaAcaraSerahTerimaLegalCust === ''">
  459.                               <svg class="w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  460.                                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
  461.                                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z" />
  462.                               </svg>
  463.                             </button>
  464.      
  465.                             <button (click)="downloadFile(lstJaminan.idUploadBeritaAcaraSerahTerimaLegalCust)" class="inline-flex justify-center items-center py-1 px-2 sm:px-3 border border-transparent shadow-sm rounded-md text-white bg-green-500 hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 disabled:opacity-50 disabled:cursor-not-allowed"
  466.                            [disabled]="lstJaminan.idUploadBeritaAcaraSerahTerimaLegalCust === ''">
  467.                               <svg class="w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  468.                                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M9 19l3 3m0 0l3-3m-3 3V10" />
  469.                               </svg>
  470.                             </button>
  471.                           </div>
  472.                         </div>
  473.  
  474.                         <div class="block col-span-6 sm:col-span-6 idjaminandeposito{{i}}">
  475.                           <label class="block text-sm font-medium text-gray-700 font-semibold">Berita Acara Serah Terima (Custodian ke Mitra)</label>
  476.                           <div class="flex sm:space-x-4 mt-1">
  477.                             <label class="block text-xs font-semibold text-gray-700 p-1 sm:px-4 sm:py-2 rounded-lg bg-red-100" *ngIf="lstJaminan.idUploadBeritaAcaraSerahTerimaCustMitra === '' ">Belum Terlampir</label>
  478.                             <label class="block text-xs font-semibold text-gray-700 p-1 sm:px-4 sm:py-2 rounded-lg bg-green-100" *ngIf="lstJaminan.idUploadBeritaAcaraSerahTerimaCustMitra !== '' ">Terlampir</label>
  479.      
  480.                             <label class="inline-flex sm:inline-flex justify-center items-center py-1 px-2 sm:px-3 border border-transparent shadow-sm rounded-md text-white bg-yellow-500 hover:bg-yellow-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
  481.                            [ngClass]="{'opacity-50 cursor-not-allowed': isToastUpload}" *ngIf="!isDisabledInput">
  482.                               <svg class="w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  483.                                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12" />
  484.                               </svg>
  485.                               <input id="idFile"  (change)="uploadDokumen($event, i, 'suratserahterimacust')"  type="file" enctype="multipart/form-data" name="idUploadBeritaAcaraSerahTerimaCustMitra" class="hidden"/>
  486.                             </label>
  487.      
  488.                             <button (click)="viewFile(lstJaminan.idUploadBeritaAcaraSerahTerimaCustMitra)" class="inline-flex justify-center items-center py-1 px-2 sm:px-3 border border-transparent shadow-sm rounded-md text-white bg-red-500 hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 disabled:opacity-50 disabled:cursor-not-allowed"
  489.                            [disabled]="lstJaminan.idUploadBeritaAcaraSerahTerimaCustMitra === ''">
  490.                               <svg class="w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  491.                                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
  492.                                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z" />
  493.                               </svg>
  494.                             </button>
  495.      
  496.                             <button (click)="downloadFile(lstJaminan.idUploadBeritaAcaraSerahTerimaCustMitra)" class="inline-flex justify-center items-center py-1 px-2 sm:px-3 border border-transparent shadow-sm rounded-md text-white bg-green-500 hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 disabled:opacity-50 disabled:cursor-not-allowed"
  497.                            [disabled]="lstJaminan.idUploadBeritaAcaraSerahTerimaCustMitra === ''">
  498.                               <svg class="w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  499.                                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M9 19l3 3m0 0l3-3m-3 3V10" />
  500.                               </svg>
  501.                             </button>
  502.                           </div>
  503.                         </div>
  504.      
  505.                         <div class="block col-span-6 sm:col-span-3 idjaminandeposito{{i}}">
  506.                           <label class="block text-sm font-medium text-gray-700 font-semibold">Nilai Deposito</label>
  507.                           <input type="text" name="nilaiDeposito-{{i}}" [(ngModel)]="lstJaminan.nilaiDeposito" currencyMask class="mt-2 p-1 focus:outline-none focus:ring-2 focus:ring-blue-500 block w-full shadow-md sm:text-sm rounded-md rounded-md disabled:opacity-50 disabled:cursor-not-allowed"
  508.                          disabled>
  509.                         </div>
  510.      
  511.                         <div class="block col-span-6 sm:col-span-3 idjaminandeposito{{i}}">
  512.                           <label class="block text-sm font-medium text-gray-700 font-semibold">Status Jaminan</label>
  513.                           <input type="text" name="statusJaminan-{{i}}" [(ngModel)]="lstJaminan.statusJaminan" autocomplete="off" class="mt-2 p-1 focus:outline-none focus:ring-2 focus:ring-blue-500 block w-24 shadow-md sm:text-sm rounded-md disabled:opacity-50 disabled:cursor-not-allowed"
  514.                          disabled>
  515.                         </div>
  516.      
  517.                         <div class="block col-span-6 idjaminandeposito{{i}}">
  518.                           <label for="first_name" class="block text-sm font-medium text-gray-700 font-semibold">Keterangan</label>
  519.                           <textarea rows="2" name="keterangan-{{i}}" [(ngModel)]="lstJaminan.keterangan" autocomplete="off" class="mt-2 p-1 focus:outline-none focus:ring-2 focus:ring-blue-500 block w-full shadow-md sm:text-sm rounded-md disabled:opacity-50 disabled:cursor-not-allowed"
  520.                          [disabled]="isDisabledInput"></textarea>
  521.                         </div>
  522.      
  523.                       </div>
  524.                     </div>
  525.      
  526.                   <div class="px-4 py-3 bg-gray-50 text-right sm:px-6">
  527.                     <button (click)="modalLogs()"  class="inline-flex mr-2 mb-3 sm:mb-0 justify-center py-2 px-6 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-yellow-500 hover:bg-yellow-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-yellow-500 disabled:opacity-50 disabled:cursor-not-allowed"
  528.                    [disabled]="disabledSave">
  529.                       Logs
  530.                       <svg class="w-5 ml-2" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  531.                         <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a4 4 0 01-4 4zm0 0h12a2 2 0 002-2v-4a2 2 0 00-2-2h-2.343M11 7.343l1.657-1.657a2 2 0 012.828 0l2.829 2.829a2 2 0 010 2.828l-8.486 8.485M7 17h.01" />
  532.                       </svg>
  533.                     </button>
  534.      
  535.                     <button type="submit" class="inline-flex justify-center py-2 px-6 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-blue-500 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
  536.                    (click)="btnSave()" [ngClass]="{'disabled:opacity-50 disabled:cursor-not-allowed': disabledSave}" *ngIf="!isDisabledInput">
  537.                       Simpan <svg class="w-5 ml-2" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  538.                         <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z" />
  539.                       </svg>
  540.                     </button>
  541.                   </div>
  542.                 </div>
  543.             </div>
  544.           </div>
  545.       </div>
  546.     </div>
  547. </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!