API tools faq
paste
Advertisement
indrasolo87

Modal Fade

indrasolo87
Feb 16th, 2020
137
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 12.32 KB | None | 0 0
raw download clone embed print report
  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>
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!