API tools faq
paste
Advertisement
coffeecode12

laporan rekap

coffeecode12
Nov 9th, 2021
1,069
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 15.00 KB | None | 0 0
raw download clone embed print report
  1. <div class="card-body">
  2.     <div class="row">
  3.       <div class="m-1">
  4.         <button class="bg-transparent hover:bg-green-500 text-green-700 font-semibold m-1 hover:text-white py-2 px-3 border border-green-500
  5.        hover:border-transparent rounded" (click)="exportAsExcel()">
  6.           <i class="fa fa-envelope-open-text"></i> Export ke Excel
  7.         </button>
  8.       </div>
  9.  
  10.       <table class="min-w-full leading-normal border">
  11.           <thead>
  12.           <tr>
  13.             <th class="px-5 py-3 border-2 border-white bg-green-100 text-left text-xs font-semibold text-gray-700 text-center" rowspan="3">NO.</th>
  14.             <th class="px-5 py-3 border-2 border-white bg-blue-100 text-left text-xs font-semibold text-gray-700 text-center" rowspan="3" *ngIf="!isRowEntry1">
  15.                 Urut <a class="text-green-600 cursor-pointer" (click)="hideJaminanDientry1()">(show)</a>
  16.              </th>
  17.  
  18.             <th class="px-5 py-3 border-2 border-white bg-blue-100 text-left text-xs font-semibold text-gray-700 text-center" rowspan="2" colspan="2" *ngIf="isRowEntry1">
  19.               Urut <a class="text-red-600 cursor-pointer" (click)="hideJaminanDientry1()">(hide)</a>
  20.             </th>
  21.             <th class="px-5 py-3 border-2 border-white bg-blue-100 text-left text-xs font-semibold text-gray-700 text-center" rowspan="3" *ngIf="!isRowEntry3">
  22.               Proposal <a class="text-green-600 cursor-pointer" (click)="hideJaminanDientry3()">(show)</a>
  23.             </th>
  24.             <th class="px-5 py-3 border-2 border-white bg-blue-100 text-left text-xs font-semibold text-gray-700 text-center" rowspan="2" colspan="2" *ngIf="isRowEntry3">
  25.                 Proposal <a class="text-red-600 cursor-pointer" (click)="hideJaminanDientry3()">(hide)</a>
  26.               </th>
  27.               <th class="px-5 py-3 border-2 border-white bg-blue-100 text-left text-xs font-semibold text-gray-700 text-center" rowspan="3">
  28.                  ID Mitra
  29.                 </th>  
  30.                 <th class="px-5 py-3 border-2 border-white bg-blue-100 text-left text-xs font-semibold text-gray-700 text-center" rowspan="3">
  31.                     Database
  32.                     (Kode Label)
  33.                </th>  
  34.                 <th class="px-5 py-3 border-2 border-white bg-blue-100 text-left text-xs font-semibold text-gray-700 text-center" rowspan="3">
  35.                    Nama Mitra
  36.                   </th>  
  37.                   <th class="px-5 py-3 border-2 border-white bg-blue-100 text-left text-xs font-semibold text-gray-700 text-center" rowspan="3">
  38.                     Alamat
  39.                  </th>  
  40.  
  41.  
  42.             <th class="px-5 py-3 border-2 border-white bg-blue-100 text-left text-xs font-semibold text-gray-700 text-center" colspan="8" *ngIf="isRowEntry1">PROSES / MUTASI JAMINAN</th>    
  43.             <th class="px-5 py-3 border-2 border-white bg-blue-100 text-left text-xs font-semibold text-gray-700 text-center" rowspan="2" colspan="2" *ngIf="isRowEntry2">
  44.               JUMLAH JAMINAN YG TELAH DIENTRY <a class="text-red-600 cursor-pointer" (click)="hideJaminanDientry2()">(hide)</a>
  45.             </th>
  46.             <th class="px-5 py-3 border-2 border-white bg-blue-100 text-left text-xs font-semibold text-gray-700 text-center" rowspan="3" *ngIf="!isRowEntry2">
  47.               JUMLAH JAMINAN YG TELAH DIENTRY <a class="text-green-600 cursor-pointer" (click)="hideJaminanDientry2()">(show)</a>
  48.             </th>
  49.             <th class="px-5 py-3 border-2 border-white bg-blue-100 text-left text-xs font-semibold text-gray-700 text-center" colspan="8" *ngIf="isRowEntry2">PROSES / MUTASI JAMINAN</th>      
  50.             <th class="px-5 py-3 border-2 border-white bg-blue-100 text-left text-xs font-semibold text-gray-700 text-center" rowspan="3">
  51.               JUMLAH JAMINAN TERSIMPAN DI CUSTODIAN SAAT INI
  52.             </th>  
  53.           </tr>
  54.  
  55.           <tr>
  56.             <th class="px-5 py-3 border-2 border-white bg-purple-100 text-left text-xs font-semibold text-gray-700 text-center" colspan="4" *ngIf="isRowEntry1">DIPINJAM</th>
  57.             <th class="px-5 py-3 border-2 border-white bg-purple-200 text-left text-xs font-semibold text-gray-700 text-center" colspan="4" *ngIf="isRowEntry1">DITUKAR</th>
  58.             <th class="px-5 py-3 border-2 border-white bg-yellow-100 text-left text-xs font-semibold text-gray-700 text-center" colspan="4" *ngIf="isRowEntry2">KELUAR KE INSITUSI</th>
  59.             <th class="px-5 py-3 border-2 border-white bg-yellow-200 text-left text-xs font-semibold text-gray-700 text-center" colspan="4" *ngIf="isRowEntry2">RELEASE</th>    
  60.           </tr>
  61.           <tr>
  62.             <th class="px-5 py-3 border-2 border-white bg-blue-100 text-left text-xs font-semibold text-gray-700 text-center" *ngIf="isRowEntry1">Mitra </th>
  63.             <th class="px-5 py-3 border-2 border-white bg-blue-100 text-left text-xs font-semibold text-gray-700 text-center" *ngIf="isRowEntry1">Proposal</th>
  64.  
  65.             <th class="px-5 py-3 border-2 border-white bg-blue-100 text-left text-xs font-semibold text-gray-700 text-center" *ngIf="isRowEntry3">Baru </th>
  66.             <th class="px-5 py-3 border-2 border-white bg-blue-100 text-left text-xs font-semibold text-gray-700 text-center" *ngIf="isRowEntry3">Lama</th>
  67.  
  68.  
  69.             <th class="px-5 py-3 border-2 border-white bg-blue-100 text-left text-xs font-semibold text-gray-700 text-center" *ngIf="isRowEntry1">JENIS JAMINAN</th>
  70.             <th class="px-5 py-3 border-2 border-white bg-blue-100 text-left text-xs font-semibold text-gray-700 text-center" *ngIf="isRowEntry1">JUMLAH</th>
  71.  
  72.  
  73.  
  74.             <th class="px-5 py-3 border-2 border-white bg-purple-100 text-left text-xs font-semibold text-gray-700 text-center" *ngIf="isRowEntry1">JUMLAH</th>
  75.             <th class="px-5 py-3 border-2 border-white bg-purple-100 text-left text-xs font-semibold text-gray-700 text-center" *ngIf="isRowEntry1">TGL PINJAMAN</th>
  76.             <th class="px-5 py-3 border-2 border-white bg-purple-100 text-left text-xs font-semibold text-gray-700 text-center" *ngIf="isRowEntry1">PEMINJAM</th>
  77.             <th class="px-5 py-3 border-2 border-white bg-purple-100 text-left text-xs font-semibold text-gray-700 text-center" *ngIf="isRowEntry1">ALASAN</th>
  78.             <th class="px-5 py-3 border-2 border-white bg-purple-200 text-left text-xs font-semibold text-gray-700 text-center" *ngIf="isRowEntry1">JUMLAH</th>
  79.             <th class="px-5 py-3 border-2 border-white bg-purple-200 text-left text-xs font-semibold text-gray-700 text-center" *ngIf="isRowEntry1">TGL PINJAMAN</th>
  80.             <th class="px-5 py-3 border-2 border-white bg-purple-200 text-left text-xs font-semibold text-gray-700 text-center" *ngIf="isRowEntry1">PEMINJAM</th>
  81.             <th class="px-5 py-3 border-2 border-white bg-purple-200 text-left text-xs font-semibold text-gray-700 text-center" *ngIf="isRowEntry1">ALASAN</th>  
  82.  
  83.            
  84.             <th class="px-5 py-3 border-2 border-white bg-blue-100 text-left text-xs font-semibold text-gray-700 text-center" *ngIf="isRowEntry2">JENIS JAMINAN</th>
  85.             <th class="px-5 py-3 border-2 border-white bg-blue-100 text-left text-xs font-semibold text-gray-700 text-center" *ngIf="isRowEntry2">JUMLAH</th>
  86.             <th class="px-5 py-3 border-2 border-white bg-yellow-100 text-left text-xs font-semibold text-gray-700 text-center" *ngIf="isRowEntry2">JUMLAH</th>
  87.             <th class="px-5 py-3 border-2 border-white bg-yellow-100 text-left text-xs font-semibold text-gray-700 text-center" *ngIf="isRowEntry2">TGL KELUAR</th>
  88.             <th class="px-5 py-3 border-2 border-white bg-yellow-100 text-left text-xs font-semibold text-gray-700 text-center" *ngIf="isRowEntry2">NAMA INSTASI</th>
  89.             <th class="px-5 py-3 border-2 border-white bg-yellow-100 text-left text-xs font-semibold text-gray-700 text-center" *ngIf="isRowEntry2">ALASAN</th>
  90.             <th class="px-5 py-3 border-2 border-white bg-yellow-200 text-left text-xs font-semibold text-gray-700 text-center" *ngIf="isRowEntry2">JUMLAH</th>
  91.             <th class="px-5 py-3 border-2 border-white bg-yellow-200 text-left text-xs font-semibold text-gray-700 text-center" *ngIf="isRowEntry2">TGL KELUAR</th>
  92.             <th class="px-5 py-3 border-2 border-white bg-yellow-200 text-left text-xs font-semibold text-gray-700 text-center" *ngIf="isRowEntry2">NAMA INSTASI</th>
  93.             <th class="px-5 py-3 border-2 border-white bg-yellow-200 text-left text-xs font-semibold text-gray-700 text-center" *ngIf="isRowEntry2">ALASAN</th>    
  94.           </tr>
  95.           </thead>
  96.           <tbody class="bg-white divide-y divide-gray-200 text-center">
  97.             <tr *ngFor="let data of modelSementara; let i=index">
  98.               <td class="px-1 py-1 border-2 border-gray-100 bg-white text-xs">{{i+1}}</td>
  99.               <td class="px-1 py-1 border-2 border-gray-100 bg-white text-xs">
  100.                 <div style="width: 150px;">{{data.idProposal}}</div>
  101.               </td>
  102.               <td class="px-1 py-1 border-2 border-gray-100 bg-white text-xs">
  103.                 <div style="width: 200px;">{{data.namaMitra}}</div>
  104.               </td>
  105.               <td class="px-1 py-1 border-2 border-gray-100 bg-white text-xs">
  106.                 <div style="width: 200px;">{{data.noSP3}}</div>
  107.               </td>
  108.               <td class="px-1 py-1 border-2 border-gray-100 bg-white text-xs">
  109.                 <div style="width: 150px;">{{data.tglSP3}}</div>
  110.               </td>
  111.               <td class="px-1 py-1 border-2 border-gray-100 bg-white text-xs">
  112.                 <div style="width: 150px;">{{data.tglPencairan}}</div>
  113.               </td>
  114.               <td class="px-1 py-1 border-2 border-gray-100 bg-white text-xs">
  115.                 <div style="width: 100px;">{{data.pembiayaanKe}}</div>
  116.               </td>
  117.               <td class="px-1 py-1 border-2 border-gray-100 bg-white text-xs">
  118.                 <div style="width: 200px;">{{data.nilaiPencairan}}</div>
  119.               </td>
  120.  
  121.               <!-- JUMLAH JAMINAN YANG DI ENTRY 1 -->
  122.               <td class="px-1 py-1 border-2 border-gray-100 bg-white text-xs" colspan="10" *ngIf="isRowEntry1">
  123.                 <table>
  124.                   <tr *ngFor="let jaminanDientry1 of RekapExcel; let i=index">
  125.                     <td class="px-1 py-1 border-b-2 border-gray-100 bg-white text-xs ">
  126.                       <div style="width: 200px;"><b>{{jaminanDientry1.nomorIdProposalBaru}}</b></div>
  127.                     </td>
  128.                     <td class="px-1 py-1 border-b-2 border-gray-100 bg-white text-xs">
  129.                       <div style="width: 100px;">{{jaminanDientry1.nomorIdProposalBaru}}</div>
  130.                     </td>
  131.                     <td class="px-1 py-1 border-b-2 border-gray-100 bg-white text-xs">
  132.                       <div style="width: 100px;">{{jaminanDientry1.nomorIdMitra}}</div>
  133.                     </td>
  134.                     <td class="px-1 py-1 border-b-2 border-gray-100 bg-white text-xs">
  135.                       <div style="width: 100px;">{{jaminanDientry1.nomorIdMitra}}</div>
  136.                     </td>
  137.                     <td class="px-1 py-1 border-b-2 border-gray-100 bg-white text-xs">
  138.                       <div style="width: 100px;">{{jaminanDientry1.nomorIdMitra}}</div>
  139.                     </td>
  140.                     <td class="px-1 py-1 border-b-2 border-gray-100 bg-white text-xs">
  141.                       <div style="width: 100px;">{{jaminanDientry1.nomorIdMitra}}</div>
  142.                     </td>
  143.  
  144.                     <td class="px-1 py-1 border-b-2 border-gray-100 bg-white text-xs">
  145.                       <div style="width: 100px;">{{jaminanDientry1.nomorIdMitra}}</div>
  146.                     </td>
  147.                     <td class="px-1 py-1 border-b-2 border-gray-100 bg-white text-xs">
  148.                       <div style="width: 100px;">{{jaminanDientry1.nomorIdMitra}}</div>
  149.                     </td>
  150.                     <td class="px-1 py-1 border-b-2 border-gray-100 bg-white text-xs">
  151.                       <div style="width: 100px;">{{jaminanDientry1.nomorIdMitra}}</div>
  152.                     </td>
  153.                     <td class="px-1 py-1 border-b-2 border-gray-100 bg-white text-xs">
  154.                       <div style="width: 100px;">{{jaminanDientry1.nomorIdMitra}}</div>
  155.                     </td>
  156.                   </tr>
  157.                 </table>
  158.               </td>
  159.               <td class="px-1 py-1 border-2 border-gray-100 bg-white text-xs" *ngIf="!isRowEntry1">-</td>
  160.  
  161.               <!-- JUMLAH JAMINAN YANG DI ENTRY 2 -->
  162.               <td class="px-1 py-1 border-2 border-gray-100 bg-white text-xs" colspan="10" *ngIf="isRowEntry2">
  163.                 <table>
  164.                   <tr *ngFor="let jaminanDientry2 of data.jaminanDientry2; let i=index">
  165.                     <td class="px-1 py-1 border-b-2 border-gray-100 bg-white text-xs">
  166.                       <div style="width: 200px;"><b>{{jaminanDientry2.jenisJaminan}}</b></div>
  167.                     </td>
  168.                     <td class="px-1 py-1 border-b-2 border-gray-100 bg-white text-xs">
  169.                       <div style="width: 100px;">{{jaminanDientry2.jumlah}}</div>
  170.                     </td>
  171.                     <td class="px-1 py-1 border-b-2 border-gray-100 bg-white text-xs">
  172.                       <div style="width: 100px;">{{jaminanDientry2.keluarKeInsitusiJumlah}}</div>
  173.                     </td>
  174.                     <td class="px-1 py-1 border-b-2 border-gray-100 bg-white text-xs">
  175.                       <div style="width: 100px;">{{jaminanDientry2.keluarKeInsitusiTglKeluar}}</div>
  176.                     </td>
  177.                     <td class="px-1 py-1 border-b-2 border-gray-100 bg-white text-xs">
  178.                       <div style="width: 100px;">{{jaminanDientry2.keluarKeInsitusiNamaInstasi}}</div>
  179.                     </td>
  180.                     <td class="px-1 py-1 border-b-2 border-gray-100 bg-white text-xs">
  181.                       <div style="width: 100px;">{{jaminanDientry2.keluarKeInsitusiAlasan}}</div>
  182.                     </td>
  183.                     <td class="px-1 py-1 border-b-2 border-gray-100 bg-white text-xs">
  184.                       <div style="width: 100px;">{{jaminanDientry2.releaseJumlah}}</div>
  185.                     </td>
  186.                     <td class="px-1 py-1 border-b-2 border-gray-100 bg-white text-xs">
  187.                       <div style="width: 100px;">{{jaminanDientry2.releaseTglRelease}}</div>
  188.                     </td>
  189.                     <td class="px-1 py-1 border-b-2 border-gray-100 bg-white text-xs">
  190.                       <div style="width: 100px;">{{jaminanDientry2.releaseNamaMitra}}</div>
  191.                     </td>
  192.                     <td class="px-1 py-1 border-b-2 border-gray-100 bg-white text-xs">
  193.                       <div style="width: 100px;">{{jaminanDientry2.releaseAlasan}}</div>
  194.                     </td>
  195.                   </tr>
  196.                 </table>
  197.               </td>
  198.               <td class="px-1 py-1 border-2 border-gray-100 bg-white text-xs" *ngIf="!isRowEntry2">-</td>
  199.  
  200.               <td class="px-1 py-1 border-2 border-gray-100 bg-white text-xs text-center">{{data.jmlJaminanTersimpan}}</td>
  201.              
  202.             </tr>
  203.           </tbody>
  204.       </table>
  205.     </div>
  206. </div>
  207.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!