API tools faq
paste
Advertisement
coffeecode12

daftarnominatif

coffeecode12
Jun 3rd, 2020
152
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.13 KB | None | 0 0
raw download clone embed print report
  1. <div class="row">
  2. <div class="col-lg-12">
  3. <div class="card">
  4. <div class="card-body">
  5.  
  6.  
  7.  
  8. <div class="table-responsive table-border">
  9. <div class="float-left">
  10. <button type="button" class="btn btn-success btn-md" [disabled]="this.totalPlafon > this.header.jumlahPinjamanYangDimohon"
  11. style="background: #617be3;" (click)="addTblNominatif()">
  12. <i class="fa fa-plus-square"></i> Add Row
  13. </button>
  14. </div>
  15. <br>
  16. <br>
  17. <br>
  18.  
  19.  
  20.  
  21. <table style="width:300%;" class="table table-hover table-bordered">
  22. <thead>
  23. <tr style="text-align: center; background: #5369f8; color: white;">
  24. <th style="width:3%;" rowspan="2">No</th>
  25. <th style="width:8%;" rowspan="2">Nama</th>
  26. <th style="width:5%;" rowspan="2">Jenis
  27. Kelamin</th>
  28. <th style="width:9%;" rowspan="2">Alamat</th>
  29. <th style="width:8%;" rowspan="2" class="text-center">Prov
  30. /Kab /Kec</th>
  31. <th style="width:4%;" rowspan="2">Kode
  32. Pos</th>
  33. <th style="width:6%;" rowspan="2">Telepon</th>
  34. <th style="width:8%;" rowspan="2">Email</th>
  35. <th style="width:6%;" rowspan="2">Nomor
  36. Induk Koperasi (NIK)</th>
  37. <th style="width:11%;" rowspan="2">Jenis
  38. Usaha</th>
  39. <th style="width:6%;" rowspan="2">Plafon</th>
  40. <th style="width:4%;" rowspan="2">Jangka
  41. Waktu(bln)</th>
  42. <th style="width:8%;" rowspan="2">Agunan</th>
  43. <th style="width:8%;" colspan="2">Penyerapan
  44. Tenaga Kerja(TK)(org)</th>
  45. <th style="width:3%;" rowspan="2" colspan="2">Aksi</th>
  46. </tr>
  47. <tr style="text-align: center; background: #7d8ef8; color: white;">
  48. <th style="width:4%;">Jumlah TK
  49. Laki-laki</th>
  50. <th style="width:4%;">Jumlah TK
  51. Perempuan</th>
  52. </tr>
  53.  
  54. </thead>
  55.  
  56. <tbody>
  57. <tr *ngFor="let nominatif of daftarNominatifs; let i = index">
  58. <td>
  59. <input type="text" class="form-control text-center" value="{{ i+1 }}" readonly>
  60. </td>
  61. <td>
  62. <input type="text" class="form-control" name="nama-{{i}}" [(ngModel)]="nominatif.nama">
  63. </td>
  64. <td>
  65. <select class="form-control" [(ngModel)]="nominatif.jenisKelamin" name="jenisKelamin-{{i}}">
  66. <option *ngFor="let kelamin of datagenders;" [ngValue]="kelamin.gender">{{kelamin.gender}}</option>
  67. </select>
  68. </td>
  69. <td>
  70. <input type="text" class="form-control" name="alamat-{{i}}" [(ngModel)]="nominatif.alamat">
  71. </td>
  72. <td class="text-center"><button class="btn btn-light" (click)="btnProvinsi(modalPilihProvKabKec, i)">Pilih
  73. Provinsi Kabupaten
  74. Kecamatan</button></td>
  75. <!-- modal provinsi kabupaten kemcamatan -->
  76. <ng-template #modalPilihProvKabKec let-modal>
  77. <div class="modal-header">
  78. <h5 class="modal-title">Provinsi
  79. Kabupaten Kecamatan</h5>
  80. <button type="button" class="close" (click)="modal.dismiss('Cross click')" aria-hidden="true">×</button>
  81. </div>
  82. <app-ui-preloader [display]="loadingModalProv"></app-ui-preloader>
  83. <div class="modal-body text-center">
  84. <table class="table table-striped">
  85. <tr>
  86. <td>Provinsi</td>
  87. <td>
  88. <select class="form-control" [(ngModel)]="nominatif.provinsi" name="provinsi" (change)="selectAddLoopProvinsi(i)">
  89. <option [selected]="nominatif.provinsi == null || nominatif.provinsi == ''" value="">Pilih
  90. Provinsi</option>
  91. <option *ngFor="let provinsi of provinsis;" [ngValue]="provinsi.id">{{provinsi.deskripsi}}</option>
  92. </select>
  93. </td>
  94. </tr>
  95. <tr>
  96. <td>Kabupaten</td>
  97. <td>
  98. <select class="form-control" [(ngModel)]="nominatif.kabKota" name="kabKota" (change)="selectAddLoopKabupaten(i, nominatif.kabKota)">
  99. <option [selected]="nominatif.kabKota == null || nominatif.kabKota == ''" value="">Pilih
  100. Kab/Kota</option>
  101. <option *ngFor="let kabupaten of kabupatens;" [ngValue]="kabupaten.id">{{kabupaten.deskripsi}}</option>
  102. </select>
  103. </td>
  104. </tr>
  105. <tr>
  106. <td>Kecamatan</td>
  107. <td>
  108. <select class="form-control" [(ngModel)]="nominatif.kecamatan" name="kecamatan"
  109. (change)="selectLoopKecamatan()">
  110. <option [selected]="nominatif.kecamatan == null || nominatif.kecamatan == ''" value="">Pilih
  111. Kecamatan</option>
  112. <option *ngFor="let kecamatan of kecamatans;" [ngValue]="kecamatan.id">{{kecamatan.deskripsi}}</option>
  113. </select>
  114. </td>
  115. </tr>
  116. </table>
  117. <button class="btn btn-md btn-success" (click)="modal.dismiss('Cross click')">Oke</button>
  118. </div>
  119. </ng-template>
  120. <!-- End modal provinsi kabupaten kemcamatan -->
  121. <td>
  122. <!-- <input type="text" class="form-control text-center" maxlength="5" name="kodePos-{{i}}" [(ngModel)]="nominatif.kodePos"> -->
  123.  
  124. <input type="text" class="form-control text-center" name="kodePos-{{i}}" [(ngModel)]="nominatif.kodePos" #kodePosNominatif="ngModel"
  125. [class.is-invalid]="kodePosNominatif.invalid" pattern="^\d{5,5}" maxlength="5" required>
  126. <div *ngIf="kodePosNominatif.errors && kodePosNominatif.invalid">
  127. <small [class.d-none]="kodePosNominatif.valid" class="text-danger">Kode Pos harus diisi, maksimal 5 angka</small>
  128. </div>
  129. </td>
  130. <td>
  131. <!-- <input type="text" class="form-control text-center" maxlength="13" name="noTelp-{{i}}" [(ngModel)]="nominatif.noTelp"> -->
  132. <input type="tel" class="form-control text-center" name="noTelp-{{i}}" [(ngModel)]="nominatif.noTelp" #noTelp="ngModel"
  133. [class.is-invalid]="noTelp.invalid" pattern="^\d{7,13}" maxlength="13" required>
  134. <div *ngIf="noTelp.errors && noTelp.invalid">
  135. <small class="text-danger" *ngIf="noTelp.errors.required">Telepon harus diisi</small>
  136. <small class="text-danger" *ngIf="noTelp.errors.pattern">Telepon harus angka, minimal 7 angka dan maksimal 13 angka</small>
  137. </div>
  138. </td>
  139. <td>
  140. <!-- <input type="text" class="form-control text-center" name="email-{{i}}" [(ngModel)]="nominatif.email"> -->
  141. <input type="text" class="form-control text-center" name="email-{{i}}" [(ngModel)]="nominatif.email" maxlength="50"
  142. pattern="^[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$" #emailNominatif="ngModel" [class.is-invalid]="emailNominatif.invalid">
  143. <small [class.d-none]="emailNominatif.valid" class="text-danger">Email Tidak Valid</small>
  144. </td>
  145.  
  146. <td>
  147.  
  148. <input type="text" class="form-control text-center" name="nik-{{i}}" [(ngModel)]="nominatif.nik"
  149. maxlength="16" #nikNominatif="ngModel" [class.is-invalid]="nikNominatif.invalid" pattern="^\d{13,16}" required>
  150. <div *ngIf="nikNominatif.errors && nikNominatif.invalid">
  151. <small class="text-danger" *ngIf="nikNominatif.errors.required">NIK harus diisi angka</small>
  152. <small class="text-danger" *ngIf="nikNominatif.errors.pattern">NIK maksimal 16 </small>
  153. </div>
  154.  
  155. <!-- <input type="text" class="form-control text-center" name="nik-{{i}}" [(ngModel)]="nominatif.nik"> -->
  156. <!-- <input type="text" class="form-control text-center" name="nik-{{i}}" [(ngModel)]="nominatif.nik" maxlength="16"
  157. #nikNominatif="ngModel" [class.is-invalid]="nikNominatif.invalid" pattern="^\d{13,16}" required>
  158. <small class="text-danger" *ngIf="nikNominatif.errors.required">NIK harus diisi angka</small>
  159. <small class="text-danger" *ngIf="nikNominatif.errors.pattern">NIK harus 16</small> -->
  160. <!-- </div> -->
  161. </td>
  162. <td>
  163. <select class="form-control" [(ngModel)]="nominatif.jenisUsaha" name="jenisUsaha-{{i}}">
  164. <option *ngFor="let usaha of supplyes;" [ngValue]="usaha.jenis">{{usaha.jenis}}</option>
  165. </select>
  166.  
  167. </td>
  168. <td>
  169. <input type="text" class="form-control" name="plafon-{{i}}" [(ngModel)]="nominatif.plafon" (keyup)="speratorPlafon()"
  170. currencyMask>
  171. <small class="text-danger" *ngIf="this.totalPlafon > this.header.jumlahPinjamanYangDimohon">Melebihi
  172. Jumlah Pinjaman</small>
  173.  
  174.  
  175. </td>
  176.  
  177. <td>
  178. <select class="form-control text-center" [(ngModel)]="nominatif.jangkaWaktu" name="jangkaWaktu-{{i}}">
  179. <option *ngFor="let masa of masaAngusran" [value]="masa">{{masa}}</option>
  180.  
  181.  
  182. </select>
  183. </td>
  184.  
  185. <td>
  186. <input type="text" class="form-control text-center" name="angunan-{{i}}" [(ngModel)]="nominatif.angunan">
  187. </td>
  188.  
  189. <td>
  190.  
  191. <input type="text" class="form-control text-center" name="penyerapanTenagaKerjaLakiLaki-{{i}}" [(ngModel)]="nominatif.penyerapanTenagaKerjaLakiLaki"
  192. #penyerapanTenagaKerjaLakiLaki="ngModel" [class.is-invalid]="penyerapanTenagaKerjaLakiLaki.invalid" pattern="^\d{1,4}" maxlength="4" required>
  193. <div *ngIf="penyerapanTenagaKerjaLakiLaki.errors && penyerapanTenagaKerjaLakiLaki.invalid">
  194. <small [class.d-none]="penyerapanTenagaKerjaLakiLaki.valid" class="text-danger">Tenaga Kerja harus diisi angka</small>
  195. </div>
  196. </td>
  197. <td>
  198. <!-- <input type="text" class="form-control text-center" name="penyerapanTenagaKerjaPerempuan-{{i}}"
  199. [(ngModel)]="nominatif.penyerapanTenagaKerjaPerempuan"> -->
  200.  
  201. <input type="text" class="form-control text-center" name="penyerapanTenagaKerjaPerempuan-{{i}}" [(ngModel)]="nominatif.penyerapanTenagaKerjaPerempuan"
  202. #penyerapanTenagaKerjaPerempuan="ngModel" [class.is-invalid]="penyerapanTenagaKerjaPerempuan.invalid" pattern="^\d{1,4}"
  203. maxlength="4" required>
  204. <div *ngIf="penyerapanTenagaKerjaPerempuan.errors && penyerapanTenagaKerjaPerempuan.invalid">
  205. <small [class.d-none]="penyerapanTenagaKerjaPerempuan.valid" class="text-danger">Tenaga Kerja harus diisi angka</small>
  206. </div>
  207. </td>
  208. <td>
  209. <div style="text-align: center;">
  210. <button class="btn btn-danger" (click)="deleteTbladdTblNominatif(i)">
  211. <i class="fa fa-minus"></i>
  212. </button>
  213. </div>
  214. </td>
  215. </tr>
  216. </tbody>
  217. </table>
  218.  
  219.  
  220.  
  221.  
  222.  
  223. </div>
  224. </div>
  225. </div>
  226. </div>
  227. </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!