API tools faq
paste
Advertisement
coffeecode12

Pinjam Jaminan

coffeecode12
Jun 30th, 2021
1,340
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 23.38 KB | None | 0 0
raw download clone embed print report
  1. <!-- HALAMAN -->
  2. <div class="mx-2">
  3.     <div class="bg-white rounded-md h-12 flex items-center justify-between shadow-lg">
  4.       <div class="p-4 text-gray-400 text-xs sm:text-sm">Pinjam Jaminan</div>
  5.       <div class="p-4 cursor-pointer" (click)="get()">
  6.         <svg class="w-5 hover:text-blue-600" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
  7.             <path fill-rule="evenodd" d="M4 2a1 1 0 011 1v2.101a7.002 7.002 0 0111.601 2.566 1 1 0 11-1.885.666A5.002 5.002 0 005.999 7H9a1 1 0 010 2H4a1 1 0 01-1-1V3a1 1 0 011-1zm.008 9.057a1 1 0 011.276.61A5.002 5.002 0 0014.001 13H11a1 1 0 110-2h5a1 1 0 011 1v5a1 1 0 11-2 0v-2.101a7.002 7.002 0 01-11.601-2.566 1 1 0 01.61-1.276z" clip-rule="evenodd" />
  8.           </svg>
  9.       </div>
  10.     </div>
  11. </div>
  12.  
  13. <!-- CONTENT -->
  14. <div class="mx-2 mt-5">
  15.  
  16.  
  17.  
  18.       <div class="m-2 flex flex-col">
  19.         <!-- <div class="grid grid-cols-1 gap-1 m-4">
  20.          <div class="">
  21.            <label>Periode Tanggal </label>
  22.          </div>
  23.          <div class="">
  24.            <input type="date" class="text-xs border-2 w-48 border-gray-400 px-3 h-6 shadow-inner text-gray-500 bg-white"
  25.            name="startDate" [ngModel]="tglFilter.startDate  | date:'yyyy-MM-dd'" (change)="gantiFormatTgl1($event)">
  26.          </div>
  27.          <div class="">S/D</div>
  28.          <div class="">
  29.            <input type="date" class="text-xs border-2 w-48 border-gray-400 px-3 h-6 shadow-inner text-gray-500  bg-white"
  30.            name="endDate" [ngModel]="tglFilter.endDate  | date:'yyyy-MM-dd'" (change)="gantiFormatTgl2($event)">
  31.          </div>
  32.        </div> -->
  33.  
  34.         <div class="flex flex-col sm:flex-row sm:justify-between m-4 pt-5 text-xs sm:text-sm space-y-2">
  35.           <div class="inline">
  36.             <label>Pilih Provinsi </label>
  37.             <select class="focus:ring-indigo-500 focus:border-indigo-500 h-full py-0 pl-2 pr-7 border-transparent bg-transparent text-gray-500 sm:text-sm rounded-md shadow-md"
  38.            name="provinsi"
  39.            (change)="selectLoopProvinsi()"
  40.            [(ngModel)]="tbl.provinsi">
  41.             <option disabled
  42.                [selected]="tbl.provinsi == null  || tbl.provinsi == ''"
  43.                value="">Pilih Provinsi</option>
  44.             <option
  45.                *ngFor="let provinsi of provinsis;"
  46.                [ngValue]="provinsi.id">
  47.                 {{provinsi.deskripsi}}</option>
  48.         </select>
  49.  
  50.  
  51.           </div>
  52.           <div class="inline">
  53.             <label class="mr-3">Cari Berdasarkan</label>
  54.             <select class="p-1 bg-white text-gray-700 shadow-md rounded-lg" name="modelSlctBerdasarkan" [(ngModel)]="modelSlctBerdasarkan" (change)="selectBerdasarkan($event)">
  55.               <option *ngFor="let cariberdasarkan of arraySlctBerdasarkan">{{cariberdasarkan}}</option>
  56.             </select>
  57.           </div>
  58.         </div>
  59.  
  60.        
  61.         <div class="flex flex-col sm:flex-row sm:justify-between m-4 pt-5 text-xs sm:text-sm space-y-2">
  62.           <div class="inline">
  63.             <label>Pilih Kabupaten </label>
  64.             <select class="focus:ring-indigo-500 focus:border-indigo-500 h-full py-0 pl-2 pr-7 border-transparent bg-transparent text-gray-500 sm:text-sm rounded-md shadow-md"
  65.            name="idKab"
  66.            (change)="selectLoopKabupaten()"
  67.            [(ngModel)]="tbl.idKab">
  68.             <option disabled
  69.                [selected]="tbl.idKab == null || tbl.idKab == ''"
  70.                value="">Pilih Kabupaten</option>
  71.             <option
  72.                *ngFor="let kabupaten of kabupatens;"
  73.                [ngValue]="kabupaten.id">
  74.                 {{kabupaten.deskripsi}}</option>
  75.         </select>
  76.  
  77.  
  78.  
  79.           </div>
  80.  
  81.           <div class="inline" *ngIf="modelSlctBerdasarkan === 'ID Mitra' || modelSlctBerdasarkan === 'Status'">
  82.             <input class="appearance-none border border-transparent py-1 px-3 bg-white text-gray-700 placeholder-gray-400 shadow-md rounded-lg focus:outline-none focus:ring-2 focus:ring-purple-600 focus:border-transparent"
  83.            type="text" placeholder="{{modelSlctBerdasarkan}} ..." (keyup)="searchStringType($event, modelSlctBerdasarkan)" value="">
  84.           </div>
  85.           <div class="inline" *ngIf="modelSlctBerdasarkan === 'ID Proposal'">
  86.             <input class="appearance-none border border-transparent py-1 px-3 bg-white text-gray-700 placeholder-gray-400 shadow-md rounded-lg focus:outline-none focus:ring-2 focus:ring-purple-600 focus:border-transparent"
  87.            type="number" placeholder="{{modelSlctBerdasarkan}} ..." (keyup)="searchNumberType($event, modelSlctBerdasarkan)" value="">
  88.           </div>
  89.         </div>
  90.  
  91.         <div class="flex flex-col sm:flex-row sm:justify-between m-4 pt-5 text-xs sm:text-sm space-y-2">
  92.             <div class="inline">
  93.               <label>Pilih Kecamatan </label>
  94.               <select class="focus:ring-indigo-500 focus:border-indigo-500 h-full py-0 pl-2 pr-7 border-transparent bg-transparent text-gray-500 sm:text-sm rounded-md shadow-md"
  95.              name="idKec"
  96.              [(ngModel)]="tbl.idKec"
  97.              (change)="selectLoopKecamatan()"
  98.              [(ngModel)]="tbl.idKec">
  99.               <option disabled
  100.                  [selected]="tbl.idKec == null || tbl.idKec == ''"
  101.                  value="">Pilih Pecamatan</option>
  102.               <option
  103.              *ngFor="let kecamatan of kecamatans;"
  104.              [ngValue]="kecamatan.id">
  105.               {{kecamatan.deskripsi}}</option>
  106.           </select>
  107.  
  108.  
  109.  
  110.             </div>
  111.  
  112.             <div class="inline">
  113.              
  114.             </div>
  115.             <div class="inline" >
  116.              
  117.             </div>
  118.           </div>
  119.  
  120.  
  121.    
  122.  
  123.         <!-- <div *ngIf="loadingPage" class="flex flex justify-center h-screen"><img class="max-w-sm" src="../../../assets/img/spinner.svg" alt="loading"></div> -->
  124.         <div class="animate-pulse" *ngIf="loadingPage">
  125.             <div class="h-3 bg-gray-200 mt-3 mb-6 rounded"></div>
  126.             <div class="h-3 bg-gray-300 mb-6 rounded"></div>
  127.             <div class="h-3 bg-gray-200 mb-6 rounded"></div>
  128.             <div class="h-3 bg-gray-300 mb-6 rounded"></div>
  129.             <div class="h-3 bg-gray-200 mb-6 rounded"></div>
  130.  
  131.             <div class="h-3 bg-gray-200 mt-3 mb-6 rounded"></div>
  132.             <div class="h-3 bg-gray-300 mb-6 rounded"></div>
  133.             <div class="h-3 bg-gray-200 mb-6 rounded"></div>
  134.             <div class="h-3 bg-gray-300 mb-6 rounded"></div>
  135.             <div class="h-3 bg-gray-200 mb-6 rounded"></div>
  136.  
  137.             <div class="h-3 bg-gray-200 mt-3 mb-6 rounded"></div>
  138.             <div class="h-3 bg-gray-300 mb-6 rounded"></div>
  139.             <div class="h-3 bg-gray-200 mb-6 rounded"></div>
  140.             <div class="h-3 bg-gray-300 mb-6 rounded"></div>
  141.             <div class="h-3 bg-gray-200 mb-6 rounded"></div>
  142.  
  143.             <div class="h-3 bg-gray-200 mt-3 mb-6 rounded"></div>
  144.             <div class="h-3 bg-gray-300 mb-6 rounded"></div>
  145.             <div class="h-3 bg-gray-200 mb-6 rounded"></div>
  146.             <div class="h-3 bg-gray-300 mb-6 rounded"></div>
  147.             <div class="h-3 bg-gray-200 mb-6 rounded"></div>
  148.         </div>
  149.         <div class="bg-white shadow-xl rounded-lg ">
  150.          
  151.         <div class="grid grid-cols-6 gap-6">
  152.          
  153.           <div class="col-span-6">
  154.              
  155.             <div class="overflow-x-auto">
  156.  
  157.             <table class="ml-auto mr-auto" *ngIf="!loadingPage">
  158.               <tr class="bg-gray-50 text-xs text-gray-800 uppercase">
  159.                 <th class="px-2 py-2 border">no</th>
  160.                 <th class="px-2 py-2 border">id mitra</th>
  161.                 <th class="px-2 py-2 border">nama mitra</th>
  162.                 <th class="px-2 py-2 border" colspan="2">alamat</th>
  163.                 <th class="px-2 py-2 border">status</th>
  164.                 <th class="px-2 py-2 border" colspan="2">aksi</th>
  165.               </tr>
  166.               <tbody class="bg-white divide-y divide-gray-200" *ngFor="let item of tbls | slice:sliceAwal:sliceAkhir; let i = index">
  167.                 <tr class="text-center text-xs text-gray-500 uppercase border">
  168.                   <td rowspan="3" class="px-2 py-2 border">{{i+1}}</td>
  169.                   <td rowspan="3" class="px-2 py-2 border">{{item.idMitra}}</td>
  170.                   <td rowspan="3" class="px-2 py-2 border">{{item.namaMitra}}</td>
  171.                   <th class="px-2 py-3 border">Provinsi</th>
  172.                   <td class="px-2 py-3 border">{{item.provinsi}}</td>
  173.                
  174.                   <td rowspan="3" class="px-2 py-2 border">
  175.                     <div class="px-2 rounded-md font-semibold w-48 text-xs"
  176.                    [ngClass]="{'bg-green-100': item.status === 'Cair', 'bg-yellow-100': item.status === 'Belum Cair', 'bg-blue-100': item.status === 'Sdh Melakukan Covernote', 'bg-red-100': item.status === 'PENDING'}">
  177.                       {{item.status}}
  178.                     </div>
  179.                   </td>
  180.                   <td rowspan="3" class="px-2 py-2 border">
  181.                     <button class="p-2 hover:bg-blue-600 hover:text-blue-100 rounded-lg" (click)="modalPilihanSP3(item)">
  182.                       <svg class="w-4" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" stroke="currentColor">
  183.                         <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122" />
  184.                       </svg>
  185.                       <label class="sr-only">covernote</label>
  186.                     </button>
  187.                   </td>
  188.                   <!-- <td rowspan="3" class="px-2 py-2 border">
  189.                    <button class="p-2 hover:bg-yellow-600 hover:text-yellow-100 rounded-lg" (click)="modalSubmit(item)">
  190.                      <svg class="w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
  191.                        <path d="M17.414 2.586a2 2 0 00-2.828 0L7 10.172V13h2.828l7.586-7.586a2 2 0 000-2.828z" />
  192.                        <path fill-rule="evenodd" d="M2 6a2 2 0 012-2h4a1 1 0 010 2H4v10h10v-4a1 1 0 112 0v4a2 2 0 01-2 2H4a2 2 0 01-2-2V6z" clip-rule="evenodd" />
  193.                      </svg>
  194.                      <label class="sr-only">Adendum</label>
  195.                    </button>
  196.                  </td> -->
  197.                   <td rowspan="3" class="px-2 py-2 border">
  198.                     <button class="p-2 hover:bg-green-600 hover:text-green-100 rounded-lg" (click)="modalSubmit(item)">
  199.                       <svg class="w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  200.                         <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z" />
  201.                       </svg>
  202.                       <label class="sr-only">Submit</label>
  203.                     </button>
  204.                   </td>
  205.                 </tr>
  206.                 <tr class="text-center text-xs text-gray-500 uppercase border">
  207.                   <th class="px-2 py-3 border">kabupaten</th>
  208.                   <td class="px-2 py-2 border">{{item.kabupaten}}</td>
  209.                 </tr>
  210.                 <tr class="text-center text-xs text-gray-500 uppercase border">
  211.                   <th class="px-2 py-3 border">kecamatan</th>
  212.                   <td class="px-2 py-2 border">{{item.kecamatan}}</td>
  213.                 </tr>
  214.               </tbody>
  215.             </table>
  216.  
  217.             </div>
  218.  
  219.           </div>
  220.         </div>
  221.         </div>
  222.        
  223.         <div class="px-4 py-3 flex items-center justify-end border-t border-gray-200 sm:px-6" *ngIf="!loadingPage">
  224.           <nav class="relative z-0 inline-flex shadow-sm -space-x-px" aria-label="Pagination" *ngFor="let page of pageKe | slice:0:10; let j = index;">
  225.             <div>
  226.               <a class="relative inline-flex items-center px-4 py-2 border border-gray-300 bg-white text-sm font-medium text-gray-700 hover:bg-gray-50 page-item"
  227.              [ngClass]="{ 'bg-blue-400': j === 0 }" (click)="activePage($event, j)">{{j+1}}</a>
  228.             </div>
  229.           </nav>
  230.         </div>
  231.          
  232.       </div>
  233.      
  234.  
  235. </div>
  236.  
  237.  
  238. <!-- SEMUA TOAST NNTI DI JADIKAN GLOBAL -->
  239. <div class="fixed right-0 top-0 m-5 z-10" *ngIf="isToastSukses || isToastGagal">
  240.  
  241.   <div class="flex items-center bg-green-500 border-l-4 border-green-700 py-2 px-3 shadow-md mb-2 animate-pulse" *ngIf="isToastSukses">
  242.      
  243.     <div class="text-green-500 rounded-full bg-white mr-3">
  244.       <svg class="w-8" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  245.         <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
  246.       </svg>
  247.     </div>
  248.    
  249.     <div class="text-white max-w-xs ">
  250.       Data Berhasil Disimpan
  251.     </div>
  252.   </div>
  253.  
  254.   <div class="flex items-center bg-red-500 border-l-4 border-red-700 py-2 px-3 shadow-md mb-2 animate-pulse" *ngIf="isToastGagal">
  255.    
  256.    <div class="text-red-500 rounded-full bg-white mr-3">
  257.     <svg class="w-8" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  258.       <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z" />
  259.     </svg>
  260.    </div>
  261.    
  262.    <div class="text-white max-w-xs ">
  263.      {{pesanError}}
  264.    </div>
  265.   </div>
  266.  
  267. </div>
  268.  
  269.  
  270. <!-- MODAL -->
  271. <div id="myModalPilihanUtamaAdendum" class="modal">
  272.  
  273.   <div class="modal-content-sm">
  274.     <div class="flex flex-row justify-between items-center">
  275.       <p class="text-xl">Pilihan Cover Note</p>
  276.       <span class="close" style="color: red;" (click)="modalClose()">&times;</span>
  277.     </div>
  278.     <hr class="border border-collapse mb-10">
  279.  
  280.  
  281.       <div *ngIf="loadingPage" class="flex flex justify-center h-screen"><img class="max-w-sm" src="../../../assets/img/spinner.svg" alt="loading"></div>
  282.  
  283.       <div *ngIf="!loadingPage">  
  284.         <div class="mt-10 sm:mt-0">
  285.           <div class="md:grid md:grid-cols-3 md:gap-6">
  286.             <div class="mt-5 md:mt-0 md:col-span-3">
  287.               <form action="#" method="POST">
  288.                 <div class="shadow overflow-hidden sm:rounded-md">
  289.                   <div class="px-4 py-5 bg-white space-y-6 sm:p-6">
  290.                     <fieldset>
  291.  
  292.                       <div class="flex justify-between">
  293.                         <div class="text-base font-medium text-gray-900 inline">Utama</div>
  294.                         <div class="flex items-center">
  295.                           <button class="p-2 text-blue-500 hover:text-blue-300 rounded-lg" (click)="masukDetailCoverNote('UTAMA')">
  296.                             <svg class="w-4" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" stroke="currentColor">
  297.                               <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122" />
  298.                             </svg>
  299.                             <label class="sr-only">Masuk Utama</label>
  300.                           </button>
  301.                           <!-- <button class="p-2 text-yellow-500 hover:text-yellow-300 rounded-lg" (click)="masukDetailCoverNote()">
  302.                            <svg class="w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
  303.                              <path d="M17.414 2.586a2 2 0 00-2.828 0L7 10.172V13h2.828l7.586-7.586a2 2 0 000-2.828z" />
  304.                              <path fill-rule="evenodd" d="M2 6a2 2 0 012-2h4a1 1 0 010 2H4v10h10v-4a1 1 0 112 0v4a2 2 0 01-2 2H4a2 2 0 01-2-2V6z" clip-rule="evenodd" />
  305.                            </svg>
  306.                            <label class="sr-only">Edit Utama</label>
  307.                          </button> -->
  308.                         </div>
  309.                       </div>
  310.  
  311.                       <!-- <div class="flex justify-between border-b border-t border-gray-200">
  312.                        <div class="text-base font-medium text-gray-900">Addendum</div>
  313.                        <button class="p-2 hover:text-green-500 rounded-lg" (click)="addAdedndum()" *ngIf="isAddAdendum">
  314.                          <svg class="w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  315.                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v3m0 0v3m0-3h3m-3 0H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z" />
  316.                          </svg>
  317.                          <label class="sr-only">Add Adendum</label>
  318.                        </button>
  319.                          <button class="p-2 text-blue-500 hover:text-blue-300 rounded-lg" (click)="masukDetailCoverNote('ADENDUM')">
  320.                            <svg class="w-4" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" stroke="currentColor">
  321.                              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122" />
  322.                            </svg>
  323.                            <label class="sr-only">Masuk Adendum</label>
  324.                          </button>
  325.                      </div> -->
  326.                      
  327.                       <!-- <div class="bg-gray-50 flex flex-row m-2 items-center justify-between" *ngFor="let adendum of arrayAdendum; let i = index; let last = last;">
  328.                        <div class="text-base font-medium text-gray-600">- Addendum {{i+1}}</div>
  329.                        <div class="flex items-center">
  330.                          <button class="p-2 text-blue-500 hover:text-blue-300 rounded-lg" (click)="masukDetailCoverNote('ADENDUM')">
  331.                            <svg class="w-4" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" stroke="currentColor">
  332.                              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122" />
  333.                            </svg>
  334.                            <label class="sr-only">Masuk Adendum</label>
  335.                          </button>
  336.  
  337.                        </div>
  338.                      </div> -->
  339.                        
  340.                      
  341.  
  342.                       <!-- LIST ADDENDUM -->
  343.                      
  344.                     </fieldset>
  345.                   </div>
  346.                 </div>
  347.               </form>
  348.             </div>
  349.           </div>
  350.         </div>
  351.  
  352.       </div>
  353.  
  354.    
  355.  
  356.   </div>
  357.  
  358. </div>
  359.  
  360.  
  361. <!-- MODAL SUBMIT -->
  362. <div id="myModalSubmit" class="modal">
  363.  
  364.   <div class="modal-content">
  365.     <div class="flex flex-row justify-between items-center">
  366.       <p class="text-xl">Submit Cover Note</p>
  367.       <span class="close" style="color: red;" (click)="modalClose()">&times;</span>
  368.     </div>
  369.     <hr class="border border-collapse mb-10">
  370.  
  371.  
  372.       <div *ngIf="loadingSubmit" class="flex flex justify-center h-screen"><img class="max-w-sm" src="../../../assets/img/spinner.svg" alt="loading"></div>
  373.  
  374.       <div *ngIf="!loadingSubmit">  
  375.         <div class="mt-10 sm:mt-0">
  376.           <div class="md:grid md:grid-cols-3 md:gap-6">
  377.             <div class="mt-5 md:mt-0 md:col-span-3">
  378.               <form action="#" method="POST">
  379.                 <div class="shadow overflow-hidden sm:rounded-md">
  380.                   <div class="px-4 py-5 bg-white space-y-6 sm:p-6">
  381.                     <fieldset>
  382.  
  383.                       <div class="text-base font-medium text-gray-900 inline">ID Proposal</div>
  384.                       <div class="text-sm text-gray-500 inline ml-5">{{modelSubmit.idProposal}}</div>
  385.                      
  386.                       <div class="mt-4 space-y-4">
  387.                         <!-- <div class="flex items-center">
  388.                          <input id="push_everything" name="push_notifications" type="radio" class="focus:ring-indigo-500 h-4 w-4 text-indigo-600">
  389.                          <label for="push_everything" class="ml-3 block text-sm font-medium text-gray-700">
  390.                            Everything
  391.                          </label>
  392.                        </div> -->
  393.                         <div class="flex items-start">
  394.                           <div class="flex items-center h-5">
  395.                             <input id="isApproveShow" name="isApproveShow" type="checkbox" class="focus:ring-indigo-500 h-4 w-4 text-indigo-600 rounded"
  396.                            [(ngModel)]="modelSubmit.isApproveCheck" (change)="checkboxApprove()" [checked]="modelSubmit.isApproveCheck === true" [value]="modelSubmit.isApproveCheck">
  397.                           </div>
  398.                           <div class="ml-3 text-sm">
  399.                             <label for="comments" class="font-medium text-gray-700">Approve</label>
  400.                           </div>
  401.                         </div>
  402.                        
  403.                         <div *ngIf="modelSubmit.isApproveCheck">
  404.                           <!-- <textarea rows="4" name="approveKeterangan"
  405.                          [(ngModel)]="modelSubmit.approveKeterangan"
  406.                          autocomplete="off" class="mt-2 p-1 focus:outline-none focus:ring-2 focus:ring-blue-500 block w-full shadow-md sm:text-sm rounded-md disabled:opacity-50 disabled:cursor-not-allowed">
  407.                          </textarea> -->
  408.  
  409.                           <textarea  name="alamatPerusahaanNotaris"class="w-full min-h-[100px] max-h-[300px]
  410.                          h-28 appearance-none block w-full bg-grey-lighter text-grey-darker border border-grey-lighter
  411.                          rounded-lg  py-4 px-4"
  412.                          name="approveKeterangan"
  413.                          [(ngModel)]="modelSubmit.approveKeterangan" placeholder="Ketik Keterangan Approve"></textarea>
  414.  
  415.  
  416.                         </div>
  417.                          
  418.                       </div>
  419.                     </fieldset>
  420.                   </div>
  421.                   <div class="px-4 py-3 bg-gray-50 text-right sm:px-6">
  422.                     <button (click)="btnSaveSubmit()" type="submit" class="inline-flex justify-center py-2 px-6 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-green-500 hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 disabled:opacity-50 disabled:cursor-not-allowed" >
  423.                         Submit
  424.                         <svg class="w-5 ml-2" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  425.                           <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 19l9 2-9-18-9 18 9-2zm0 0v-8" />
  426.                         </svg>
  427.                     </button>
  428.                   </div>
  429.                 </div>
  430.               </form>
  431.             </div>
  432.           </div>
  433.         </div>
  434.  
  435.       </div>
  436.  
  437.    
  438.  
  439.   </div>
  440.  
  441. </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!