API tools faq
paste
Advertisement
yhoezt_27

Untitled

yhoezt_27
Apr 14th, 2020
83
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.04 KB | None | 0 0
raw download clone embed print report
  1. <?php if ( ! defined('BASEPATH')) exit('No direct script access allowed'); ?>
  2.  
  3.  
  4. <div class="row">
  5. <div class="col-md-12 col-sm-12 col-xs-12">
  6. <div class="x-panel">
  7. <div class="x_title">
  8. <h2><?php echo $title?></h2>
  9. <button type="button" id="btn-delete" class="btn btn-danger pull-right">
  10. <span class="glyphicon glyphicon-erase"></span>Delete
  11. </button>
  12. <button type="button" id="btn-import" class="btn btn-primary pull-right">
  13. <span class="glyphicon glyphicon-import"></span>Import
  14. </button>
  15. <button type="button" id="btn-tambah" class="btn btn-success pull-right">
  16. <span class="glyphicon glyphicon-plus"></span>Tambah
  17. </button>
  18. <div class="clearfix"></div>
  19. </div>
  20. <div class="x_content">
  21. <div id="view">
  22. <table id="item-asset" class="display" width="100%" cellspacing="0">
  23. <thead>
  24. <tr class="headings">
  25. <th>
  26. <div>
  27. <input type="checkbox" id="check-all">
  28. </div>
  29. </th>
  30. <th>ID Item Asset</th>
  31. <th>Item Asset</th>
  32. <th>Kategori Asset</th>
  33. <th>Usia Ekonomis</th>
  34. <th>Residu</th>
  35. <th>Status Approval</th>
  36. <th colspan = "1" class="text-center"><span class="glyphicon glyphicon-cog"></span></th>
  37. </tr>
  38. </thead>
  39. <tbody>
  40. <?php
  41. if ($data_item_asset->num_rows() > 0)
  42. {
  43. $i=1;
  44. foreach($data_item_asset->result_array() as $keys=>$key)
  45. {
  46. if ($i%2 == 0)
  47. $class = "odd pointer";
  48. else $class = "even pointer";
  49.  
  50. if ($key['status_approval'] == '0')
  51. $status = 'PENDING';
  52. else $status = 'VALID';
  53. ?>
  54. <tr class="<?php echo $class?>">
  55. <td><div><input type="checkbox" class="data-check" value="<?php print $key['id_item']?>"></div></td>
  56. <td class="align-middle"><?php print $key['id_item']?></td>
  57. <td class="align-middle"><?php print $key['item']?></td>
  58. <td class="align-middle"><?php print $key['ktgr_assets']?></td>
  59. <td class="align-middle"><?php print $key['usia_ekonomis']?></td>
  60. <td class="align-middle"><?php print $key['residu']?></td>
  61. <td class="align-middle"><?php print $status?></td>
  62. <td class="align-middle text-center">
  63. <a href="javascript:void();" onclick="edit(<?php echo $key['id_item']; ?>);" class="btn btn-default" title="Edit"><span class="glyphicon glyphicon-pencil"></span></a>
  64. </td>
  65. </tr>
  66. <?php
  67. $i++;
  68. }
  69. }
  70. ?>
  71. </tbody>
  72. </table>
  73. </div>
  74. </div>
  75. </div>
  76. </div>
  77. </div>
  78.  
  79.  
  80.  
  81. <script>
  82.  
  83. var save_method;
  84. var table;
  85. var maxField;
  86. var can_save;
  87.  
  88. function edit(id)
  89. {
  90. $.ajax({
  91. url : "<?php echo site_url('item_asset/ajax_edit/')?>/" + id,
  92. type: "GET",
  93. dataType: "JSON",
  94. success: function(response)
  95. {
  96. if (response.status == 'true')
  97. {
  98. save_method = 'update';
  99. $('#form-id')[0].reset(); // reset form on modals
  100.  
  101. $('[name="id_ktgr_asset_edit"]').val(response.data.ktgr_assets);
  102. $('[name="item_asset_edit"]').val(response.data.item);
  103. $('[name="id_item"]').val(response.data.id_item);
  104. $('[name="umur_ekonomis"]').val(response.data.usia_ekonomis);
  105. $('[name="residu"]').val(response.data.residu);
  106. if (response.data.status_approval == null)
  107. status = 'PENDING';
  108. else status = 'VALID';
  109. $('[name="approval_edit"]').val(status);
  110. $("#form-add-data").hide();
  111. $("#form-edit-data").show();
  112. $('#modal-id').modal('show'); // show bootstrap modal when complete loaded
  113. $('.modal-title').text('Edit Item Asset'); // Set title to Bootstrap modal title
  114. }
  115. else
  116. {
  117. alert(response.pesan);
  118. location.href = location.pathname;
  119. }
  120. },
  121. error: function (jqXHR, textStatus, errorThrown)
  122. {
  123. alert(jqXHR.responseText);
  124. }
  125. });
  126. }
  127.  
  128. $(document).ready(function(){
  129. var can_save;
  130. var addBtn = $('#btn-tambah');
  131. var btnsave = $('#btnSave');
  132. var btnImport = $('#btn-import');
  133. var btnDelete = $('#btn-delete');
  134. var maxField;
  135. var addButton = $('#btn-add-item');
  136.  
  137.  
  138. $('#item-asset').DataTable(
  139. {
  140. "order": [[ 1, "asc" ]]
  141. }
  142. );
  143. $('#input01').filestyle({
  144. buttonText : ''
  145. });
  146. $("#check-all").click(function () {
  147. $(".data-check").prop('checked', $(this).prop('checked'));
  148. });
  149.  
  150. $('#form-modal').on('hidden.bs.modal', function (e){
  151. $("#btn-reset").click();
  152. $("#id_ktgr_assets").removeAttr("disabled");
  153. $("#jml_item").removeAttr("readonly");
  154. $('#btn-add-item').removeAttr("disabled");
  155. $('#id_ktgr_assets-edit').removeAttr("readonly");
  156. });
  157.  
  158. $(addBtn).on('click', function(e){
  159. save_method = "add";
  160. $('#form-id')[0].reset(); // reset form on modals
  161. $('.modal-title').text('Tambah Data');
  162. $('#child-form').hide();
  163. $("#form-add-data").show();
  164. $("#form-edit-data").hide();
  165. $('#modal-id').modal('show');
  166. });
  167.  
  168. $(addButton).on('click', function(e){
  169. if ($("#id_ktgr_assets").val() != 0)
  170. {
  171. if (($("#jml_item").val() >= 1) && ($("#jml_item").val() <= 10))
  172. {
  173. if (confirm('Data sudah benar ?'))
  174. {
  175. $("#id_ktgr_assets").attr("disabled","disabled");
  176. $("#jml_item").attr("readonly","readonly");
  177. $("#umur_ekonomis").attr("readonly","readonly");
  178. $("#residu").attr("readonly","readonly");
  179. $(addButton).attr("disabled","disabled");
  180. maxField = $("#jml_item").val();
  181. var wrapper = $('.field_wrapper'); //Input field wrapper
  182. for(i=1; i<=maxField; i++)
  183. {
  184. $(wrapper).append('<div class="item form-group"><label class="control-label col-md-3">Item Asset['+i+']</label><div class="col-md-9"><input type="text" class="form-control" name="item_asset[]" id="item_asset'+i+'"/></div></div>');
  185. }
  186. $("#child-form").show();
  187. }
  188. }
  189. else alert('Jumlah Item_Asset minimal berjumlah 1, maximal berjumlah 10');
  190. }
  191. else alert('Harap pilih Kategori Asset');
  192. });
  193. //else can_save = false;
  194.  
  195. $("#btnSave").on('click', function(e){
  196. if (save_method == 'add')
  197. {
  198. url = "<?php echo site_url('item_asset/tambah')?>";
  199.  
  200. var data = new FormData();
  201.  
  202. for (i=1; i<=maxField; i++)
  203. {
  204. if ($.trim($("#item_asset"+i).val()).length > 0)
  205. data.append('item_asset[]', $("#item_asset"+i).val());
  206. }
  207. data.append('id_ktgr_assets', $("#id_ktgr_assets").val());
  208. data.append('umur_ekonomis', $('#umur_ekonomis').val());
  209. data.append('residu', $('#residu').val());
  210.  
  211. $.ajax({
  212. url : url,
  213. type: "POST",
  214. data: data,
  215. processData: false,
  216. contentType: false,
  217. dataType: "json",
  218. beforeSend: function(e) {
  219. if(e && e.overrideMimeType) {
  220. e.overrideMimeType("application/json;charset=UTF-8");
  221. }
  222. },
  223. success: function(response){ // Ketika proses pengiriman berhasil
  224. $("#loading-simpan").hide(); // Sembunyikan loading simpan
  225. $('#form-id').on('hidden.bs.modal', function (e) {
  226. $(this)
  227. .find("input,select")
  228. .val('')
  229. .end()
  230. })
  231. if(response.status == "sukses"){ // Jika Statusnya = sukses
  232. // Ganti isi dari div view dengan view yang diambil dari proses_simpan.php
  233. $("#view").html(response.html);
  234. location.href = location.pathname;
  235. /*
  236. * Ambil pesan suksesnya dan set ke div pesan-sukses
  237. * Lalu munculkan div pesan-sukes nya
  238. * Setelah 10 detik, sembunyikan kembali pesan suksesnya
  239. */
  240. $("#pesan-sukses").html(response.pesan).fadeIn().delay(10000).fadeOut();
  241.  
  242. $("#form-id").modal('hide'); // Close / Tutup Modal Dialog
  243. }else{ // Jika statusnya = gagal
  244. /*
  245. * Ambil pesan errornya dan set ke div pesan-error
  246. * Lalu munculkan div pesan-error nya
  247. */
  248. alert(response.pesan);
  249. location.href = location.pathname;
  250. }
  251. },
  252. error: function (jqXHR, textStatus, errorThrown)
  253. {
  254. alert(jqXHR.responseText);
  255. }
  256. });
  257. }
  258. else
  259. {
  260. if ($.trim($("#item_asset_edit").val()).length > 0)
  261. {
  262. url = "<?php echo site_url('item_asset/edit')?>";
  263.  
  264. var data = new FormData();
  265. data.append('id_item', $('#id_item').val());
  266. data.append('item_asset_edit', $('#item_asset_edit').val());
  267. data.append('umur_ekonomis_edit', $('#umur_ekonomis_edit').val());
  268. data.append('residu_edit', $('#residu_edit').val());
  269.  
  270. $.ajax({
  271. url : url,
  272. type: "POST",
  273. data: data,
  274. processData: false,
  275. contentType: false,
  276. dataType: "json",
  277. beforeSend: function(e) {
  278. if(e && e.overrideMimeType) {
  279. e.overrideMimeType("application/json;charset=UTF-8");
  280. }
  281. },
  282. success: function(response){ // Ketika proses pengiriman berhasil
  283. $("#loading-simpan").hide(); // Sembunyikan loading simpan
  284. $('#form-id').on('hidden.bs.modal', function (e) {
  285. $(this)
  286. .find("input")
  287. .val('')
  288. .end()
  289. })
  290. if(response.status == "true"){ // Jika Statusnya = sukses
  291. // Ganti isi dari div view dengan view yang diambil dari proses_simpan.php
  292. $("#view").html(response.html);
  293. location.href = location.pathname;
  294. /*
  295. * Ambil pesan suksesnya dan set ke div pesan-sukses
  296. * Lalu munculkan div pesan-sukes nya
  297. * Setelah 10 detik, sembunyikan kembali pesan suksesnya
  298. */
  299. $("#pesan-sukses").html(response.pesan).fadeIn().delay(10000).fadeOut();
  300.  
  301. $("#form-id").modal('hide'); // Close / Tutup Modal Dialog
  302. }else{ // Jika statusnya = gagal
  303. /*
  304. * Ambil pesan errornya dan set ke div pesan-error
  305. * Lalu munculkan div pesan-error nya
  306. */
  307. alert(response.pesan);
  308. }
  309. },
  310. error: function (jqXHR, textStatus, errorThrown)
  311. {
  312. alert(jqXHR.responseText);
  313. }
  314. });
  315.  
  316. }
  317. }
  318.  
  319. });
  320.  
  321. $('#input01').on('change',function(){
  322. if(confirm("File sudah benar ?")) {
  323. //$(this).after('<span class="temp-message">File Uploading.....</span>');
  324. $.ajax({
  325. url:"<?php echo site_url('item_asset/preview?func=uploadfile')?>",
  326. type:"POST",
  327. data:new FormData($("#form-import")[0]),
  328. enctype: 'multipart/form-data',
  329. contentType:false,
  330. processData:false,
  331. dataType: 'json',
  332. success:function(response){
  333. $('#form-import').on('hidden.bs.modal', function (e) {
  334. $(this)
  335. .find("input")
  336. .val('')
  337. .end()
  338. })
  339. if (response.status == 'sukses')
  340. {
  341. location.href = location.pathname;
  342. //window.location.href = response.url;
  343. }
  344. else
  345. {
  346. alert(response.pesan);
  347. location.href = location.pathname;
  348. }
  349. },
  350. error: function (jqXHR, textStatus, errorThrown)
  351. {
  352. alert(xhr.responseText);
  353. }
  354. });
  355. }
  356. else
  357. {
  358. $('#input01').val('');
  359. }
  360. });
  361.  
  362. $(btnImport).on('click', function(e){
  363. $('#form-import')[0].reset(); // reset form on modals
  364. $('.modal-title').text('Import Data');
  365. $('#modal-import').modal('show');
  366. });
  367.  
  368. $(btnDelete).on('click', function(e){
  369. var list_id = [];
  370. $(".data-check:checked").each(function() {
  371. list_id.push(this.value);
  372. });
  373. if(list_id.length > 0)
  374. {
  375. $.ajax({
  376. url : "<?php echo site_url('item_asset/cek_approval')?>",
  377. type: "GET",
  378. dataType: "JSON",
  379. success: function(response)
  380. {
  381. if(response.status == 'true')
  382. {
  383. if(confirm('delete this '+list_id.length+' data?'))
  384. {
  385. $.ajax({
  386. type: "POST",
  387. data: {id:list_id},
  388. url: "<?php echo site_url('item_asset/ajax_bulk_delete')?>",
  389. dataType: "JSON",
  390. success: function(response)
  391. {
  392. if(response.status == 'true')
  393. {
  394. alert(response.pesan);
  395. location.href = location.pathname;
  396. }
  397. else
  398. {
  399. alert('Failed.');
  400. location.href = location.pathname;
  401. }
  402. },
  403. error: function (jqXHR, textStatus, errorThrown)
  404. {
  405. alert(jqXHR.responseText);
  406. }
  407. });
  408. }
  409. else
  410. {
  411. $(".data-check").prop('checked', false);
  412. }
  413. }
  414. else
  415. {
  416. alert(response.pesan);
  417. location.href = location.pathname;
  418. }
  419. },
  420. error: function (jqXHR, textStatus, errorThrown)
  421. {
  422. alert(jqXHR.responseText);
  423. }
  424. });
  425. }
  426. else
  427. {
  428. alert('no data selected');
  429. }
  430. });
  431.  
  432. });
  433.  
  434. </script>
  435.  
  436. <!-- Bootstrap modal TAMBAH DATA-->
  437. <div class="modal fade" id="modal-id" role="dialog">
  438. <div class="modal-dialog">
  439. <div class="modal-content">
  440. <div class="modal-header">
  441. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  442. <h3 class="modal-title"></h3>
  443. </div>
  444. <div class="modal-body form">
  445. <form action="#" id="form-id" class="form-horizontal form-label-left" method="post">
  446. <div class="form-body">
  447. <div id="form-add-data">
  448. <div class="item form-group">
  449. <label class="control-label col-md-3">Kategori Asset</label>
  450. <div class="col-md-9">
  451. <div id="ktgr-asset"><?php echo form_dropdown("id_ktgr_assets",$ktgr_asset,"",'class ="form-control" id="id_ktgr_assets"')?></div>
  452. </div>
  453. </div>
  454. <div class="item form-group">
  455. <label class="control-label col-md-3">Umur Ekonomis</label>
  456. <div class="col-md-9">
  457. <input type="number" name="umur_ekonomis" id="umur_ekonomis" class="form-control" min="0" max="40"/>
  458. </div>
  459. </div>
  460. <div class="item form-group">
  461. <label class="control-label col-md-3">Residu</label>
  462. <div class="col-md-9">
  463. <input type="text" name="residu" id="residu" class="form-control"/>
  464. </div>
  465. </div>
  466. <div class="item form-group">
  467. <label class="control-label col-md-3">Item Asset</label>
  468. <div class="col-md-9">
  469. <div class="input-group">
  470. <input name="jml_item" class="form-control" type="number" id="jml_item">
  471. <span class="input-group-btn">
  472. <button type="button" class="btn btn-primary" id="btn-add-item">Add</button>
  473. </span>
  474. </div>
  475. </div>
  476. </div>
  477. <div id="child-form">
  478. <div class="field_wrapper">
  479. </div>
  480. </div>
  481. </div>
  482. <div id="form-edit-data">
  483. <input type="hidden" name="id_item" id="id_item" value="" />
  484. <div class="item form-group">
  485. <label class="control-label col-md-3">Kategori Asset</label>
  486. <div class="col-md-9">
  487. <input type="text" name="id_ktgr_asset_edit" id="id_ktgr_asset_edit" readonly="readonly" class="form-control"/>
  488. </div>
  489. </div>
  490. <div class="item form-group">
  491. <label class="control-label col-md-3">Item Asset</label>
  492. <div class="col-md-9">
  493. <input type="text" name="item_asset_edit" id="item_asset_edit" class="form-control"/>
  494. </div>
  495. </div>
  496. <div class="item form-group">
  497. <label class="control-label col-md-3">Umur Ekonomis</label>
  498. <div class="col-md-9">
  499. <input type="number" name="umur_ekonomis_edit" id="umur_ekonomis_edit" class="form-control" min="0" max="40"/>
  500. </div>
  501. </div>
  502. <div class="item form-group">
  503. <label class="control-label col-md-3">Residu</label>
  504. <div class="col-md-9">
  505. <input type="text" name="residu_edit" id="residu_edit" class="form-control"/>
  506. </div>
  507. </div>
  508. <div class="item form-group">
  509. <label class="control-label col-md-3">Status Approval</label>
  510. <div class="col-md-9">
  511. <input type="text" name="approval_edit" id="approval_edit" readonly="readonly" class="form-control"/>
  512. </div>
  513. </div>
  514. </div>
  515.  
  516. </div>
  517. </form>
  518. </div>
  519. <div class="modal-footer">
  520. <button type="button" id="btnSave" class="btn btn-primary">Simpan</button>
  521. <button type="button" class="btn btn-danger" data-dismiss="modal" id="btnCancel">Cancel</button>
  522. </div>
  523. </div><!-- /.modal-content -->
  524. </div><!-- /.modal-dialog -->
  525. </div><!-- /.modal -->
  526. <!-- End Bootstrap modal -->
  527.  
  528. <div class="modal fade" id="modal-import" role="dialog">
  529. <div class="modal-dialog">
  530. <div class="modal-content">
  531. <div class="modal-header">
  532. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  533. <h3 class="modal-title"></h3>
  534. </div>
  535. <div class="modal-body form">
  536. <form method = "post" id="form-import" class="form-horizontal form-label-left" enctype="multipart/form-data">
  537. <div class="form-body">
  538. <div class="row">
  539. <div class="form-group">
  540. <div class="col-md-12">
  541. <?php
  542. if ($this->auth->isFile(base_url('/data/item_asset/Format_itemasset.xlsx')))
  543. {
  544. ?>
  545. <a href="<?php echo base_url('/data/item_asset/Format_itemasset.xlsx')?>" class="btn btn-default">Download Format</a><br><br>
  546. <?php
  547. }
  548. else
  549. {
  550. ?>
  551. <span>File Format Excell tidak tersedia</span>
  552. <?php
  553. }
  554. ?>
  555. <input type="file" name="input01" id="input01" >
  556. </div>
  557. </div>
  558. </div>
  559.  
  560. </div>
  561. </form>
  562. </div>
  563.  
  564. </div><!-- /.modal-content -->
  565. </div><!-- /.modal-dialog -->
  566. </div><!-- /.modal -->
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!