API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Dec 13th, 2017
70
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.08 KB | None | 0 0
raw download clone embed print report
  1. <section class="content">
  2. <div class="row">
  3. <div class="col-xs-12">
  4. <div class="box">
  5. <div class="box-header">
  6. <h3 class="box-title">Data Industri</h3>
  7. </div>
  8. <!-- /.box-header -->
  9.  
  10. <div class="box-body">
  11. <button class="btn btn-success" onclick="add_industri()"><i class="glyphicon glyphicon-plus"></i> Tambah Industri</button>
  12. <p></p>
  13. <table class="table table-bordered table-hover" id="tableIndustri">
  14. <thead>
  15. <tr>
  16. <th>Nama Industri</th>
  17. <th>Alamat </th>
  18. <th>Telepon</th>
  19. <th>Jurusan</th>
  20. <th>Aksi</th>
  21. </tr>
  22. </thead>
  23. </table>
  24. </div>
  25. <!-- /.box-body -->
  26. </div>
  27. <!-- /.box -->
  28. </div>
  29. <!-- /.col -->
  30. </div>
  31. <!-- /.row -->
  32. </section>
  33. <!-- /.content -->
  34. </div>
  35. <div class="modal fade" id="modal_form" role="dialog">
  36. <div class="modal-dialog">
  37. <div class="modal-content">
  38. <div class="modal-header">
  39. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  40. <h3 class="modal-title">Form Input Industri</h3>
  41. </div>
  42. <div class="modal-body form">
  43. <div id="message"></div>
  44. <form action="#" id="form" class="form-horizontal">
  45. <input type="hidden" value="" name="id" />
  46. <div class="form-body">
  47. <div class="form-group">
  48. <label class="control-label col-md-3">Nama Industri</label>
  49. <div class="col-md-9">
  50. <input name="nama" placeholder="Nama Industri" class="form-control" type="text">
  51. <span class="help-block"></span>
  52. </div>
  53. </div>
  54. <div class="form-group">
  55. <label class="control-label col-md-3">Alamat</label>
  56. <div class="col-md-9">
  57. <textarea name="alamat" placeholder="Alamat" class="form-control"></textarea>
  58. <span class="help-block"></span>
  59. </div>
  60. </div>
  61. <div class="form-group">
  62. <label class="control-label col-md-3">Telepon</label>
  63. <div class="col-md-9">
  64. <input name="telepon" placeholder="Telepon" class="form-control" type="text">
  65. <span class="help-block"></span>
  66. </div>
  67. </div>
  68. <div class="form-group">
  69. <label class="control-label col-md-3">Jurusan</label>
  70. <div class="col-md-9">
  71. <select name="jurusan" class="form-control">
  72. <option value="">--Pilih Jurusan--</option>
  73. <option value="TKJ">TKJ</option>
  74. <option value="MM">MM</option>
  75. </select>
  76. <span class="help-block"></span>
  77. </div>
  78. </div>
  79. </div>
  80. </form>
  81. </div>
  82. <div class="modal-footer">
  83. <button type="button" id="btnSave" onclick="save()" class="btn btn-primary">Save</button>
  84. <button type="button" class="btn btn-danger" data-dismiss="modal">Cancel</button>
  85. </div>
  86. </div><!-- /.modal-content -->
  87. </div><!-- /.modal-dialog -->
  88. </div><!-- /.modal -->
  89. <!-- EDIT -->
  90. <div class="modal fade" id="editIndustriModal" role="dialog">
  91. <div class="modal-dialog">
  92. <div class="modal-content">
  93. <div class="modal-header">
  94. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  95. <h3 class="modal-title">Form Edit Industri</h3>
  96. </div>
  97. <div class="modal-body form">
  98. <div id="message"></div>
  99. <form action="#" id="editIndustriForm" class="form-horizontal">
  100. <input type="hidden" value="" name="id" id="edit_kode_industri" />
  101. <div class="form-body">
  102. <div class="form-group">
  103. <label class="control-label col-md-3">Nama Industri</label>
  104. <div class="col-md-9">
  105. <input name="nama" placeholder="Nama Industri" id="edit_nama_industri" class="form-control" type="text">
  106. <span class="help-block"></span>
  107. </div>
  108. </div>
  109. <div class="form-group">
  110. <label class="control-label col-md-3">Alamat</label>
  111. <div class="col-md-9">
  112. <textarea name="alamat" id="edit_alamat_industri" placeholder="Alamat" class="form-control"></textarea>
  113. <span class="help-block"></span>
  114. </div>
  115. </div>
  116. <div class="form-group">
  117. <label class="control-label col-md-3">Telepon</label>
  118. <div class="col-md-9">
  119. <input name="telepon" placeholder="Telepon" class="form-control" type="text" id="edit_telepon_industri">
  120. <span class="help-block"></span>
  121. </div>
  122. </div>
  123. <div class="form-group">
  124. <label class="control-label col-md-3">Jurusan</label>
  125. <div class="col-md-9">
  126. <select name="jurusan" id="edit_jurusan" class="form-control">
  127. <option value="">--Pilih Jurusan--</option>
  128. <option value="TKJ">TKJ</option>
  129. <option value="MM">MM</option>
  130. </select>
  131. <span class="help-block"></span>
  132. </div>
  133. </div>
  134. </div>
  135. </form>
  136. </div>
  137. <div class="modal-footer">
  138. <button type="button" id="btnSave" class="btn btn-primary">Save</button>
  139. <button type="button" class="btn btn-danger" data-dismiss="modal">Cancel</button>
  140. </div>
  141. </div><!-- /.modal-content -->
  142. </div><!-- /.modal-dialog -->
  143. </div><!-- /.modal -->
  144. <!--- DELETE -->
  145. <div class="modal fade" tabindex="-1" role="dialog" id="removeIndustriModal">
  146. <div class="modal-dialog" role="document">
  147. <div class="modal-content">
  148. <div class="modal-header">
  149. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  150. <h4 class="modal-title">Remove Industri</h4>
  151. </div>
  152. <div class="modal-body">
  153. <p>Do you really want to remove ?</p>
  154. </div>
  155. <div class="modal-footer">
  156. <button type="button" class="btn btn-default" data-dismiss="modal">NO</button>
  157. <button type="button" id="removeIndustribtn" onclick="remove()" class="btn btn-primary">YES</button>
  158. </div>
  159. </div><!-- /.modal-content -->
  160. </div><!-- /.modal-dialog -->
  161. </div><!-- /.modal -->
  162. <!--- JAVASCRIPT -->
  163. <script>
  164. $(function() {
  165.  
  166. $('#tableIndustri').DataTable({
  167. "ajax": {
  168. "url" :'<?php echo base_url()?>index.php/admin/showDataIndustri',
  169. "type" : "POST"
  170. },
  171. });
  172.  
  173. });
  174. $('#removeIndustriModal').on('show.bs.modal', function(event) {
  175. var button = $(event.relatedTarget);
  176. var id = button.data('kode');
  177. var name_ins = button.data('name');
  178.  
  179. var modal = $(this);
  180.  
  181. modal.find('.modal-body').text('Hapus Industri ' + name_ins + ' Dengan Kode ' +id);
  182.  
  183.  
  184. });
  185. $('#editIndustriModal').on('show.bs.modal', function(event) {
  186. //fungsi ini dijalankan klo form modal sudah tampil
  187. var button = $(event.relatedTarget);
  188. var id = button.data('kode'); //kode_industri
  189.  
  190. var modal = $(this);
  191. modal.find('.modal-title').text('Form Edit Industri' + id);
  192.  
  193. //lali mas wkkw
  194. $.ajax({
  195. url: '<?php echo site_url('/admin/editDataIndustri') ?>',
  196. type: "POST",
  197. data: {kode: id},
  198. dataType: "JSON"
  199. }).done(function(data) {
  200. save_method = 'edit';
  201.  
  202. var form = $('#editIndustriForm');
  203. form.find('#edit_kode_industri').val(data[0]['kode_industri']);
  204. form.find('#edit_nama_industri').val(data[0]['nama_industri']);
  205. form.find('#edit_alamat_industri').val(data[0]['alamat_industri']);
  206. form.find('#edit_telepon_industri').val(data[0]['telepon_industri']);
  207. form.find('#edit_jurusan').val(data[0]['jurusan']);
  208. }).fail(function() {
  209. alert('Data not loaded');
  210. })
  211. });
  212.  
  213. function add_industri()
  214. {
  215. save_method = 'add';
  216. $('#form')[0].reset(); // reset form on modals
  217. $('#modal_form').modal('show'); // show bootstrap modal
  218. $('.modal-title').text('Tambah Industri'); // Set Title to Bootstrap modal title
  219. }
  220.  
  221. function save()
  222. {
  223. //add e wis iso ya mas?
  224. //iso cba
  225. var url;
  226. var $form;
  227. if(save_method == 'add')
  228. {
  229. url = "<?php echo site_url('admin/add_industri')?>";
  230. $form = $('#form').serialize();
  231. }
  232. else
  233. {
  234. url = "<?php echo site_url('admin/edit_industri')?>";
  235. $form = $('#editIndustriForm').serialize();
  236. }
  237.  
  238. // ajax adding data to database
  239. $.ajax({
  240. url : url,
  241. type: "POST",
  242. data: $form,
  243. dataType: "JSON",
  244. success: function(data)
  245. {
  246. //if success close modal and reload ajax table
  247. $('#modal_form').modal('hide');
  248. location.reload();// for reload a page
  249. },
  250. error: function (jqXHR, textStatus, errorThrown)
  251. {
  252. alert('Error adding / update data');
  253. }
  254. });
  255. }
  256.  
  257. function delete_industri(kode_industri)
  258. {
  259. if(confirm('Are you sure delete this data?'))
  260. {
  261. // ajax delete data to database
  262. $.ajax({
  263. url : "<?php echo site_url('admin/hapus_industri')?>/"+kode_industri,
  264. type: "POST",
  265. dataType: "JSON",
  266. success: function(data)
  267. {
  268. //if success reload ajax table
  269. $('#modal_form').modal('hide');
  270. location.reload();
  271. },
  272. error: function (jqXHR, textStatus, errorThrown)
  273. {
  274. alert('Error deleting data');
  275. }
  276. });
  277.  
  278. }
  279. }
  280.  
  281. function printOneIndustri(kode_industri)
  282. {
  283. var myWindow = window.open("formulirpersetujuan", "_blank","toolbar=yes,scrollbars=yes,resizable=yes", "MsgWindow", "width=600,height=800");
  284. var id = kode_industri;
  285. }
  286.  
  287.  
  288. </script>
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!