API tools faq
paste
coffeecode12

jaminan kendaraan

coffeecode12
Jun 10th, 2021
165
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 30.93 KB | None | 0 0
raw download clone embed print report
  1. <div class="mx-2 mt-5">
  2.   <div class="bg-white shadow-xl rounded-lg">
  3.     <div class="m-6 sm:mt-0">
  4.      
  5.       <div *ngIf="loadingPage" class="flex flex justify-center h-screen"><img class="max-w-sm" src="../../../../../assets/img/spinner.svg" alt="loading"></div>
  6.  
  7.       <div *ngIf="!loadingPage" class="md:grid md:grid-cols-5 md:gap-6">
  8.         <div class="md:col-span-2">
  9.           <div class="flex flex-row">
  10.             <h3 class="text-lg font-medium leading-6 text-gray-900 mt-2">INFORMASI MITRA</h3>
  11.           </div>
  12.  
  13.             <div class="px-4 sm:px-0 mt-5">
  14.  
  15.                 <div class="grid grid-cols-8 sm:grid-cols-6 gap-6">
  16.                   <div class="col-span-4 sm:col-span-1">
  17.                     <label class="text-sm font-medium text-gray-500 font-semibold">ID Mitra</label>
  18.                   </div>
  19.                   <div class="col-span-4 sm:col-span-2">
  20.                     <span class="text-gray-500">{{kendaraan.idMitra}}</span>
  21.                   </div>
  22.                   <div class="col-span-4 sm:col-span-1">
  23.                     <label class="text-sm font-medium text-gray-500 font-semibold">Nama Mitra</label>
  24.                   </div>
  25.                   <div class="col-span-4 sm:col-span-2">
  26.                     <span class="text-gray-500">{{kendaraan.namaMitra}}</span>
  27.                   </div>
  28.                   <div class="col-span-4 sm:col-span-1">
  29.                     <label class="text-sm font-medium text-gray-500 font-semibold">Nama Kontak</label>
  30.                   </div>
  31.                   <div class="col-span-4 sm:col-span-2">
  32.                     <span class="text-gray-500" *ngIf="kendaraan.namaKontrak!==''">{{kendaraan.namaKontrak}}</span>
  33.                     <span class="text-gray-500" *ngIf="kendaraan.namaKontrak===''">-</span>
  34.                   </div>
  35.                   <div class="col-span-4 sm:col-span-1">
  36.                     <label class="text-sm font-medium text-gray-500 font-semibold">No. Telp</label>
  37.                   </div>
  38.                   <div class="col-span-4 sm:col-span-2">
  39.                     <span class="text-gray-500" *ngIf="kendaraan.noTelpMitra!==''">{{kendaraan.noTelpMitra}}</span>
  40.                     <span class="text-gray-500" *ngIf="kendaraan.noTelpMitra===''">-</span>
  41.                   </div>
  42.                   <div class="col-span-4 sm:col-span-1">
  43.                     <label class="text-sm font-medium text-gray-500 font-semibold">Alamat</label>
  44.                   </div>
  45.                   <div class="col-span-4">
  46.                     <span class="text-gray-500">
  47.                       {{kendaraan.alamatMitra}}
  48.                     </span>
  49.                   </div>
  50.                 </div>
  51.  
  52.                 <h3 class="text-lg font-medium leading-6 text-gray-900 mt-20">INFORMASI PROPOSAL</h3>
  53.                 <div class="grid grid-cols-8 sm:grid-cols-6 gap-6 mt-5">
  54.                   <div class="col-span-4 sm:col-span-1">
  55.                     <label class="text-sm font-medium text-gray-500 font-semibold">ID Proposal</label>
  56.                   </div>
  57.                   <div class="col-span-4 sm:col-span-2">
  58.                     <span class="text-gray-500">{{kendaraan.idProposal}}</span>
  59.                   </div>
  60.                   <div class="col-span-4 sm:col-span-1">
  61.                     <label class="text-sm font-medium text-gray-500 font-semibold">Tgl Terima</label>
  62.                   </div>
  63.                   <div class="col-span-4 sm:col-span-2">
  64.                     <span class="text-gray-500">{{kendaraan.tanggalTerima | date:'dd-MM-yyyy'}}</span>
  65.                   </div>
  66.                   <div class="col-span-4 sm:col-span-1">
  67.                     <label class="text-sm font-medium text-gray-500 font-semibold">Jenis</label>
  68.                   </div>
  69.                   <div class="col-span-4 sm:col-span-2">
  70.                     <span class="text-gray-500">{{kendaraan.jenisPinjaman}} {{kendaraan.polaPembiayaan}}</span>
  71.                   </div>
  72.                   <div class="col-span-4 sm:col-span-1">
  73.                     <label class="text-sm font-medium text-gray-500 font-semibold">Plafon</label>
  74.                   </div>
  75.                   <div class="col-span-4 sm:col-span-2">
  76.                     <span class="text-gray-500">{{kendaraan.plafond | currency:'INA':'Rp ':'1.0'}}</span>
  77.                   </div>
  78.                   <div class="col-span-4 sm:col-span-1">
  79.                     <label class="text-sm font-medium text-gray-500 font-semibold">Kegunaan</label>
  80.                   </div>
  81.                   <div class="col-span-4 sm:col-span-2">
  82.                     <span class="text-gray-500" *ngIf="kendaraan.kegunaan !== ''">{{kendaraan.kegunaan}}</span>
  83.                     <span class="text-gray-500" *ngIf="kendaraan.kegunaan === ''">-</span>
  84.                   </div>
  85.                 </div>
  86.  
  87.                 <h3 class="text-lg font-medium leading-6 text-gray-900 mt-20">PENCAIRAN</h3>
  88.                 <div class="grid grid-cols-6 gap-6">
  89.                   <div class="col-span-6 sm:col-span-6 mt-5">
  90.                     <div class="overflow-x-auto">
  91.                         <table>
  92.                             <tr class="bg-gray-50 text-xs text-gray-800 border">
  93.                               <th class="px-4 py-2 border">PENCAIRAN KE</th>
  94.                               <th class="px-4 py-2 border">NILAI PENCAIRAN (Rp)</th>
  95.                               <th class="px-4 py-2 border">TGL PENCAIRAN</th>
  96.                             </tr>
  97.                             <tbody class="bg-white divide-y divide-gray-200 text-center text-sm" *ngIf="kendaraan.listOopCoverNoteSp3Pencairan.length === 0">
  98.                                 <tr>
  99.                                   <td class="px-4 py-2 border bg-white" colspan="4"> Data Tidak Ada </td>
  100.                                 </tr>
  101.                               </tbody>
  102.                               <tbody class="bg-white divide-y divide-gray-200" *ngIf="kendaraan.listOopCoverNoteSp3Pencairan.length > 0">
  103.                                   <tr class="text-center text-xs text-gray-500 uppercase border" *ngFor="let viewJaminan of kendaraan.listOopCoverNoteSp3Pencairan; let i=index">
  104.                                     <td class="px-4 py-2 border">{{viewJaminan.pencairanKe}}</td>
  105.                                     <td class="px-2 py-2 border normal-case">
  106.                                       <div class="w-32">{{viewJaminan.nilaiPencairan | currency:'INA':'Rp ':'1.0'}}</div>
  107.                                     </td>
  108.                                     <td class="px-4 py-2 border">{{viewJaminan.tanggalPencairan  | date:'dd-MM-yyyy'}}</td>
  109.                                   </tr>
  110.                                 </tbody>
  111.                         </table>
  112.                        
  113.                     </div>
  114.                   </div>
  115.  
  116.                 </div>
  117.  
  118.                 <div class="grid grid-cols-6 gap-6">
  119.                   <div class="col-span-6 mt-20">
  120.                     <div class="flex items-center">
  121.                       <h3 class="text-lg font-medium leading-6 text-gray-900">JAMINAN</h3>
  122.                     </div>
  123.                   </div>
  124.                   <div class="col-span-6">
  125.                     <div class="overflow-x-auto">
  126.                         <table>
  127.                             <tr class="bg-gray-50 text-xs text-gray-800 border">
  128.                               <th class="px-4 py-2 border">NO</th>
  129.                               <th class="px-4 py-2 border">NAMA JAMINAN</th>
  130.                               <th class="px-4 py-2 border">JENIS</th>
  131.                               <th class="px-4 py-2 border">NOMOR POLISI</th>
  132.                               <th class="px-4 py-2 border">NILAI JAMINAN (Rp)</th>
  133.                             </tr>
  134.                             <tbody class="bg-white divide-y divide-gray-200 text-center text-sm" *ngIf="kendaraan.listOopJaminanKendaraanBermotorJaminan.length === 0">
  135.                               <tr>
  136.                                 <td class="px-4 py-2 border bg-white" colspan="4"> Data Tidak Ada </td>
  137.                               </tr>
  138.                             </tbody>
  139.                             <tbody class="bg-white divide-y divide-gray-200" *ngIf="kendaraan.listOopJaminanKendaraanBermotorJaminan.length > 0">
  140.                               <tr class="text-center text-xs text-gray-500 uppercase border" *ngFor="let viewJaminan of kendaraan.listOopJaminanKendaraanBermotorJaminan; let i=index">
  141.                                 <td class="px-4 py-2 border">{{i+1}}</td>
  142.                                 <td class="px-4 py-2 border">{{viewJaminan.jenisJaminan}}</td>
  143.                                 <td class="px-4 py-2 border">{{viewJaminan.jenis}}</td>
  144.                                 <td class="px-4 py-2 border">{{viewJaminan.nomorPolisi}}</td>
  145.                                 <td class="px-2 py-2 border normal-case">
  146.                                   <div class="w-32">{{viewJaminan.nilai | currency:'INA':'Rp ':'1.0'}}</div>
  147.                                 </td>
  148.                               </tr>
  149.                             </tbody>
  150.                         </table>
  151.                     </div>
  152.                   </div>
  153.                 </div>
  154.              
  155.  
  156.             </div>
  157.         </div>
  158.         <div class="mt-5 md:mt-0 md:col-span-3">
  159.             <div class="shadow overflow-hidden sm:rounded-md">
  160.               <div class="px-4 py-5 bg-white sm:p-6">
  161.                 <div class="grid grid-cols-6 gap-6">
  162.                   <div class="col-span-6 sm:col-span-3">
  163.                     <label for="first_name" class="block text-sm font-medium text-gray-700 font-semibold">Kode Jenis Jaminan</label>
  164.                       KBM
  165.                   </div>
  166.                  
  167.                   <div class="col-span-6 sm:col-span-3">
  168.                     <label for="first_name" class="block text-sm font-medium text-gray-700 font-semibold">Nama Jaminan</label>
  169.                       Kendaraan Bermotor
  170.                   </div>
  171.                  
  172.                   <div class="col-span-6 sm:col-span-3">
  173.                     <label for="first_name" class="block text-sm font-medium text-gray-700 font-semibold">No. Covernote</label>
  174.                     {{kendaraan.nomorCoverNote}}
  175.                   </div>
  176.  
  177.                   <div class="col-span-6 sm:col-span-3">
  178.                     <label for="first_name" class="block text-sm font-medium text-gray-700 font-semibold">Jml Jaminan</label>
  179.                     {{jmlJaminan}}
  180.                   </div>
  181.  
  182.                 </div>
  183.               </div>
  184.               <div class="px-4 py-5 bg-white sm:p-6" *ngFor="let lstJaminan of kendaraan.listOopJaminanKendaraanBermotorJaminan; let i=index">
  185.                 <div class="grid grid-cols-6 gap-6 sm:mt-5">
  186.                   <div class="col-span-6 flex">
  187.                    
  188.                     <label class="block text-sm font-medium text-gray-500 font-semibold flex">Jaminan Kendaraan Bermotor {{i+1}}</label>
  189.                     <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"
  190.                    (click)="showHideJaminan(i, $event)">
  191.                       <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" />
  192.                     </svg>
  193.                    
  194.                   </div>
  195.                   <div class="hidden sm:block sm:col-span-6" aria-hidden="true">
  196.                     <div class="w-screen">
  197.                       <div class="border-t border-gray-200"></div>
  198.                     </div>
  199.                   </div>
  200.                 </div>
  201.  
  202.                 <div class="block grid grid-cols-6 gap-6 sm:mt-5 idjaminan{{i}}">
  203.                   <div class="col-span-6 sm:col-span-3" >
  204.                     <label for="first_name" class="block text-sm font-medium text-gray-700 font-semibold">No. Urut</label>
  205.                     <input type="number" name="noUrut-{{i}}"
  206.                    [(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
  207.                     disabled:opacity-50 disabled:cursor-not-allowed"
  208.                    disabled>
  209.                   </div>
  210.  
  211.                   <div class="col-span-6 sm:col-span-3" >
  212.                     <label for="first_name" class="block text-sm font-medium text-gray-700 font-semibold">No. Jaminan</label>
  213.                     <input type="text" name="nomorJaminan-{{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"
  214.                    [disabled]="isDisabledInput">
  215.                   </div>
  216.  
  217.                   <div class="block col-span-6 sm:col-span-3 idjaminan{{i}}">
  218.                     <label class="block text-sm font-medium text-gray-700 font-semibold">Kode Jenis Kendaraan Bermotor</label>
  219.                     <select autocomplete="off" class="mt-2 block w-36 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"
  220.                    (change)="selectJenisJaminan($event, i)" [disabled]="isDisabledInput">
  221.                       <option value="">-pilih kode-</option>
  222.                       <option *ngFor="let selectJaminan of lstSelectJenisJaminan" [value]="selectJaminan.kode">{{selectJaminan.kode}}</option>
  223.                     </select>
  224.                   </div>
  225.  
  226.                   <div class="block col-span-6 sm:col-span-3 idjaminan{{i}}">
  227.                     <label class="block text-sm font-medium text-gray-700 font-semibold">Jenis Jaminan</label>
  228.                     <input type="text" name="jenisJaminan-{{i}}" [(ngModel)]="lstJaminan.jenisJaminan" autocomplete="off"
  229.                     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"
  230.                    disabled>
  231.                   </div>
  232.                  
  233.                   <div class="block col-span-6 sm:col-span-3 idjaminan{{i}}">
  234.                     <label class="block text-sm font-medium text-gray-700 font-semibold">No. Polisi/Seri</label>
  235.                     <input type="text" name="nomorPolisi-{{i}}" [(ngModel)]="lstJaminan.nomorPolisi" 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">
  236.                   </div>
  237.  
  238.                   <div class="block col-span-6 sm:col-span-3 idjaminan{{i}}">
  239.                     <label class="block text-sm font-medium text-gray-700 font-semibold">Merk</label>
  240.                     <input type="text" name="merk-{{i}}" [(ngModel)]="lstJaminan.merk" 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"
  241.                    [disabled]="isDisabledInput">
  242.                   </div>
  243.    
  244.                   <div class="block col-span-6 sm:col-span-3 idjaminan{{i}}">
  245.                     <label class="block text-sm font-medium text-gray-700 font-semibold">Type</label>
  246.                     <input type="text" name="type-{{i}}" [(ngModel)]="lstJaminan.type" 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"
  247.                    [disabled]="isDisabledInput">
  248.                   </div>
  249.  
  250.                   <div class="block col-span-6 sm:col-span-3 idjaminan{{i}}">
  251.                     <label class="block text-sm font-medium text-gray-700 font-semibold">No. BPKB</label>
  252.                     <input type="text" name="nomorBpkb-{{i}}" [(ngModel)]="lstJaminan.nomorBpkb" 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"
  253.                    [disabled]="isDisabledInput">
  254.                   </div>
  255.    
  256.                   <div class="hidden sm:block sm:col-span-6" aria-hidden="true">
  257.                     <div class="w-screen">
  258.                       <div class="border-t border-gray-200"></div>
  259.                     </div>
  260.                   </div>
  261.  
  262.                   <div class="block col-span-6 sm:col-span-3 idjaminan{{i}}">
  263.                     <label class="block text-sm font-medium text-gray-700 font-semibold">Jenis</label>
  264.                     <input type="text" name="jenis-{{i}}" [(ngModel)]="lstJaminan.jenis" 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"
  265.                    [disabled]="isDisabledInput">
  266.                   </div>
  267.  
  268.                   <div class="block col-span-6 sm:col-span-3 idjaminan{{i}}">
  269.                     <label class="block text-sm font-medium text-gray-700 font-semibold">Model</label>
  270.                     <input type="text" name="model-{{i}}" [(ngModel)]="lstJaminan.model" 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"
  271.                    [disabled]="isDisabledInput">
  272.                   </div>
  273.  
  274.                   <div class="block col-span-6 sm:col-span-3 idjaminan{{i}}">
  275.                     <label class="block text-sm font-medium text-gray-700 font-semibold">Tahun</label>
  276.                     <input type="number" name="tahun-{{i}}" [(ngModel)]="lstJaminan.tahun" 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"
  277.                    [disabled]="isDisabledInput">
  278.                   </div>
  279.  
  280.                   <div class="block col-span-6 sm:col-span-3 idjaminan{{i}}">
  281.                     <label class="block text-sm font-medium text-gray-700 font-semibold">Atas Nama BPKB</label>
  282.                     <input type="text" name="atasNamaBpkb-{{i}}" [(ngModel)]="lstJaminan.atasNamaBpkb" 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"
  283.                    [disabled]="isDisabledInput">
  284.                   </div>
  285.  
  286.                   <div class="block col-span-6 idjaminan{{i}}">
  287.                     <label class="block text-sm font-medium text-gray-700 font-semibold">Lokasi Jaminan</label>
  288.                     <textarea rows="2" name="lokasiJaminan-{{i}}" [(ngModel)]="lstJaminan.lokasiJaminan" 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"
  289.                    [disabled]="isDisabledInput"></textarea>
  290.                   </div>
  291.    
  292.                   <div class="block col-span-6 sm:col-span-3 idjaminan{{i}}">
  293.                     <label class="block text-sm font-medium text-gray-700 font-semibold">No. Rangka</label>
  294.                     <input type="text" name="nomorRangka-{{i}}" [(ngModel)]="lstJaminan.nomorRangka" 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"
  295.                    [disabled]="isDisabledInput">
  296.                   </div>
  297.  
  298.                   <div class="block col-span-6 sm:col-span-3 idjaminan{{i}}">
  299.                     <label class="block text-sm font-medium text-gray-700 font-semibold">No. Mesin</label>
  300.                     <input type="text" name="nomorMesin-{{i}}" [(ngModel)]="lstJaminan.nomorMesin" 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"
  301.                    [disabled]="isDisabledInput">
  302.                   </div>
  303.  
  304.                   <div class="block col-span-6 sm:col-span-3 idjaminan{{i}}">
  305.                     <label class="block text-sm font-medium text-gray-700 font-semibold">Nilai (Rp)</label>
  306.                     <input type="text" name="nilai-{{i}}" [(ngModel)]="lstJaminan.nilai" currencyMask 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"
  307.                    disabled>
  308.                   </div>
  309.  
  310.                   <div class="block col-span-6 sm:col-span-3 idjaminan{{i}}">
  311.                     <label for="first_name" class="block text-sm font-medium text-gray-700 font-semibold">Tgl Penilaian</label>
  312.                     <input type="date" name="tanggalPenilaian-{{i}}" [ngModel]="lstJaminan.tanggalPenilaian  | date:'yyyy-MM-dd'" (change)="FormatTanggal1($event, i)" 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"
  313.                    [disabled]="isDisabledInput">
  314.                   </div>
  315.  
  316.                   <div class="block col-span-6 idjaminan{{i}}">
  317.                     <label class="block text-sm font-medium text-gray-700 font-semibold">Keterangan</label>
  318.                     <textarea rows="2" name="keterangan-{{i}}" [(ngModel)]="lstJaminan.keterangan"
  319.                    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"
  320.                    [disabled]="isDisabledInput"></textarea>
  321.                   </div>
  322.    
  323.                   <div class="hidden sm:block sm:col-span-6" aria-hidden="true">
  324.                     <div class="w-screen">
  325.                       <div class="border-t border-gray-200"></div>
  326.                     </div>
  327.                   </div>
  328.  
  329.                   <div class="block col-span-6 sm:col-span-6 idjaminan{{i}}">
  330.                     <label class="block text-sm font-medium text-gray-700 font-semibold">File BPKB</label>
  331.                     <div class="flex sm:space-x-4 mt-1">
  332.                       <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>
  333.                       <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>
  334.  
  335.                       <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"
  336.                      [ngClass]="{'opacity-50 cursor-not-allowed': isDisabledInput || isToastUpload}">
  337.                         <svg class="w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  338.                           <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" />
  339.                         </svg>
  340.                         <input id="idFile" (change)="uploadDokumen($event, i, 'suratkuasa')" type="file" enctype="multipart/form-data" name="idUploadDokumenJaminan" class="hidden"/>
  341.                       </label>
  342.  
  343.                       <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"
  344.                      [disabled]="lstJaminan.idUploadDokumenJaminan === ''">
  345.                         <svg class="w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  346.                           <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
  347.                           <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" />
  348.                         </svg>
  349.                       </button>
  350.  
  351.                       <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"
  352.                      [disabled]="lstJaminan.idUploadDokumenJaminan === ''">
  353.                         <svg class="w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  354.                           <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" />
  355.                         </svg>
  356.                       </button>
  357.                     </div>
  358.                   </div>
  359.  
  360.  
  361.                   <div class="block col-span-6 sm:col-span-6 idjaminan{{i}}">
  362.                     <label class="block text-sm font-medium text-gray-700 font-semibold">File Dokumen Surat Pernyataan</label>
  363.                     <div class="flex sm:space-x-4 mt-1">
  364.                       <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.idUploadSuratPernyataan === '' ">Belum Terlampir</label>
  365.                       <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.idUploadSuratPernyataan !== '' ">Terlampir</label>
  366.  
  367.                       <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"
  368.                      [ngClass]="{'opacity-50 cursor-not-allowed': isDisabledInput || isToastUpload}">
  369.                         <svg class="w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  370.                           <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" />
  371.                         </svg>
  372.                         <input id="idFile" (change)="uploadDokumenSuratPernyataan($event, i, 'suratkuasa')" type="file" enctype="multipart/form-data" name="idUploadSuratPernyataan" class="hidden"/>
  373.                       </label>
  374.  
  375.                       <button (click)="viewFile(lstJaminan.idUploadSuratPernyataan)" 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"
  376.                      [disabled]="lstJaminan.idUploadSuratPernyataan === ''">
  377.                         <svg class="w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  378.                           <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
  379.                           <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" />
  380.                         </svg>
  381.                       </button>
  382.  
  383.                       <button (click)="downloadFile(lstJaminan.idUploadSuratPernyataan)" 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"
  384.                      [disabled]="lstJaminan.idUploadSuratPernyataan === ''">
  385.                         <svg class="w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  386.                           <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" />
  387.                         </svg>
  388.                       </button>
  389.                     </div>
  390.                   </div>
  391.  
  392.                 </div>
  393.               </div>
  394.  
  395.               <div class="px-4 py-3 bg-gray-50 text-right sm:px-6">
  396.                 <button 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"
  397.                (click)="modalLogs()" [ngClass]="{'disabled:opacity-50 disabled:cursor-not-allowed': disabledSave}">
  398.                   Logs
  399.                   <svg class="w-5 ml-2" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  400.                     <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" />
  401.                   </svg>
  402.                 </button>
  403.                 <button 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"
  404.                (click)="btnSave()" [ngClass]="{'disabled:opacity-50 disabled:cursor-not-allowed': disabledSave}" *ngIf="!isDisabledInput">
  405.                   Simpan <svg class="w-5 ml-2" 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="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" />
  407.                   </svg>
  408.                 </button>
  409.               </div>
  410.  
  411.             </div>
  412.         </div>
  413.       </div>
  414.     </div>
  415.   </div>
  416. </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!