API tools faq
paste
coffeecode12

COVERNOTE

coffeecode12
Jun 8th, 2021
166
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 125.30 KB | None | 0 0
raw download clone embed print report
  1. <!-- HALAMAN -->
  2. <div class="mx-2">
  3.   <div class="bg-white rounded-md h-12 flex items-center justify-between shadow-lg">
  4.     <!-- <div class="p-4 text-gray-400 text-xs sm:text-sm uppercase" *ngIf="isLog === 'true'">Cover Note Logs / Pencatatan Jaminan Sementara</div> -->
  5.     <div class="p-4 text-gray-400 text-xs sm:text-sm uppercase">Entry Cover Note / Pencatatan Jaminan Sementara</div>
  6.     <div class="p-4 cursor-pointer" (click)="refresh()">
  7.       <svg class="w-5 hover:text-blue-600" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
  8.           <path fill-rule="evenodd" d="M4 2a1 1 0 011 1v2.101a7.002 7.002 0 0111.601 2.566 1 1 0 11-1.885.666A5.002 5.002 0 005.999 7H9a1 1 0 010 2H4a1 1 0 01-1-1V3a1 1 0 011-1zm.008 9.057a1 1 0 011.276.61A5.002 5.002 0 0014.001 13H11a1 1 0 110-2h5a1 1 0 011 1v5a1 1 0 11-2 0v-2.101a7.002 7.002 0 01-11.601-2.566 1 1 0 01.61-1.276z" clip-rule="evenodd" />
  9.         </svg>
  10.     </div>
  11.   </div>
  12. </div>
  13.  
  14.  
  15. <!-- CONTENT -->
  16. <div class="mx-2 mt-5">
  17.  
  18.   <div class="bg-white shadow-xl rounded-lg">
  19.      
  20.       <div class="m-6 sm:mt-0">
  21.          
  22.           <div class="md:grid md:grid-cols-4 md:gap-6">
  23.            
  24.             <div class="md:col-span-2">
  25.               <div class="flex flex-row">
  26.                 <h3 class="text-lg font-medium leading-6 text-gray-900 mt-2">INFORMASI MITRA</h3>
  27.               </div>
  28.  
  29.                 <div class="px-4 sm:px-0 mt-5">
  30.  
  31.                     <div class="grid grid-cols-8 sm:grid-cols-6 gap-6">
  32.                       <div class="col-span-4 sm:col-span-1">
  33.                         <label class="text-sm font-medium text-gray-500 font-semibold">ID Mitra</label>
  34.                       </div>
  35.                       <div class="col-span-4 sm:col-span-2">
  36.                         <span class="text-gray-500">{{covernote.idMitra}}</span>
  37.                       </div>
  38.                       <div class="col-span-4 sm:col-span-1">
  39.                         <label class="text-sm font-medium text-gray-500 font-semibold">Nama Mitra</label>
  40.                       </div>
  41.                       <div class="col-span-4 sm:col-span-2">
  42.                         <span class="text-gray-500">{{covernote.namaMitra}}</span>
  43.                       </div>
  44.                       <div class="col-span-4 sm:col-span-1">
  45.                         <label class="text-sm font-medium text-gray-500 font-semibold">Nama Kontak</label>
  46.                       </div>
  47.                       <div class="col-span-4 sm:col-span-2">
  48.                         <span class="text-gray-500">{{covernote.namaKontak}}</span>
  49.                       </div>
  50.                       <div class="col-span-4 sm:col-span-1">
  51.                         <label class="text-sm font-medium text-gray-500 font-semibold">No. Telp</label>
  52.                       </div>
  53.                       <div class="col-span-4 sm:col-span-2">
  54.                         <span class="text-gray-500">{{covernote.noTelpMitra}}</span>
  55.                       </div>
  56.                       <div class="col-span-4 sm:col-span-1">
  57.                         <label class="text-sm font-medium text-gray-500 font-semibold">Alamat</label>
  58.                       </div>
  59.                       <div class="col-span-4">
  60.                         <span class="text-gray-500">
  61.                           {{covernote.alamatMitra}}.
  62.                           Kecamatan {{parameter.kecamatan}}, Kabupaten {{parameter.kabupaten}}. {{parameter.provinsi}}
  63.                         </span>
  64.                       </div>
  65.                     </div>
  66.  
  67.                     <h3 class="text-lg font-medium leading-6 text-gray-900 mt-20">INFORMASI PROPOSAL</h3>
  68.                     <div class="grid grid-cols-8 sm:grid-cols-6 gap-6 mt-5">
  69.                       <div class="col-span-4 sm:col-span-1">
  70.                         <label class="text-sm font-medium text-gray-500 font-semibold">ID Proposal</label>
  71.                       </div>
  72.                       <div class="col-span-4 sm:col-span-2">
  73.                         <span class="text-gray-500">{{covernote.idProposal}}</span>
  74.                       </div>
  75.                       <div class="col-span-4 sm:col-span-1">
  76.                         <label class="text-sm font-medium text-gray-500 font-semibold">Tgl Terima</label>
  77.                       </div>
  78.                       <div class="col-span-4 sm:col-span-2">
  79.                         <span class="text-gray-500">{{covernote.tanggalTerima | slice: 0:10 | date: 'dd-MM-yyyy'}} {{covernote.tanggalTerima | slice:11:16 }}</span>
  80.                       </div>
  81.                       <div class="col-span-4 sm:col-span-1">
  82.                         <label class="text-sm font-medium text-gray-500 font-semibold">Jenis</label>
  83.                       </div>
  84.                       <div class="col-span-4 sm:col-span-2">
  85.                         <span class="text-gray-500">{{covernote.polaPembiayaan}} ({{covernote.jenisPinjaman}})</span>
  86.                       </div>
  87.                       <div class="col-span-4 sm:col-span-1">
  88.                         <label class="text-sm font-medium text-gray-500 font-semibold">Plafon</label>
  89.                       </div>
  90.                       <div class="col-span-4 sm:col-span-2">
  91.                         <span class="text-gray-500">{{covernote.plafond | currency:'INA':'Rp ':'1.0'}}</span>
  92.                       </div>
  93.                       <div class="col-span-4 sm:col-span-1">
  94.                         <label class="text-sm font-medium text-gray-500 font-semibold">Kegunaan</label>
  95.                       </div>
  96.                       <div class="col-span-4 sm:col-span-2">
  97.                         <span class="text-gray-500">{{covernote.kegunaan}}</span>
  98.                       </div>
  99.                     </div>
  100.  
  101.                     <!-- <h3 class="text-lg font-medium leading-6 text-gray-900 mt-20">SP3</h3>
  102.                    <div class="grid grid-cols-6 gap-6">
  103.                      <div class="col-span-6 sm:col-span-6 mt-5">
  104.                        <div class="overflow-x-auto">
  105.                            <table>
  106.                                <tr class="bg-gray-50 text-xs text-gray-800 border">
  107.                                  <th class="px-4 py-2 border">PENCAIRAN KE</th>
  108.                                  <th class="px-4 py-2 border">NILAI PENCAIRAN (Rp)</th>
  109.                                  <th class="px-4 py-2 border">TGL PENCAIRAN</th>
  110.                                </tr>
  111.                                <tbody class="bg-white divide-y divide-gray-200 text-center text-sm" *ngIf="isEmptySP3">
  112.                                  <tr>
  113.                                    <td class="px-4 py-2 border bg-white" colspan="3"> Tidak Ada Data SP3 </td>
  114.                                  </tr>
  115.                                </tbody>
  116.                                <tbody class="bg-white divide-y divide-gray-200" *ngIf="!isEmptySP3">
  117.                                  <tr class="text-center text-xs text-gray-500 border" *ngFor="let sp3 of covernote.listOopCoverNoteSp3">
  118.                                      <td class="px-4 py-2 border">{{sp3.pencairanKe}}</td>
  119.                                      <td class="px-2 py-2 border">
  120.                                        <div class="w-32">{{sp3.nilaiPencairan | currency:'INA':'Rp ':'1.0'}}</div>
  121.                                      </td>
  122.                                      <td class="px-4 py-2 border">
  123.                                        <div class="w-24">{{sp3.tanggalPencairan | slice: 0:10 | date: 'dd-MM-yyyy'}}</div>
  124.                                      </td>
  125.                                  </tr>
  126.                                </tbody>
  127.                            </table>
  128.                        </div>
  129.                      </div>
  130.  
  131.                    </div> -->
  132.  
  133.                     <h3 class="text-lg font-medium leading-6 text-gray-900 mt-20">Pengikatan Dokumen</h3>
  134.                     <div class="grid grid-cols-6 gap-6">
  135.                       <div class="col-span-6 sm:col-span-6 mt-5">
  136.                         <div class="overflow-x-auto">
  137.                             <table>
  138.                                 <tr class="bg-gray-50 text-xs text-gray-800 border">
  139.                                   <th class="px-4 py-2 border">No</th>
  140.                                   <th class="px-6 py-4 border"> Akta</th>
  141.                                   <th class="px-4 py-2 border">Nomor Akta </th>
  142.                                   <th class="px-4 py-2 border">Jenis Jaminan</th>
  143.                                   <th class="px-4 py-2 border">Detail</th>
  144.  
  145.                                  
  146.                                 </tr>
  147.                                 <!-- <tbody class="bg-white divide-y divide-gray-200 text-center text-sm" *ngIf="isEmptySP3">
  148.                                  <tr>
  149.                                    <td class="px-4 py-2 border bg-white" colspan="3"> Tidak Ada Data SP3 </td>
  150.                                  </tr>
  151.                                </tbody> -->
  152.                                 <tbody class="bg-white divide-y divide-gray-200" >
  153.                                   <tr class="text-center text-xs text-gray-500 border " *ngFor="let pengikatan of covernote.listOopCoverNotePengikatanAktaDokumen let i = index">
  154.                                    
  155.                                       <td class="px-4 py-2 border">{{i+1}}</td>
  156.                                      
  157.                                      <td class="px-6 py-4 border w-6/9">
  158.                                     <div class="block col-span-6 sm:col-span-6">
  159.                                       <input type="text" name="aktaDokumen-{{i}}" [(ngModel)]="pengikatan.aktaDokumen" autocomplete="off"
  160.                                      class="text-gray-700 mt-2 p-1 focus:outline-none focus:ring-2 focus:ring-blue-500
  161.                                      block w-full shadow-md sm:text-sm rounded-md disabled:opacity-50 disabled:cursor-not-allowed"
  162.                                      [disabled]="isDisabledInput">
  163.                                     </div>
  164.                                       </td>
  165.                                       <td class="px-2 py-2 border">          
  166.                                         <div class="block col-span-6 sm:col-span-3 flex" >
  167.                                           <input type="text" name="nomorAkta-{{i}}" [(ngModel)]="pengikatan.nomorAkta" autocomplete="off" class="text-gray-500 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"
  168.                                          [disabled]="isDisabledInput">
  169.  
  170.                                          
  171.                                         </div>
  172.                                       </td>
  173.  
  174.                                       <td class="px-2 py-2 border">          
  175.                                         <div class="block col-span-6 sm:col-span-3 flex" >
  176.                                           <input type="text" name="jenisJaminan-{{i}}" [(ngModel)]="pengikatan.jenisJaminan" autocomplete="off" class="text-gray-500 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"
  177.                                          [disabled]="isDisabledInput">
  178.                                         </div>
  179.                                       </td>
  180.  
  181.  
  182.                                       <td class="px-2 py-2 border">          
  183.                                         <div class="block col-span-6 sm:col-span-3 flex" >
  184.                                           <input type="text" name="detail-{{i}}" [(ngModel)]="pengikatan.detail" autocomplete="off" class="text-gray-500 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"
  185.                                          [disabled]="isDisabledInput">
  186.  
  187.                                           <svg (click)="addPengikatan()" class="cursor-pointer h-5 w-8 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.                                             <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" />
  189.                                           </svg>
  190.                                           <svg (click)="removePengikatan(i)"
  191.                                            class="cursor-pointer mr-2 h-5 w-8 flex justify-center items-center text-white text-red-500" xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24" stroke="currentColor">
  192.                                             <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"
  193.                                            />
  194.                                           </svg>
  195.                                         </div>
  196.                                       </td>
  197.                                      
  198.                                
  199.                                   </tr>
  200.  
  201.  
  202.                                 </tbody>
  203.                             </table>
  204.                         </div>
  205.                       </div>
  206.  
  207.                     </div>
  208.  
  209.                     <!-- <div class="grid grid-cols-6 gap-6">
  210.                      <div class="col-span-6 mt-20">
  211.                        <div class="flex items-center">
  212.                          <h3 class="text-lg font-medium leading-6 text-gray-900">JAMINAN</h3>
  213.                          <svg (click)="btnAddJaminan()" *ngIf="formInput === 'ADENDUM'" class="ml-3 h-5 w-5 text-white text-green-500 cursor-pointer" xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24" stroke="currentColor">
  214.                            <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" />
  215.                          </svg>
  216.                        </div>
  217.                      </div> -->
  218.  
  219.  
  220.                          <div class="grid grid-cols-6 gap-6">
  221.                       <div class="col-span-6 mt-20">
  222.                         <div class="flex items-center">
  223.                           <h3 class="text-lg font-medium leading-6 text-gray-900">JAMINAN</h3>
  224.                           <svg (click)="modalJaminanAll()"  class="ml-3 h-5 w-5 text-white text-green-500 cursor-pointer" xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24" stroke="currentColor">
  225.                             <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" />
  226.                           </svg>
  227.                         </div>
  228.                       </div>
  229.  
  230.  
  231.                       <!-- FORM JAMINAN ADENDUM -->
  232.                       <div class="col-span-6" *ngIf="showFormJaminan">
  233.                         <label class="block text-sm font-medium text-gray-500 font-semibold">Nama Jaminan</label>
  234.                         <input type="text" autocomplete="off" class="text-gray-500 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">
  235.                       </div>
  236.                       <div class="col-span-6" *ngIf="showFormJaminan">
  237.                         <label class="block text-sm font-medium text-gray-500 font-semibold">Keterangan Jaminan</label>
  238.                         <input type="text" autocomplete="off" class="text-gray-500 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">
  239.                       </div>
  240.                       <div class="col-span-6" *ngIf="showFormJaminan">
  241.                         <label class="block text-sm font-medium text-gray-500 font-semibold">Nilai Jaminan</label>
  242.                         <input type="number" autocomplete="off" class="text-gray-500 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">
  243.                       </div>
  244.                       <div class="col-span-6" *ngIf="showFormJaminan">
  245.                         <button type="submit" class="inline-flex mr-2 justify-center py-2 px-6 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-green-500 hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500">
  246.                             Upadte Jaminan
  247.                             <svg class="w-5 ml-2" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  248.                               <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" />
  249.                             </svg>
  250.                         </button>
  251.                       </div>
  252.                      
  253.                      
  254.  
  255.                       <div class="col-span-6">
  256.                         <div class="overflow-x-auto">
  257.                             <table>
  258.                                 <tr class="bg-gray-50 text-xs text-gray-800 border">
  259.                                   <th class="px-4 py-2 border">NO</th>
  260.                                   <th class="px-4 py-2 border">NAMA JAMINAN</th>
  261.                                   <th class="px-4 py-2 border">KETERANGAN JAMINAN</th>
  262.                                   <th class="px-4 py-2 border">NILAI JAMINAN (Rp)</th>
  263.                                   <th class="px-4 py-2 border" *ngIf="formInput === 'ADENDUM'">AKSI</th>
  264.                                 </tr>
  265.                                 <tbody class="bg-white divide-y divide-gray-200 text-center text-sm" *ngIf="isEmptyJaminan">
  266.                                   <tr>
  267.                                     <td class="px-4 py-2 border bg-white" colspan="4"> Tidak Ada Data Jaminan </td>
  268.                                   </tr>
  269.                                 </tbody>
  270.                                 <tbody class="bg-white divide-y divide-gray-200" *ngIf="!isEmptyJaminan">
  271.                                   <tr class="text-center text-xs text-gray-500 uppercase border" *ngFor="let jaminan of covernote.listOopCoverNoteJaminan; let i = index">
  272.                                     <td class="px-4 py-2 border">{{i+1}}</td>
  273.                                     <td class="px-4 py-2 border">{{jaminan.namaJaminan}}</td>
  274.                                     <td class="px-4 py-2 border">{{jaminan.keteranganJaminan}}</td>
  275.                                     <td class="px-2 py-2 border">
  276.                                       <div class="w-32">{{jaminan.nilaiJaminan | currency:'INA':'Rp ':'1.0'}}</div>
  277.                                     </td>
  278.                                     <td class="px-2 py-2 border" *ngIf="formInput === 'ADENDUM'">
  279.                                         <svg class="h-5 w-5 text-white text-red-500 ml-auto mr-auto" xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24" stroke="currentColor">
  280.                                           <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z" />
  281.                                         </svg>
  282.                                     </td>
  283.                                   </tr>
  284.                                 </tbody>
  285.                             </table>
  286.                         </div>
  287.                       </div>
  288.                     </div>
  289.                  
  290.  
  291.                 </div>
  292.             </div>
  293.             <div class="mt-5 md:mt-0 md:col-span-2">
  294.                 <div class="flex flex-row">
  295.                   <h3 class="text-lg font-medium leading-6 text-gray-900 mt-2 ml-2">FORM INPUT {{formInput}}</h3>
  296.                   <div class="ml-3 flex items-center justify-center">
  297.                     <!-- <div class="w-2 h-2 rounded-full bg-red-500 animate-pulse"></div>
  298.                    <div class="w-2 h-2 rounded-full bg-green-500 animate-pulse"></div>
  299.                    <div class="ml-2" *ngIf="isLog === 'true'">
  300.                      <h3 class="text-lg font-medium leading-6 text-gray-900 mt-2 ml-2">Logs Versi {{coverNote.versi}}</h3>
  301.                    </div> -->
  302.                   </div>
  303.                 </div>
  304.                
  305.                 <div class="shadow overflow-hidden sm:rounded-md">
  306.                     <div class="px-4 py-5 bg-white sm:p-6">
  307.                       <div class="grid grid-cols-6 gap-6">
  308.                          
  309.                               <div class="col-span-4 sm:col-span-1">
  310.                                 <label class="text-sm font-medium text-gray-500 font-semibold">ID Proposal</label>
  311.                               </div>
  312.                               <div class="col-span-4 sm:col-span-2">
  313.                                 <span class="text-gray-500">{{covernote.idProposal}}</span>
  314.                               </div>
  315.                               <div class="col-span-4 sm:col-span-1">
  316.                                 <label class="text-sm font-medium text-gray-500 font-semibold">Tgl Terima</label>
  317.                               </div>
  318.                               <div class="col-span-4 sm:col-span-2">
  319.                                 <span class="text-gray-500">{{covernote.tanggalTerima | slice: 0:10 | date: 'dd-MM-yyyy'}} {{covernote.tanggalTerima | slice:11:16 }}</span>
  320.                               </div>
  321.                               <div class="col-span-4 sm:col-span-1">
  322.                                 <label class="text-sm font-medium text-gray-500 font-semibold">Jenis</label>
  323.                               </div>
  324.                               <div class="col-span-4 sm:col-span-2">
  325.                                 <span class="text-gray-500">{{covernote.polaPembiayaan}} ({{covernote.jenisPinjaman}})</span>
  326.                               </div>
  327.                               <div class="col-span-4 sm:col-span-1">
  328.                                 <label class="text-sm font-medium text-gray-500 font-semibold">Plafon</label>
  329.                               </div>
  330.                               <div class="col-span-4 sm:col-span-2">
  331.                                 <span class="text-gray-500">{{covernote.plafond | currency:'INA':'Rp ':'1.0'}}</span>
  332.                               </div>
  333.                               <div class="col-span-4 sm:col-span-1">
  334.                                 <label class="text-sm font-medium text-gray-500 font-semibold">Kegunaan</label>
  335.                               </div>
  336.                               <div class="col-span-4 sm:col-span-2">
  337.                                 <span class="text-gray-500">{{covernote.kegunaan}}</span>
  338.                               </div>
  339.                          
  340.                           <div class="col-span-6 sm:col-span-3">
  341.                           </div>
  342.                           <div class="col-span-6 sm:col-span-3">
  343.                             <label class="block text-sm font-medium text-gray-500 font-semibold">Tanggal Covernote</label>
  344.                             <input type="date" name="tanggalCoverNote" [ngModel]="covernote.tanggalCoverNote  | date:'yyyy-MM-dd'" (change)="FormatTanggal1($event)"
  345.                            autocomplete="off" class="text-gray-500 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"
  346.                            [disabled]="isDisabledInput">
  347.                           </div>
  348.  
  349.                           <!-- <div class="col-span-6 sm:col-span-3">
  350.                            <label class="block text-sm font-medium text-gray-500 font-semibold">Cover Note</label>
  351.                            <select name="lamaPengikatan" [(ngModel)]="coverNote.jenisCoverNote" (change)="selectCoverNote($event)" autocomplete="off" class="text-gray-500 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"
  352.                            [disabled]="isDisabledInput">
  353.                                <option *ngFor="let selectCN of lstCoverNote" [value]="selectCN">{{selectCN}}</option>
  354.                            </select>
  355.                          </div> -->
  356.  
  357.                           <div class="col-span-6 sm:col-span-3">
  358.                             <label class="block text-sm font-medium text-gray-500 font-semibold">No Cover Note</label>
  359.                             <input type="text" name="noCoverNote" [(ngModel)]="covernote.noCoverNote" autocomplete="off" class="text-gray-500 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"
  360.                            [disabled]="isDisabledInput">
  361.                           </div>
  362.  
  363.                           <div class="col-span-6 sm:col-span-3">
  364.                             <label class="block text-sm font-medium text-gray-500 font-semibold">Perihal</label>
  365.                             <input type="text" name="perihal" [(ngModel)]="covernote.perihal" autocomplete="off" class="text-gray-500 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"
  366.                            [disabled]="isDisabledInput">
  367.                           </div>
  368.  
  369.                           <div class="col-span-6 sm:col-span-3">
  370.                             <label class="block text-sm font-medium text-gray-500 font-semibold">Nama Perusahaan Notaris</label>
  371.                             <input type="text" name="namaPerusahaanNotaris" [(ngModel)]="covernote.namaPerusahaanNotaris" autocomplete="off" class="text-gray-500 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"
  372.                            [disabled]="isDisabledInput">
  373.                           </div>
  374.          
  375.                           <div class="col-span-6 sm:col-span-3">
  376.                             <label class="block text-sm font-medium text-gray-500 font-semibold">No. Telp Kantor</label>
  377.                             <input type="text" name="noTelpKantor" [(ngModel)]="covernote.noTelpKantor" maxlength="13" autocomplete="off" class="text-gray-500 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"
  378.                            [disabled]="isDisabledInput">
  379.                           </div>
  380.                          
  381.                           <div class="col-span-6">
  382.                             <label class="block text-sm font-medium text-gray-500 font-semibold">Alamat Perusahaan Notaris</label>
  383.                             <textarea rows="3" name="alamatPerusahaanNotaris" [(ngModel)]="covernote.alamatPerusahaanNotaris" autocomplete="off" class="text-gray-500 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"
  384.                            [disabled]="isDisabledInput"></textarea>
  385.                           </div>
  386.  
  387.                           <div class="col-span-6 sm:col-span-3">
  388.                             <label class="block text-sm font-medium text-gray-500 font-semibold">Nama Notaris</label>
  389.                             <input type="text" name="namaNotaris" [(ngModel)]="covernote.namaNotaris" autocomplete="off" class="text-gray-500 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"
  390.                            [disabled]="isDisabledInput">
  391.                           </div>
  392.          
  393.                           <div class="col-span-6 sm:col-span-3">
  394.                             <label class="block text-sm font-medium text-gray-500 font-semibold">No. Telp Notaris</label>
  395.                             <input type="text" name="noTelpNotaris" [(ngModel)]="covernote.noTelpNotaris" maxlength="13" autocomplete="off" class="text-gray-500 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"
  396.                            [disabled]="isDisabledInput">
  397.                           </div>
  398.  
  399.                           <div class="col-span-6">
  400.                             <label class="block text-sm font-medium text-gray-500 font-semibold">Alamat Notaris</label>
  401.                             <textarea rows="3" name="alamatNotaris" [(ngModel)]="covernote.alamatNotaris" autocomplete="off" class="text-gray-500 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"
  402.                            [disabled]="isDisabledInput"></textarea>
  403.                           </div>
  404.  
  405.                       </div>
  406.  
  407.                       <!-- REKANAN -->
  408.                       <div class="grid grid-cols-6 gap-6 sm:mt-5" *ngFor="let modelrekanan of covernote.listOopCoverNoteRekanan;let i = index;">
  409.                         <div class="col-span-6 flex">
  410.                           <svg (click)="addRekanan()" 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">
  411.                             <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" />
  412.                           </svg>
  413.                           <svg (click)="removeRekanan(i)" class="cursor-pointer mr-2 h-5 w-5 flex justify-center items-center text-white text-red-500" xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24" stroke="currentColor">
  414.                             <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" />
  415.                           </svg>
  416.                           <label class="block text-sm font-medium text-gray-500 font-semibold flex">Rekanan {{i+1}}</label>
  417.                           <svg id="svgRotate{{i}}" (click)="showHideRekanan(i, $event)" 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">
  418.                             <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" />
  419.                           </svg>
  420.                         </div>
  421.                         <div class="hidden sm:block sm:col-span-6" aria-hidden="true">
  422.                           <div class="w-screen">
  423.                             <div class="border-t border-gray-200"></div>
  424.                           </div>
  425.                         </div>
  426.  
  427.                         <div class="block col-span-6 sm:col-span-3 idrekanan{{i}}">
  428.                           <label class="block text-sm font-medium text-gray-500 font-semibold">Nama Notaris Rekanan</label>
  429.                           <input type="text" name="namaNotarisRekanan" [(ngModel)]="modelrekanan.namaNotarisRekanan" autocomplete="off" class="text-gray-500 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"
  430.                          [disabled]="isDisabledInput">
  431.                         </div>
  432.                    
  433.                         <div class="block col-span-6 sm:col-span-3 idrekanan{{i}}">
  434.                           <label class="block text-sm font-medium text-gray-500 font-semibold">No. Telp Notaris Rekanan</label>
  435.                           <input type="text" name="noTelpNotarisRekanan" [(ngModel)]="modelrekanan.noTelpNotarisRekanan" maxlength="13" autocomplete="off" class="text-gray-500 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"
  436.                          [disabled]="isDisabledInput">
  437.                         </div>
  438.                        
  439.                         <div class="block col-span-6 idrekanan{{i}}">
  440.                           <label class="block text-sm font-medium text-gray-500 font-semibold">Alamat Notaris Rekanan</label>
  441.                           <textarea rows="3" name="alamatNotarisRekanan" [(ngModel)]="modelrekanan.alamatNotarisRekanan" autocomplete="off"
  442.                          class="text-gray-500 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"
  443.                          [disabled]="isDisabledInput"></textarea>
  444.                         </div>
  445.                       </div>
  446.  
  447.                       <!-- LAMA PENGIKATAN DST.... -->
  448.                       <div class="grid grid-cols-6 gap-6 sm:mt-5">
  449.                         <div class="col-span-6 sm:col-span-3 " >
  450.                           <label class="block text-sm font-medium text-gray-500 font-semibold">Lama penyelesaian (Bln)</label>
  451.                           <input type="number" name="lamaPengikatan" [(ngModel)]="covernote.lamaPengikatan" maxlength="3" autocomplete="off" class="text-gray-500 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"
  452.                          [disabled]="isDisabledInput" (keyup)="autoTglJatuhTempo()">
  453.                         </div>
  454.                         <div class="col-span-6 sm:col-span-3"></div>
  455.        
  456.                         <div class="col-span-6 sm:col-span-3">
  457.                           <label class="block text-sm font-medium text-gray-500 font-semibold">Jumlah Jaminan</label>
  458.                           <input type="number" name="jumlahJaminan" [(ngModel)]="covernote.jumlahJaminan" autocomplete="off" class="text-gray-500 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"
  459.                          disabled>
  460.                         </div>
  461.        
  462.                         <div class="col-span-6 sm:col-span-3">
  463.                           <label class="block text-sm font-medium text-gray-500 font-semibold">Tgl Jatuh Tempo</label>
  464.                           <input type="date" name="tanggalJatuhTempo" [ngModel]="covernote.tanggalJatuhTempo | date:'yyyy-MM-dd'"
  465.                          autocomplete="off" class="text-gray-500 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"
  466.                          >
  467.                         </div>
  468.  
  469.                         <div class="col-span-6 sm:col-span-6">
  470.                           <label class="block text-sm font-medium text-gray-500 font-semibold">Coverote</label>
  471.  
  472.                           <div class="flex items-center bg-blue-400 border-l-2 border-blue-500 py-2 px-3 shadow-md mb-2 animate-pulse" *ngIf="isToastUpload">
  473.                             <div class="text-blue-500 rounded-full bg-white mr-3">
  474.                               <svg class="w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  475.                                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
  476.                               </svg>
  477.                             </div>
  478.                             <div class="text-white max-w-xs ">
  479.                               Proses Upload {{barWidth}} %
  480.                             </div>
  481.                           </div>
  482.  
  483.                         </div>
  484.                         <div class="col-span-6 sm:col-span-6">
  485.                           <div class="flex sm:space-x-4">
  486.                             <label class="block text-xs font-semibold text-gray-700 p-1 sm:px-4 sm:py-2 rounded-lg bg-red-100" *ngIf="covernote.idUploadCovernote === null">Belum Terlampir</label>
  487.                             <label class="block text-xs font-semibold text-gray-700 p-1 sm:px-4 sm:py-2 rounded-lg bg-green-100" *ngIf="covernote.idUploadCovernote !== null">Terlampir</label>
  488.  
  489.                             <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"
  490.                            [ngClass]="{'opacity-50 cursor-not-allowed': isDisabledInput}">
  491.                               <svg class="w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  492.                                 <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" />
  493.                               </svg>
  494.                               <input id="idFile" type="file" (change)="uploadFile($event)" enctype="multipart/form-data" name="idUploadCovernote" class="hidden"
  495.                              [disabled]="isDisabledInput"/>
  496.                             </label>
  497.  
  498.                             <button (click)="viewFile()" 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"
  499.                            [disabled]="covernote.idUploadCovernote === null">
  500.                               <svg class="w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  501.                                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
  502.                                 <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" />
  503.                               </svg>
  504.                             </button>
  505.                             <button (click)="downloadFile()" 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"
  506.                            [disabled]="covernote.idUploadCovernote === null">
  507.                               <svg class="w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  508.                                 <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" />
  509.                               </svg>
  510.                             </button>
  511.                           </div>
  512.                         </div>
  513.                       </div>
  514.  
  515.                     </div>
  516.                     <div class="px-4 py-3 bg-gray-50 text-right sm:px-6 mt-5" >
  517.                       <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"
  518.                      [disabled]="isDisabledSave">
  519.                           Logs
  520.                           <svg class="w-5 ml-2" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  521.                             <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" />
  522.                           </svg>
  523.                       </button>
  524.  
  525.                       <button (click)="btnSave()" type="submit" class="inline-flex mr-2 justify-center py-2 px-6 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-green-500 hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 disabled:opacity-50 disabled:cursor-not-allowed"
  526.                      [disabled]="isDisabledSave" *ngIf="!isDisabledInput">
  527.                           Simpan
  528.                           <svg class="w-5 ml-2" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  529.                             <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" />
  530.                           </svg>
  531.                       </button>
  532.  
  533.                       <!-- <button (click)="modalSubmit(coverNote)" class="inline-flex 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-blue-500 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 disabled:opacity-50 disabled:cursor-not-allowed"
  534.                      [disabled]="isDisabledSave" *ngIf="!isDisabledInput">
  535.                          Submit
  536.                          <svg class="w-5 ml-2" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  537.                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 19l9 2-9-18-9 18 9-2zm0 0v-8" />
  538.                          </svg>
  539.                      </button> -->
  540.                     </div>
  541.                 </div>
  542.  
  543.             </div>
  544.           </div>
  545.       </div>
  546.  
  547.  
  548.       <form action="#" method="POST">
  549.    
  550.           <div class="shadow overflow-hidden sm:rounded-md"  *ngFor="let modelrekanan of covernote.listOopCoverNoteRekanan;let i = index;">
  551.            
  552.             <div class="px-4 py-5 bg-white sm:p-6">
  553.               <div class="grid grid-cols-6 gap-6">
  554.                   <div class="col-span-6 flex block grid">
  555.                       <!-- <label class="block text-sm font-medium text-gray-500 font-semibold flex uppercase">DATA PERUSAHAAN PENJAMIN</label> -->
  556.                         <h4 class="text-2xl font-semibold leading-tight">Form Input Utama</h4>
  557.                   </div>
  558.                   <div class="col-span-6 sm:col-span-3">
  559.                       <label for="first_name" class="block text-sm font-medium text-gray-700">No Cover Note</label>
  560.                       <input type="text" name="noCoverNote" class="border rounded h-10 w-full
  561.                      block w-full focus:outline-none focus:border-blue-500 px-2 mt-2 text-sm disabled:cursor-not-allowed"
  562.                      placeholder="Nama Notaris Rekanan"
  563.                      [disabled]="isDisabledInput" [(ngModel)]="covernote.noCoverNote">
  564.                     </div>
  565.        
  566.                     <div class="col-span-6 block sm:col-span-3">
  567.                       <label for="last_name" class="block text-sm font-medium text-gray-700">
  568.                           Tanggal Covernote</label>
  569.                       <input type="date" name="tanggalCoverNote" class="border rounded h-10 w-full focus:outline-none focus:border-blue-500 px-2 mt-2 text-sm"
  570.                      [disabled]="isDisabledInput" [ngModel]="covernote.tanggalCoverNote  | date:'yyyy-MM-dd'" (change)="FormatTanggal1($event)" >
  571.                     </div>
  572.  
  573.                     <div class="col-span-6 sm:col-span-6 block">
  574.                         <label for="email_address" class="block text-sm font-medium text-gray-700">Perihal</label>
  575.                         <!-- <textarea rows="2" name="alamatPenerimaJaminan" autocomplete="off" class="border rounded h-50 w-full focus:outline-none focus:border-blue-500 px-2 mt-2 text-sm"
  576.                        [disabled]="isDisabledInput" [(ngModel)]="perusahaanpj.alamatPenerimaJaminan"></textarea> -->
  577.          
  578.                         <textarea  name="perihal"class="w-full min-h-[100px] max-h-[300px]
  579.                        h-28 appearance-none block w-full bg-grey-lighter text-grey-darker border border-grey-lighter
  580.                        rounded-lg  py-4 px-4"
  581.                        placeholder="Perihal"
  582.                        [disabled]="isDisabledInput" [(ngModel)]="covernote.perihal"></textarea>
  583.                       </div>
  584.  
  585.                       <div class="col-span-6 sm:col-span-3">
  586.                           <label for="first_name" class="block text-sm font-medium text-gray-700">Nama Perusahaan Notaris</label>
  587.                           <input type="text" name="namaPerusahaanNotaris" class="border rounded h-10 w-full
  588.                          block w-full focus:outline-none focus:border-blue-500 px-2 mt-2 text-sm disabled:cursor-not-allowed"
  589.                          placeholder="Nama Perusahaan Notaris"
  590.                          [disabled]="isDisabledInput" [(ngModel)]="covernote.namaPerusahaanNotaris">
  591.                         </div>
  592.  
  593.                         <div class="col-span-6 sm:col-span-3">
  594.                             <label for="first_name" class="block text-sm font-medium text-gray-700">No. Telp Kantor</label>
  595.                             <input type="text" name="noTelpKantor" class="border rounded h-10 w-full
  596.                            block w-full focus:outline-none focus:border-blue-500 px-2 mt-2 text-sm disabled:cursor-not-allowed"
  597.                            placeholder="No. Telp Kantor"
  598.                            [disabled]="isDisabledInput" [(ngModel)]="covernote.noTelpKantor">
  599.                           </div>
  600.  
  601.  
  602.                         <div class="col-span-6 sm:col-span-6 block">
  603.                             <label for="email_address" class="block text-sm font-medium text-gray-700">Alamat Perusahaan</label>
  604.                             <textarea  name="alamatPerusahaanNotaris"class="w-full min-h-[100px] max-h-[300px]
  605.                            h-28 appearance-none block w-full bg-grey-lighter text-grey-darker border border-grey-lighter
  606.                            rounded-lg  py-4 px-4"
  607.                            placeholder="Alamat Perusahaan"
  608.                            [disabled]="isDisabledInput" [(ngModel)]="covernote.alamatPerusahaanNotaris"></textarea>
  609.                           </div>
  610.  
  611.  
  612.                           <div class="col-span-6 sm:col-span-3">
  613.                               <label for="first_name" class="block text-sm font-medium text-gray-700">Nama Notaris</label>
  614.                               <input type="text" name="namaNotaris" class="border rounded h-10 w-full
  615.                              block w-full focus:outline-none focus:border-blue-500 px-2 mt-2 text-sm disabled:cursor-not-allowed"
  616.                              placeholder="Nama Notaris"
  617.                              [disabled]="isDisabledInput" [(ngModel)]="covernote.namaNotaris">
  618.                             </div>
  619.    
  620.                             <div class="col-span-6 sm:col-span-3">
  621.                                 <label for="first_name" class="block text-sm font-medium text-gray-700">No. Telp Notaris</label>
  622.                                 <input type="text" name="noTelpNotaris" class="border rounded h-10 w-full
  623.                                block w-full focus:outline-none focus:border-blue-500 px-2 mt-2 text-sm disabled:cursor-not-allowed"
  624.                                placeholder="No. Telp Notaris"
  625.                                [disabled]="isDisabledInput" [(ngModel)]="covernote.noTelpNotaris">
  626.                               </div>
  627.    
  628.    
  629.                             <div class="col-span-6 sm:col-span-6 block">
  630.                                 <label for="email_address" class="block text-sm font-medium text-gray-700">Alamat Notaris</label>
  631.                                 <textarea  name="alamatNotaris" class="w-full min-h-[100px] max-h-[300px]
  632.                                h-28 appearance-none block w-full bg-grey-lighter text-grey-darker border border-grey-lighter
  633.                                rounded-lg  py-4 px-4"
  634.                                placeholder="Alamat Notaris"
  635.                                [disabled]="isDisabledInput" [(ngModel)]="covernote.alamatNotaris"></textarea>
  636.                               </div>
  637.    
  638.  
  639.                              
  640.  
  641.  
  642.  
  643.  
  644.                   <div class="col-span-6 flex ">
  645.                       <svg (click)="addRekanan()" 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">
  646.                         <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" />
  647.                       </svg>
  648.                       <svg (click)="removeRekanan(i)" class="cursor-pointer mr-2 h-5 w-5 flex justify-center items-center text-white text-red-500" xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24" stroke="currentColor">
  649.                         <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" />
  650.                       </svg>
  651.                       <h4 class="text-2xl font-semibold leading-tight">Rekanan {{i+1}}</h4>
  652.                       <svg id="svgRotate{{i}}" (click)="showHideRekanan(i, $event)" 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">
  653.                         <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" />
  654.                       </svg>
  655.                     </div>
  656.                
  657.                     <div class="hidden sm:block sm:col-span-6" aria-hidden="true">
  658.                         <div class="w-screen">
  659.                           <div class="border-t border-gray-200"></div>
  660.                         </div>
  661.                       </div>
  662.  
  663.                   <!-- <div class="col-span-6 sm:col-span-6 lg:col-span-2">
  664.                      <label for="city" class="block text-sm font-semibold text-gray-700">Kode Jenis Jaminan</label>
  665.                      KPP
  666.                    </div>
  667.      
  668.                    <div class="col-span-6 sm:col-span-3 lg:col-span-2">
  669.                      <label for="state" class="block text-sm font-semibold text-gray-700">Nama Jaminan</label>
  670.                      {{perusahaanPenjamin.namaJaminan}}
  671.                    </div>
  672.      
  673.                    <div class="col-span-6 sm:col-span-3 lg:col-span-2">
  674.                      <label for="postal_code" class="block text-sm font-semibold text-gray-700">No. Covernote</label>
  675.                      {{perusahaanPenjamin.nomorCoverNote}}
  676.                    </div> -->
  677.            
  678.              
  679.                 <div class="col-span-6 sm:col-span-3 block idrekanan{{i}}">
  680.                   <label for="first_name" class="block text-sm font-medium text-gray-700">Nama Notaris Rekanan</label>
  681.                   <input type="text" name="namaNotarisRekanan" class="border rounded h-10 w-full
  682.                  block w-full focus:outline-none focus:border-blue-500 px-2 mt-2 text-sm disabled:cursor-not-allowed"
  683.                  placeholder="Nama Notaris Rekanan"
  684.                  [disabled]="isDisabledInput" [(ngModel)]="modelrekanan.namaNotarisRekanan">
  685.                 </div>
  686.    
  687.                 <div class="col-span-6 block sm:col-span-3 idrekanan{{i}}">
  688.                   <label for="last_name" class="block text-sm font-medium text-gray-700">
  689.                       No. Telp Notaris Rekanan</label>
  690.                   <input type="text" name="noTelpNotarisRekanan" class="border rounded h-10 w-full focus:outline-none focus:border-blue-500 px-2 mt-2 text-sm" placeholder="021-1000000"
  691.                  [disabled]="isDisabledInput" [(ngModel)]="modelrekanan.noTelpNotarisRekanan">
  692.                    
  693.                 </div>
  694.  
  695.                 <div class="col-span-6 sm:col-span-6 block idrekanan{{i}}">
  696.                     <label for="email_address" class="block text-sm font-medium text-gray-700">Alamat Notaris Rekanan</label>
  697.                     <!-- <textarea rows="2" name="alamatPenerimaJaminan" autocomplete="off" class="border rounded h-50 w-full focus:outline-none focus:border-blue-500 px-2 mt-2 text-sm"
  698.                    [disabled]="isDisabledInput" [(ngModel)]="perusahaanpj.alamatPenerimaJaminan"></textarea> -->
  699.      
  700.                     <textarea  name="alamatNotarisRekanan"class="w-full min-h-[100px] max-h-[300px]
  701.                    h-28 appearance-none block w-full bg-grey-lighter text-grey-darker border border-grey-lighter
  702.                    rounded-lg  py-4 px-4"
  703.                    placeholder="Alamat Notaris Rekanan"
  704.                    [disabled]="isDisabledInput" [(ngModel)]="modelrekanan.alamatNotarisRekanan"></textarea>
  705.                   </div>
  706.      
  707.                   <div class="col-span-6 sm:col-span-6 block lg:col-span-2 idrekanan{{i}}">
  708.                       <label for="city" class="block text-sm font-medium text-gray-700">Lama penyelesaian (Bln)</label>
  709.                       <input type="text" name="city" id="city" class="border rounded h-10 w-full focus:outline-none focus:border-blue-500 px-2 mt-2 text-sm" placeholder="Lama penyelesaian">
  710.                     </div>
  711.      
  712.                     <div class="col-span-6 sm:col-span-3 block lg:col-span-2 idrekanan{{i}}">
  713.                       <label for="state" class="block text-sm font-medium text-gray-700">Jumlah Jaminan</label>
  714.                       <input type="text" name="state" id="state" class="border rounded h-10 w-full focus:outline-none focus:border-blue-500 px-2 mt-2 text-sm" placeholder="Jumlah Jaminan">
  715.                     </div>
  716.      
  717.                     <div class="col-span-6 sm:col-span-3 block lg:col-span-2 idrekanan{{i}}">
  718.                       <label for="postal_code" class="block text-sm font-medium text-gray-700">Tgl Jatuh Tempo</label>
  719.                       <input type="date" name="tanggalJatuhTempo" [ngModel]="covernote.tanggalJatuhTempo | date:'yyyy-MM-dd'"
  720.                      autocomplete="off"
  721.                      class="border rounded h-10 w-full focus:outline-none focus:border-blue-500 px-2 mt-2 text-sm" >
  722.                     </div>
  723.  
  724.                
  725.                 <div class="col-span-6 sm:col-span-6 block grid idrekanan{{i}}">
  726.                     <label class="block text-sm font-medium text-gray-500 font-semibold">Unggah Covernote</label>
  727.    
  728.      
  729.    
  730.                   </div>  
  731.                   <div class="col-span-6 sm:col-span-6 block idrekanan{{i}}">
  732.                       <div class="mt-1 flex justify-center px-6 pt-5 pb-6 border-2 border-gray-300 border-dashed rounded-md">
  733.                           <div class="space-y-1 text-center">
  734.                             <svg class="mx-auto h-12 w-12 text-gray-400" stroke="currentColor" fill="none" viewBox="0 0 48 48" aria-hidden="true">
  735.                               <path d="M28 8H12a4 4 0 00-4 4v20m32-12v8m0 0v8a4 4 0 01-4 4H12a4 4 0 01-4-4v-4m32-4l-3.172-3.172a4 4 0 00-5.656 0L28 28M8 32l9.172-9.172a4 4 0 015.656 0L28 28m0 0l4 4m4-24h8m-4-4v8m-12 4h.02" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
  736.                             </svg>
  737.                             <div class="flex items-center bg-blue-400 border-l-2 border-blue-500 py-2 px-3 shadow-md mb-2 animate-pulse" *ngIf="isToastUpload">
  738.                                 <div class="text-blue-500 rounded-full bg-white mr-3">
  739.                                   <svg class="w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  740.                                     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
  741.                                   </svg>
  742.                                 </div>
  743.                                 <div class="text-white max-w-xs mt-1 ">
  744.                                   Proses Upload {{barWidth}} %
  745.                                 </div>
  746.                               </div>
  747.                              
  748.                             <div class="flex text-sm text-gray-600">
  749.                               <label for="file-upload" class="relative cursor-pointer bg-white rounded-md font-medium text-indigo-600 hover:text-indigo-500 focus-within:outline-none focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-indigo-500">
  750.                                 <span>Upload a file</span>
  751.                                 <!-- <input id="file-upload" name="file-upload" type="file" class="sr-only"> -->
  752.                                 <input id="file-upload"  type="file"
  753.                                (change)="uploadFile($event)" enctype="multipart/form-data" name="idUploadCovernote" class="hidden"  enctype="multipart/form-data" name="idUploadCovernote"
  754.                                 >
  755.                               </label>
  756.                               <p class="pl-1">or drag and drop</p>
  757.                             </div>
  758.                             <p class="text-xs text-gray-500">
  759.                               PNG, JPG, PDF
  760.    
  761.                               <button (click)="viewFile()" class="mr-2 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"
  762.                              [disabled]="covernote.idUploadCovernote === ''">
  763.                                 <svg class="w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  764.                                   <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
  765.                                   <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" />
  766.                                 </svg>
  767.                               </button>
  768.            
  769.                               <button (click)="downloadFile()" 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"
  770.                              [disabled]="covernote.idUploadCovernote === ''">
  771.                                 <svg class="w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  772.                                   <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" />
  773.                                 </svg>
  774.                               </button>
  775.    
  776.                            
  777.                             </p>
  778.                              <br>
  779.                             <label class="block text-xs font-semibold text-gray-700 p-1 sm:px-4 sm:py-2 rounded-lg bg-red-100" *ngIf="covernote.idUploadCovernote === '' || null ">Belum Terlampir</label>
  780.                             <label class="block text-xs font-semibold text-gray-700 p-1 sm:px-4 sm:py-2 rounded-lg bg-green-100" *ngIf="covernote.idUploadCovernote!== ''">Terlampir</label>
  781.                           </div>
  782.                         </div>
  783.                   </div>
  784.    
  785.        
  786.               </div>
  787.             </div>
  788.    
  789.             <div class="px-4 py-3 bg-gray-50 text-right sm:px-6 mt-5" >
  790.                 <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"
  791.                [disabled]="isDisabledSave">
  792.                     Logs
  793.                     <svg class="w-5 ml-2" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  794.                       <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" />
  795.                     </svg>
  796.                 </button>
  797.  
  798.                 <button (click)="btnSave()" type="submit" class="inline-flex mr-2 justify-center py-2 px-6 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-green-500 hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 disabled:opacity-50 disabled:cursor-not-allowed"
  799.                [disabled]="isDisabledSave" *ngIf="!isDisabledInput">
  800.                     Simpan
  801.                     <svg class="w-5 ml-2" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  802.                       <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" />
  803.                     </svg>
  804.                 </button>
  805.  
  806.                 <!-- <button (click)="modalSubmit(coverNote)" class="inline-flex 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-blue-500 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 disabled:opacity-50 disabled:cursor-not-allowed"
  807.                [disabled]="isDisabledSave" *ngIf="!isDisabledInput">
  808.                    Submit
  809.                    <svg class="w-5 ml-2" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  810.                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 19l9 2-9-18-9 18 9-2zm0 0v-8" />
  811.                    </svg>
  812.                </button> -->
  813.               </div>
  814.            
  815.           </div>
  816.        </form>
  817.  
  818.   </div>
  819.  
  820. </div>
  821.  
  822. <!-- SEMUA TOAST NNTI DI JADIKAN GLOBAL -->
  823. <div class="fixed right-0 top-0 m-5 z-10" *ngIf="isToastSukses || isToastGagal">
  824. <!-- Toast Notification Success-->
  825. <div class="flex items-center bg-green-500 border-l-4 border-green-700 py-2 px-3 shadow-md mb-2 animate-pulse" *ngIf="isToastSukses">
  826.   <div class="text-green-500 rounded-full bg-white mr-3">
  827.     <svg class="w-8" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  828.       <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
  829.     </svg>
  830.   </div>
  831.   <div class="text-white max-w-xs ">
  832.     Data Berhasil Disimpan
  833.   </div>
  834. </div>
  835.  
  836.   <!-- Toast Notification Danger -->
  837.   <div class="flex items-center bg-red-500 border-l-4 border-red-700 py-2 px-3 shadow-md mb-2 animate-pulse" *ngIf="isToastGagal">
  838.     <div class="text-red-500 rounded-full bg-white mr-3">
  839.       <svg class="w-8" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  840.         <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z" />
  841.       </svg>
  842.     </div>
  843.     <div class="text-white max-w-xs ">
  844.       {{pesanError}}
  845.     </div>
  846.   </div>
  847. </div>
  848.  
  849.  
  850. <!-- MODAL LOSG -->
  851. <div id="myModal" class="modal">
  852.  
  853. <div class="modal-content">
  854.   <div class="flex flex-row justify-between items-center">
  855.     <p class="text-xl">Logs Cover Note</p>
  856.     <span class="close" style="color: red;" (click)="modalClose()">&times;</span>
  857.   </div>
  858.   <hr class="border border-collapse mb-10">
  859.  
  860.   <div class="flex justify-center p-2 bg-yellow-100" *ngIf="isEmptyLogs">
  861.     Belum Ada Data
  862.   </div>
  863.  
  864.   <div>
  865.   <!-- <div *ngIf="coverNote.listOopCoverNoteViewLogs != null"> -->
  866.     <!-- <div class="flex justify-between m-4 pt-5">
  867.      <div class="inline">
  868.        <label>showing </label>
  869.        <select class="h-full py-0 pl-2 pr-7 border-transparent bg-transparent text-gray-500 sm:text-sm rounded-md focus:outline-none focus:border-transparent shadow" (change)="showing($event)">
  870.          <option value="10">10</option>
  871.          <option value="25">25</option>
  872.        </select>
  873.      </div>
  874.      <div class="inline">
  875.        <label>Search </label>
  876.        <input class="appearance-none border border-transparent py-1 px-3 bg-white text-gray-700 placeholder-gray-400 shadow rounded-lg text-base focus:outline-none focus:ring-2 focus:ring-purple-600 focus:border-transparent"
  877.        type="text" placeholder="Cari Berdasarkan Nama ..." (keyup)="search($event)" value="">
  878.      </div>
  879.    </div> -->
  880.  
  881.     <div class="flex flex-col" *ngIf="!isEmptyLogs">
  882.       <div class="-my-2 overflow-x-auto sm:-mx-3">
  883.         <div class="py-2 align-middle inline-block min-w-full sm:px-5 lg:px-8">
  884.           <div class="shadow overflow-hidden border-b border-gray-200 sm:rounded-lg">
  885.             <table class="min-w-full divide-y divide-gray-200">
  886.               <thead class="bg-gray-50">
  887.                 <tr class="text-center">
  888.                   <th scope="col" class="px-6 py-3 text-xs font-medium text-gray-500 uppercase tracking-wider">
  889.                     no
  890.                   </th>
  891.                   <th scope="col" class="px-6 py-3 text-xs font-medium text-gray-500 uppercase tracking-wider">
  892.                     tanggal perubahan
  893.                   </th>
  894.                   <th scope="col" class="px-6 py-3 text-xs font-medium text-gray-500 uppercase tracking-wider">
  895.                     eksekutor
  896.                   </th>
  897.                   <th scope="col" class="px-6 py-3 text-xs font-medium text-gray-500 uppercase tracking-wider">
  898.                     pic
  899.                   </th>
  900.                   <th scope="col" class="px-6 py-3 text-xs font-medium text-gray-500 uppercase tracking-wider">
  901.                     versi
  902.                   </th>
  903.                   <th scope="col" class="px-6 py-3 text-xs font-medium text-gray-500 uppercase tracking-wider">
  904.                     aksi
  905.                   </th>
  906.                 </tr>
  907.               </thead>
  908.               <tbody class="bg-white divide-y divide-gray-200">
  909.                 <tr class="text-center" *ngFor="let listOopCoverNoteViewLogs of covernote.listOopCoverNoteViewLogs; let i = index">
  910.                   <td class="px-6 py-4 whitespace-nowrap">
  911.                     <div class="text-sm text-gray-500">{{i+1}}</div>
  912.                   </td>
  913.                   <td class="px-6 py-4 whitespace-nowrap">
  914.                     <div class="text-sm text-gray-500">{{listOopCoverNoteViewLogs.tanggal | date: 'dd-MM-yyyy' | slice:0:10}}</div>
  915.                   </td>
  916.                   <td class="px-6 py-4 whitespace-nowrap">
  917.                     <div class="text-sm text-gray-500">{{listOopCoverNoteViewLogs.eksekutorNama}}</div>
  918.                   </td>
  919.                   <td class="px-6 py-4 whitespace-nowrap">
  920.                     <div class="text-sm text-gray-500">{{listOopCoverNoteViewLogs.picNama}}</div>
  921.                   </td>
  922.                   <td class="px-6 py-4 whitespace-nowrap">
  923.                     <div class="text-sm text-gray-500">{{listOopCoverNoteViewLogs.versi}}</div>
  924.                   </td>
  925.                   <td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
  926.                     <div class="flex flex-row space-x-2 items-center justify-center">
  927.                       <button class="p-1 bg-yellow-500 rounded-md text-white hover:bg-yellow-300"
  928.                      (click)="openDetailLogs(listOopCoverNoteViewLogs)">
  929.                         <svg class="w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  930.                           <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
  931.                           <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" />
  932.                         </svg>
  933.                       </button>
  934.                     </div>
  935.                   </td>
  936.                 </tr>
  937.               </tbody>
  938.             </table>
  939.           </div>
  940.         </div>
  941.       </div>
  942.     </div>
  943.  
  944.     <!-- <div class="px-4 py-3 flex items-center justify-between border-t border-gray-200 sm:px-6">
  945.      <div class="flex-1 flex justify-between sm:hidden">
  946.        <a href="#" class="relative inline-flex items-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md text-gray-700 bg-white hover:text-gray-500">
  947.          Previous
  948.        </a>
  949.        <a href="#" class="ml-3 relative inline-flex items-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md text-gray-700 bg-white hover:text-gray-500">
  950.          Next
  951.        </a>
  952.      </div>
  953.      <div class="hidden sm:flex-1 sm:flex sm:items-center sm:justify-between">
  954.        <div>
  955.          <p class="text-sm text-gray-700">
  956.            data keseluruhan <span class="font-medium">{{alllength}}</span>
  957.          </p>
  958.        </div>
  959.        <div>
  960.          <nav class="relative z-0 inline-flex shadow-sm -space-x-px" aria-label="Pagination">
  961.            <div *ngFor="let page of numberOfPage(alllength); let j = index">
  962.              <a class="relative inline-flex items-center px-4 py-2 border border-gray-300 bg-white text-sm font-medium text-gray-700 hover:bg-gray-50"
  963.              (click)="goToPage(j)">{{j+1}}</a>
  964.            </div>
  965.          </nav>
  966.        </div>
  967.      </div>
  968.    </div> -->
  969.   </div>
  970.  
  971.  
  972. </div>
  973.  
  974. </div>
  975.  
  976.  
  977. <!-- MODAL JAMINAN DEPOSTIO -->
  978. <div id="myModalJaminan" class="modal">
  979.  
  980.   <div class="modal-content">
  981.     <div class="flex flex-row justify-between items-center">
  982.       <p class="text-xl">Tambah Jaminan Deposito</p>
  983.       <span class="close" style="color: red;" (click)="modalClose()">&times;</span>
  984.     </div>
  985.     <hr class="border border-collapse mb-10">
  986.    
  987.     <div class="mt-5 md:mt-0 md:col-span-2">
  988.       <div class="flex flex-row">
  989.         <h3 class="text-lg font-medium leading-6 text-gray-900 mt-2 ml-2">FORM INPUT {{formInput}}</h3>
  990.         <div class="ml-3 flex items-center justify-center">
  991.           <!-- <div class="w-2 h-2 rounded-full bg-red-500 animate-pulse"></div>
  992.          <div class="w-2 h-2 rounded-full bg-green-500 animate-pulse"></div>
  993.          <div class="ml-2" *ngIf="isLog === 'true'">
  994.            <h3 class="text-lg font-medium leading-6 text-gray-900 mt-2 ml-2">Logs Versi {{coverNote.versi}}</h3>
  995.          </div> -->
  996.         </div>
  997.       </div>
  998.      
  999.       <div class="shadow overflow-hidden sm:rounded-md">
  1000.           <div class="px-4 py-5 bg-white sm:p-6">
  1001.      
  1002.             <!-- REKANAN -->
  1003.             <div class="grid grid-cols-6 gap-6 sm:mt-5" *ngFor="let modelrekanan of covernote.listOopCoverNoteRekanan;let i = index;">
  1004.               <div class="col-span-6 flex">
  1005.                 <svg (click)="addRekanan()" 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">
  1006.                   <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" />
  1007.                 </svg>
  1008.                 <svg (click)="removeRekanan(i)" class="cursor-pointer mr-2 h-5 w-5 flex justify-center items-center text-white text-red-500" xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24" stroke="currentColor">
  1009.                   <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" />
  1010.                 </svg>
  1011.                 <label class="block text-sm font-medium text-gray-500 font-semibold flex">Rekanan {{i+1}}</label>
  1012.                 <svg id="svgRotate{{i}}" (click)="showHideRekanan(i, $event)" 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">
  1013.                   <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" />
  1014.                 </svg>
  1015.               </div>
  1016.               <div class="hidden sm:block sm:col-span-6" aria-hidden="true">
  1017.                 <div class="w-screen">
  1018.                   <div class="border-t border-gray-200"></div>
  1019.                 </div>
  1020.               </div>
  1021.  
  1022.               <div class="block col-span-6 sm:col-span-3 idrekanan{{i}}">
  1023.                 <label class="block text-sm font-medium text-gray-500 font-semibold">Penyimpanan Bilyet</label>
  1024.                 <textarea rows="3" name="alamatNotarisRekanan" [(ngModel)]="modelrekanan.alamatNotarisRekanan" autocomplete="off" class="text-gray-500 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"
  1025.                [disabled]="isDisabledInput"></textarea>
  1026.               </div>
  1027.  
  1028.               <div class="block col-span-6 sm:col-span-3 idrekanan{{i}}">
  1029.                 <label class="block text-sm font-medium text-gray-500 font-semibold">Nilai Jaminan</label>
  1030.                 <input type="text" name="noTelpNotarisRekanan" [(ngModel)]="modelrekanan.noTelpNotarisRekanan" maxlength="13" autocomplete="off" class="text-gray-500 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"
  1031.                [disabled]="isDisabledInput">
  1032.               </div>
  1033.  
  1034.               <div class="col-span-6 sm:col-span-3">
  1035.                 <label class="block text-sm font-medium text-gray-500 font-semibold">Presentase</label>
  1036.                 <input type="number" name="lamaPengikatan" [(ngModel)]="covernote.lamaPengikatan" maxlength="3" autocomplete="off" class="text-gray-500 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"
  1037.                [disabled]="isDisabledInput" (keyup)="autoTglJatuhTempo()">
  1038.               </div>
  1039.              
  1040.               <div class="block col-span-6 idrekanan{{i}}">
  1041.                 <label class="block text-sm font-medium text-gray-500 font-semibold">Catatan Bilyet</label>
  1042.                 <textarea rows="3" name="alamatNotarisRekanan" [(ngModel)]="modelrekanan.alamatNotarisRekanan" autocomplete="off" class="text-gray-500 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"
  1043.                [disabled]="isDisabledInput"></textarea>
  1044.               </div>
  1045.  
  1046.               <div class="block col-span-6 sm:col-span-3 idrekanan{{i}}">
  1047.                 <label class="block text-sm font-medium text-gray-500 font-semibold">Jumlah Deposito</label>
  1048.                 <input type="text" name="namaNotarisRekanan" [(ngModel)]="modelrekanan.namaNotarisRekanan" autocomplete="off" class="text-gray-500 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"
  1049.                [disabled]="isDisabledInput">
  1050.               </div>
  1051.  
  1052.               <div class="block col-span-6 sm:col-span-3 idrekanan{{i}}">
  1053.                 <label class="block text-sm font-medium text-gray-500 font-semibold">Asal Bank</label>
  1054.                 <input type="text" name="noTelpNotarisRekanan" [(ngModel)]="modelrekanan.noTelpNotarisRekanan" maxlength="13" autocomplete="off" class="text-gray-500 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"
  1055.                [disabled]="isDisabledInput">
  1056.               </div>
  1057.  
  1058.               <div class="block col-span-6 sm:col-span-3 idrekanan{{i}}">
  1059.                 <label class="block text-sm font-medium text-gray-500 font-semibold">Atas Nama</label>
  1060.                 <input type="text" name="namaNotarisRekanan" [(ngModel)]="modelrekanan.namaNotarisRekanan" autocomplete="off" class="text-gray-500 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"
  1061.                [disabled]="isDisabledInput">
  1062.               </div>
  1063.  
  1064.               <div class="block col-span-6 sm:col-span-3 idrekanan{{i}}">
  1065.                 <label class="block text-sm font-medium text-gray-500 font-semibold">Alamat Bank</label>
  1066.                 <textarea rows="3" name="alamatNotarisRekanan" [(ngModel)]="modelrekanan.alamatNotarisRekanan" autocomplete="off" class="text-gray-500 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"
  1067.                [disabled]="isDisabledInput"></textarea>
  1068.               </div>
  1069.  
  1070.               <div class="block col-span-6 sm:col-span-3 idrekanan{{i}}">
  1071.                 <label class="block text-sm font-medium text-gray-500 font-semibold">No. Rekening</label>
  1072.                 <input type="text" name="namaNotarisRekanan" [(ngModel)]="modelrekanan.namaNotarisRekanan" autocomplete="off" class="text-gray-500 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"
  1073.                [disabled]="isDisabledInput">
  1074.               </div>
  1075.  
  1076.               <div class="block col-span-6 sm:col-span-3 idrekanan{{i}}">
  1077.                 <label class="block text-sm font-medium text-gray-500 font-semibold">No. Seri Bilyet</label>
  1078.                 <input type="text" name="noTelpNotarisRekanan" [(ngModel)]="modelrekanan.noTelpNotarisRekanan" maxlength="13" autocomplete="off" class="text-gray-500 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"
  1079.                [disabled]="isDisabledInput">
  1080.               </div>
  1081.  
  1082.               <div class="block col-span-6 idrekanan{{i}}">
  1083.                 <label class="block text-sm font-medium text-gray-500 font-semibold">Referensi</label>
  1084.                 <textarea rows="3" name="alamatNotarisRekanan" [(ngModel)]="modelrekanan.alamatNotarisRekanan" autocomplete="off" class="text-gray-500 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"
  1085.                [disabled]="isDisabledInput"></textarea>
  1086.               </div>
  1087.  
  1088.               <div class="block col-span-6 idrekanan{{i}}">
  1089.                 <label class="block text-sm font-medium text-gray-500 font-semibold">Surat Kuasa</label>
  1090.                 <textarea rows="3" name="alamatNotarisRekanan" [(ngModel)]="modelrekanan.alamatNotarisRekanan" autocomplete="off" class="text-gray-500 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"
  1091.                [disabled]="isDisabledInput"></textarea>
  1092.               </div>
  1093.  
  1094.               <div class="block col-span-6 idrekanan{{i}}">
  1095.                 <label class="block text-sm font-medium text-gray-500 font-semibold">Keberadaan Deposito</label>
  1096.                 <textarea rows="3" name="alamatNotarisRekanan" [(ngModel)]="modelrekanan.alamatNotarisRekanan" autocomplete="off" class="text-gray-500 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"
  1097.                [disabled]="isDisabledInput"></textarea>
  1098.               </div>
  1099.  
  1100.               <div class="block col-span-6 idrekanan{{i}}">
  1101.                 <label class="block text-sm font-medium text-gray-500 font-semibold">BAST</label>
  1102.                 <textarea rows="3" name="alamatNotarisRekanan" [(ngModel)]="modelrekanan.alamatNotarisRekanan" autocomplete="off" class="text-gray-500 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"
  1103.                [disabled]="isDisabledInput"></textarea>
  1104.               </div>
  1105.  
  1106.  
  1107.  
  1108.  
  1109.  
  1110.  
  1111.  
  1112.  
  1113.             </div>
  1114.  
  1115.             <!-- LAMA PENGIKATAN DST.... -->
  1116.             <div class="grid grid-cols-6 gap-6 sm:mt-5">
  1117.               <div class="col-span-6 sm:col-span-3">
  1118.                 <label class="block text-sm font-medium text-gray-500 font-semibold">Tgl Jatuh Tempo</label>
  1119.                 <input type="date" name="tanggalJatuhTempo" [ngModel]="covernote.tanggalJatuhTempo | date:'yyyy-MM-dd'"
  1120.                autocomplete="off" class="text-gray-500 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"
  1121.                >
  1122.               </div>
  1123.  
  1124.               <div class="col-span-6 sm:col-span-3">
  1125.                 <label class="block text-sm font-medium text-gray-500 font-semibold">Status Jaminan</label>
  1126.                 <label class="inline-flex items-center mt-4">
  1127.                   <input type="radio" class="form-radio" name="accountType" value="nonblokir" >
  1128.                   <span class="ml-2">Non Blokir</span>
  1129.                 </label>
  1130.                 <label class="inline-flex items-center ml-6">
  1131.                   <input type="radio" class="form-radio" name="accountType" value="blokir">
  1132.                   <span class="ml-2">Blokir</span>
  1133.                 </label>
  1134.  
  1135.               </div>
  1136.              
  1137.               <div class="col-span-6 sm:col-span-3"></div>
  1138.               <div class="col-span-6 sm:col-span-6">
  1139.                 <label class="block text-sm font-medium text-gray-500 font-semibold">Unggah Deposito</label>
  1140.  
  1141.                 <div class="flex items-center bg-blue-400 border-l-2 border-blue-500 py-2 px-3 shadow-md mb-2 animate-pulse" *ngIf="isToastUpload">
  1142.                   <div class="text-blue-500 rounded-full bg-white mr-3">
  1143.                     <svg class="w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  1144.                       <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
  1145.                     </svg>
  1146.                   </div>
  1147.                   <div class="text-white max-w-xs ">
  1148.                     Proses Upload {{barWidth}} %
  1149.                   </div>
  1150.                 </div>
  1151.  
  1152.               </div>
  1153.               <div class="col-span-6 sm:col-span-6">
  1154.                 <div class="flex sm:space-x-4">
  1155.                   <label class="block text-xs font-semibold text-gray-700 p-1 sm:px-4 sm:py-2 rounded-lg bg-red-100" *ngIf="covernote.idUploadCovernote === null">Belum Terlampir</label>
  1156.                   <label class="block text-xs font-semibold text-gray-700 p-1 sm:px-4 sm:py-2 rounded-lg bg-green-100" *ngIf="covernote.idUploadCovernote !== null">Terlampir</label>
  1157.  
  1158.                   <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"
  1159.                  [ngClass]="{'opacity-50 cursor-not-allowed': isDisabledInput}">
  1160.                     <svg class="w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  1161.                       <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" />
  1162.                     </svg>
  1163.                     <input id="idFile" type="file" (change)="uploadFile($event)" enctype="multipart/form-data" name="idUploadCovernote" class="hidden"
  1164.                    [disabled]="isDisabledInput"/>
  1165.                   </label>
  1166.  
  1167.                   <button (click)="viewFile()" 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"
  1168.                  [disabled]="covernote.idUploadCovernote === null">
  1169.                     <svg class="w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  1170.                       <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
  1171.                       <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" />
  1172.                     </svg>
  1173.                   </button>
  1174.                   <button (click)="downloadFile()" 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"
  1175.                  [disabled]="covernote.idUploadCovernote === null">
  1176.                     <svg class="w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  1177.                       <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" />
  1178.                     </svg>
  1179.                   </button>
  1180.                 </div>
  1181.               </div>
  1182.             </div>
  1183.  
  1184.           </div>
  1185.           <div class="px-4 py-3 bg-gray-50 text-right sm:px-6 mt-5" >
  1186.             <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"
  1187.            [disabled]="isDisabledSave">
  1188.                 Logs
  1189.                 <svg class="w-5 ml-2" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  1190.                   <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" />
  1191.                 </svg>
  1192.             </button>
  1193.  
  1194.             <button (click)="btnSave()" type="submit" class="inline-flex mr-2 justify-center py-2 px-6 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-green-500 hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 disabled:opacity-50 disabled:cursor-not-allowed"
  1195.            [disabled]="isDisabledSave" *ngIf="!isDisabledInput">
  1196.                 Simpan
  1197.                 <svg class="w-5 ml-2" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  1198.                   <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" />
  1199.                 </svg>
  1200.             </button>
  1201.  
  1202.             <!-- <button (click)="modalSubmit(coverNote)" class="inline-flex 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-blue-500 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 disabled:opacity-50 disabled:cursor-not-allowed"
  1203.            [disabled]="isDisabledSave" *ngIf="!isDisabledInput">
  1204.                Submit
  1205.                <svg class="w-5 ml-2" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  1206.                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 19l9 2-9-18-9 18 9-2zm0 0v-8" />
  1207.                </svg>
  1208.            </button> -->
  1209.           </div>
  1210.       </div>
  1211.  
  1212.   </div>
  1213.    
  1214.  
  1215.   </div>
  1216.  
  1217.  </div>
  1218.  
  1219.  
  1220. <!-- MODAL JAMINAN BPKB -->
  1221. <div id="myModalJaminanBkpb" class="modal">
  1222.  
  1223.   <div class="modal-content">
  1224.     <div class="flex flex-row justify-between items-center">
  1225.       <p class="text-xl">Tambah Jaminan BPKB</p>
  1226.       <span class="close" style="color: red;" (click)="modalClose()">&times;</span>
  1227.     </div>
  1228.     <hr class="border border-collapse mb-10">
  1229.    
  1230.     <div class="mt-5 md:mt-0 md:col-span-2">
  1231.       <div class="flex flex-row">
  1232.         <h3 class="text-lg font-medium leading-6 text-gray-900 mt-2 ml-2">FORM INPUT {{formInput}}</h3>
  1233.         <div class="ml-3 flex items-center justify-center">
  1234.           <!-- <div class="w-2 h-2 rounded-full bg-red-500 animate-pulse"></div>
  1235.          <div class="w-2 h-2 rounded-full bg-green-500 animate-pulse"></div>
  1236.          <div class="ml-2" *ngIf="isLog === 'true'">
  1237.            <h3 class="text-lg font-medium leading-6 text-gray-900 mt-2 ml-2">Logs Versi {{coverNote.versi}}</h3>
  1238.          </div> -->
  1239.         </div>
  1240.       </div>
  1241.      
  1242.       <div class="shadow overflow-hidden sm:rounded-md">
  1243.           <div class="px-4 py-5 bg-white sm:p-6">
  1244.      
  1245.             <!-- REKANAN -->
  1246.             <div class="grid grid-cols-6 gap-6 sm:mt-5" *ngFor="let modelrekanan of covernote.listOopCoverNoteRekanan;let i = index;">
  1247.               <div class="col-span-6 flex">
  1248.                 <svg (click)="addRekanan()" 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">
  1249.                   <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" />
  1250.                 </svg>
  1251.                 <svg (click)="removeRekanan(i)" class="cursor-pointer mr-2 h-5 w-5 flex justify-center items-center text-white text-red-500" xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24" stroke="currentColor">
  1252.                   <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" />
  1253.                 </svg>
  1254.                 <label class="block text-sm font-medium text-gray-500 font-semibold flex">Rekanan {{i+1}}</label>
  1255.                 <svg id="svgRotate{{i}}" (click)="showHideRekanan(i, $event)" 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">
  1256.                   <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" />
  1257.                 </svg>
  1258.               </div>
  1259.               <div class="hidden sm:block sm:col-span-6" aria-hidden="true">
  1260.                 <div class="w-screen">
  1261.                   <div class="border-t border-gray-200"></div>
  1262.                 </div>
  1263.               </div>
  1264.  
  1265.               <div class="block col-span-6 sm:col-span-3 idrekanan{{i}}">
  1266.                 <label class="block text-sm font-medium text-gray-500 font-semibold">Atas Nama</label>
  1267.                 <input type="text" name="noTelpNotarisRekanan" [(ngModel)]="modelrekanan.noTelpNotarisRekanan" maxlength="13" autocomplete="off" class="text-gray-500 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"
  1268.                [disabled]="isDisabledInput">
  1269.               </div>
  1270.  
  1271.               <div class="block col-span-6 sm:col-span-3 idrekanan{{i}}">
  1272.                 <label class="block text-sm font-medium text-gray-500 font-semibold">Nilai Jaminan</label>
  1273.                 <input type="text" name="noTelpNotarisRekanan" [(ngModel)]="modelrekanan.noTelpNotarisRekanan" maxlength="13" autocomplete="off" class="text-gray-500 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"
  1274.                [disabled]="isDisabledInput">
  1275.               </div>
  1276.  
  1277.               <div class="col-span-6 sm:col-span-3">
  1278.                 <label class="block text-sm font-medium text-gray-500 font-semibold">Alamat</label>
  1279.                 <textarea rows="3" name="alamatNotarisRekanan" [(ngModel)]="modelrekanan.alamatNotarisRekanan" autocomplete="off" class="text-gray-500 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"
  1280.                [disabled]="isDisabledInput"></textarea>
  1281.  
  1282.               </div>
  1283.  
  1284.               <div class="col-span-6 sm:col-span-3">
  1285.                 <label class="block text-sm font-medium text-gray-500 font-semibold">Keterangan</label>
  1286.                 <textarea rows="3" name="alamatNotarisRekanan" [(ngModel)]="modelrekanan.alamatNotarisRekanan" autocomplete="off" class="text-gray-500 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"
  1287.                [disabled]="isDisabledInput"></textarea>
  1288.  
  1289.               </div>
  1290.  
  1291.               <div class="block col-span-6 sm:col-span-3 idrekanan{{i}}">
  1292.                 <label class="block text-sm font-medium text-gray-500 font-semibold">No.BPKB</label>
  1293.                 <input type="text" name="namaNotarisRekanan" [(ngModel)]="modelrekanan.namaNotarisRekanan" autocomplete="off" class="text-gray-500 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"
  1294.                [disabled]="isDisabledInput">
  1295.               </div>
  1296.  
  1297.               <div class="block col-span-6 sm:col-span-3 idrekanan{{i}}">
  1298.                 <label class="block text-sm font-medium text-gray-500 font-semibold">Plat Nomor</label>
  1299.                 <input type="text" name="noTelpNotarisRekanan" [(ngModel)]="modelrekanan.noTelpNotarisRekanan" maxlength="13" autocomplete="off" class="text-gray-500 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"
  1300.                [disabled]="isDisabledInput">
  1301.               </div>
  1302.  
  1303.               <div class="block col-span-6 sm:col-span-3 idrekanan{{i}}">
  1304.                 <label class="block text-sm font-medium text-gray-500 font-semibold">Jenis Kendaraan</label>
  1305.                 <input type="text" name="namaNotarisRekanan" [(ngModel)]="modelrekanan.namaNotarisRekanan" autocomplete="off" class="text-gray-500 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"
  1306.                [disabled]="isDisabledInput">
  1307.               </div>
  1308.  
  1309.               <div class="block col-span-6 sm:col-span-3 idrekanan{{i}}">
  1310.                 <label class="block text-sm font-medium text-gray-500 font-semibold">Status Jaminan</label>
  1311.                 <input type="text" name="namaNotarisRekanan" [(ngModel)]="modelrekanan.namaNotarisRekanan" autocomplete="off" class="text-gray-500 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"
  1312.                [disabled]="isDisabledInput">
  1313.               </div>
  1314.  
  1315.  
  1316.  
  1317.             </div>
  1318.  
  1319.             <!-- LAMA PENGIKATAN DST.... -->
  1320.             <div class="grid grid-cols-6 gap-6 sm:mt-5">
  1321.               <div class="col-span-6 sm:col-span-3"></div>
  1322.               <div class="col-span-6 sm:col-span-6">
  1323.                 <label class="block text-sm font-medium text-gray-500 font-semibold">Unggah BPKB</label>
  1324.  
  1325.                 <div class="flex items-center bg-blue-400 border-l-2 border-blue-500 py-2 px-3 shadow-md mb-2 animate-pulse" *ngIf="isToastUpload">
  1326.                   <div class="text-blue-500 rounded-full bg-white mr-3">
  1327.                     <svg class="w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  1328.                       <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
  1329.                     </svg>
  1330.                   </div>
  1331.                   <div class="text-white max-w-xs ">
  1332.                     Proses Upload {{barWidth}} %
  1333.                   </div>
  1334.                 </div>
  1335.  
  1336.               </div>
  1337.               <div class="col-span-6 sm:col-span-6">
  1338.                 <div class="flex sm:space-x-4">
  1339.                   <label class="block text-xs font-semibold text-gray-700 p-1 sm:px-4 sm:py-2 rounded-lg bg-red-100" *ngIf="covernote.idUploadCovernote === null">Belum Terlampir</label>
  1340.                   <label class="block text-xs font-semibold text-gray-700 p-1 sm:px-4 sm:py-2 rounded-lg bg-green-100" *ngIf="covernote.idUploadCovernote !== null">Terlampir</label>
  1341.  
  1342.                   <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"
  1343.                  [ngClass]="{'opacity-50 cursor-not-allowed': isDisabledInput}">
  1344.                     <svg class="w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  1345.                       <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" />
  1346.                     </svg>
  1347.                     <input id="idFile" type="file" (change)="uploadFile($event)" enctype="multipart/form-data" name="idUploadCovernote" class="hidden"
  1348.                    [disabled]="isDisabledInput"/>
  1349.                   </label>
  1350.  
  1351.                   <button (click)="viewFile()" 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"
  1352.                  [disabled]="covernote.idUploadCovernote === null">
  1353.                     <svg class="w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  1354.                       <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
  1355.                       <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" />
  1356.                     </svg>
  1357.                   </button>
  1358.                   <button (click)="downloadFile()" 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"
  1359.                  [disabled]="covernote.idUploadCovernote === null">
  1360.                     <svg class="w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  1361.                       <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" />
  1362.                     </svg>
  1363.                   </button>
  1364.                 </div>
  1365.               </div>
  1366.             </div>
  1367.  
  1368.           </div>
  1369.           <div class="px-4 py-3 bg-gray-50 text-right sm:px-6 mt-5" >
  1370.             <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"
  1371.            [disabled]="isDisabledSave">
  1372.                 Logs
  1373.                 <svg class="w-5 ml-2" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  1374.                   <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" />
  1375.                 </svg>
  1376.             </button>
  1377.  
  1378.             <button (click)="btnSave()" type="submit" class="inline-flex mr-2 justify-center py-2 px-6 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-green-500 hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 disabled:opacity-50 disabled:cursor-not-allowed"
  1379.            [disabled]="isDisabledSave" *ngIf="!isDisabledInput">
  1380.                 Simpan
  1381.                 <svg class="w-5 ml-2" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  1382.                   <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" />
  1383.                 </svg>
  1384.             </button>
  1385.  
  1386.             <!-- <button (click)="modalSubmit(coverNote)" class="inline-flex 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-blue-500 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 disabled:opacity-50 disabled:cursor-not-allowed"
  1387.            [disabled]="isDisabledSave" *ngIf="!isDisabledInput">
  1388.                Submit
  1389.                <svg class="w-5 ml-2" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  1390.                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 19l9 2-9-18-9 18 9-2zm0 0v-8" />
  1391.                </svg>
  1392.            </button> -->
  1393.           </div>
  1394.       </div>
  1395.  
  1396.   </div>
  1397.    
  1398.  
  1399.   </div>
  1400.  
  1401.  </div>
  1402.  
  1403.  
  1404.  <!-- MODAL JAMINAN SERTIFIKAT -->
  1405. <div id="myModalJaminanSertifikat" class="modal ">
  1406.   <div class="modal-content">
  1407.     <div class="flex flex-row justify-between items-center">
  1408.       <p class="text-xl">Tambah Jaminan Sertifikat</p>
  1409.       <span class="close" style="color: red;" (click)="modalClose()">&times;</span>
  1410.     </div>
  1411.     <hr class="border border-collapse mb-10">
  1412.    
  1413.     <div class="mt-5 md:mt-0 md:col-span-2 ">
  1414.       <div class="flex flex-row">
  1415.         <h3 class="text-lg font-medium leading-6 text-gray-900 mt-2 ml-2">FORM INPUT {{formInput}}</h3>
  1416.         <div class="ml-3 flex items-center justify-center">
  1417.           <!-- <div class="w-2 h-2 rounded-full bg-red-500 animate-pulse"></div>
  1418.          <div class="w-2 h-2 rounded-full bg-green-500 animate-pulse"></div>
  1419.          <div class="ml-2" *ngIf="isLog === 'true'">
  1420.            <h3 class="text-lg font-medium leading-6 text-gray-900 mt-2 ml-2">Logs Versi {{coverNote.versi}}</h3>
  1421.          </div> -->
  1422.         </div>
  1423.       </div>
  1424.      
  1425.       <div class="shadow overflow-hidden sm:rounded-md">
  1426.           <div class="px-4 py-5 bg-white sm:p-6">
  1427.      
  1428.             <!-- REKANAN -->
  1429.             <div class="grid grid-cols-6 gap-6 sm:mt-5" *ngFor="let modelrekanan of covernote.listOopCoverNoteRekanan;let i = index;">
  1430.               <div class="col-span-6 flex">
  1431.                 <svg (click)="addRekanan()" 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">
  1432.                   <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" />
  1433.                 </svg>
  1434.                 <svg (click)="removeRekanan(i)" class="cursor-pointer mr-2 h-5 w-5 flex justify-center items-center text-white text-red-500" xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24" stroke="currentColor">
  1435.                   <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" />
  1436.                 </svg>
  1437.                 <label class="block text-sm font-medium text-gray-500 font-semibold flex">Rekanan {{i+1}}</label>
  1438.                 <svg id="svgRotate{{i}}" (click)="showHideRekanan(i, $event)" 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">
  1439.                   <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" />
  1440.                 </svg>
  1441.               </div>
  1442.               <div class="hidden sm:block sm:col-span-6" aria-hidden="true">
  1443.                 <div class="w-screen">
  1444.                   <div class="border-t border-gray-200"></div>
  1445.                 </div>
  1446.               </div>
  1447.  
  1448.               <div class="block col-span-6 sm:col-span-3 idrekanan{{i}}">
  1449.                 <label class="block text-sm font-medium text-gray-500 font-semibold">Jenis Sertifikat</label>
  1450.                 <input type="text" name="noTelpNotarisRekanan" [(ngModel)]="modelrekanan.noTelpNotarisRekanan" maxlength="13" autocomplete="off" class="text-gray-500 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"
  1451.                [disabled]="isDisabledInput">
  1452.               </div>
  1453.  
  1454.               <div class="block col-span-6 sm:col-span-3 idrekanan{{i}}">
  1455.                 <label class="block text-sm font-medium text-gray-500 font-semibold">Nilai Jaminan</label>
  1456.                 <input type="text" name="noTelpNotarisRekanan" [(ngModel)]="modelrekanan.noTelpNotarisRekanan" maxlength="13" autocomplete="off" class="text-gray-500 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"
  1457.                [disabled]="isDisabledInput">
  1458.               </div>
  1459.  
  1460.               <div class="block col-span-6 sm:col-span-3 idrekanan{{i}}">
  1461.                 <label class="block text-sm font-medium text-gray-500 font-semibold">Atas Nama</label>
  1462.                 <input type="text" name="noTelpNotarisRekanan" [(ngModel)]="modelrekanan.noTelpNotarisRekanan" maxlength="13" autocomplete="off" class="text-gray-500 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"
  1463.                [disabled]="isDisabledInput">
  1464.               </div>
  1465.  
  1466.               <div class="block col-span-6 sm:col-span-3 idrekanan{{i}}">
  1467.                 <label class="block text-sm font-medium text-gray-500 font-semibold">Luas Tanah</label>
  1468.                 <input type="text" name="noTelpNotarisRekanan" [(ngModel)]="modelrekanan.noTelpNotarisRekanan" maxlength="13" autocomplete="off" class="text-gray-500 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"
  1469.                [disabled]="isDisabledInput">
  1470.               </div>
  1471.  
  1472.  
  1473.  
  1474.               <div class="col-span-6 sm:col-span-3">
  1475.                 <label class="block text-sm font-medium text-gray-500 font-semibold">Keterangan</label>
  1476.                 <textarea rows="3" name="alamatNotarisRekanan" [(ngModel)]="modelrekanan.alamatNotarisRekanan" autocomplete="off" class="text-gray-500 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"
  1477.                [disabled]="isDisabledInput"></textarea>
  1478.  
  1479.               </div>
  1480.  
  1481.               <div class="col-span-6 sm:col-span-3">
  1482.                 <label class="block text-sm font-medium text-gray-500 font-semibold">dikembalikan</label>
  1483.                 <textarea rows="3" name="alamatNotarisRekanan" [(ngModel)]="modelrekanan.alamatNotarisRekanan" autocomplete="off" class="text-gray-500 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"
  1484.                [disabled]="isDisabledInput"></textarea>
  1485.  
  1486.               </div>
  1487.  
  1488.               <div class="block col-span-6 sm:col-span-3 idrekanan{{i}}">
  1489.                 <label class="block text-sm font-medium text-gray-500 font-semibold">Provinsi</label>
  1490.                 <input type="text" name="namaNotarisRekanan" [(ngModel)]="modelrekanan.namaNotarisRekanan" autocomplete="off" class="text-gray-500 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"
  1491.                [disabled]="isDisabledInput">
  1492.               </div>
  1493.  
  1494.               <div class="block col-span-6 sm:col-span-3 idrekanan{{i}}">
  1495.                 <label class="block text-sm font-medium text-gray-500 font-semibold">Kabupaten / Kota</label>
  1496.                 <input type="text" name="noTelpNotarisRekanan" [(ngModel)]="modelrekanan.noTelpNotarisRekanan" maxlength="13" autocomplete="off" class="text-gray-500 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"
  1497.                [disabled]="isDisabledInput">
  1498.               </div>
  1499.  
  1500.               <div class="block col-span-6 sm:col-span-3 idrekanan{{i}}">
  1501.                 <label class="block text-sm font-medium text-gray-500 font-semibold">Kecamatan</label>
  1502.                 <input type="text" name="namaNotarisRekanan" [(ngModel)]="modelrekanan.namaNotarisRekanan" autocomplete="off" class="text-gray-500 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"
  1503.                [disabled]="isDisabledInput">
  1504.               </div>
  1505.  
  1506.               <div class="block col-span-6 sm:col-span-3 idrekanan{{i}}">
  1507.                 <label class="block text-sm font-medium text-gray-500 font-semibold">Kelurahan</label>
  1508.                 <input type="text" name="namaNotarisRekanan" [(ngModel)]="modelrekanan.namaNotarisRekanan" autocomplete="off" class="text-gray-500 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"
  1509.                [disabled]="isDisabledInput">
  1510.               </div>
  1511.  
  1512.               <div class="block col-span-6 sm:col-span-3 idrekanan{{i}}">
  1513.                 <label class="block text-sm font-medium text-gray-500 font-semibold">No.APHT</label>
  1514.                 <input type="text" name="namaNotarisRekanan" [(ngModel)]="modelrekanan.namaNotarisRekanan" autocomplete="off" class="text-gray-500 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"
  1515.                [disabled]="isDisabledInput">
  1516.               </div>
  1517.  
  1518.  
  1519.  
  1520.             </div>
  1521.  
  1522.             <!-- LAMA PENGIKATAN DST.... -->
  1523.             <div class="grid grid-cols-6 gap-6 sm:mt-5">
  1524.               <div class="col-span-6 sm:col-span-3"></div>
  1525.               <div class="col-span-6 sm:col-span-6">
  1526.                 <label class="block text-sm font-medium text-gray-500 font-semibold">Unggah Sertifikat</label>
  1527.  
  1528.                 <div class="flex items-center bg-blue-400 border-l-2 border-blue-500 py-2 px-3 shadow-md mb-2 animate-pulse" *ngIf="isToastUpload">
  1529.                   <div class="text-blue-500 rounded-full bg-white mr-3">
  1530.                     <svg class="w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  1531.                       <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
  1532.                     </svg>
  1533.                   </div>
  1534.                   <div class="text-white max-w-xs ">
  1535.                     Proses Upload {{barWidth}} %
  1536.                   </div>
  1537.                 </div>
  1538.  
  1539.               </div>
  1540.               <div class="col-span-6 sm:col-span-6">
  1541.                 <div class="flex sm:space-x-4">
  1542.                   <label class="block text-xs font-semibold text-gray-700 p-1 sm:px-4 sm:py-2 rounded-lg bg-red-100" *ngIf="covernote.idUploadCovernote === null">Belum Terlampir</label>
  1543.                   <label class="block text-xs font-semibold text-gray-700 p-1 sm:px-4 sm:py-2 rounded-lg bg-green-100" *ngIf="covernote.idUploadCovernote !== null">Terlampir</label>
  1544.  
  1545.                   <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"
  1546.                  [ngClass]="{'opacity-50 cursor-not-allowed': isDisabledInput}">
  1547.                     <svg class="w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  1548.                       <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" />
  1549.                     </svg>
  1550.                     <input id="idFile" type="file" (change)="uploadFile($event)" enctype="multipart/form-data" name="idUploadCovernote" class="hidden"
  1551.                    [disabled]="isDisabledInput"/>
  1552.                   </label>
  1553.  
  1554.                   <button (click)="viewFile()" 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"
  1555.                  [disabled]="covernote.idUploadCovernote === null">
  1556.                     <svg class="w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  1557.                       <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
  1558.                       <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" />
  1559.                     </svg>
  1560.                   </button>
  1561.                   <button (click)="downloadFile()" 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"
  1562.                  [disabled]="covernote.idUploadCovernote === null">
  1563.                     <svg class="w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  1564.                       <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" />
  1565.                     </svg>
  1566.                   </button>
  1567.                 </div>
  1568.               </div>
  1569.             </div>
  1570.  
  1571.           </div>
  1572.           <div class="px-4 py-3 bg-gray-50 text-right sm:px-6 mt-5" >
  1573.             <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"
  1574.            [disabled]="isDisabledSave">
  1575.                 Logs
  1576.                 <svg class="w-5 ml-2" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  1577.                   <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" />
  1578.                 </svg>
  1579.             </button>
  1580.  
  1581.             <button (click)="btnSave()" type="submit" class="inline-flex mr-2 justify-center py-2 px-6 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-green-500 hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 disabled:opacity-50 disabled:cursor-not-allowed"
  1582.            [disabled]="isDisabledSave" *ngIf="!isDisabledInput">
  1583.                 Simpan
  1584.                 <svg class="w-5 ml-2" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  1585.                   <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" />
  1586.                 </svg>
  1587.             </button>
  1588.  
  1589.             <!-- <button (click)="modalSubmit(coverNote)" class="inline-flex 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-blue-500 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 disabled:opacity-50 disabled:cursor-not-allowed"
  1590.            [disabled]="isDisabledSave" *ngIf="!isDisabledInput">
  1591.                Submit
  1592.                <svg class="w-5 ml-2" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  1593.                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 19l9 2-9-18-9 18 9-2zm0 0v-8" />
  1594.                </svg>
  1595.            </button> -->
  1596.           </div>
  1597.       </div>
  1598.  
  1599.   </div>
  1600.    
  1601.  
  1602.   </div>
  1603.  
  1604.  </div>
  1605.  
  1606.  
  1607.  <!-- MODAL JAMINAN -->
  1608. <div id="myModalJaminanAll" class="modal">
  1609.   <div class="modal-content-sm">
  1610.     <div class="flex flex-row justify-between items-center">
  1611.       <p class="text-xl">Tambah Jaminan</p>
  1612.       <span class="close" style="color: red;" (click)="modalCloseall()">&times;</span>
  1613.     </div>
  1614.     <hr class="border border-collapse mb-10">
  1615.  
  1616.  
  1617.       <!-- <div *ngIf="loadingPageModalList" class="flex flex justify-center h-screen"><img class="max-w-sm" src="../../../assets/img/spinner.svg" alt="loading"></div> -->
  1618.  
  1619.       <div >  
  1620.         <div class="mt-10 sm:mt-0">
  1621.           <div class="grid grid-cols-6 gap-6">
  1622.             <div class="col-span-6">
  1623.               <div class="overflow-x-auto">
  1624.                 <table class="ml-auto mr-auto">
  1625.                   <tr class="bg-gray-50 text-xs text-gray-800 uppercase">
  1626.                     <th class="px-4 py-2 border">no</th>
  1627.                     <th class="px-4 py-2 border">Jaminan</th>
  1628.                     <th class="px-4 py-2 border">aksi</th>
  1629.                   </tr>
  1630.                   <tbody class="bg-white divide-y divide-gray-200">
  1631.                     <tr class="text-center text-xs text-gray-500 border">
  1632.                       <td class="px-4 py-2 border">1</td>
  1633.                       <td class="px-4 py-2 border uppercase">SERTIFIKAT</td>
  1634.                       <td class="px-4 py-2 border">
  1635.                         <button class="p-2 hover:bg-blue-600 hover:text-blue-100 rounded-lg">
  1636.                           <svg class="w-4" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" stroke="currentColor" (click)="modalJaminanSertifikat()">
  1637.                             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122" />
  1638.                           </svg>
  1639.                           <label class="sr-only">jaminan</label>
  1640.                         </button>
  1641.                       </td>
  1642.                     </tr>
  1643.  
  1644.                     <tr class="text-center text-xs text-gray-500 border">
  1645.                       <td class="px-4 py-2 border">2</td>
  1646.                       <td class="px-4 py-2 border uppercase">BPKB</td>
  1647.                       <td class="px-4 py-2 border">
  1648.                         <button class="p-2 hover:bg-blue-600 hover:text-blue-100 rounded-lg">
  1649.                           <svg class="w-4" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" stroke="currentColor" (click)="modalJaminanBpkb()">
  1650.                             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122" />
  1651.                           </svg>
  1652.                           <label class="sr-only">jaminan</label>
  1653.                         </button>
  1654.                       </td>
  1655.                     </tr>
  1656.  
  1657.  
  1658.                     <tr class="text-center text-xs text-gray-500 border">
  1659.                       <td class="px-4 py-2 border">3</td>
  1660.                       <td class="px-4 py-2 border uppercase">DEPOSTIO</td>
  1661.                       <td class="px-4 py-2 border">
  1662.                         <button class="p-2 hover:bg-blue-600 hover:text-blue-100 rounded-lg">
  1663.                           <svg class="w-4" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" stroke="currentColor" (click)="modalJaminan()">
  1664.                             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122" />
  1665.                           </svg>
  1666.                           <label class="sr-only">jaminan</label>
  1667.                         </button>
  1668.                       </td>
  1669.                     </tr>
  1670.  
  1671.  
  1672.                     <tr class="text-center text-xs text-gray-500 border">
  1673.                       <td class="px-4 py-2 border">4</td>
  1674.                       <td class="px-4 py-2 border uppercase">PERUSAHAAN PENJAMIN</td>
  1675.                       <td class="px-4 py-2 border">
  1676.                         <button class="p-2 hover:bg-blue-600 hover:text-blue-100 rounded-lg">
  1677.                           <svg class="w-4" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" stroke="currentColor">
  1678.                             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122" />
  1679.                           </svg>
  1680.                           <label class="sr-only">jaminan</label>
  1681.                         </button>
  1682.                       </td>
  1683.                     </tr>
  1684.  
  1685.                     <tr class="text-center text-xs text-gray-500 border">
  1686.                       <td class="px-4 py-2 border">5</td>
  1687.                       <td class="px-4 py-2 border uppercase">PERSONAL GUARANTEE</td>
  1688.                       <td class="px-4 py-2 border">
  1689.                         <button class="p-2 hover:bg-blue-600 hover:text-blue-100 rounded-lg">
  1690.                           <svg class="w-4" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" stroke="currentColor">
  1691.                             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122" />
  1692.                           </svg>
  1693.                           <label class="sr-only">jaminan</label>
  1694.                         </button>
  1695.                       </td>
  1696.                     </tr>
  1697.  
  1698.              
  1699.                  
  1700.  
  1701.                   </tbody>
  1702.                 </table>
  1703.               </div>
  1704.              
  1705.  
  1706.             </div>
  1707.           </div>
  1708.         </div>
  1709.       </div>
  1710.  
  1711.    
  1712.  
  1713.   </div>
  1714.  
  1715. </div>
  1716.  
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!