API tools faq
paste
Advertisement
coffeecode12

Untitled

coffeecode12
Apr 27th, 2021
160
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 36.51 KB | None | 0 0
raw download clone embed print report
  1. <div class="mt-10 sm:mt-0">
  2. <div class="flex justify-end mb-5">
  3. <button type="submit" class="inline-flex justify-center py-2 px-3 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-yellow-700 shadow-md">
  4. Tambah Jaminan
  5. <svg class="w-5 ml-2" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  6. <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" />
  7. </svg>
  8. </button>
  9. </div>
  10.  
  11. <div class="md:grid md:grid-cols-3 md:gap-6">
  12. <div class="md:col-span-1">
  13. <div class="px-4 sm:px-0">
  14. <div class="flex justify-end mb-5">
  15. <button type="submit" class="inline-flex justify-center py-2 px-3 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-yellow-500 hover:bg-yellow-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-yellow-700 shadow-md">
  16. Lihat SP3
  17. <svg class="w-5 ml-2" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  18. <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" />
  19. </svg>
  20. </button>
  21. </div>
  22. <div class="grid grid-cols-6 gap-6 mt-6">
  23. <div class="col-span-6 sm:col-span-2">
  24. <label class="block text-sm font-medium text-gray-700 font-semibold">ID Proposal</label>
  25. </div>
  26. <div class="col-span-6 sm:col-span-4">
  27. <label class="block text-sm font-medium text-gray-700">:
  28. {{sertifikat.idMitra}}<br> {{sertifikat.namaMitra}}<br>
  29. {{sertifikat.alamatMitra}}
  30. </label>
  31. </div>
  32.  
  33. <div class="col-span-6 sm:col-span-2">
  34. <label class="block text-sm font-medium text-gray-700 font-semibold">Jenis Pinjaman</label>
  35. </div>
  36. <div class="col-span-6 sm:col-span-4">
  37. <label class="block text-sm font-medium text-gray-700">: {{sertifikat.jenisPinjaman}}</label>
  38. </div>
  39.  
  40. <div class="col-span-6 sm:col-span-2">
  41. <label class="block text-sm font-medium text-gray-700 font-semibold">Pola Pembiayaan</label>
  42. </div>
  43. <div class="col-span-6 sm:col-span-4">
  44. <label class="block text-sm font-medium text-gray-700">: {{sertifikat.polaPembiayaan}}</label>
  45. </div>
  46.  
  47. <div class="col-span-6 sm:col-span-6 mt-5">
  48. <div class="overflow-x-auto">
  49. <table>
  50. <tr class="bg-gray-50 text-xs text-gray-800 uppercase border">
  51. <th class="px-4 py-2 border">pembiayaan ke</th>
  52. <th class="px-4 py-2 border">plafond</th>
  53. <th class="px-4 py-2 border">pola penarikan</th>
  54. <th class="px-4 py-2 border">jumlah tahap pencairan</th>
  55. </tr>
  56. <tbody class="bg-white divide-y divide-gray-200">
  57. <tr class="text-center text-xs text-gray-500 uppercase border">
  58. <td class="px-4 py-2 border">1</td>
  59. <td class="px-2 py-2 border">
  60. <div class="w-24">250.000.000</div>
  61. </td>
  62. <td class="px-4 py-2 border">Bertahap</td>
  63. <td class="px-4 py-2 border">4 Tahap</td>
  64. </tr>
  65. </tbody>
  66. </table>
  67. </div>
  68. </div>
  69.  
  70. </div>
  71. </div>
  72. </div>
  73. <div class="mt-5 md:mt-0 md:col-span-2">
  74. <form action="#" method="POST">
  75. <div class="shadow overflow-hidden sm:rounded-md">
  76. <div class="px-4 py-5 bg-white sm:p-6">
  77. <div class="grid grid-cols-6 gap-6">
  78. <!-- <div class="col-span-6 sm:col-span-3">
  79. <label for="first_name" class="block text-sm font-medium text-gray-700 font-semibold">Perihal</label>
  80. <input type="text" name="first_name" 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">
  81. </div>
  82.  
  83. <div class="col-span-6 sm:col-span-3">
  84. <label class="block text-sm font-medium text-gray-700 font-semibold">Tanggal</label>
  85. <input type="date" name="last_name" 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">
  86. </div> -->
  87.  
  88. <div class="col-span-6 sm:col-span-3">
  89. <label class="block text-sm font-medium text-gray-700 font-semibold">Nomor Jaminan</label>
  90. <input type="text" name="first_name" 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">
  91. </div>
  92.  
  93. <div class="col-span-6 sm:col-span-3">
  94. <label class="block text-sm font-medium text-gray-700 font-semibold">Jenis Sertifikat</label>
  95. <!-- <input type="text" name="last_name" 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"> -->
  96.  
  97. <select name="country" 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">
  98. <option>SHM</option>
  99. </select>
  100. </div>
  101.  
  102. <div class="col-span-6 sm:col-span-3">
  103. <label class="block text-sm font-medium text-gray-700 font-semibold">Tanggal Sertifikat</label>
  104. <input type="date" name="last_name" 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">
  105. </div>
  106.  
  107. <div class="col-span-6 sm:col-span-3">
  108. <label class="block text-sm font-medium text-gray-700 font-semibold">No Sertifikat</label>
  109. <input type="text" name="last_name" 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">
  110. </div>
  111.  
  112. <div class="col-span-6 sm:col-span-3">
  113. <label class="block text-sm font-medium text-gray-700 font-semibold">Atas Nama Sertifikat</label>
  114. <input type="text" name="first_name" 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">
  115. </div>
  116.  
  117. <div class="col-span-6 sm:col-span-3">
  118. <label class="block text-sm font-medium text-gray-700 font-semibold">Luas Tanah(M2)</label>
  119. <input type="text" name="last_name" 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">
  120. </div>
  121.  
  122. <div class="col-span-6 sm:col-span-3">
  123. <label class="block text-sm font-medium text-gray-700 font-semibold">Luas Bangunan(M2)</label>
  124. <input type="text" name="first_name" 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">
  125. </div>
  126.  
  127. <div class="col-span-6 sm:col-span-3">
  128. <label class="block text-sm font-medium text-gray-700 font-semibold">Lokasi</label>
  129. <input type="text" name="last_name" 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">
  130. </div>
  131.  
  132. <div class="col-span-6 sm:col-span-3">
  133. <label class="block text-sm font-medium text-gray-700 font-semibold">Nilai(Rp.)</label>
  134. <input type="text" name="first_name" 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">
  135. </div>
  136.  
  137. <div class="col-span-6 sm:col-span-3">
  138. <label class="block text-sm font-medium text-gray-700 font-semibold">Tanggal Penilaian</label>
  139. <input type="date" name="last_name" 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">
  140. </div>
  141.  
  142. <div class="col-span-6">
  143. <label class="block text-sm font-medium text-gray-700 font-semibold">Keterangan</label>
  144. <textarea rows="2" name="street_address" 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"></textarea>
  145. </div>
  146.  
  147. <div class="col-span-6 sm:col-span-3">
  148. <label class="block text-sm font-medium text-gray-700 font-semibold">Dokumen Sertifikat</label>
  149. <input type="text" name="first_name" 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">
  150. </div>
  151.  
  152. <div class="col-span-6">
  153. <label class="block text-sm font-medium text-gray-700 font-semibold">Status Jaminan</label>
  154. <select name="country" 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">
  155. <option>OH</option>
  156. </select>
  157. </div>
  158.  
  159.  
  160.  
  161.  
  162.  
  163. </div>
  164. </div>
  165. <div class="px-4 py-3 bg-gray-50 text-right sm:px-6">
  166. <button 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-blue-500 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
  167. Simpan <svg class="w-5 ml-2" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  168. <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z" />
  169. </svg>
  170. </button>
  171. </div>
  172. </div>
  173. </form>
  174. </div>
  175. </div>
  176.  
  177. <!-- HALAMAN -->
  178. <div class="mx-2">
  179. <div class="bg-white rounded-md h-12 flex items-center justify-between shadow-lg">
  180. <div class="p-4 text-gray-400 text-xs sm:text-sm uppercase" *ngIf="isDisabledInput">Jaminan Sertifikat Logs</div>
  181. <div class="p-4 text-gray-400 text-xs sm:text-sm uppercase" *ngIf="!isDisabledInput">Kendaraan Bermotor</div>
  182. <div class="p-4 cursor-pointer" (click)="refresh()">
  183. <svg class="w-5 hover:text-blue-600" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
  184. <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" />
  185. </svg>
  186. </div>
  187. </div>
  188. </div>
  189.  
  190.  
  191. <!-- CONTENT -->
  192. <div class="mx-2 mt-5">
  193. <div class="bg-white shadow-xl rounded-lg">
  194. <div class="m-6 sm:mt-0">
  195. <div class="md:grid md:grid-cols-5 md:gap-6">
  196. <div class="md:col-span-2">
  197. <div class="flex flex-row">
  198. <h3 class="text-lg font-medium leading-6 text-gray-900 mt-2">INFORMASI MITRA</h3>
  199. </div>
  200.  
  201. <div class="px-4 sm:px-0 mt-5">
  202.  
  203. <div class="grid grid-cols-8 sm:grid-cols-6 gap-6">
  204. <div class="col-span-4 sm:col-span-1">
  205. <label class="text-sm font-medium text-gray-500 font-semibold">ID Mitra</label>
  206. </div>
  207. <div class="col-span-4 sm:col-span-2">
  208. <span class="text-gray-500">{{sertifikat.idMitra}}</span>
  209. </div>
  210. <div class="col-span-4 sm:col-span-1">
  211. <label class="text-sm font-medium text-gray-500 font-semibold">Nama Mitra</label>
  212. </div>
  213. <div class="col-span-4 sm:col-span-2">
  214. <span class="text-gray-500">{{sertifikat.namaMitra}}</span>
  215. </div>
  216. <div class="col-span-4 sm:col-span-1">
  217. <label class="text-sm font-medium text-gray-500 font-semibold">Nama Kontak</label>
  218. </div>
  219. <div class="col-span-4 sm:col-span-2">
  220. <span class="text-gray-500" *ngIf="sertifikat.namaKontak!==''">{{sertifikat.namaKontak}}</span>
  221. <span class="text-gray-500" *ngIf="sertifikat.namaKontak===''">-</span>
  222. </div>
  223. <div class="col-span-4 sm:col-span-1">
  224. <label class="text-sm font-medium text-gray-500 font-semibold">No. Telp</label>
  225. </div>
  226. <div class="col-span-4 sm:col-span-2">
  227. <span class="text-gray-500" *ngIf="sertifikat.noTelpMitra!==''">{{sertifikat.noTelpMitra}}</span>
  228. <span class="text-gray-500" *ngIf="sertifikat.noTelpMitra===''">-</span>
  229. </div>
  230. <div class="col-span-4 sm:col-span-1">
  231. <label class="text-sm font-medium text-gray-500 font-semibold">Alamat</label>
  232. </div>
  233. <div class="col-span-4">
  234. <span class="text-gray-500">
  235. {{sertifikat.alamatMitra}}
  236. </span>
  237. </div>
  238. </div>
  239.  
  240. <h3 class="text-lg font-medium leading-6 text-gray-900 mt-20">INFORMASI PROPOSAL</h3>
  241. <div class="grid grid-cols-8 sm:grid-cols-6 gap-6 mt-5">
  242. <div class="col-span-4 sm:col-span-1">
  243. <label class="text-sm font-medium text-gray-500 font-semibold">ID Proposal</label>
  244. </div>
  245. <div class="col-span-4 sm:col-span-2">
  246. <span class="text-gray-500">{{sertifikat.idProposal}}</span>
  247. </div>
  248. <div class="col-span-4 sm:col-span-1">
  249. <label class="text-sm font-medium text-gray-500 font-semibold">Tgl Terima</label>
  250. </div>
  251. <div class="col-span-4 sm:col-span-2">
  252. <span class="text-gray-500">{{sertifikat.tanggalTerima | date:'dd-MM-yyyy'}}</span>
  253. </div>
  254. <div class="col-span-4 sm:col-span-1">
  255. <label class="text-sm font-medium text-gray-500 font-semibold">Jenis</label>
  256. </div>
  257. <div class="col-span-4 sm:col-span-2">
  258. <span class="text-gray-500">{{sertifikat.jenisPinjaman}} {{sertifikat.polaPembiayaan}}</span>
  259. </div>
  260. <div class="col-span-4 sm:col-span-1">
  261. <label class="text-sm font-medium text-gray-500 font-semibold">Plafon</label>
  262. </div>
  263. <div class="col-span-4 sm:col-span-2">
  264. <span class="text-gray-500">{{sertifikat.plafond | currency:'INA':'Rp ':'1.0'}}</span>
  265. </div>
  266. <div class="col-span-4 sm:col-span-1">
  267. <label class="text-sm font-medium text-gray-500 font-semibold">Kegunaan</label>
  268. </div>
  269. <div class="col-span-4 sm:col-span-2">
  270. <span class="text-gray-500" *ngIf="sertifikat.kegunaan !== ''">{{sertifikat.kegunaan}}</span>
  271. <span class="text-gray-500" *ngIf="sertifikat.kegunaan === ''">-</span>
  272. </div>
  273. </div>
  274.  
  275. <h3 class="text-lg font-medium leading-6 text-gray-900 mt-20">PENCAIRAN</h3>
  276. <div class="grid grid-cols-6 gap-6">
  277. <div class="col-span-6 sm:col-span-6 mt-5">
  278. <div class="overflow-x-auto">
  279. <table>
  280. <tr class="bg-gray-50 text-xs text-gray-800 border">
  281. <th class="px-4 py-2 border">PENCAIRAN KE</th>
  282. <th class="px-4 py-2 border">NILAI PENCAIRAN (Rp)</th>
  283. <th class="px-4 py-2 border">TGL PENCAIRAN</th>
  284. </tr>
  285. <tbody class="bg-white divide-y divide-gray-200 text-center text-sm">
  286. <tr>
  287. <td class="px-4 py-2 border bg-white" colspan="3"> Backend Belum Tersedia </td>
  288. </tr>
  289. </tbody>
  290. </table>
  291. </div>
  292. </div>
  293.  
  294. </div>
  295.  
  296. <div class="grid grid-cols-6 gap-6">
  297. <div class="col-span-6 mt-20">
  298. <div class="flex items-center">
  299. <h3 class="text-lg font-medium leading-6 text-gray-900">JAMINAN</h3>
  300. </div>
  301. </div>
  302. <div class="col-span-6">
  303. <div class="overflow-x-auto">
  304. <table>
  305. <tr class="bg-gray-50 text-xs text-gray-800 border">
  306. <th class="px-4 py-2 border">NO</th>
  307. <th class="px-4 py-2 border">NAMA JAMINAN</th>
  308. <th class="px-4 py-2 border">KETERANGAN JAMINAN</th>
  309. <th class="px-4 py-2 border">NILAI JAMINAN (Rp)</th>
  310. </tr>
  311. <tbody class="bg-white divide-y divide-gray-200 text-center text-sm">
  312. <tr>
  313. <td class="px-4 py-2 border bg-white" colspan="4"> Backend Belum Tersedia </td>
  314. </tr>
  315. </tbody>
  316. <!-- <tbody class="bg-white divide-y divide-gray-200">
  317. <tr class="text-center text-xs text-gray-500 uppercase border">
  318. <td class="px-4 py-2 border">1</td>
  319. <td class="px-4 py-2 border">Lembaga Penjamin</td>
  320. <td class="px-4 py-2 border">keterangan blabla</td>
  321. <td class="px-2 py-2 border">
  322. <div class="w-32">Rp. 50.000.000</div>
  323. </td>
  324. </tr>
  325. </tbody> -->
  326. </table>
  327. </div>
  328. </div>
  329. </div>
  330.  
  331.  
  332. </div>
  333. </div>
  334. <div class="mt-5 md:mt-0 md:col-span-3">
  335. <div class="shadow overflow-hidden sm:rounded-md">
  336. <div class="px-4 py-5 bg-white sm:p-6">
  337. <div class="grid grid-cols-6 gap-6">
  338. <div class="col-span-6 sm:col-span-3">
  339. <label for="first_name" class="block text-sm font-medium text-gray-700 font-semibold">Kode Jenis Jaminan</label>
  340. KBM
  341. </div>
  342.  
  343. <div class="col-span-6 sm:col-span-3">
  344. <label for="first_name" class="block text-sm font-medium text-gray-700 font-semibold">Nama Jaminan</label>
  345. Kendaraan Bermotor
  346. </div>
  347.  
  348. <div class="col-span-6 sm:col-span-3">
  349. <label for="first_name" class="block text-sm font-medium text-gray-700 font-semibold">No. Covernote</label>
  350. {{sertifikat.nomorCoverNote}}
  351. </div>
  352.  
  353. <div class="col-span-6 sm:col-span-3">
  354. <label for="first_name" class="block text-sm font-medium text-gray-700 font-semibold">Jml Jaminan</label>
  355. {{jmlJaminan}}
  356. </div>
  357.  
  358. </div>
  359. </div>
  360. <div class="px-4 py-5 bg-white sm:p-6" *ngFor="let lstJaminan of sertifikat.listOopJaminanSertifikatJaminan; let i=index">
  361. <div class="grid grid-cols-6 gap-6 sm:mt-5">
  362. <div class="col-span-6 flex">
  363.  
  364. <label class="block text-sm font-medium text-gray-500 font-semibold flex">Jaminan Sertifikat {{i+1}}</label>
  365. <svg id="svgRotate{{i}}" class="cursor-pointer ml-2 h-5 w-5 flex justify-center items-center transform rotate-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"
  366. (click)="showHideJaminan(i, $event)">
  367. <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
  368. </svg>
  369.  
  370. </div>
  371. <div class="hidden sm:block sm:col-span-6" aria-hidden="true">
  372. <div class="w-screen">
  373. <div class="border-t border-gray-200"></div>
  374. </div>
  375. </div>
  376. </div>
  377.  
  378. <div class="block grid grid-cols-6 gap-6 sm:mt-5 idjaminan{{i}}">
  379. <div class="col-span-6 sm:col-span-3" >
  380. <label for="first_name" class="block text-sm font-medium text-gray-700 font-semibold">No. Urut</label>
  381. <input type="number" name="noUrut-{{i}}" [(ngModel)]="lstJaminan.noUrut" 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"
  382. [disabled]="isDisabledInput">
  383. </div>
  384.  
  385. <div class="col-span-6 sm:col-span-3" >
  386. <label for="first_name" class="block text-sm font-medium text-gray-700 font-semibold">No. Jaminan</label>
  387. <input type="text" name="nomorJaminan-{{i}}" [(ngModel)]="lstJaminan.nomorJaminan" 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"
  388. [disabled]="isDisabledInput">
  389. </div>
  390.  
  391. <div class="block col-span-6 sm:col-span-3 idjaminan{{i}}">
  392. <label class="block text-sm font-medium text-gray-700 font-semibold">Kode Jenis Sertifikat</label>
  393. <select autocomplete="off" class="mt-2 block w-full py-1 px-3 border bg-white rounded-md shadow-md focus:outline-none focus:outline-none focus:ring-2 focus:ring-blue-500 sm:text-sm disabled:opacity-50 disabled:cursor-not-allowed"
  394. (change)="selectJenisJaminan($event, i)" [disabled]="isDisabledInput">
  395. <option value="">-pilih kode-</option>
  396. <option *ngFor="let selectJaminan of lstSelectJenisJaminan" [value]="selectJaminan.kode">{{selectJaminan.kode}}</option>
  397. </select>
  398. </div>
  399.  
  400. <div class="block col-span-6 sm:col-span-3 idjaminan{{i}}">
  401. <label class="block text-sm font-medium text-gray-700 font-semibold">Jenis Jaminan</label>
  402. <input type="text" name="jenisSertifikat-{{i}}" [(ngModel)]="lstJaminan.jenisSertifikat" 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"
  403. disabled>
  404. </div>
  405.  
  406. <div class="block col-span-6 sm:col-span-3 idjaminan{{i}}">
  407. <label class="block text-sm font-medium text-gray-700 font-semibold">No. Sertifikat</label>
  408. <input type="text" name="noSertifikat-{{i}}" [(ngModel)]="lstJaminan.noSertifikat" 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">
  409. </div>
  410.  
  411. <div class="block col-span-6 sm:col-span-3 idjaminan{{i}}">
  412. <label class="block text-sm font-medium text-gray-700 font-semibold">Atas Nama Sertifikat</label>
  413. <input type="text" name="atasNamaSertifikat-{{i}}" [(ngModel)]="lstJaminan.atasNamaSertifikat" 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"
  414. [disabled]="isDisabledInput">
  415. </div>
  416.  
  417. <div class="block col-span-6 sm:col-span-3 idjaminan{{i}}">
  418. <label class="block text-sm font-medium text-gray-700 font-semibold">Luas Tanah (M2)</label>
  419. <input type="text" name="luasTanah-{{i}}" [(ngModel)]="lstJaminan.luasTanah" 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"
  420. [disabled]="isDisabledInput">
  421. </div>
  422.  
  423. <div class="block col-span-6 sm:col-span-3 idjaminan{{i}}">
  424. <label class="block text-sm font-medium text-gray-700 font-semibold">Luas Bangunan(M2)</label>
  425. <input type="text" name="luasBangunan-{{i}}" [(ngModel)]="lstJaminan.luasBangunan" 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"
  426. [disabled]="isDisabledInput">
  427. </div>
  428.  
  429. <div class="hidden sm:block sm:col-span-6" aria-hidden="true">
  430. <div class="w-screen">
  431. <div class="border-t border-gray-200"></div>
  432. </div>
  433. </div>
  434.  
  435. <div class="block col-span-6 sm:col-span-3 idjaminan{{i}}">
  436. <label class="block text-sm font-medium text-gray-700 font-semibold">Jumlah Jaminan Sp3</label>
  437. <input type="text" name="jumlahJaminanSp3-{{i}}" [(ngModel)]="lstJaminan.jumlahJaminanSp3" 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"
  438. [disabled]="isDisabledInput">
  439. </div>
  440.  
  441. <div class="block col-span-6 sm:col-span-3 idjaminan{{i}}">
  442. <label class="block text-sm font-medium text-gray-700 font-semibold">Jumlah Jaminan Ada di LPDB</label>
  443. <input type="text" name="jumlahJaminanLpdb-{{i}}" [(ngModel)]="lstJaminan.jumlahJaminanLpdb" 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"
  444. [disabled]="isDisabledInput">
  445. </div>
  446.  
  447. <div class="block col-span-6 sm:col-span-3 idjaminan{{i}}">
  448. <label class="block text-sm font-medium text-gray-700 font-semibold">Tidak Diketahui Keberadaannya</label>
  449. <input type="number" name="tidakDiketahuiKeberadaanya-{{i}}" [(ngModel)]="lstJaminan.tidakDiketahuiKeberadaanya" 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"
  450. [disabled]="isDisabledInput">
  451. </div>
  452.  
  453. <div class="block col-span-6 sm:col-span-3 idjaminan{{i}}">
  454. <label class="block text-sm font-medium text-gray-700 font-semibold">Tidak diketahui Kesesuaiannya</label>
  455. <input type="text" name="tidakDiketahuiKesesuaiannya-{{i}}" [(ngModel)]="lstJaminan.tidakDiketahuiKesesuaiannya" 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"
  456. [disabled]="isDisabledInput">
  457. </div>
  458.  
  459. <div class="block col-span-6 idjaminan{{i}}">
  460. <label class="block text-sm font-medium text-gray-700 font-semibold">Lokasi Jaminan</label>
  461. <textarea rows="2" name="lokasi-{{i}}" [(ngModel)]="lstJaminan.lokasi" 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"
  462. [disabled]="isDisabledInput"></textarea>
  463. </div>
  464.  
  465. <div class="block col-span-6 sm:col-span-3 idjaminan{{i}}">
  466. <label class="block text-sm font-medium text-gray-700 font-semibold">No. Rangka</label>
  467. <input type="text" name="nomorJaminan-{{i}}" [(ngModel)]="lstJaminan.nomorJaminan" 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"
  468. [disabled]="isDisabledInput">
  469. </div>
  470.  
  471. <div class="block col-span-6 sm:col-span-3 idjaminan{{i}}">
  472. <label class="block text-sm font-medium text-gray-700 font-semibold">No. Mesin</label>
  473. <input type="text" name="nomorJaminan-{{i}}" [(ngModel)]="lstJaminan.nomorJaminan" 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"
  474. [disabled]="isDisabledInput">
  475. </div>
  476.  
  477. <div class="block col-span-6 sm:col-span-3 idjaminan{{i}}">
  478. <label class="block text-sm font-medium text-gray-700 font-semibold">Nilai (Rp)</label>
  479. <input type="text" name="nomorJaminan-{{i}}" [(ngModel)]="lstJaminan.nomorJaminan" 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"
  480. disabled>
  481. </div>
  482.  
  483. <div class="block col-span-6 sm:col-span-3 idjaminan{{i}}">
  484. <label for="first_name" class="block text-sm font-medium text-gray-700 font-semibold">Tgl Penilaian</label>
  485. <input type="date" name="tanggalPenilaian-{{i}}" [(ngModel)]="lstJaminan.tanggalPenilaian" 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"
  486. disabled>
  487. </div>
  488.  
  489. <div class="block col-span-6 idjaminan{{i}}">
  490. <label class="block text-sm font-medium text-gray-700 font-semibold">Keterangan Sertifikat</label>
  491. <textarea rows="2" name="keterangan-{{i}}" [(ngModel)]="lstJaminan.keterangan" 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"
  492. [disabled]="isDisabledInput"></textarea>
  493. </div>
  494.  
  495. <div class="hidden sm:block sm:col-span-6" aria-hidden="true">
  496. <div class="w-screen">
  497. <div class="border-t border-gray-200"></div>
  498. </div>
  499. </div>
  500.  
  501. <div class="block col-span-6 sm:col-span-6 idjaminan{{i}}">
  502. <label class="block text-sm font-medium text-gray-700 font-semibold">File Sertifikat Jaminan</label>
  503. <div class="flex sm:space-x-4 mt-1">
  504. <label class="block text-xs font-semibold text-gray-700 p-1 sm:px-4 sm:py-2 rounded-lg bg-red-100" *ngIf="lstJaminan.idUploadDokumenSertifikat === '' ">Belum Terlampir</label>
  505. <label class="block text-xs font-semibold text-gray-700 p-1 sm:px-4 sm:py-2 rounded-lg bg-green-100" *ngIf="lstJaminan.idUploadDokumenSertifikat !== '' ">Terlampir</label>
  506.  
  507. <label class="inline-flex sm:inline-flex justify-center items-center py-1 px-2 sm:px-3 border border-transparent shadow-sm rounded-md text-white bg-yellow-500 hover:bg-yellow-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
  508. [ngClass]="{'opacity-50 cursor-not-allowed': isDisabledInput || isToastUpload}">
  509. <svg class="w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  510. <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12" />
  511. </svg>
  512. <input id="idFile" (change)="uploadDokumen($event, i, 'suratkuasa')" type="file" enctype="multipart/form-data" name="idUploadDokumenSertifikat" class="hidden"/>
  513. </label>
  514.  
  515. <button (click)="viewFile(lstJaminan.idUploadDokumenSertifikat)" class="inline-flex justify-center items-center py-1 px-2 sm:px-3 border border-transparent shadow-sm rounded-md text-white bg-red-500 hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 disabled:opacity-50 disabled:cursor-not-allowed"
  516. [disabled]="lstJaminan.idUploadDokumenSertifikat === ''">
  517. <svg class="w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  518. <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
  519. <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z" />
  520. </svg>
  521. </button>
  522.  
  523. <button (click)="downloadFile(lstJaminan.idUploadDokumenSertifikat)" class="inline-flex justify-center items-center py-1 px-2 sm:px-3 border border-transparent shadow-sm rounded-md text-white bg-green-500 hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 disabled:opacity-50 disabled:cursor-not-allowed"
  524. [disabled]="lstJaminan.idUploadDokumenSertifikat === ''">
  525. <svg class="w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  526. <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M9 19l3 3m0 0l3-3m-3 3V10" />
  527. </svg>
  528. </button>
  529. </div>
  530. </div>
  531.  
  532. </div>
  533. </div>
  534.  
  535.  
  536.  
  537. </div>
  538. </div>
  539. </div>
  540. </div>
  541. </div>
  542. </div>
  543.  
  544.  
  545. </div>
  546.  
  547.  
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!