belajarmasak

v_service-dropdown

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