belajarmasak

view_daribos_gunawan

May 16th, 2018
47
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.92 KB | None | 0 0
  1. <div class="x_panel">
  2. <div class="x_title">
  3. <h2><button type="button" class="add btn btn-primary"><i class="fa fa-plus-square"></i> Tambah Data </button></h2>
  4. <div class="clearfix"></div>
  5. </div>
  6. <!-- dimatikan karena membuat filter diatas, tidak digunakan karena sudah ada. -->
  7. <!-- <link href="<?php //echo base_url('assets/datatables/css/jquery.dataTables.min.css') ?>" rel="stylesheet"> -->
  8.  
  9. <table class="table table-striped table-responsive" id="table">
  10. <thead>
  11. <tr>
  12. <th>No.</th>
  13. <th>Detail</th>
  14. <th>Action</th>
  15. <!--
  16. <th>No Rangka</th>
  17. <th>No Polisi</th>
  18. <th>Model</th>
  19. <th>Type</th>
  20. <th>Transmission</th>
  21. <th>Warna</th>
  22. <th>Tahun</th>
  23. <th>Km</th>
  24. <th>Customer</th>
  25. <th>Telephone</th>
  26. <th>Handphone</th>
  27. <th>Contact Person</th>
  28. <th>Telephone cp</th>
  29. <th>Cabang Penjual</th>
  30. <th>Cabang Service</th>
  31. <th>Salesman</th>
  32. <th>Last Service</th>
  33. <th>Job</th>
  34. <th>Pekerjaan Utama</th>
  35. <th>Program Promo Khusus</th>
  36. <th>Status</th>
  37. <th>Hasil FU 1</th>
  38. <th>Hasil FU 2</th>
  39. <th>Hasil FU 3</th>
  40.  
  41.  
  42. -->
  43. </tr>
  44. </thead>
  45. <tbody>
  46.  
  47. <script type="text/javascript">
  48. var table;
  49. $(document).ready(function () {
  50.  
  51. //datatables
  52. table = $('#table').DataTable({
  53.  
  54. "processing": true,
  55. "serverSide": true,
  56. "order": [],
  57.  
  58. "ajax": {
  59. "url": "<?php echo site_url('service/get_data_user') ?>",
  60. "type": "POST"
  61. },
  62. "columns": [
  63. {"data": "no", "orderable": TRUE},
  64. {"data": "detail", "orderable": false},
  65. {"data": "action", "orderable": false}
  66. ]
  67.  
  68. });
  69.  
  70. table = $('#table_old').DataTable({
  71.  
  72. "processing": true,
  73. "serverSide": true,
  74. "order": [],
  75.  
  76. "ajax": {
  77. "url": "<?php echo site_url('service/get_data_user') ?>",
  78. "type": "POST"
  79. },
  80.  
  81. "columnDefs": [
  82. {
  83. "targets": [0],
  84. "orderable": false,
  85. },
  86. ],
  87.  
  88. });
  89.  
  90. });
  91.  
  92. </script>
  93.  
  94.  
  95. </tbody>
  96. </table>
  97. </div>
  98. <script src="<?php echo base_url('assets/jquery/jquery-2.2.3.min.js') ?>"></script>
  99. <script src="<?php echo base_url('assets/datatables/js/jquery.dataTables.min.js') ?>"></script>
  100.  
  101. <!-- Data tables -->
  102. <style type="text/css">@import url("<?php echo base_url() . 'js/datatables/jquery.dataTables.min.css'; ?>");</style>
  103. <script type='text/javascript' src="<?php echo base_url(); ?>js/datatables/jquery.dataTables.min.js"></script>
  104. <script type='text/javascript' src="<?php echo base_url(); ?>js/datatables/dataTables.bootstrap.js"></script>
  105.  
  106.  
  107.  
  108. <!-- menambahkan script untuk memunculkan tambah data service-->
  109.  
  110. <script type="text/javascript">
  111. $(document).ready(function () {
  112. $('#datatables').dataTable();
  113. $('.add').click(function () {
  114. $('#addModal').modal('show');
  115. $('#form')[0].reset();
  116. });
  117. $('#save').click(function () {
  118. $.ajax({
  119. url: "<?php echo site_url(); ?>service/addService",
  120. type: "POST",
  121. data: $("#form").serialize(),
  122. success: function () {
  123. $('#addModal').modal('hide');
  124. location.reload();
  125. }
  126. })
  127. });
  128. $('#saveEdit').click(function () {
  129. $.ajax({
  130. url: "<?php echo site_url(); ?>service/newService",
  131. type: "post",
  132. data: $("#form2").serialize(),
  133. success: function () {
  134. $('#editModal').modal('hide');
  135. location.reload();
  136. }
  137. })
  138. });
  139. });
  140.  
  141. function edit(id) {
  142. $.getJSON('<?php echo site_url(); ?>service/editService/' + id,
  143. function (response) {
  144. $("#editModal").modal('show');
  145. $("#nno_rangka").val(response['no_rangka']);
  146. $("#nno_polisi").val(response['no_polisi']);
  147. $("#nmodel").val(response['model']);
  148. $("#ntype").val(response['type']);
  149. $("#ntransmission").val(response['transmission']);
  150. $("#nwarna").val(response['warna']);
  151. $("#ntahun").val(response['tahun']);
  152. $("#nkm").val(response['km']);
  153. $("#ncustomer").val(response['customer']);
  154. $("#ntelephone").val(response['telephone']);
  155. $("#nhandphone").val(response['handphone']);
  156. $("#ncontact_person").val(response['contact_person']);
  157. $("#ntelephone_cp").val(response['telephone_cp']);
  158. $("#ncabang_penjual").val(response['cabang_penjual']);
  159. $("#ncabang_service").val(response['cabang_service']);
  160. $("#nsalesman").val(response['salesman']);
  161. $("#nlast_service").val(response['last_service']);
  162. $("#njob").val(response['job']);
  163. $("#npekerjaan_utama").val(response['pekerjaan_utama']);
  164. $("#nprogram_promo").val(response['program_promo']);
  165. $("#nstatus_aktif").val(response['status_aktif']);
  166. $("#nhasil_fu1").val(response['hasil_fu1']);
  167. $("#nhasil_fu2").val(response['hasil_fu2']);
  168. $("#nhasil_fu3").val(response['hasil_fu3']);
  169.  
  170.  
  171. $("#oid").val(response['no_rangka']);
  172. }
  173. );
  174. }
  175.  
  176. function del(id) {
  177. if (confirm('Yakin menghapus data ?')) {
  178. $.ajax({
  179. url: "<?php echo site_url(); ?>service/deleteService/" + id,
  180. type: "post",
  181. success: function () {
  182. location.reload();
  183. }
  184. })
  185. }
  186. }
  187.  
  188. //form menampilkan data yang akan di inputkan.
  189. </script>
  190. <div class="modal fade bs-example-modal-lg" id="addModal" tabindex="-1" role="dialog" aria-hidden="true">
  191. <div class="modal-dialog modal-lg" style="width:500px;">
  192. <div class="modal-content">
  193.  
  194. <div class="modal-header" style="background:cyan;">
  195. <h4 class="modal-title" id="myModalLabel">Tambah Data</h4>
  196. </div>
  197. <div class="modal-body">
  198. <form class="form-horizontal form-label-left" id="form" name="form">
  199.  
  200. <div class="form-group">
  201. <label class="control-label col-sm-3 col-sm-3 col-xs-12">No Rangka</label>
  202. <div class="col-md-9 col-sm-9 col-xs-12">
  203. <input type="text" class="form-control" id="no_rangka" name="no_rangka" placeholder="JTXXXXXXXX" />
  204. </div>
  205. </div>
  206. <div class="form-group">
  207. <label class="control-label col-sm-3 col-sm-3 col-xs-12">No Polisi</label>
  208. <div class="col-md-9 col-sm-9 col-xs-12">
  209. <input type="text" class="form-control" id="no_polisi" name="no_polisi" placeholder="BM-XXXX-XX" />
  210. </div>
  211. </div>
  212. <div class="form-group">
  213. <label class="control-label col-sm-3 col-sm-3 col-xs-12">Model</label>
  214. <div class="col-md-9 col-sm-9 col-xs-12">
  215. <input type="text" class="form-control" id="model" name="model" placeholder="AlPHARD, INNOVA, VIOS" />
  216. </div>
  217. </div>
  218. <div class="form-group">
  219. <label class="control-label col-sm-3 col-sm-3 col-xs-12">Type</label>
  220. <div class="col-md-9 col-sm-9 col-xs-12">
  221. <input type="text" class="form-control" id="type" name="type" placeholder="2.0 A/T" />
  222. </div>
  223. </div>
  224. <div class="form-group">
  225. <label class="control-label col-sm-3 col-sm-3 col-xs-12">Transmission</label>
  226. <div class="col-md-9 col-sm-9 col-xs-12">
  227. <input type="text" class="form-control" id="transmission" name="transmission" placeholder="AT, MT" />
  228. </div>
  229. </div>
  230. <div class="form-group">
  231. <label class="control-label col-sm-3 col-sm-3 col-xs-12">Warna</label>
  232. <div class="col-md-9 col-sm-9 col-xs-12">
  233. <input type="text" class="form-control" id="warna" name="warna" placeholder="Black, Silver Metalic" />
  234. </div>
  235. </div>
  236. <div class="form-group">
  237. <label class="control-label col-sm-3 col-sm-3 col-xs-12">Tahun</label>
  238. <div class="col-md-9 col-sm-9 col-xs-12">
  239. <input type="text" class="form-control" id="tahun" name="tahun" placeholder="2018" />
  240. </div>
  241. </div>
  242. <div class="form-group">
  243. <label class="control-label col-sm-3 col-sm-3 col-xs-12">Km</label>
  244. <div class="col-md-9 col-sm-9 col-xs-12">
  245. <input type="text" class="form-control" id="km" name="km" placeholder="Jarak Tempuh KM" />
  246. </div>
  247. </div>
  248. <div class="form-group">
  249. <label class="control-label col-sm-3 col-sm-3 col-xs-12">Customer</label>
  250. <div class="col-md-9 col-sm-9 col-xs-12">
  251. <input type="text" class="form-control" id="customer" name="customer" placeholder="Nama Customer" />
  252. </div>
  253. </div>
  254. <div class="form-group">
  255. <label class="control-label col-sm-3 col-sm-3 col-xs-12">Telephone</label>
  256. <div class="col-md-9 col-sm-9 col-xs-12">
  257. <input type="text" class="form-control" id="telephone" name="telephone" placeholder="No. Telephone" />
  258. </div>
  259. </div>
  260. <div class="form-group">
  261. <label class="control-label col-sm-3 col-sm-3 col-xs-12">Handphone</label>
  262. <div class="col-md-9 col-sm-9 col-xs-12">
  263. <input type="text" class="form-control" id="handphone" name="handphone" placeholder="No. Handphone" />
  264. </div>
  265. </div>
  266. <div class="form-group">
  267. <label class="control-label col-sm-3 col-sm-3 col-xs-12">Contact Person</label>
  268. <div class="col-md-9 col-sm-9 col-xs-12">
  269. <input type="text" class="form-control" id="contact_person" name="contact_person" placeholder="Nama Contact Person" />
  270. </div>
  271. </div>
  272. <div class="form-group">
  273. <label class="control-label col-sm-3 col-sm-3 col-xs-12">Telephone CP</label>
  274. <div class="col-md-9 col-sm-9 col-xs-12">
  275. <input type="text" class="form-control" id="telephone_cp" name="telephone_cp" placeholder="No. Telephone Contact Person" />
  276. </div>
  277. </div>
  278. <div class="form-group">
  279. <label class="control-label col-sm-3 col-sm-3 col-xs-12">Cabang Penjual</label>
  280. <div class="col-md-9 col-sm-9 col-xs-12">
  281. <input type="text" class="form-control" id="cabang_penjual" name="cabang_penjual" placeholder="Misal : DMI, PK1, PK3" />
  282. </div>
  283. </div>
  284. <div class="form-group">
  285. <label class="control-label col-sm-3 col-sm-3 col-xs-12">Cabang Service</label>
  286. <div class="col-md-9 col-sm-9 col-xs-12">
  287. <input type="text" class="form-control" id="cabang_service" name="cabang_service" placeholder="Cabang Service" />
  288. </div>
  289. </div>
  290. <div class="form-group">
  291. <label class="control-label col-sm-3 col-sm-3 col-xs-12">Salesman</label>
  292. <div class="col-md-9 col-sm-9 col-xs-12">
  293. <input type="text" class="form-control" id="salesman" name="salesman" placeholder="Nama Salesman" />
  294. </div>
  295. </div>
  296. <div class="form-group">
  297. <label class="control-label col-sm-3 col-sm-3 col-xs-12">Last Service</label>
  298. <div class="col-md-9 col-sm-9 col-xs-12">
  299. <input type="date" class="form-control" id="last_service" name="last_service" placeholder="11/05/2018" />
  300. </div>
  301. </div>
  302.  
  303.  
  304. <div class="form-group">
  305. <label class="control-label col-sm-3 col-sm-3 col-xs-12">Job</label>
  306. <div class="col-md-9 col-sm-9 col-xs-12">
  307. <input type="text" class="form-control" id="job" name="job" placeholder="Job" />
  308. </div>
  309. </div>
  310. <div class="form-group">
  311. <label class="control-label col-sm-3 col-sm-3 col-xs-12">Pekerjaan Umum</label>
  312. <div class="col-md-9 col-sm-9 col-xs-12">
  313. <input type="text" class="form-control" id="pekerjaan_utama" name="pekerjaan_utama" placeholder="SBE 'SBE 10.000 KM'" />
  314. </div>
  315. </div>
  316. <div class="form-group">
  317. <label class="control-label col-sm-3 col-sm-3 col-xs-12">Promo Program Khusus</label>
  318. <div class="col-md-9 col-sm-9 col-xs-12">
  319. <input type="text" class="form-control" id="program_promo" name="program_promo" placeholder="Isi Program Promo Jika Ada" />
  320. </div>
  321. </div>
  322. <!-- <div class="form-group">
  323. <label class="control-label col-sm-3 col-sm-3 col-xs-12">Status</label>
  324. <div class="col-md-9 col-sm-9 col-xs-12">
  325. <input type="text" class="form-control" id="status_aktif" name="status_aktif" placeholder="Aktif / Pasif" />
  326. </div> -->
  327. <div class="form-group">
  328. <label class="control-label col-md-3 col-sm-3 col-xs-12">Select</label>
  329. <div class="col-md-9 col-sm-9 col-xs-12">
  330. <select class="form-control" id="status_aktif" name="status_aktif">
  331. <option>Pilih Status</option>
  332. <option>Aktif</option>
  333. <option>Pasif</option>
  334. </select>
  335. </div>
  336. </div>
  337. <div class="form-group">
  338. <label class="control-label col-sm-3 col-sm-3 col-xs-12">Hasil FU 1</label>
  339. <div class="col-md-9 col-sm-9 col-xs-12">
  340. <input type="text" class="form-control" id="hasil_fu1" name="hasil_fu1" placeholder="Hasil FU Pertama" />
  341. </div>
  342. </div>
  343. <div class="form-group">
  344. <label class="control-label col-sm-3 col-sm-3 col-xs-12">Hasil FU 2</label>
  345. <div class="col-md-9 col-sm-9 col-xs-12">
  346. <input type="text" class="form-control" id="hasil_fu2" name="hasil_fu2" placeholder="Hasil FU Kedua" />
  347. </div>
  348. </div>
  349. <div class="form-group">
  350. <label class="control-label col-sm-3 col-sm-3 col-xs-12">Hasil FU 3</label>
  351. <div class="col-md-9 col-sm-9 col-xs-12">
  352. <input type="text" class="form-control" id="hasil_fu3" name="hasil_fu3" placeholder="Hasil FU Ketiga" />
  353. </div>
  354. </div>
  355. </form>
  356. </div>
  357. <div class="modal-footer">
  358. <button type="button" class="btn btn-default" data-dismiss="modal">Tutup</button>
  359. <button type="button" class="btn btn-primary" id="save">Simpan</button>
  360. </div>
  361. </div>
  362. </div>
  363. </div>
  364.  
  365. <!--Akhir dari form simpan data -->
  366.  
  367.  
  368.  
  369. <!--Mulai dari pembuatan form edit -->
  370.  
  371. <div class="modal fade bs-example-modal-lg" id="editModal" tabindex="-1" role="dialog" aria-hidden="true">
  372. <div class="modal-dialog modal-lg" style="width:500px;">
  373. <div class="modal-content">
  374.  
  375. <div class="modal-header" style="background:cyan;">
  376. <h4 class="modal-title" id="myModalLabel">Edit Data</h4>
  377. </div>
  378. <div class="modal-body">
  379. <form class="form-horizontal form-label-left" id="form2" name="form2">
  380.  
  381. <div class="form-group">
  382. <label class="control-label col-sm-3 col-sm-3 col-xs-12">No Rangka</label>
  383. <div class="col-md-9 col-sm-9 col-xs-12">
  384. <input type="text" class="form-control" id="nno_rangka" name="nno_rangka" placeholder="No Rangka" />
  385. </div>
  386. </div>
  387. <div class="form-group">
  388. <label class="control-label col-sm-3 col-sm-3 col-xs-12">No Polisi</label>
  389. <div class="col-md-9 col-sm-9 col-xs-12">
  390. <input type="hidden" class="form-control" id="oid" name="oid" />
  391. <input type="text" class="form-control" id="nno_polisi" name="nno_polisi" placeholder="No Polisi" />
  392. </div>
  393. </div>
  394. <div class="form-group">
  395. <label class="control-label col-sm-3 col-sm-3 col-xs-12">Model</label>
  396. <div class="col-md-9 col-sm-9 col-xs-12">
  397. <input type="text" class="form-control" id="nmodel" name="nmodel" placeholder="Model" />
  398. </div>
  399. </div>
  400. <div class="form-group">
  401. <label class="control-label col-sm-3 col-sm-3 col-xs-12">Type</label>
  402. <div class="col-md-9 col-sm-9 col-xs-12">
  403. <input type="text" class="form-control" id="ntype" name="ntype" placeholder="Type" />
  404. </div>
  405. </div>
  406. <div class="form-group">
  407. <label class="control-label col-sm-3 col-sm-3 col-xs-12">Transmission</label>
  408. <div class="col-md-9 col-sm-9 col-xs-12">
  409. <input type="text" class="form-control" id="ntransmission" name="ntransmission" placeholder="Transmission" />
  410. </div>
  411. </div>
  412. <div class="form-group">
  413. <label class="control-label col-sm-3 col-sm-3 col-xs-12">Warna</label>
  414. <div class="col-md-9 col-sm-9 col-xs-12">
  415. <input type="text" class="form-control" id="nwarna" name="nwarna" placeholder="Warna" />
  416. </div>
  417. </div>
  418. <div class="form-group">
  419. <label class="control-label col-sm-3 col-sm-3 col-xs-12">Tahun</label>
  420. <div class="col-md-9 col-sm-9 col-xs-12">
  421. <input type="text" class="form-control" id="ntahun" name="ntahun" placeholder="Tahun" />
  422. </div>
  423. </div>
  424. <div class="form-group">
  425. <label class="control-label col-sm-3 col-sm-3 col-xs-12">Km</label>
  426. <div class="col-md-9 col-sm-9 col-xs-12">
  427. <input type="text" class="form-control" id="nkm" name="nkm" placeholder="Jarak Km" />
  428. </div>
  429. </div>
  430. <div class="form-group">
  431. <label class="control-label col-sm-3 col-sm-3 col-xs-12">Customer</label>
  432. <div class="col-md-9 col-sm-9 col-xs-12">
  433. <input type="text" class="form-control" id="ncustomer" name="ncustomer" placeholder="Customer" />
  434. </div>
  435. </div>
  436. <div class="form-group">
  437. <label class="control-label col-sm-3 col-sm-3 col-xs-12">Telephone</label>
  438. <div class="col-md-9 col-sm-9 col-xs-12">
  439. <input type="text" class="form-control" id="ntelephone" name="ntelephone" placeholder="Telephone" />
  440. </div>
  441. </div>
  442. <div class="form-group">
  443. <label class="control-label col-sm-3 col-sm-3 col-xs-12">Handphone</label>
  444. <div class="col-md-9 col-sm-9 col-xs-12">
  445. <input type="text" class="form-control" id="nhandphone" name="nhandphone" placeholder="Handphone" />
  446. </div>
  447. </div>
  448. <div class="form-group">
  449. <label class="control-label col-sm-3 col-sm-3 col-xs-12">Contact Person</label>
  450. <div class="col-md-9 col-sm-9 col-xs-12">
  451. <input type="text" class="form-control" id="ncontact_person" name="ncontact_person" placeholder="Contact Person" />
  452. </div>
  453. </div>
  454. <div class="form-group">
  455. <label class="control-label col-sm-3 col-sm-3 col-xs-12">Telephone Cp</label>
  456. <div class="col-md-9 col-sm-9 col-xs-12">
  457. <input type="text" class="form-control" id="ntelephone_cp" name="ntelephone_cp" placeholder="Telephone Cp" />
  458. </div>
  459. </div>
  460. <div class="form-group">
  461. <label class="control-label col-sm-3 col-sm-3 col-xs-12">Cabang Penjual</label>
  462. <div class="col-md-9 col-sm-9 col-xs-12">
  463. <input type="text" class="form-control" id="ncabang_penjual" name="ncabang_penjual" placeholder="Cabang Penjual" />
  464. </div>
  465. </div>
  466. <div class="form-group">
  467. <label class="control-label col-sm-3 col-sm-3 col-xs-12">Cabang Service</label>
  468. <div class="col-md-9 col-sm-9 col-xs-12">
  469. <input type="text" class="form-control" id="ncabang_service" name="ncabang_service" placeholder="Cabang Service" />
  470. </div>
  471. </div>
  472. <div class="form-group">
  473. <label class="control-label col-sm-3 col-sm-3 col-xs-12">Salesman</label>
  474. <div class="col-md-9 col-sm-9 col-xs-12">
  475. <input type="text" class="form-control" id="nsalesman" name="nsalesman" placeholder="Salesman" />
  476. </div>
  477. </div>
  478. <div class="form-group">
  479. <label class="control-label col-sm-3 col-sm-3 col-xs-12">Last Service</label>
  480. <div class="col-md-9 col-sm-9 col-xs-12">
  481. <input type="date" class="form-control" id="nlast_service" name="nlast_service" placeholder="Last Service" />
  482. </div>
  483. </div>
  484. <div class="form-group">
  485. <label class="control-label col-sm-3 col-sm-3 col-xs-12">Job</label>
  486. <div class="col-md-9 col-sm-9 col-xs-12">
  487. <input type="text" class="form-control" id="njob" name="njob" placeholder="Job" />
  488. </div>
  489. </div>
  490. <div class="form-group">
  491. <label class="control-label col-sm-3 col-sm-3 col-xs-12">Pekerjaan Umum</label>
  492. <div class="col-md-9 col-sm-9 col-xs-12">
  493. <input type="text" class="form-control" id="npekerjaan_utama" name="npekerjaan_utama" placeholder="Pekerjaan Umum" />
  494. </div>
  495. </div>
  496.  
  497. <div class="form-group">
  498. <label class="control-label col-sm-3 col-sm-3 col-xs-12">Promo Program Khusus</label>
  499. <div class="col-md-9 col-sm-9 col-xs-12">
  500. <input type="text" class="form-control" id="nprogram_promo" name="nprogram_promo" placeholder="Isi Program Promo Jika Ada" />
  501. </div>
  502. </div>
  503. <!-- <div class="form-group">
  504. <label class="control-label col-sm-3 col-sm-3 col-xs-12">Status</label>
  505. <div class="col-md-9 col-sm-9 col-xs-12">
  506. <input type="text" class="form-control" id="nstatus_aktif" name="nstatus_aktif" placeholder="Aktif / Pasif" />
  507. </div>
  508. </div> -->
  509. <div class="form-group">
  510. <label class="control-label col-md-3 col-sm-3 col-xs-12">Status</label>
  511. <div class="col-md-9 col-sm-9 col-xs-12">
  512. <select class="form-control" id="nstatus_aktif" name="nstatus_aktif">
  513. <option>Pilih Status</option>
  514. <option>Aktif</option>
  515. <option>Pasif</option>
  516. </select>
  517. </div>
  518. </div>
  519. <div class="form-group">
  520. <label class="control-label col-sm-3 col-sm-3 col-xs-12">Hasil FU 1</label>
  521. <div class="col-md-9 col-sm-9 col-xs-12">
  522. <input type="text" class="form-control" id="nhasil_fu1" name="nhasil_fu1" placeholder="Hasil FU Pertama" />
  523. </div>
  524. </div>
  525. <div class="form-group">
  526. <label class="control-label col-sm-3 col-sm-3 col-xs-12">Hasil FU 2</label>
  527. <div class="col-md-9 col-sm-9 col-xs-12">
  528. <input type="text" class="form-control" id="nhasil_fu2" name="nhasil_fu2" placeholder="Hasil FU Kedua" />
  529. </div>
  530. </div>
  531. <div class="form-group">
  532. <label class="control-label col-sm-3 col-sm-3 col-xs-12">Hasil FU 3</label>
  533. <div class="col-md-9 col-sm-9 col-xs-12">
  534. <input type="text" class="form-control" id="nhasil_fu3" name="nhasil_fu3" placeholder="Hasil FU Ketiga" />
  535. </div>
  536. </div>
  537.  
  538.  
  539. </form>
  540. </div>
  541. <div class="modal-footer">
  542. <button type="button" class="btn btn-default" data-dismiss="modal">Tutup</button>
  543. <button type="button" class="btn btn-primary" id="saveEdit">Simpan</button>
  544. </div>
  545. </div>
  546. </div>
  547. </div>
  548.  
  549. <!-- Akhir dari pembuatan form edit -->
  550.  
  551.  
  552.  
  553.  
  554.  
  555.  
  556.  
  557. <script type="text/javascript">
  558. $(document).ready(function () {
  559. $('#datatables').dataTable();
  560. });
  561.  
  562. </script>
Add Comment
Please, Sign In to add comment