API tools faq
paste
Advertisement
coffeecode12

JAMINAN BARU

coffeecode12
Jun 12th, 2022
923
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 11.35 KB | None | 0 0
raw download clone embed print report
  1. <div class="container">
  2.   <mat-toolbar>
  3.     <span class="fill-remaining-space"></span>
  4.     <span>Jaminan Deposito</span>
  5.     <span class="fill-remaining-space"></span>
  6.   </mat-toolbar>
  7.  
  8.   <mat-card fxFlex.gt-xs="90" class="mb15">
  9.     <button mat-raised-button color="primary" style="margin-left: 10px; color: white;" (click)="addJaminanDeposito()"
  10.      [disabled]="isDisabledInput">
  11.       <mat-icon>library_add</mat-icon> Tambah
  12.     </button>
  13.     <br><br>
  14.     <mat-accordion class="example-headers-align" multi>
  15.       <mat-expansion-panel *ngFor="let lstJaminan of listDepositos; let i=index">
  16.         <mat-expansion-panel-header>
  17.           <mat-panel-title>
  18.             <b>Jaminan Deposito ({{i+1}})</b>
  19.             <button mat-raised-button color="warn" style="margin-left: 10px; color: white;"
  20.              (click)="removePengikatan(i)" [disabled]="listDepositos.length <= 1 || isDisabledInput">-</button>
  21.           </mat-panel-title>
  22.           <!-- <mat-panel-description>
  23.            Type your name and age
  24.            <mat-icon>account_circle</mat-icon>
  25.          </mat-panel-description> -->
  26.         </mat-expansion-panel-header>
  27.  
  28.         <form>
  29.           <div class="my-2">
  30.             <div class="card overflow-auto px-6 py-4">
  31.               <div fxLayout="row wrap" fxLayout.lt-sm="column" fxLayoutGap.lt-sm="0">
  32.                 <div fxFlex="100">
  33.                   <div class="sm:px-0 md:px-2 lg:px-2 xl:px-2" fxFlex="50">
  34.                     <mat-form-field appearance="outline" class="inline">
  35.                       <mat-label>No Covernote</mat-label>
  36.                       <input matInput placeholder="Masukkan Badan Hukum" [(ngModel)]="deposito.nomorCoverNote"
  37.                        [ngModelOptions]="{standalone: true}" readonly>
  38.                     </mat-form-field>
  39.                   </div>
  40.  
  41.                   <div class="sm:px-0 md:px-2 lg:px-2 xl:px-2" fxFlex="50">
  42.                     <mat-form-field appearance="outline" class="inline">
  43.                       <mat-label>Pilih Status Jaminan</mat-label>
  44.                       <mat-select [(ngModel)]="lstJaminan.statusJaminan" name="statusJaminan-{{i}}"
  45.                        (valueChange)="onChangeOperator($event)" [disabled]="isDisabledInput">
  46.                         <mat-option *ngFor="let operator of statusJaminan" [value]="operator">{{operator}}</mat-option>
  47.                       </mat-select>
  48.                     </mat-form-field>
  49.                   </div>
  50.  
  51.                 </div>
  52.  
  53.                 <div fxFlex="100">
  54.                   <div class="sm:px-0 md:px-2 lg:px-2 xl:px-2" fxFlex="50">
  55.                     <mat-form-field appearance="outline" class="inline">
  56.                       <mat-label>No.Instrumen Deposito</mat-label>
  57.                       <input matInput placeholder="Masukkan No.Instrumen Deposito"
  58.                        [(ngModel)]="lstJaminan.noInstrumentDeposito" name="noInstrumentDeposito-{{i}}"
  59.                        [disabled]="isDisabledInput">
  60.                     </mat-form-field>
  61.                   </div>
  62.  
  63.                   <div class="sm:px-0 md:px-2 lg:px-2 xl:px-2" fxFlex="50">
  64.                     <mat-form-field appearance="outline" class="inline">
  65.                       <mat-label>Atas Nama</mat-label>
  66.                       <input matInput placeholder="Masukkan Atas Nama" [(ngModel)]="lstJaminan.atasNama"
  67.                        name="atasNama-{{i}}" [disabled]="isDisabledInput">
  68.                     </mat-form-field>
  69.                   </div>
  70.                 </div>
  71.  
  72.                 <div fxFlex="100">
  73.                   <div class="sm:px-0 md:px-2 lg:px-2 xl:px-2" fxFlex="50">
  74.                     <mat-form-field appearance="outline" class="inline">
  75.                       <mat-label>Nama Bank</mat-label>
  76.                       <input matInput placeholder="Masukkan Nama Bank" [(ngModel)]="lstJaminan.namaBank"
  77.                        name="namaBank-{{i}}" [disabled]="isDisabledInput">
  78.                     </mat-form-field>
  79.                   </div>
  80.  
  81.                   <div class="sm:px-0 md:px-2 lg:px-2 xl:px-2" fxFlex="50">
  82.                     <mat-form-field appearance="outline" class="inline">
  83.                       <mat-label>Nilai (Rp)</mat-label>
  84.                       <input matInput placeholder="Masukkan Nilai" [(ngModel)]="lstJaminan.nilaiDeposito"
  85.                        name="nilaiDeposito-{{i}}" [disabled]="isDisabledInput">
  86.                     </mat-form-field>
  87.                   </div>
  88.                 </div>
  89.  
  90.                 <div fxFlex="100">
  91.                   <div class="sm:px-0 md:px-2 lg:px-2 xl:px-2" fxFlex="50">
  92.                     <mat-form-field appearance="outline" class="inline">
  93.                       <mat-label>Tanggal Jatuh Tempo</mat-label>
  94.                       <input matInput [matDatepicker]="picker2" [(ngModel)]="lstJaminan.tanggalJatuhTempo"
  95.                        name="tanggalJatuhTempo-{{i}}" [disabled]="isDisabledInput">
  96.                       <mat-datepicker-toggle matSuffix [for]="picker2"></mat-datepicker-toggle>
  97.                       <mat-datepicker #picker2></mat-datepicker>
  98.                     </mat-form-field>
  99.                   </div>
  100.  
  101.                   <div class="sm:px-0 md:px-2 lg:px-2 xl:px-2" fxFlex="50">
  102.                     <mat-form-field appearance="outline" class="inline">
  103.                       <mat-label>Pilih Jenis Deposito</mat-label>
  104.                       <mat-select placeholder="Select" (valueChange)="onChangejenisDepo($event)"
  105.                        [(ngModel)]="lstJaminan.jenisDeposito" name="jenisDeposito-{{i}}" [disabled]="isDisabledInput">
  106.                         <mat-option *ngFor="let jenisDepo of listJenisDeposito" [value]="jenisDepo">
  107.                           {{jenisDepo}}</mat-option>
  108.                       </mat-select>
  109.                     </mat-form-field>
  110.                   </div>
  111.  
  112.                 </div>
  113.  
  114.                 <div class="mb5 text-secondary body-2">Unggah Surat Kuasa Pencairan * <b
  115.                  style="color:rgb(250, 186, 24)">(Unggah File ini Bersifat Conditional tidak mandatory)</b>
  116.               </div>
  117.                 <div class="upload-block cursor-pointer" (ngxf-drop)="uploadFiles($event,i,'suratkuasa')"
  118.                  (ngxf-parse)="uploadFiles($event,i,'suratkuasa')"
  119.                   drop-class="drop"
  120.                   multiple>
  121.                   <div class="mask" style="z-index: 1;"></div>
  122.                   <mat-icon class="c-white mat-accent" style="z-index: 2;" (ngxf-select)="uploadFiles($event,i,'suratkuasa')"
  123.                   multiple>
  124.                     cloud_upload
  125.                   </mat-icon>
  126.                   <h3>Drop file and parse image into here or click here to choice file.</h3>
  127.                 </div>
  128.  
  129.                 <button mat-raised-button color="accent" style="margin-left: 10px; color: white;"
  130.                (click)="viewFile(lstJaminan.idUploadSuratKuasaPencairan)"
  131.                [disabled]="lstJaminan.idUploadSuratKuasaPencairan === ''">
  132.                   <mat-icon>cloud_upload</mat-icon> View
  133.                 </button>
  134.  
  135.                 <button mat-raised-button color="accent" style="margin-left: 10px; color: white;"
  136.                (click)="downloadFile(lstJaminan.idUploadSuratKuasaPencairan)"
  137.                 [disabled]="lstJaminan.idUploadSuratKuasaPencairan === ''">
  138.                   <mat-icon>cloud_upload</mat-icon> Download
  139.                 </button>
  140.  
  141.                 <li *ngIf="progress">
  142.                   <div class="flex">
  143.                     <h3>{{progress}} %</h3>
  144.                     <i class="fill-remain"></i>
  145.                     <mat-progress-spinner *ngIf="isUploading" mode="indeterminate" color="accent" [diameter]="30"></mat-progress-spinner>
  146.                   </div>
  147.                   <div class="progress bg-accent" [style.width]="progress + '%'"></div>
  148.                 </li>
  149.  
  150.  
  151.  
  152.  
  153.                 <div fxFlex="100">
  154.                   <div class="sm:px-0 md:px-2 lg:px-2 xl:px-2" fxFlex="50">
  155.                     <div appearance="outline" fxFlex="50" class="mb-4 file-upload">
  156.                       <div class="mb-2 text-secondary body-2">Unggah Surat Konfirm Ke Bank * <b
  157.                          style="color:rgb(250, 186, 24)">(Unggah File ini Bersifat Conditional tidak mandatory)</b>
  158.                       </div>
  159.                       <!-- <mat-error *ngIf="errMsgFileNull">File Tidak Boleh Kosong</mat-error> -->
  160.                       <file-upload (change)="uploadDokumen($event,i,'suratkonfirm')"></file-upload>
  161.  
  162.                     </div>
  163.                   </div>
  164.                 </div>
  165.  
  166.                 <div fxFlex="100">
  167.                   <div class="sm:px-0 md:px-2 lg:px-2 xl:px-2" fxFlex="50">
  168.                     <div appearance="outline" fxFlex="50" class="mb-4 file-upload">
  169.                       <div class="mb-2 text-secondary body-2">Unggah Surat Jawaban Konfirmasi * <b
  170.                          style="color:rgb(250, 186, 24)">(Unggah File ini Bersifat Conditional tidak mandatory)</b>
  171.                       </div>
  172.                       <!-- <mat-error *ngIf="errMsgFileNull">File Tidak Boleh Kosong</mat-error> -->
  173.                       <file-upload (change)="uploadDokumen($event,i,'suratjawabankonfirm')"></file-upload>
  174.  
  175.                     </div>
  176.                   </div>
  177.                 </div>
  178.  
  179.                 <div fxFlex="100">
  180.                   <div class="sm:px-0 md:px-2 lg:px-2 xl:px-2" fxFlex="50">
  181.                     <div appearance="outline" fxFlex="50" class="mb-4 file-upload">
  182.                       <div class="mb-2 text-secondary body-2">Unggah File Lainnya * <b
  183.                          style="color:rgb(250, 186, 24)">(Unggah File ini Bersifat Conditional tidak mandatory)</b>
  184.                       </div>
  185.                       <!-- <mat-error *ngIf="errMsgFileNull">File Tidak Boleh Kosong</mat-error> -->
  186.                       <file-upload (change)="uploadDokumen($event,i,'suratserahterimacust')"></file-upload>
  187.  
  188.                     </div>
  189.                   </div>
  190.  
  191.  
  192.  
  193.                 </div>
  194.  
  195.                 <div fxFlex="100">
  196.                   <div class="sm:px-0 md:px-2 lg:px-2 xl:px-2" fxFlex="50">
  197.                     <div appearance="outline" fxFlex="50" class="mb-4 file-upload">
  198.                       <div class="mb-2 text-secondary body-2"> Berita Acara Serah Terima (legal ke Custodian) * <b
  199.                          style="color:rgb(250, 186, 24)">(Unggah File ini Bersifat Conditional tidak mandatory)</b>
  200.                       </div>
  201.                       <!-- <mat-error *ngIf="errMsgFileNull">File Tidak Boleh Kosong</mat-error> -->
  202.                       <file-upload (change)="uploadDokumen($event,i,'suratserahterimalegal')"></file-upload>
  203.                     </div>
  204.                   </div>
  205.                 </div>
  206.               </div>
  207.             </div>
  208.           </div>
  209.         </form>
  210.       </mat-expansion-panel>
  211.       <br>
  212.  
  213.       <span><b>Total Nilai : {{totalNilaiDeposito | currency:'INA':'Rp ':'1.0'}}</b> </span>
  214.       <button mat-raised-button color="accent" style="margin-left: 10px; float: right; color: white;"
  215.        (click)="dialogLogs()">
  216.         <mat-icon>history</mat-icon> Logs
  217.       </button>
  218.  
  219.       <button mat-raised-button color="primary" style="margin-left: 10px; float: right;"
  220.        (click)="dialogSaveJaminanDeposito()" [disabled]="isDisabledInput">
  221.         <mat-icon>save</mat-icon> Simpan
  222.       </button>
  223.     </mat-accordion>
  224.     <br><br>
  225.   </mat-card>
  226.  
  227.  
  228.  
  229. </div>
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!