SHARE
TWEET

Modal Fade

indrasolo87 Feb 16th, 2020 79 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5.  
  6. <?php $this->load->view("admin/_partialsho/head.php") ?>
  7.  
  8. <title>Administrator Page Cahaya Sakti Motor</title></head>
  9. <link rel="icon" type="image/x-icon" href="<?php echo base_url('images/logo33.png') ?>" />
  10. <body id="page-top">
  11. <?php $this->load->view("admin/_partialsho/navbar.php")?>
  12.  
  13.   <div id="wrapper">
  14.  
  15.   <?php $this->load->view("admin/_partialsho/sidebar.php") ?>
  16.  
  17.     <div id="content-wrapper">
  18.  
  19.       <div class="container-fluid">
  20.  
  21.         <!-- Breadcrumbs-->
  22.         <ol class="breadcrumb">
  23.           <li class="breadcrumb-item">
  24.             <a href="#">Dashboard</a>
  25.           </li>
  26.           <li class="breadcrumb-item active">Info Data Perusahaan</li>
  27.          
  28.         </ol>
  29.  
  30.         <!-- Icon Cards-->
  31.         <div class="row">
  32.          
  33.         </div>
  34.  
  35.         <!-- Area Chart Example-->
  36.  
  37.  
  38.         <!-- DataTables Perusahaan -->
  39.          <div class="card mb-3">
  40.           <div class="card-header">
  41.             <i class="fas fa-table"></i>
  42.             Info Data Perusahaan </div>
  43.            
  44.           <div class="card-body">
  45.             <div class="table-responsive">
  46.               <table class="table table-bordered" id="dataTable" width="100%" style="font-size:14px;" id="mydata" cellspacing="0">
  47.                 <thead>
  48.                   <tr>
  49.                     <th>No</th>
  50.                     <th>Kategori</th>
  51.                     <th>Tgl Update</th>                    
  52.                     <th>Aksi</th>                  
  53.                   </tr>
  54.                 </thead>
  55.                 <tfoot>
  56.                   <tr>
  57.                   <th>No</th>
  58.                     <th>Kategori</th>
  59.                     <th>Tgl Update</th>                    
  60.                     <th>Aksi</th>                    
  61.                   </tr>
  62.                 </tfoot>
  63.                 <tbody>
  64.                 <?php
  65.                 $no =0;
  66.                 foreach($data->result_array() as $a):
  67.                     $no++;
  68.                     $Idrec = $a['Idrec'];
  69.                     $Nm_kategori =$a['Nm_kategori'];
  70.                     $Content =$a['Content'];   
  71.                     $Tgl_update =$a['Tgl_update'];         
  72.                 ?>
  73.                   <tr>
  74.                     <td><?php echo $no; ?></td>
  75.                     <td><?php if ($Nm_kategori=='1')
  76.                                   echo 'Sejarah';
  77.                                   else
  78.                                   if ($Nm_kategori=='2')
  79.                                     echo 'Visi';
  80.                                     else
  81.                                       echo 'Misi';      
  82.                                                                                            
  83.                             ?></td>
  84.                     <td><?php echo $Tgl_update; ?></td>
  85.                     <td style="text-align:center;">
  86.                     <a class="btn btn-xs btn-warning" href="#modalEditPerusahaan<?php echo $Idrec;?>" data-toggle="modal" title="Edit"><span class="fa fa-edit"></span> Edit</a>
  87.                     <a class="btn btn-xs btn-danger" href="#modalHapusPerusahaan<?php echo $Idrec;?>" data-toggle="modal" title="Hapus"><span class="fa fa-close"></span> Hapus</a>
  88.                     </td>
  89.                   </tr>
  90.                    <?php endforeach;?>
  91.                 </tbody>
  92.               </table>
  93.             </div>
  94.           </div>
  95.           <div class="card-footer small text-muted"><a class='pull-right btn btn-primary btn-sm' href='#' data-toggle="modal" data-target="#largeModal">Tambahkan Data</a></div>    
  96.          
  97.         </div>
  98.        
  99.        
  100.        
  101.        
  102.        <!-- Close Datatables Karyawan -->
  103.  
  104.       </div>
  105.       <!-- /.container-fluid -->
  106.  
  107.       <!-- Sticky Footer -->
  108.       <footer class="sticky-footer">
  109.        <?php $this->load->view("admin/_partialsho/footer.php")?>
  110.       </footer>
  111.  
  112.     </div>
  113.     <!-- /.content-wrapper -->
  114.  
  115.   </div>
  116.   <!-- /#wrapper -->
  117.  
  118.   <!-- Scroll to Top Button-->
  119.   <a class="scroll-to-top rounded" href="#page-top">
  120.     <i class="fas fa-angle-up"></i>
  121.   </a>
  122.  
  123.  <!-- ============ MODAL ADD =============== -->
  124.         <div class="modal fade" id="largeModal" tabindex="-1" role="dialog" aria-labelledby="largeModal" aria-hidden="true">
  125.             <div class="modal-dialog" style="width:700px;">
  126.             <div class="modal-content" style="width:700px;">
  127.             <div class="modal-header" style="width:700px;">
  128.                 <h4 class="modal-title" id="myModalLabel">Tambah Info Perusahaan</h4>
  129.             </div>
  130.             <form class="form-horizontal" method="post" action="<?php echo base_url('admin/perusahaan/tambah_perusahaan')?>">
  131.                 <div class="modal-body">
  132.                      <div class="form-group">
  133.                         <label class="control-label col-xs-3" >Kategori</label>
  134.                         <div class="col-xs-9">
  135.                         <select name="Nm_kategori" class="form-control" style="width:650px;" required>
  136.                                 <option value="">-- Pilih Kategori --</option>
  137.                                 <option value="1">Sejarah</option>
  138.                                 <option value="2">Visi</option>
  139.                                 <option value="3">Misi</option>                          
  140.                             </select>
  141.                         </div>
  142.                     </div>
  143.                     <div class="form-group">
  144.                         <label class="control-label col-xs-3" >Content</label>
  145.                         <div class="col-xs-9">
  146.                         <textarea id="ckeditor" class="form-control" name="Content" style="width:700px;" required></textarea>
  147.                         </div>
  148.                     </div>                        
  149.  
  150.                 </div>
  151.  
  152.                 <div class="modal-footer">
  153.                     <button class="btn" data-dismiss="modal" aria-hidden="true">Tutup</button>
  154.                     <button class="btn btn-info">Simpan</button>
  155.                 </div>
  156.             </form>
  157.             </div>
  158.             </div>
  159.            
  160.         </div>
  161.  
  162. <!-- ============ MODAL EDIT =============== -->
  163.                  <?php
  164.                         foreach ($data->result_array() as $a) {
  165.                         $Idrec=$a['Idrec'];
  166.                         $Nm_kategori=$a['Nm_kategori'];
  167.                                     $Content =$a['Content'];
  168.                     ?>
  169.                 <div id="modalEditPerusahaan<?php echo $Idrec?>" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="largeModal" aria-hidden="true">
  170.                 <div class="modal-dialog" style="width:700px;">
  171.                 <div class="modal-content" style="width:700px;">
  172.                  <div class="modal-header" style="width:700px;">
  173.                         <h3 class="modal-title" id="myModalLabel">Edit Info Perusahaan</h3>
  174.                     </div>
  175.                     <form class="form-horizontal" method="post" action="<?php echo base_url('admin/perusahaan/edit_perusahaan')?>">
  176.                         <div class="modal-body">
  177.                             <input name="Idrec" type="hidden" value="<?php echo $Idrec;?>">
  178.                      <div class="form-group">
  179.                         <label class="control-label col-xs-3" >Pilih Kategori</label>
  180.                         <div class="col-xs-9">
  181.                         <select name="Nm_kategori" class="form-control" style="width:650px;" required>
  182.                             <?php if ($Nm_kategori=='1'):?>
  183.                                 <option value="1" selected>Sejarah</option>
  184.                                 <option value="2">Visi</option>
  185.                                 <option value="3">Misi</option>
  186.                             <?php else:?>
  187.                                 <option value="1">Sejarah</option>
  188.                                 <option value="2">Visi</option>
  189.                                 <option value="3" selected>Misi</option>
  190.                             <?php endif;?>
  191.                             </select>
  192.                         </div>
  193.                     </div>
  194.  
  195.                     <div class="form-group">
  196.                         <label class="control-label col-xs-3" >Content</label>
  197.                         <div class="col-xs-9">
  198.                         <textarea id="ckeditor" class="form-control" name="Contentedit" style="width:650px;" required><?php echo $Content;?></textarea>
  199.                         </div>
  200.                     </div>
  201.                </div>
  202.                         <div class="modal-footer">
  203.                             <button class="btn" data-dismiss="modal" aria-hidden="true">Tutup</button>
  204.                             <button type="submit" class="btn btn-info">Update</button>
  205.                         </div>
  206.                     </form>
  207.                    
  208.                 </div>
  209.                 </div>
  210.                 </div>
  211.                   <?php
  212.                   }
  213.                   ?>
  214.  
  215.         <!-- ============ MODAL HAPUS =============== -->
  216.         <?php
  217.                     foreach ($data->result_array() as $a) {
  218.                         $Idrec=$a['Idrec'];
  219.                         $Nm_kategori=$a['Nm_kategori'];
  220.                         $Content=$a['Content'];
  221.                     ?>
  222.                 <div id="modalHapusPerusahaan<?php echo $Idrec?>" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="largeModal" aria-hidden="true">
  223.                     <div class="modal-dialog">
  224.                     <div class="modal-content">
  225.                     <div class="modal-header">
  226.                         <h4 class="modal-title" id="myModalLabel">Hapus Info Perusahaan</h4>
  227.                     </div>
  228.                     <form class="form-horizontal" method="post" action="<?php echo base_url('admin/perusahaan/hapus_perusahaan')?>">
  229.                         <div class="modal-body">
  230.                             <p>Yakin mau menghapus data..?</p>
  231.                                     <input name="Idrec" type="hidden" value="<?php echo $Idrec; ?>">
  232.                         </div>
  233.                         <div class="modal-footer">
  234.                             <button class="btn" data-dismiss="modal" aria-hidden="true">Tutup</button>
  235.                             <button type="submit" class="btn btn-primary">Hapus</button>
  236.                         </div>
  237.                     </form>
  238.                 </div>
  239.                 </div>
  240.                 </div>
  241.             <?php
  242.         }
  243.         ?>
  244.  
  245.         <!--END MODAL-->
  246.  
  247.  
  248.  
  249.   <!-- Bootstrap core JavaScript-->
  250.   <script src="<?php echo base_url('assetsho/jquery/jquery.min.js')?>"></script>
  251.   <script src="<?php echo base_url('assetsho/bootstrap/js/bootstrap.bundle.min.js')?>"></script>
  252.  
  253.   <!-- Core plugin JavaScript-->
  254.   <script src="<?php echo base_url('assetsho/jquery-easing/jquery.easing.min.js')?>"></script>
  255.  
  256.   <!-- Page level plugin JavaScript-->
  257.   <script src="<?php echo base_url('assetsho/chart.js/Chart.min.js')?>"></script>
  258.   <script src="<?php echo base_url('assetsho/datatables/jquery.dataTables.js')?>"></script>
  259.   <script src="<?php echo base_url('assetsho/datatables/dataTables.bootstrap4.js')?>"></script>
  260.   <script type="text/javascript">
  261.         $(document).ready(function() {
  262.             $('#mydata').DataTable();
  263.         } );
  264.     </script>  
  265.   <!-- Custom scripts for all pages-->
  266.   <script src="<?php echo base_url('jsho/sb-admin.min.js')?>"></script>
  267.  
  268.   <!-- Demo scripts for this page-->
  269.   <script src="<?php echo base_url('jsho/demo/datatables-demo.js')?>"></script>
  270.   <script src="<?php echo base_url('jsho/demo/chart-area-demo.js')?>"></script>
  271.   <script src="<?php echo base_url('assets/jquery/jquery-3.3.1.js');?>"></script>
  272.     <script src="<?php echo base_url('assets/bootstrap/bootstrap.bundle.js');?>"></script>
  273.     <script src="<?php echo base_url('assets/ckeditor/ckeditor.js');?>"></script>
  274.     <script type="text/javascript">
  275.         $(function () {
  276.                 CKEDITOR.replace('Content',{
  277.                     filebrowserImageBrowseUrl : '<?php echo base_url('assets/kcfinder/browse.php');?>',
  278.                                
  279.                 });
  280.                 CKEDITOR.replace('Contentedit',{
  281.                     filebrowserImageBrowseUrl : '<?php echo base_url('assets/ckeditor/browse.php');?>',
  282.                                  
  283.                 });
  284.                
  285.             });
  286.     </script>
  287.  
  288. </body>
  289.  
  290. </html>
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