API tools faq
paste
Advertisement
coffeecode12

detail-kredit-tiga-pilar.html

coffeecode12
Jul 1st, 2022
1,087
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 31.98 KB | None | 0 0
raw download clone embed print report
  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
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!