belajarmasak

v_service-individual

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