daily pastebin goal
48%
SHARE
TWEET

Untitled

a guest Dec 13th, 2017 56 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  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>
RAW Paste Data
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
 
Top