API tools faq
paste
Advertisement
rezamp

Untitled

rezamp
Jan 19th, 2018
103
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.20 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <title><?php echo $title; ?></title>
  7. <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  8.  
  9. <?php
  10. $this->load->view('template/head');
  11. $this->load->helper('indonesian_date');
  12. ?>
  13. <!--tambahkan custom css disini-->
  14. <style type="text/css">
  15. </style>
  16. <link rel="stylesheet" href="<?php echo base_url('assets/AdminLTE/plugins/datatables/dataTables.bootstrap.css')?>">
  17. <!-- Date Picker -->
  18. <link href="<?php echo base_url('assets/AdminLTE/plugins/datepicker/datepicker3.css') ?>" rel="stylesheet" type="text/css" />
  19. <!-- Daterange picker -->
  20. <link href="<?php echo base_url('assets/AdminLTE/plugins/daterangepicker/daterangepicker.css') ?>" rel="stylesheet" type="text/css" />
  21. <link rel="stylesheet" href="<?php echo base_url('assets/AdminLTE/plugins/datepicker/datepicker3.css') ?>">
  22.  
  23.  
  24. </head>
  25. <?php
  26. $this->load->view('template/topbar');
  27. $this->load->view('template/sidebar');
  28. ?>
  29. <section class="content-header">
  30. <h1>
  31. Data Penjualan
  32. </h1>
  33. <ol class="breadcrumb">
  34. <li><a href="<?php echo site_url(); ?>"><i class="fa fa-dashboard"></i> Home</a></li>
  35. <li class="active">Data Penjualan</li>
  36. </ol>
  37. </section>
  38. <div class="modal fade" id="modal_form" role="dialog" aria-labelledby="exampleModalLabel" data-backdrop="static">
  39. <div class="modal-dialog" role="document">
  40. <div class="modal-content">
  41. <div class="modal-header">
  42. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  43. <h3 class="modal-title" id="exampleModalLabel"></h3>
  44. </div>
  45. <div class="modal-body">
  46. <div class="box-body pad">
  47. <form id="form" class="form-horizontal">
  48. <input type="hidden" value="" name="id"/>
  49.  
  50. <div class="col-md-12">
  51. <div class="form-group">
  52. <label>Tanggal:</label>
  53. <input type="text" class="form-control tgl" placeholder="Tanggal Transaksi" id="tgl" name="tgl" required>
  54. </div>
  55. </div>
  56.  
  57. <div class="col-md-12">
  58. <div class="form-group">
  59. <label>Customer:</label>
  60. <select class="form-control select2" style="width: 100%; border-radius: 0px" name="cust" id="cust">
  61. <option value="">- Customer -</option>
  62. <?php foreach ($mcustomer as $t) { ?>
  63. <option value="<?php echo $t->kode; ?>"><?php echo $t->nama; ?></option>
  64. <?php } ?>
  65. </select>
  66. </div>
  67. </div>
  68.  
  69. <div class="col-md-12">
  70. <div class="form-group">
  71. <label>Produk:</label>
  72. <select class="form-control select2" style="width: 100%; border-radius: 0px" name="prod" id="prod">
  73. <option value="">- Produk -</option>
  74. <?php foreach ($mbarang as $t) { ?>
  75. <option value="<?php echo $t->kode; ?>"><?php echo $t->nama; ?></option>
  76. <?php } ?>
  77. </select>
  78. </div>
  79. </div>
  80.  
  81. <div class="col-md-4">
  82. <div class="form-group">
  83. <label>Harga Beli</label>
  84. <input type="number" class="form-control" placeholder="Harga Beli" id="hargabeli" name="hargabeli">
  85. </div>
  86. </div>
  87.  
  88. <div class="col-md-4">
  89. <div class="form-group">
  90. <label>Harga Jual</label>
  91. <input type="number" class="form-control" placeholder="Harga Jual" id="hargajual" name="hargajual">
  92. </div>
  93. </div>
  94.  
  95. <div class="col-md-4">
  96. <div class="form-group">
  97. <label>Komisi</label>
  98. <input type="number" class="form-control" placeholder="Komisi" id="komisi" name="komisi">
  99. </div>
  100. </div>
  101.  
  102. <div class="col-md-12">
  103. <div class="form-group">
  104. <label>Pembayaran</label>
  105. <?php
  106. echo form_dropdown('namabyr', $namabyr, '', 'class="form-control" id="namabyr" nama ="namabyr" required');
  107. ?>
  108. </div>
  109. </div>
  110.  
  111. <div class="col-md-12">
  112. <div class="form-group">
  113. <label>Keterangan</label>
  114. <input type="text" class="form-control" placeholder="Masukan Keterangan" name="ket" >
  115. </div>
  116. </div>
  117.  
  118. </form>
  119. </div>
  120. </div>
  121. <div class="modal-footer">
  122. <button type="button" id="btnSave" onclick="save()" class="btn btn-primary">Simpan</button>
  123. <button type="button" class="btn btn-warning" data-dismiss="modal">Batal</button>
  124. </div>
  125. </div>
  126. </div>
  127. </div>
  128. <section class="content">
  129. <div class="row">
  130. <div class="col-xs-12">
  131. <div class="box">
  132. <div class="box-header bg-green">
  133. <div class="pull-right box-tools">
  134. <button class="btn btn-default btn-sm pull-right" data-widget="collapse" data-toggle="tooltip" title="Collapse" style="margin-right: 5px;"><i class="fa fa-minus"></i></button>
  135. </div>
  136. <i class="fa fa-search"></i>
  137. <h3 class="box-title">
  138. Filter Data
  139. </h3>
  140. </div>
  141. <div class="box-body">
  142. <form id="form_filter">
  143. <div class="row">
  144. <div class="col-md-3">
  145. <div class="form-group">
  146. <label>Start Plan:</label>
  147. <input type="text" class="form-control tgl" placeholder="Start Plan" id="awal" name="awal" />
  148. </div>
  149. </div>
  150.  
  151. <div class="col-md-3">
  152. <div class="form-group">
  153. <label>Finish Plan:</label>
  154. <input type="text" class="form-control tgl" placeholder="Finish Plan" id="akhir" name="akhir" />
  155. </div>
  156. </div>
  157.  
  158. <div class="col-md-3">
  159. <div class="form-group">
  160. <label>Customer:</label>
  161. <select class="form-control select2" style="width: 100%; border-radius: 0px" name="custo" id="custo">
  162. <option value="">Semua</option>
  163. <?php foreach ($mcustomer as $p) {
  164. ?>
  165. <option value="<?php echo $p->kode ?>"><?php echo $p->nama ?></option>
  166. <?php } ?>
  167. </select>
  168. </div>
  169. </div>
  170.  
  171. <div class="col-md-3">
  172. <div class="form-group">
  173. <label>Pembayaran:</label>
  174. <select class="form-control select2" style="width: 100%; border-radius: 0px" name="carabayar" id="carabayar">
  175. <option value="">Semua</option>
  176. <?php foreach ($mcarabayar as $p) {
  177. ?>
  178. <option value="<?php echo $p->kode ?>"><?php echo $p->nama ?></option>
  179. <?php } ?>
  180. </select>
  181. </div>
  182. </div>
  183.  
  184. </div>
  185. </form>
  186. </div>
  187. </div>
  188. <div class="box box-info">
  189. <div class="box-header">
  190. <button class="btn btn-success pull-right" onclick="add_penjualan()" data-toggle="tooltip" data-placement="top" title="Tambah Data"><span class="glyphicon glyphicon-file"></span>Tambah</button>
  191. <button class="btn btn-default " onclick="reload_table()" data-toggle="tooltip" data-placement="top" title="Reload Table"><i class="glyphicon glyphicon-refresh"></i> Reload</button>
  192. </div>
  193.  
  194. <div class="box-body">
  195. <div class="table-responsive mailbox-messages">
  196. <table id="table" class="table table-striped table-bordered" cellspacing="0" width="100%">
  197. <thead>
  198. <tr>
  199. <th>No</th>
  200. <!-- <th>Kode</th> -->
  201. <th>Tanggal</th>
  202. <th>Customer</th>
  203. <th>Nama Barang</th>
  204. <th>No. Telp</th>
  205. <th>Jenis Pembayaran</th>
  206. <th>Harga Beli</th>
  207. <th>Harga Jual</th>
  208. <th>Komisi</th>
  209. <th>Keterangan</th>
  210. <th style="width:12%;">Action</th>
  211. </tr>
  212. </thead>
  213. <tbody>
  214.  
  215. </tbody>
  216. </table>
  217. </div>
  218. </div>
  219. </div>
  220. </div>
  221. </div>
  222. </section>
  223. <?php
  224. $this->load->view('template/js');
  225. ?>
  226. <script src="<?php echo base_url('assets/AdminLTE/plugins/datatables/jquery.dataTables.min.js')?>"></script>
  227. <script src="<?php echo base_url('assets/AdminLTE/plugins/datatables/dataTables.bootstrap.min.js')?>"></script>
  228. <script src="<?php echo base_url('assets/delconfirmation.js')?>"></script>
  229. <script src="<?php echo base_url('assets/AdminLTE/plugins/select2/select2.full.min.js')?>"></script>
  230. <script src="<?php echo base_url(); ?>assets/AdminLTE/bootstrap/js/moment.min.js"></script>
  231. <script src="<?php echo base_url('assets/AdminLTE/plugins/datepicker/bootstrap-datepicker.js')?>"></script>
  232. <script src="<?php echo base_url(); ?>assets/AdminLTE/plugins/daterangepicker/daterangepicker.js"></script>
  233.  
  234. </script>
  235. <script>
  236. $('#tgl').datepicker({
  237. autoclose: true,
  238. });
  239. </script>
  240. <script>
  241. $('#awal').daterangepicker({
  242. singleDatePicker: true,
  243. timePicker: false,
  244. format: 'DD-MM-YYYY'
  245. });
  246. $('#akhir').daterangepicker({
  247. singleDatePicker: true,
  248. timePicker: false,
  249. format: 'DD-MM-YYYY'
  250. });
  251.  
  252. $('#awal').val(moment().subtract(1, 'months').format('YYYY-MM-DD'));
  253. $('#akhir').val(moment().format('YYYY-MM-DD'));
  254. </script>
  255.  
  256. <script>
  257. $("#cust").select2({
  258. placeholder: "- Customer -"
  259. });
  260. $("#custo").select2({
  261. placeholder: "- Customer -"
  262. });
  263. $("#prod").select2({
  264. placeholder: "- Produk -"
  265. });
  266. </script>
  267.  
  268. <script type="text/javascript">
  269. var table;
  270. var tablemodal;
  271. var save_method;
  272.  
  273. $(document).ready(function() {
  274. table = $('#table').DataTable({
  275. "processing": true,
  276. "ajax": {
  277. "url": "<?php echo site_url('penjualan/getlist'); ?>",
  278. "type": "POST",
  279. "data": {
  280. awal : function() { return $('#awal').val() },
  281. akhir : function() { return $('#akhir').val() },
  282. cust : function() { return $('#custo').val() },
  283. carabayar : function() { return $('#carabayar').val() }
  284. }
  285. },
  286. "columns": [
  287.  
  288. { "data": "no" },
  289. // { "data": "kode" },
  290. { "data": "tgl" },
  291. { "data": "namacus" },
  292. { "data": "namabar" },
  293. { "data": "telp" },
  294. { "data": "namabyr" },
  295. { "data": "hargabeli" },
  296. { "data": "hargajual" },
  297. { "data": "komisi" },
  298. { "data": "ket" },
  299. { "data": "action" }
  300. ],
  301. "order": [[0, 'asc']]
  302. });
  303. });
  304.  
  305.  
  306. function reload_table()
  307. {
  308. table.ajax.reload(null,false); //reload datatable ajax
  309. }
  310.  
  311. function add_penjualan()
  312. {
  313. save_method = 'add';
  314. $('#form')[0].reset(); // reset form on modals
  315. $('.form-group').removeClass('has-error'); // clear error class
  316. $('.help-block').empty(); // clear error string
  317. $('#modal_form').modal('show'); // show bootstrap modal
  318. $('.modal-title').text('Input Penjualan'); // Set Title to Bootstrap modal title
  319. }
  320.  
  321. function edit_data(id)
  322. {
  323. save_method = 'update';
  324. $('#form')[0].reset(); // reset form on modals
  325. $('.form-group').removeClass('has-error'); // clear error class
  326. $('.help-block').empty(); // clear error string
  327. //Ajax Load data from ajax
  328. $.ajax({
  329. url : "<?php echo site_url('penjualan/ajax_edit')?>/" + id,
  330. type: "GET",
  331. dataType: "JSON",
  332. success: function(data)
  333. {
  334. $('[name="id"]').val(data.id);
  335. $('[name="tgl"]').val(data.tgl);
  336. $('[name="cust"]').val(data.ref_cust);
  337. $('[name="prod"]').val(data.ref_barang);
  338. $('[name="namabyr"]').val(data.ref_carabayar);
  339. $('[name="hargabeli"]').val(data.hargabeli);
  340. $('[name="hargajual"]').val(data.hargajual);
  341. $('[name="komisi"]').val(data.komisi);
  342. $('[name="ket"]').val(data.ket);
  343. $('#modal_form').modal('show'); // show bootstrap modal when complete loaded
  344. $('.modal-title').text('Edit Data Penjualan'); // Set title to Bootstrap modal title
  345. },
  346. error: function (jqXHR, textStatus , errorThrown)
  347. {
  348. alert('Error get data from ajax');
  349. }
  350. });
  351. }
  352.  
  353. function save()
  354. {
  355. $('#btnSave').text('Saving...'); //change button text
  356. $('#btnSave').attr('disabled',true); //set button disable
  357. var url;
  358.  
  359. if(save_method == 'add') {
  360. url = "<?php echo site_url('penjualan/ajax_add')?>";
  361. } else {
  362. url = "<?php echo site_url('penjualan/ajax_update')?>";
  363. }
  364. // ajax adding data to database
  365. $.ajax({
  366. url : url,
  367. type: "POST",
  368. data: $('#form').serialize(),
  369. dataType: "JSON",
  370. success: function(data)
  371. {
  372. if(data.penjualan) //if success close modal and reload ajax table
  373. {
  374. $('#modal_form').modal('hide');
  375. reload_table();
  376. }
  377.  
  378. $('#btnSave').text('Save'); //change button text
  379. $('#btnSave').attr('disabled',false); //set button enable
  380.  
  381. },
  382. error: function (jqXHR, textStatus , errorThrown)
  383. {
  384. alert('Error adding / update data');
  385. $('#btnSave').text('Save'); //change button text
  386. $('#btnSave').attr('disabled',false); //set button enable
  387.  
  388. }
  389. });
  390. }
  391.  
  392. function delete_data(id)
  393. {
  394. if(confirm('Yakin Hapus Data ?'))
  395. {
  396. // ajax delete data to database
  397. $.ajax({
  398. url : "<?php echo site_url('penjualan/ajax_delete')?>/"+id,
  399. type: "POST",
  400. dataType: "JSON",
  401. success: function(data)
  402. {
  403. //if success reload ajax table
  404. $('#modal_form').modal('hide');
  405. reload_table();
  406. },
  407. error: function (jqXHR, textStatus , errorThrown)
  408. {
  409. alert('Error deleting data');
  410. }
  411. });
  412.  
  413. }
  414. }
  415. </script>
  416. <script>
  417. $(document).ready(function(){
  418. $('[data-toggle="tooltip"]').tooltip();
  419. });
  420. </script>
  421.  
  422. <?php
  423. $this->load->view('template/sidebar_theme');
  424. ?>
  425. <script>
  426. $( ".data" ).addClass( "active" );
  427. </script>
  428. <script>
  429. $( ".penjualan" ).addClass( "active" );
  430. </script>
  431. <script>
  432. $(document).ready(function(){
  433. setTimeout(function() {
  434. $('.alrt-success').fadeOut('fast');
  435. }, 2000); // <-- time in milliseconds
  436. });
  437. </script>
  438. </body>
  439. </html>
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!