Advertisement
coffeecode12

detail-kredit-tiga-pilar.html

Jul 1st, 2022
991
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 31.98 KB | None
  1. <vex-page-layout>
  2.     <vex-secondary-toolbar current="Kredit Tiga Pilar" route="/uji-tuntas/proses-uji-tuntas/pelaksanaan-uji-tuntas/pemeriksaan-laporan-kredit/laporan-kredit/detail/10190/pilar">
  3.         <vex-breadcrumbs [crumbs]="crumbsValue"
  4.        class="flex-auto">
  5.     </vex-breadcrumbs>
  6.     </vex-secondary-toolbar>
  7.     <vex-page-layout-content>
  8.         <!-- Informasi saja -->
  9.     <div class="my-2">
  10.         <div class="card overflow-auto px-6 py-4" fxLayout="column">
  11.             <div fxFlex="100" fxLayout="column" class="mb-6" fxLayoutAlign="start">
  12.                 <label><h3>Informasi Pemeriksa</h3></label>
  13.                 <mat-divider class="-mx-2 text-border"></mat-divider>
  14.                 <div fxFlex="100" fxLayout="row" class="mt-2">
  15.                     <div fxFlex="50" fxLayout="column">
  16.                         <div *ngFor="let list of listPemeriksaan; let i = index">
  17.                             <div *ngIf="i < 2" fxLayout="row" fxFlex="100">
  18.                                 <div fxFlex="38">{{list.name}}</div>
  19.                                 <div fxFlex="2">:</div>
  20.                                 <div fxFlex="60" *ngIf=" list.name != 'Posisi Pemeriksa'">{{list.value}}</div>
  21.                                 <div fxFlex="60" *ngIf=" list.name == 'Posisi Pemeriksa'">{{list.value | date:'longDate'}}</div>
  22.                             </div>
  23.                         </div>
  24.                     </div>
  25.                     <div fxFlex="100" fxLayout="column">
  26.                         <div *ngFor="let list of listPemeriksaan; let i = index">
  27.                             <div *ngIf="i > 1" fxLayout="row" fxFlex="100">
  28.                                 <div fxFlex="38">{{list.name}}</div>
  29.                                 <div fxFlex="2">:</div>
  30.                                 <div fxFlex="60" *ngIf=" list.name != 'Posisi Pemeriksa'">{{list.value}}</div>
  31.                                 <div fxFlex="60" *ngIf=" list.name == 'Posisi Pemeriksa'">{{list.value | date:'longDate'}}</div>
  32.                             </div>
  33.                         </div>
  34.                     </div>
  35.                 </div>
  36.             </div>
  37.             <div fxFlex="100" fxLayout="column" class="mb-3">
  38.                 <label><h3>Informasi Nasabah</h3></label>
  39.                 <mat-divider class="-mx-2 text-border"></mat-divider>
  40.                 <div fxFlex="100" fxLayout="row" class="mt-2">
  41.                     <div fxFlex="50" fxLayout="column">
  42.                         <div *ngFor="let list of listNasabah; let i = index">
  43.                             <div *ngIf="i < 3" fxLayout="row" fxFlex="100">
  44.                                 <div fxFlex="38">{{list.name}}</div>
  45.                                 <div fxFlex="2">:</div>
  46.                                 <div fxFlex="60" *ngIf=" list.name !== 'Nama Nasabah'">{{list.value | parenthesis}}</div>
  47.                                 <div fxFlex="60" *ngIf=" list.name === 'Nama Nasabah'">{{list.value}}</div>
  48.                             </div>
  49.                         </div>
  50.                     </div>
  51.                     <div fxFlex="100" fxLayout="column">
  52.                         <div *ngFor="let list of listNasabah; let i = index">
  53.                             <div *ngIf="i > 2" fxLayout="row" fxFlex="100">
  54.                                 <div fxFlex="38">{{list.name}}</div>
  55.                                 <div fxFlex="2">:</div>
  56.                                 <div fxFlex="60" *ngIf=" list.name !== 'DPD (hari)'">{{list.value | parenthesis}}</div>
  57.                                 <div fxFlex="60" *ngIf=" list.name === 'DPD (hari)'">{{list.value}}</div>
  58.                             </div>
  59.                         </div>
  60.                     </div>
  61.                 </div>
  62.             </div>
  63.            
  64.             <form [formGroup]="informasiNasabahFormGroup">
  65.             <div fxFlex="100" fxLayout="row" class="mb-4">
  66.                 <div fxFlex="50" fxLayout="column" fxLayoutAlign="start" class="mr-2">
  67.                     <label><b>Group (One Obligor)</b></label>
  68.                     <div fxFlex="100" fxLayout="column" class="mt-2">
  69.                         <div fxFlex="50" fxLayout="column">
  70.                             <div fxLayout="row" fxFlex="100">
  71.                                 <div fxFlex="40" fxLayoutAlign="start center">Nasabah bergerak di bidang</div>
  72.                                 <div fxFlex="60">
  73.                                     <mat-form-field appearance="outline" class="flex-auto">
  74.                                         <input matInput maxlength="255"  formControlName="nasabahBergerakdiBidang">
  75.                                         <mat-error *ngIf="informasiNasabahFormGroup.controls.nasabahBergerakdiBidang.hasError('required')">Wajib Diisi</mat-error>
  76.                                     </mat-form-field>
  77.                                 </div>
  78.                             </div>
  79.                             <div fxLayout="row" fxFlex="100">
  80.                                 <div fxFlex="40" fxLayoutAlign="start center">Mulai beroperasi sejak</div>
  81.                                 <div fxFlex="60">
  82.                                     <mat-form-field appearance="outline" class="flex-auto">
  83.                                         <input type="number" matInput maxlength="255"  formControlName="mulaiBeroperasiSejak">
  84.                                         <mat-error *ngIf="informasiNasabahFormGroup.controls.mulaiBeroperasiSejak.hasError('required')">Wajib Diisi</mat-error>
  85.                                     </mat-form-field>
  86.                                 </div>
  87.                             </div>
  88.                         </div>
  89.                     </div>
  90.                 </div>
  91.                 <div fxFlex="100" fxLayout="column" fxLayoutAlign="start" class="mr-2">
  92.                     <label><b>Keterangan Usaha dan Riwayat Pembiayaan di Bank</b></label>
  93.                     <div fxFlex="100" fxLayout="column" class="mt-2">
  94.                         <div fxFlex="50" fxLayout="column">
  95.                             <div fxLayout="row" fxFlex="100">
  96.                                 <div fxFlex="40" fxLayoutAlign="start center">Nasabah mendapatkan pembiayaan dari Bank sejak</div>
  97.                                 <div fxFlex="60">
  98.                                     <mat-form-field appearance="outline">
  99.                                         <input matInput [matDatepicker]="nasabahMenPembiayaanBankSejak" formControlName="nasabahMenPembiayaanBankSejak">
  100.                                         <mat-datepicker-toggle matSuffix [for]="nasabahMenPembiayaanBankSejak"></mat-datepicker-toggle>
  101.                                         <mat-datepicker #nasabahMenPembiayaanBankSejak></mat-datepicker>
  102.                                         <mat-error *ngIf="informasiNasabahFormGroup.controls.nasabahMenPembiayaanBankSejak.hasError('required')">Wajib Diisi</mat-error>
  103.                                     </mat-form-field>
  104.                                 </div>
  105.                             </div>
  106.                             <div fxLayout="row" fxFlex="100">
  107.                                 <div fxFlex="40" fxLayoutAlign="start center">Dengan plafond awal</div>
  108.                                 <div fxFlex="60">
  109.                                     <mat-form-field appearance="outline" class="flex-auto">
  110.                                         <input type="number" matInput maxlength="255"  formControlName="denganPlafonAwal">
  111.                                         <mat-error *ngIf="informasiNasabahFormGroup.controls.denganPlafonAwal.hasError('required')">Wajib Diisi</mat-error>
  112.                                     </mat-form-field>
  113.                                 </div>
  114.                             </div>
  115.                             <div fxLayout="row" fxFlex="100">
  116.                                 <div fxFlex="40" fxLayoutAlign="start center">Pernah mendapatkan restruktur sebanyak</div>
  117.                                 <div fxFlex="60">
  118.                                     <mat-form-field appearance="outline" class="flex-auto">
  119.                                         <input type="number" matInput maxlength="255"  formControlName="pernahMenRestrukturSebanyak">
  120.                                         <mat-error *ngIf="informasiNasabahFormGroup.controls.pernahMenRestrukturSebanyak.hasError('required')">Wajib Diisi</mat-error>
  121.                                     </mat-form-field>
  122.                                 </div>
  123.                             </div>
  124.                         </div>
  125.                     </div>
  126.                 </div>
  127.             </div>
  128.             </form>
  129.             <div fxFlex="100" fxLayoutAlign="end">
  130.                 <button class="ml-4 mt-2" color="primary" fxFlex="none" mat-raised-button matTooltip="Simpan" type="button" (click)="saveInformasiNasabah(false)" [disabled]="isSimpan">
  131.                     Simpan
  132.                 </button>
  133.             </div>
  134.            
  135.         </div>
  136.     </div>
  137.     <div class="my-2">
  138.         <div class="card overflow-auto px-6 py-4">
  139.             <div>
  140.                 <div [formGroup]="formPenilaian">
  141.                     <p-table [value]="rowsPenilaian" [lazy]="true" #dt styleClass="p-datatable-md md-theme"
  142.                                    responsiveLayout="scroll"
  143.                                    [loading]="isLoading">
  144.                         <ng-template pTemplate="header">
  145.                             <tr>
  146.                                 <th>Faktor Penilaian Kualitas Pembiayaan</th>
  147.                                 <th>Kol Pemeriksa</th>
  148.                                 <th>Catatan</th>
  149.                                 <th>Dokumen Pendukung</th>
  150.                             </tr>
  151.                         </ng-template>
  152.                         <ng-template pTemplate="body" formArrayName="penilaianList">
  153.                             <tr *ngFor="let penilaian of listPenilaian.controls; let i = index">
  154.                                 <td>
  155.                                     <span>{{penilaian.value.faktorPenilaian}}</span>
  156.                                 </td>
  157.                                 <td [formGroup]="penilaian">
  158.                                     <mat-form-field appearance="outline">
  159.                                         <mat-select formControlName="kolPemeriksa" type="text" matInput required>
  160.                                             <mat-option *ngFor="let data of listKolPemeriksa" [value]="data.id">{{data.name}}</mat-option>
  161.                                         </mat-select>
  162.                                     </mat-form-field>
  163.                                 </td>
  164.                                 <td [formGroup]="penilaian">
  165.                                     <mat-form-field appearance="outline" class="mt-6 flex-auto">
  166.                                         <mat-label>catatan</mat-label>
  167.                                         <textarea matInput placeholder="catatan" formControlName="catatan"></textarea>
  168.                                     </mat-form-field>
  169.                                 </td>
  170.                                 <td>
  171.                                     <button (click)="upload(penilaian.value)" color="primary" mat-raised-button
  172.                                    matTooltip="Upload" type="button" [disabled]="isSimpan">
  173.                                         Upload
  174.                                     </button>
  175.                                 </td>
  176.                             </tr>
  177.                         </ng-template>
  178.                     </p-table>
  179.                 </div>
  180.             </div>
  181.             <div class="mt-2" fxLayout="row">
  182.                 <div fxFlex="100" fxLayoutAlign="end">
  183.                     <button class="ml-4 mt-2" color="primary" fxFlex="none" mat-raised-button matTooltip="Simpan" type="button" (click)="simpanPenilaian('update',false)" [disabled]="isSimpan">
  184.                         Simpan
  185.                     </button>
  186.                 </div>
  187.             </div>
  188.             <!-- <div>
  189.                <p-table
  190.                [value]="rows"
  191.                dataKey="id"
  192.                #dt
  193.                styleClass="p-datatable-md md-theme"
  194.                [columns]="columns"
  195.                [lazy]="true"
  196.                (onLazyLoad)="updatePage($event)"
  197.                [loading]="isLoading"
  198.                responsiveLayout="scroll"
  199.                [responsive]="true"
  200.                [paginator]="false"
  201.                [rows]="pageSize"
  202.                [showCurrentPageReport]="true">
  203.                    <ng-template pTemplate="header" let-columns>
  204.                        <tr>
  205.                            <th colspan="3"></th>
  206.                            <th colspan="4" class="text-center">Data Bank</th>
  207.                            <th colspan="5" class="text-center">Data Bank</th>
  208.                            <th colspan="2"></th>
  209.                        </tr>
  210.                        <tr>
  211.                            <th>No.</th>
  212.                            <th>No. CIF</th>
  213.                            <th>Nama Nasabah</th>
  214.                            <th>Kolektibilitas</th>
  215.                            <th>Plafond</th>
  216.                            <th>Baki Debet</th>
  217.                            <th>PPA/CKPN</th>
  218.                            <th>Kolektibilitas</th>
  219.                            <th>Plafond</th>
  220.                            <th>Baki Debet</th>
  221.                            <th>Nilai Agunan Pengurang PPA</th>
  222.                            <th>PPA/CKPN</th>
  223.                            <th>Nama Pemeriksa</th>
  224.                            <th>Action</th>
  225.                        </tr>
  226.                    </ng-template>
  227.                    <ng-template pTemplate="body" let-data let-rowData>
  228.                        <tr>
  229.                            <td>1</td>
  230.                            <td>01000010</td>
  231.                            <td>Abd Khadir</td>
  232.                            <td>2</td>
  233.                            <td>3</td>
  234.                            <td>4</td>
  235.                            <td>5</td>
  236.                            <td>
  237.                                <mat-form-field appearance="outline">
  238.                                    <input matInput placeholder="Masukan Kolektibilitas">
  239.                                </mat-form-field>
  240.                            </td>
  241.                            <td>
  242.                                <mat-form-field appearance="outline">
  243.                                    <input matInput placeholder="Masukan Plafond">
  244.                                </mat-form-field>
  245.                            </td>
  246.                            <td>
  247.                                <mat-form-field appearance="outline">
  248.                                    <input matInput placeholder="Masukan Baki Debet">
  249.                                </mat-form-field>
  250.                            </td>
  251.                            <td>
  252.                                <mat-form-field appearance="outline">
  253.                                    <input matInput placeholder="Masukan Nilai Agunan Pengurang PPA">
  254.                                </mat-form-field>
  255.                            </td>
  256.                            <td>
  257.                                <mat-form-field appearance="outline">
  258.                                    <input matInput placeholder="Masukan PPA/CKPN">
  259.                                </mat-form-field>
  260.                            </td>
  261.                            <td>Septian</td>
  262.                            <td>
  263.                                <button color="primary" mat-raised-button matTooltip="Proses" type="button">
  264.                                    Proses
  265.                                </button>
  266.                            </td>
  267.                        </tr>
  268.                    </ng-template>
  269.                </p-table>
  270.            </div> -->
  271.         </div>        
  272.     </div>
  273.  
  274.     <div class="my-2">
  275.         <div class="card overflow-auto px-6 py-4">
  276.             <label class="mx-1">SUMMARY HASIL ANALISIS 3 PILAR DAN PENCADANGAN</label>
  277.             <form [formGroup]="summaryFormGroup">
  278.                 <div fxLayout="row wrap" class="mt-4">
  279.                     <table class="w-full">
  280.                         <tr>
  281.                             <td>
  282.                                 <mat-form-field appearance="outline">
  283.                                     <mat-label>Kol Nasabah (Bank) (field kualitas)</mat-label>
  284.                                     <input matInput placeholder="Masukan Kol Nasabah" formControlName="KolNasabahBankSummary">
  285.                                 </mat-form-field>
  286.                             </td>
  287.                             <td>
  288.                                 <mat-form-field appearance="outline">
  289.                                     <mat-label>Plafond (Pemeriksa)</mat-label>
  290.                                     <input type="number" min="0" matInput placeholder="Masukkan Plafond" formControlName="PlafonSummary">
  291.                                     <mat-error *ngIf="summaryFormGroup.controls.PlafonSummary.hasError('required')">Plafon(pemeriksa) Wajib Diisi</mat-error>
  292.                                 </mat-form-field>
  293.                             </td>
  294.                             <td>
  295.                                 <mat-form-field appearance="outline">
  296.                                     <mat-label>Baki Debet(Pemeriksa)</mat-label>
  297.                                     <input type="number" min="0" matInput placeholder="Masukkan Baki Debet" formControlName="BakiDebetSummary" >
  298.                                     <mat-error *ngIf="summaryFormGroup.controls.BakiDebetSummary.hasError('required')">Baki Debet(pemeriksa) Wajib Diisi</mat-error>
  299.                                 </mat-form-field>
  300.                             </td>
  301.                         </tr>
  302.                         <tr>
  303.                             <td>
  304.                                 <mat-form-field appearance="outline">
  305.                                     <mat-label>Kol Nasabah (Pemeriksa)</mat-label>
  306.                                     <!-- <input  matInput placeholder="Masukan Kol Nasabah" formControlName="KolNasabahPemeriksaSummary"> -->
  307.                                     <mat-select formControlName="KolNasabahPemeriksaSummary" type="number" matInput required>
  308.                                         <mat-option [value]="'1'">1</mat-option>
  309.                                         <mat-option [value]="'2'">2</mat-option>
  310.                                         <mat-option [value]="'3'">3</mat-option>
  311.                                         <mat-option [value]="'4'">4</mat-option>
  312.                                         <mat-option [value]="'5'">5</mat-option>
  313.                                     </mat-select>
  314.                                 </mat-form-field>
  315.                             </td>
  316.                             <td>
  317.                                 <mat-form-field appearance="outline">
  318.                                     <mat-label>PPA (Bank)</mat-label>
  319.                                     <input matInput placeholder="Masukkan PPA" formControlName="PPABankSummary">
  320.                                 </mat-form-field>
  321.                             </td>
  322.                             <td>
  323.                                 <mat-form-field appearance="outline">
  324.                                     <mat-label>PPA (Pemeriksa)</mat-label>
  325.                                     <input type="number" min="0" matInput placeholder="Masukkan PPA" formControlName="PPAPemeriksaSummary">
  326.                                     <mat-error *ngIf="summaryFormGroup.controls.PPAPemeriksaSummary.hasError('required')">PPA(pemeriksa) Wajib Diisi</mat-error>
  327.                                 </mat-form-field>
  328.                             </td>
  329.                         </tr>
  330.                     </table>
  331.                 </div>
  332.            
  333.                 <mat-dialog-content class="px-6 py-4" fxLayout="column">
  334.                     <div fxFlex="50" class="mb-2 mt-2 ml-2">
  335.                         <div class="mb-2 text-secondary body-2">
  336.                             Catatan
  337.                         </div>
  338.                         <editor style="margin-bottom: 1.4375em;" appearance="outline" matInput formControlName="CatatanPemeriksaSummary" [init]="{
  339.                            base_url: '/tinymce',
  340.                            height: 300,
  341.                            plugins: [
  342.                                'advlist autolink lists link image charmap print preview anchor',
  343.                                'searchreplace visualblocks code fullscreen',
  344.                                'insertdatetime media table paste code help wordcount'
  345.                            ],
  346.                            visual: false,
  347.                            toolbar: 'undo redo | formatselect | bold italic backcolor | \
  348.                            alignleft aligncenter alignright alignjustify | \
  349.                            bullist numlist outdent indent | removeformat | help'}">
  350.                         </editor>
  351.                     </div>
  352.                       <div fxLayoutAlign="end center" class="mr-5" fxLayoutGap="8px">
  353.                     </div>
  354.                     <div class="mb-5 mr-3" fxLayout="row" fxLayoutAlign="end center">
  355.                         <button *ngIf="!isSummarySaved" style="margin-bottom: 15px" color="primary" mat-raised-button matTooltip="Simpan" type="button" (click)="saveSummary(false)" [disabled]="isSimpan">
  356.                             Simpan
  357.                         </button>
  358.                         <button *ngIf="isSummarySaved" style="margin-bottom: 15px" color="primary" mat-raised-button matTooltip="Ubah" type="button" (click)="editSummary()" [disabled]="isSimpan">
  359.                             Ubah
  360.                         </button>
  361.                     </div>
  362.                 </mat-dialog-content>
  363.             </form>
  364.         </div>        
  365.     </div>
  366.  
  367.     <div class="my-2">
  368.         <div class="card overflow-auto px-6 py-4" fxLayout="column">
  369.             <div fxFlex="100" class="my-2">
  370.                 <button (click)="tambahInfoAgunan()" class="ml-4" color="primary" fxFlex="none" mat-raised-button matTooltip="Tambah Data" type="button" [disabled]="isSimpan">
  371.                     <mat-icon [icIcon]="icAdd"></mat-icon>
  372.                     Tambah
  373.                 </button>
  374.                 <button (click)="deleteAgunan()" color="warn" class="ml-2" mat-raised-button matTooltip="Hapus" type="button" [disabled]="isSimpan">
  375.                     <mat-icon style="font-size:24px" [icIcon]="icDelete"></mat-icon>
  376.                     Hapus
  377.                 </button>
  378.             </div>
  379.             <div>
  380.                 <p-table
  381.                [value]="rowsInformasiAgunan"
  382.                dataKey="id"
  383.                #dt
  384.                styleClass="p-datatable-gridlines md-theme"
  385.                [columns]="columns"
  386.                [lazy]="true"
  387.                (onLazyLoad)="updatePage($event)"
  388.                [loading]="isLoading"
  389.                responsiveLayout="scroll"
  390.                [responsive]="true"
  391.                [paginator]="true"
  392.                [rows]="pageSize"
  393.                [showCurrentPageReport]="true"
  394.                [totalRecords]="recordsTotal"
  395.                currentPageReportTemplate="Showing {first} to {last} of {totalRecords} entries"
  396.                [rowsPerPageOptions]="[5,10,25,50]">
  397.                     <ng-template pTemplate="header" let-columns>
  398.                         <tr>
  399.                             <th rowspan="3">
  400.                                 <mat-checkbox color="primary" (change)= "checkUncheckAll(true)" formControlName="isCheckedAll"></mat-checkbox>
  401.                             </th>
  402.                             <th rowspan="3">Jenis Agunan</th>
  403.                             <th rowspan="3">Kategori Agunan</th>
  404.                             <th rowspan="3">Deskripsi Agunan</th>
  405.                             <th colspan="5" class="text-center">Penilaian Jaminan</th>
  406.                             <th colspan="3" class="text-center">Dokumen Jaminan dan Pengikatan</th>
  407.                             <th colspan="4" class="text-center">Asuransi Jaminan</th>
  408.                             <th colspan="5" class="text-center">Agunan Dapat Dijadikan Pengurangan PPA</th>
  409.                             <th rowspan="3">Nilai Agunan Yang Diakui</th>
  410.                             <th rowspan="3">Jk Waktu Penilaian</th>
  411.                             <th rowspan="3">Bobot Agunan</th>
  412.                             <th rowspan="3">Agunan Yang Dapat Digunakan Sebagai Pengurang PPA</th>
  413.                             <th rowspan="3">Action</th>
  414.                         </tr>
  415.                         <tr>
  416.                             <th>Nilai Pasar Jaminan</th>
  417.                             <th>Nilai Likuidasi Jaminan</th>
  418.                             <th>Pihak Penilai</th>
  419.                             <th>Tgl Penilaian</th>
  420.                             <th>Nama Penilai</th>
  421.                             <th>Jenis dan No.</th>
  422.                             <th>Jenis dan No.</th>
  423.                             <th>Jumlah</th>
  424.                             <th colspan="2">Asuransi</th>
  425.                             <th>Banker's Clause</th>
  426.                             <th>Jatuh Tempo</th>
  427.                             <th>Pihak Penilai</th>
  428.                             <th>Dok Kepemilikan</th>
  429.                             <th>Dok Pengikatan</th>
  430.                             <th>Asuransi</th>
  431.                             <th>Kesimpulan</th>
  432.                         </tr>
  433.                         <tr>
  434.                             <th>(Rp)</th>
  435.                             <th>(Rp)</th>
  436.                             <th>(Independen/Internal)</th>
  437.                             <th>DD-MMM-YY</th>
  438.                             <th>(KJPP/Internal)</th>
  439.                             <th>Dokumen Kepemilikan Jaminan</th>
  440.                             <th>Pengikatan Jaminan</th>
  441.                             <th>Pengikatan</th>
  442.                             <th>(Ya/Tidak)</th>
  443.                             <th>Penjamin</th>
  444.                             <th>(Ya/Tidak)</th>
  445.                             <th>Asuransi</th>
  446.                             <th>(Ya/Tidak)</th>
  447.                             <th>(Ya/Tidak)</th>
  448.                             <th>(Ya/Tidak)</th>
  449.                             <th>(Ya/Tidak)</th>
  450.                             <th>(Ya/Tidak)</th>
  451.                         </tr>
  452.                     </ng-template>
  453.                     <ng-template pTemplate="body" let-data let-dataInformasi>
  454.                         <tr>
  455.                             <td style="width: 3rem">
  456.                                 <mat-checkbox color="primary" [checked]="data.sampling" (change)="checkboxSelected($event,data.id)"></mat-checkbox>
  457.                             </td>
  458.                             <!-- <td>{{i + 1}}</td>
  459.                            <td>
  460.                                <mat-form-field appearance="outline" class="mt-6 flex-auto">
  461.                                    <input matInput placeholder="">
  462.                                </mat-form-field>
  463.                            </td> -->
  464.                             <td>{{dataInformasi.jenisAgunan}}</td>
  465.                             <td>{{dataInformasi.kategoriAgunan}}</td>
  466.                             <td>{{dataInformasi.deskripsiAgunan}}</td>
  467.                             <td>{{dataInformasi.nilaiPasarJaminan | parenthesis}}</td>
  468.                             <td>{{dataInformasi.nilaiLikuidasiJaminan | parenthesis}}</td>
  469.                             <td>{{dataInformasi.pihakPenilai}}</td>
  470.                             <td>{{dataInformasi.tanggalPenilai | date: 'mediumDate'}}</td>
  471.                             <td>{{dataInformasi.namaPenilai}}</td>
  472.                             <td>{{dataInformasi.dokumenKepemilikanJaminan}}</td>
  473.                             <td>{{dataInformasi.pengikatanJaminan}}</td>
  474.                             <td>{{dataInformasi.jumlahPengikatan | parenthesis}}</td>
  475.                             <td *ngIf="dataInformasi.isAsuransiJaminan == true">Ya</td>
  476.                             <td *ngIf="dataInformasi.isAsuransiJaminan == false">Tidak</td>
  477.                             <td>{{dataInformasi.penjaminAsuransi}}</td>
  478.                             <td *ngIf="dataInformasi.isBanker == true">Ya</td>
  479.                             <td *ngIf="dataInformasi.isBanker == false">Tidak</td>
  480.                             <td>{{dataInformasi.jatuhTempoAsuransi | date: 'mediumDate'}}</td>
  481.                             <td *ngIf="dataInformasi.isPihakPenilai == true">Ya</td>
  482.                             <td *ngIf="dataInformasi.isPihakPenilai == false">Tidak</td>
  483.                             <td>{{dataInformasi.dokKepemilikan}}</td>
  484.                             <td>{{dataInformasi.dokPengikat}}</td>
  485.                             <td *ngIf="dataInformasi.isAsuransiPPA == true">Ya</td>
  486.                             <td *ngIf="dataInformasi.isAsuransiPPA == false">Tidak</td>
  487.                             <td *ngIf="dataInformasi.isKesimpulan == true">Ya</td>
  488.                             <td *ngIf="dataInformasi.isKesimpulan == false">Tidak</td>
  489.                             <td>{{dataInformasi.nilaiAgunanYgDiAkui}}</td>
  490.                             <td>{{dataInformasi.jangkaWaktuPenilaian}}</td>
  491.                             <td>{{dataInformasi.bobotAgunan}}</td>
  492.                             <td>{{dataInformasi.agunanPengurangPPA}}</td>
  493.                             <td>
  494.                                 <button (click)="editInfoAgunan(dataInformasi.id)" class="ml-4" color="primary" fxFlex="none"
  495.                                    mat-raised-button matTooltip="Edit Data" type="button" [disabled]="isSimpan">Edit
  496.                                 </button>
  497.                             </td>
  498.                         </tr>
  499.                     </ng-template>
  500.  
  501.                     <ng-template pTemplate="footer" let-columns>
  502.                         <tr>
  503.                             <th></th>
  504.                             <th></th>
  505.                             <th></th>
  506.                             <th></th>
  507.                             <th></th>
  508.                             <th></th>
  509.                             <th></th>
  510.                             <th></th>
  511.                             <th></th>
  512.                             <th></th>
  513.                             <th></th>
  514.                             <th></th>
  515.                             <th></th>
  516.                             <th></th>
  517.                             <th></th>
  518.                             <th></th>
  519.                             <th></th>
  520.                             <th></th>
  521.                             <th></th>
  522.                             <th></th>
  523.                             <th></th>
  524.                             <th>
  525.                             <div>TOTAL:{{totalNilaiagunan}}</div>
  526.                             </th>
  527.                             <th></th>
  528.                             <th></th>
  529.                             <th>
  530.                             <div>TOTAL:{{totalPPA}}</div>
  531.                             </th>
  532.                             <!-- <ng-container *ngIf="rows?.length > 0" >
  533.                                <ng-container *ngFor="let total of total">
  534.                                    <th *ngFor="let col of bankColumns">
  535.                                        <span style="white-space: nowrap;">{{ total[col.total] }}</span>
  536.                                    </th>
  537.                                </ng-container>
  538.                            </ng-container>
  539.                            <th></th>
  540.                            <th></th>
  541.                            <th></th> -->
  542.                         </tr>
  543.                     </ng-template>
  544.  
  545.            
  546.                        
  547.                 </p-table>
  548.             </div>
  549.             <div fxFlex="100" fxLayoutAlign="end">
  550.                 <button class="ml-4 mt-2" color="primary" fxFlex="none" mat-raised-button matTooltip="Kirim" type="button" (click)="submit()" [disabled]="isSimpan">
  551.                     Kirim
  552.                 </button>
  553.             </div>
  554.         </div>        
  555.     </div>
  556.     </vex-page-layout-content>
  557. </vex-page-layout>
Advertisement
RAW Paste Data Copied
Advertisement