API tools faq
paste
sh1fralf4tih

modal select

sh1fralf4tih
Dec 28th, 2018
174
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 16.27 KB | None | 0 0
raw download clone embed print report
  1. <section class="content-header">
  2.   <h1>
  3.     <?php echo $title;?>
  4.   </h1>
  5.   <ol class="breadcrumb">
  6.     <li><a href="#"><i class="fa fa-list"></i><?php echo $menu_title;?></a></li>
  7.     <li class="active"><a href="#"><?php echo $sub_menu_title;?></a></li>
  8.   </ol>
  9.       <!-- Modal -->
  10.       <div class="modal fade" id="myModal" role="dialog">
  11.         <div class="modal-dialog modal-lg">
  12.           <div class="modal-content">
  13.             <div class="modal-header">
  14.               <button type="button" class="close" data-dismiss="modal">&times;</button>
  15.               <h4 class="modal-title">Modal Header</h4>
  16.             </div>
  17.             <div class="modal-body">
  18.                 <form class="form-horizontal" id="form" method="POST" required>
  19.                   <div class="form-group">
  20.                     <div class="col-sm-10">
  21.                       <input type="hidden" class="form-control" name="id_user">
  22.                     </div>
  23.                   </div>
  24.                   <div class="form-group">
  25.                     <label class="control-label col-sm-2" for="USERID">USERID:</label>
  26.                     <div class="col-sm-10">
  27.                       <input value="<?php echo set_value('USERID'); ?>" type="text" class="form-control" id="USERID" placeholder="Masukan USERID" name="USERID" required>
  28.                     </div>
  29.                   </div>
  30.                   <div class="form-group">
  31.                     <label class="control-label col-sm-2" for="Password">Password:</label>
  32.                     <div class="col-sm-10">          
  33.                       <input value="<?php echo set_value('password') ?>" type="text" class="form-control" id="password" placeholder="Masukan password" name="password" required>
  34.                     </div>
  35.                   </div>
  36.                   <div class="form-group">
  37.                     <label class="control-label col-sm-2" for="no_hp">NO HP:</label>
  38.                     <div class="col-sm-10">          
  39.                       <input value="<?php echo set_value('no_hp') ?>" type="text" class="form-control" id="no_hp" placeholder="Masukan NO HP" name="no_hp" required>
  40.                     </div>
  41.                   </div>
  42.                   <div class="form-group">
  43.                     <label class="control-label col-sm-2" for="kelurahan">KELURAHAN :</label>
  44.                     <div class="col-sm-10">          
  45.                       <input value="<?php echo set_value('kelurahan') ?>" type="text" class="form-control" id="kelurahan" placeholder="Masukan KELURAHAN" name="kelurahan" required>
  46.                     </div>
  47.                   </div>
  48.                   <div class="form-group">
  49.                     <label class="control-label col-sm-2" for="kecamatan">KECAMATAN :</label>
  50.                     <div class="col-sm-10">          
  51.                       <input value="<?php echo set_value('kecamatan') ?>" type="text" class="form-control" id="kecamatan" placeholder="Masukan Kecamatan" name="kecamatan" required>
  52.                     </div>
  53.                   </div>
  54.                   <div class="form-group">
  55.                     <label class="control-label col-sm-2" for="kdsuper">KD SUPER:</label>
  56.                     <div class="col-sm-10">          
  57.                       <input value="<?php echo set_value('kdsuper') ?>" type="text" class="form-control" id="kdsuper" placeholder="Masukan KD SUPER" name="kdsuper" required>
  58.                     </div>
  59.                   </div>
  60.                   <div class="form-group">
  61.                     <label class="control-label col-sm-2" for="otorisasi">OTORISASI :</label>
  62.                     <div class="col-sm-10">          
  63.                       <input value="<?php echo set_value('otorisasi') ?>" type="text" class="form-control" id="otorisasi" placeholder="Masukan OTORISASI" name="otorisasi" required>
  64.                     </div>
  65.                   </div>
  66.                   <!-- <div class="form-group"> -->
  67.                     <!-- <label class="control-label col-sm-2" for="level">LEVEL :</label> -->
  68.                     <!-- <div class="col-sm-10">           -->
  69.                       <!-- <input value="<?php echo set_value('level') ?>" type="number" class="form-control" id="level" placeholder="Masukan LEVEL" name="level" min="1" max="1" required> -->
  70.                     <!-- </div> -->
  71.                   <!-- </div> -->
  72.                  
  73.                   <div class="form-group">
  74.                     <label class="control-label col-sm-2" for="level">LEVEL:</label>
  75.                     <div class="col-sm-10">
  76.                                   <select class="form-control" id="level" name="level" required>
  77.                         <option value="1">OUTLET</option>
  78.                         <option value="2">SALESMAN</option>
  79.                         <option value="3">BRANCH</option>
  80.                       </select>
  81.                     </div>
  82.                   </div>
  83.                  
  84.                   <div class="form-group">
  85.                     <label class="control-label col-sm-2" for="f_aktif">STATUS:</label>
  86.                     <div class="col-sm-10">          
  87.                       <input value="<?php echo set_value('f_aktif') ?>" type="number" class="form-control" id="f_aktif" placeholder="Masukan F AKTIF" name="f_aktif" max="1" required>
  88.                     </div>
  89.                   </div>
  90.                   <div class="form-group">
  91.                     <label class="control-label col-sm-2" for="target_mkios">TARGET MKIOS:</label>
  92.                     <div class="col-sm-10">          
  93.                       <input value="<?php echo set_value('target_mkios') ?>" type="number" class="form-control" id="target_mkios" placeholder="Masukan TARGET MKIOS" name="target_mkios" max="11" required>
  94.                     </div>
  95.                   </div>
  96.                   <div class="form-group">
  97.                     <label class="control-label col-sm-2" for="target_perdana">TARGET PERDANA:</label>
  98.                     <div class="col-sm-10">          
  99.                       <input value="<?php echo set_value('target_perdana') ?>" type="number" class="form-control" id="target_perdana" placeholder="Masukan TARGET PERDANA" name="target_perdana" max="11" required>
  100.                     </div>
  101.                   </div>
  102.                   <div class="form-group">
  103.                     <label class="control-label col-sm-2" for="target_rs_bulk">TARGET RS BULK :</label>
  104.                     <div class="col-sm-10">          
  105.                       <input value="<?php echo set_value('target_rs_bulk') ?>" type="number" class="form-control" id="target_rs_bulk" placeholder="Masukan TARGET RS BULK" name="target_rs_bulk" max="11" required>
  106.                     </div>
  107.                   </div>
  108.                   <div class="form-group">
  109.                     <label class="control-label col-sm-2" for="target_rp_bulk">TARGET RP BULK :</label>
  110.                     <div class="col-sm-10">          
  111.                       <input value="<?php echo set_value('target_rp_bulk') ?>" type="number" class="form-control" id="target_rp_bulk" placeholder="Masukan TARGET RP BULK" name="target_rp_bulk" max="11" required>
  112.                     </div>
  113.                   </div>
  114.                   <div class="form-group">
  115.                     <label class="control-label col-sm-2" for="topup_limit">TOP UP LIMIT:</label>
  116.                     <div class="col-sm-10">          
  117.                       <input value="<?php echo set_value('topup_limit') ?>" type="number" class="form-control" id="topup_limit" placeholder="Masukan TOP UP LIMIT" max="11" name="topup_limit" required>
  118.                     </div>
  119.                   </div>
  120.                   <div class="form-group">
  121.                     <label class="control-label col-sm-2" for="otomatis">OTOMATIS :</label>
  122.                     <div class="col-sm-10">          
  123.                       <input value="<?php echo set_value('otomatis') ?>" type="number" max="1" class="form-control" id="otomatis" placeholder="Masukan OTOMATIS" name="otomatis" required>
  124.                     </div>
  125.                   </div>
  126.                    <div class="form-group">
  127.                     <label class="control-label col-sm-2" for="cluster">CLUSTER:</label>
  128.                     <div class="col-sm-8">
  129.                       <select class="form-control" id="cluster" name="cluster" required>
  130.                         <?php echo $clusters;?>
  131.                       </select>
  132.                     </div>
  133.                   </div>
  134.                   <div class="form-group">
  135.                     <label class="control-label col-sm-2" for="KOTA">KOTA:</label>
  136.                     <div class="col-sm-10">
  137.                       <select class="form-control" id="KOTA" name="KOTA" required>
  138.                         <option value="JAKUT">JAKUT</option>
  139.                         <option value="TASIK">TASIK</option>
  140.                       </select>
  141.                     </div>
  142.                   </div>
  143.                   <div class="form-group">        
  144.                     <div class="col-sm-offset-2 col-sm-10">
  145.                       <button class="btn btn-primary" type="button" data-dismiss="modal">Cancel</button>
  146.                       <button class="btn btn-warning" type="reset">Reset</button>
  147.                       <button type="button" class="btn btn-success" onclick="simpan()">Simpan</button>
  148.                     </div>
  149.                   </div>
  150.                 </form>
  151.             </div>
  152.             <div class="modal-footer">
  153.               <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  154.             </div>
  155.           </div>
  156.         </div>
  157.       </div>
  158. </section>
  159. <section class="content">  
  160.  
  161.     <div class="row">
  162.         <div class="col-md-12">
  163.             <div class="box box-primary">
  164.                 <div class='box-header with-border'>
  165.                     <h3 class='box-title'><a onclick="add_user()" class="btn btn-primary btn-small">
  166.                             <i class="glyphicon glyphicon-plus"></i> <?php echo lang('index_create_user_link');?></a></h3>
  167.                             <label calss='control-label' ></label>
  168.                 </div>
  169.               <div class="box box-body">
  170.                 <div class="table-responsive">
  171.                     <table id="mytable" class="table table-bordered table-striped" cellspacing="0" width="100%">
  172.                         <thead>
  173.                             <tr>
  174.                                 <th>No.</th>
  175.                                 <th>NAMA SALES</th>
  176.                                 <th>NO HP</th>
  177.                                 <th>TDC</th>
  178.                                 <th>WILAYAH</th>
  179.                                 <th>LEVEL</th>  
  180.                                 <th>KD SUPER</th>                                                          
  181.                                 <th>Edit</th>  
  182.                                 <th>Delete</th>                                
  183.                             </tr>
  184.                         </thead>
  185.                        <?php
  186.                        $no=1;                  
  187.                        foreach ($salesmans as $row){
  188.                            echo"
  189.                              <tr>
  190.                              <td>$no</td>
  191.                              <td>".$row->USERID."</td>
  192.                              <td>".$row->NOHP."</td>
  193.                              <td>".$row->CABANG."</td>
  194.                              <td>".$row->WILAYAH."</td>
  195.                              <td>".$row->LEVEL."</td>
  196.                              <td>".$row->KDSUPER."</td>
  197.                              ";?>
  198.                               <td><a onclick="edit_user(<?php echo $row->submission_id;?>)" class="btn btn-warning btn-xs" ><i class="fa fa-edit"></i> Edit</a></td>
  199.                               <td><a onclick="hapus(<?php echo $row->submission_id;?>)" class="btn btn-danger btn-xs" ><i class="fa fa-remove"></i> Hapus</a></td>
  200.  
  201.                                </tr>
  202.                                <?php
  203.                               $no++;
  204.  
  205.                        }
  206.                        ?>
  207.                     </table>
  208.                 </div><!-- /.box-body -->
  209.               </div>
  210.             </div>
  211.             </div><!-- /.box -->
  212.         </div>
  213. </section><!-- /.content -->
  214. <script src="<?php echo base_url();?>assets/js/jquery-1.12.0.min.js"></script>
  215. <script src="<?php echo base_url();?>assets/js/plugins/select2/select2.min.js"></script>
  216. <script src="<?php echo base_url();?>assets/js/plugins/select/js/bootstrap-select.min.js"></script>
  217. <script src="<?php echo base_url();?>assets/js/plugins/datatables/jquery.dataTables.min.js"></script>
  218.  <!-- page script -->
  219. <script>
  220.   $(document).ready(function(){
  221.     myTable = $('#mytable').DataTable({
  222.             lengthMenu: [[25, 100,1000,-1], [25, 100,1000,"All"]]
  223.         });
  224.   });
  225.   $('#cluster').select2();
  226.   var save_method;
  227.   var table;
  228.   function add_user()
  229.   {
  230.       save_method = 'add';
  231.       $('#form')[0].reset(); // reset form on modals
  232.       // $('.form-group').removeClass('has-error'); // clear error class
  233.       // $('.help-block').empty(); // clear error string
  234.       $('#myModal').modal('show'); // show bootstrap modal
  235.       $('.modal-title').text('Add User'); // Set Title to Bootstrap modal title
  236.   }
  237.  
  238.   function simpan()
  239.   {
  240.       var url;
  241.       if(save_method == 'add') {
  242.           url = "<?php echo site_url('Master/tambah/')?>";
  243.       } else {
  244.           url = "<?php echo site_url('Master/update_salesman/')?>";
  245.       }
  246.       // ajax adding data to database
  247.       $.ajax({
  248.           url : url,
  249.           type: "POST",
  250.           data: $('#form').serialize(),
  251.           dataType: "JSON",
  252.           success: function(data)
  253.           {
  254.               $('#myModal').modal('hide');
  255.               alert('Success Adding/Update data');
  256.               location.reload();
  257.           },
  258.           error: function (jqXHR, textStatus, errorThrown)
  259.           {
  260.               alert('Error adding / update data');
  261.               location.reload();
  262.           }
  263.       });
  264.   }
  265.  
  266.   function edit_user(id)
  267.   {
  268.     save_method = 'update';
  269.     $('#form')[0].reset(); // reset form on modals
  270.     // $('.form-group').removeClass('has-error'); // clear error class
  271.     // $('.help-block').empty(); // clear error string
  272.  
  273.     //Ajax Load data from ajax
  274.     $.ajax({
  275.         url : "<?php echo site_url('Master/edit_salesmans/')?>/"+id,
  276.         type: "GET",
  277.         dataType: "JSON",
  278.         success: function(data)
  279.         {
  280.  
  281.             $('[name="id_user"]').val(data.submission_id);
  282.             $('[name="USERID"]').val(data.USERID);
  283.             $('[name="password"]').val(data.PASSWORD);
  284.             $('[name="no_hp"]').val(data.NOHP);
  285.             $('[name="kelurahan"]').val(data.KELURAHAN);
  286.             $('[name="kecamatan"]').val(data.KECAMATAN);
  287.             $('[name="kdsuper"]').val(data.KDSUPER);
  288.             $('[name="otorisasi"]').val(data.OTORISASI);
  289.             $('[name="level"]').val(data.LEVEL);
  290.             $('[name="f_aktif"]').val(data.F_AKTIF);
  291.             $('[name="target_perdana"]').val(data.TARGET_PERDANA);
  292.             $('[name="target_rs_bulk"]').val(data.TARGET_RS_BULK);
  293.             $('[name="target_rp_bulk"]').val(data.TARGET_RP_BULK);
  294.             $('[name="topup_limit"]').val(data.TOPUP_LIMIT);
  295.             $('[name="otomatis"]').val(data.OTOMATIS);
  296.             $('[name="target_mkios"]').val(data.TARGET_MKIOS);
  297.             $('[name="cluster"]').val(data.CABANG);
  298.             $('[name="KOTA"]').val(data.WILAYAH);
  299.  
  300.             $('#myModal').modal('show'); // show bootstrap modal when complete loaded
  301.             $('.modal-title').text('EDIT SALES'); // Set title to Bootstrap modal title
  302.  
  303.         },
  304.         error: function (jqXHR, textStatus, errorThrown)
  305.         {
  306.             alert('Error get data from ajax');
  307.         }
  308.     });
  309.   }
  310.   function hapus(id)
  311.   {
  312.       if(confirm('Anda yakin ingin menghapus data'))
  313.       {
  314.           // ajax delete data to database
  315.           $.ajax({
  316.               url : "<?php echo site_url('Master/hapus_salesman')?>/"+id,
  317.               type: "POST",
  318.               dataType: "JSON",
  319.               success: function(data)
  320.               {
  321.                   location.reload();
  322.               },
  323.               error: function (jqXHR, textStatus, errorThrown)
  324.               {
  325.                   alert('Error deleting data');
  326.               }
  327.           });
  328.    
  329.       }
  330.   }
  331. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!