API tools faq
paste
Advertisement
cong88

Modal

cong88
Jul 30th, 2015
339
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 35.63 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <title>E-Learning | Data Operator</title>
  6.         <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
  7.         <!-- bootstrap 3.0.2 -->
  8.         <link href="http://localhost/e-learning/c-panel/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
  9.         <!-- font Awesome -->
  10.         <link href="http://localhost/e-learning/c-panel/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
  11.         <!-- Ionicons -->
  12.         <link href="http://localhost/e-learning/c-panel/css/ionicons.min.css" rel="stylesheet" type="text/css" />
  13.         <!-- DATA TABLES -->
  14.         <link href="http://localhost/e-learning/c-panel/css/datatables/dataTables.bootstrap.css" rel="stylesheet" type="text/css" />
  15.         <!-- Theme style -->
  16.         <link href="http://localhost/e-learning/c-panel/css/AdminLTE.css" rel="stylesheet" type="text/css" />
  17.  
  18.         <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  19.         <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  20.         <!--[if lt IE 9]>
  21.           <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  22.           <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
  23.         <![endif]-->
  24.     </head>
  25.     <body class="skin-blue">
  26.         <!-- header logo: style can be found in header.less -->
  27.         <?php
  28.             $header = '';
  29.             $droot = $_SERVER['DOCUMENT_ROOT'];
  30.             include $droot.'/e-learning/c-panel/include/header.php';
  31.             include $droot.'/e-learning/c-panel/include/ind-date.php';
  32.             $msg = "";
  33.             $id_kls = "";
  34.  
  35.             $txt_uname = $_SESSION['uname'];
  36.             $sql = mysql_query("SELECT * FROM tb_guru WHERE uname = '$txt_uname'");
  37.             $data = mysql_fetch_array($sql);
  38.             $guru = $data['0'];
  39.  
  40.             function format_size($size) {
  41.                   $sizes = array(" Bytes", " KB", " MB", " GB", " TB", " PB", " EB", " ZB", " YB");
  42.                   if ($size == 0) { return('n/a'); } else {
  43.                   return (round($size/pow(1024, ($i = floor(log($size, 1024)))), 2) . $sizes[$i]); }
  44.             }
  45.  
  46.             if(isset($_POST['btn_simpan']))
  47.             {
  48.                 $txt_uname = $_SESSION['uname'];
  49.                 $sql = mysql_query("SELECT * FROM tb_guru WHERE uname = '$txt_uname'");
  50.                 $data = mysql_fetch_array($sql);
  51.                 $guru = $data['0'];
  52.  
  53.                 $judul = $_POST['txt_materi'];
  54.                 $desk = $_POST['txt_desk'];
  55.                 $kelas = $_POST['cmb_kls'];
  56.                 $mapel = $_POST['cmb_mapel'];
  57.                 $sizeFile = $_FILES['btn_materi']['size'];
  58.                 $fileType = $_FILES['btn_materi']['type'];
  59.                 $nama_file = strtolower(str_replace(' ', '_', $judul.'.PDF'));
  60.  
  61.                 #$type_foto = $_FILES['btn_materi']['type'];
  62.                define ("UPLOAD_FILES",$droot."/e-learning/c-panel/pages/fmtr/");
  63.                 $allowed = array('application/pdf');
  64.  
  65.                 if(empty($judul))
  66.                 {
  67.                     $msg = "<div class='callout callout-warning'>
  68.                                <h4><i class='fa fa-warning'></i> Peringatan!</h4>
  69.                                <p>Judul materi tidak boleh kosong.</p>
  70.                            </div>";
  71.                 }elseif(empty($desk))
  72.                 {
  73.                     $msg = "<div class='callout callout-warning'>
  74.                                <h4><i class='fa fa-warning'></i> Peringatan!</h4>
  75.                                <p>Deskripsi tidak boleh kosong.</p>
  76.                            </div>";
  77.                 }elseif(empty($kelas))
  78.                 {
  79.                     $msg = "<div class='callout callout-warning'>
  80.                                <h4><i class='fa fa-warning'></i> Peringatan!</h4>
  81.                                <p>Kelas tidak boleh kosong.</p>
  82.                            </div>";  
  83.                 }elseif(empty($mapel))
  84.                 {
  85.                     $msg = "<div class='callout callout-warning'>
  86.                                <h4><i class='fa fa-warning'></i> Peringatan!</h4>
  87.                                <p>Mata Pelajaran tidak boleh kosong.</p>
  88.                            </div>";
  89.                 }elseif(!in_array($fileType,$allowed))
  90.                 {
  91.                     $msg = "<div class='callout callout-warning'>
  92.                                <h4><i class='fa fa-warning'></i> Peringatan!</h4>
  93.                                <p>Format file harus PDF.</p>
  94.                            </div>";
  95.                 }elseif(empty($_FILES['btn_materi']['name']))
  96.                 {
  97.                     $msg = "<div class='callout callout-warning'>
  98.                                <h4><i class='fa fa-warning'></i> Peringatan!</h4>
  99.                                <p>Tidak ada file yang diupload.</p>
  100.                            </div>";
  101.                 }else
  102.                     {
  103.                         $sql = mysql_query("INSERT INTO `tb_materi` VALUES (NULL, NOW(), '$judul', '$desk', '$sizeFile', '$nama_file', '$kelas', '$guru', '$mapel')") or die(mysql_error());
  104.                         if($sql)
  105.                         {
  106.                             move_uploaded_file($_FILES['btn_materi']['tmp_name'], UPLOAD_FILES . $nama_file);
  107.                             $msg = "<div class='callout callout-info'>
  108.                                        <h4><i class='fa fa-check'></i> Selamat!</h4>
  109.                                        <p>Data anda berhasil disimpan.</p>
  110.                                    </div>";
  111.                         }
  112.                     }
  113.             }
  114.         ?>
  115.         <div class="wrapper row-offcanvas row-offcanvas-left">
  116.             <!-- Left side column. contains the logo and sidebar -->
  117.             <!-- Right side column. Contains the navbar and content of the page -->
  118.             <aside class="right-side">
  119.                 <!-- Content Header (Page header) -->
  120.                 <section class="content-header">
  121.                     <h1>
  122.                         Kelas
  123.                         <small>Data tabel</small>
  124.                         <div class="btn-group">
  125.                             <button type="button" class="btn btn-info dropdown-toggle btn-xs" data-toggle="dropdown">
  126.                                 <i class="fa fa-bars"></i>
  127.                                 <span class="caret"></span>
  128.                                 <span class="sr-only">Toggle Dropdown</span>
  129.                             </button>
  130.                             <ul class="dropdown-menu" role="menu">
  131.                                 <li><a data-toggle="modal" data-target="#tmateri" href="#"><i class="fa fa-plus"></i> Tambah</a></li>
  132.                             </ul>
  133.                         </div>
  134.                     </h1>
  135.                     <ol class="breadcrumb">
  136.                         <li><a href="http://localhost/e-learning/c-panel/index.php"><i class="fa fa-dashboard"></i> E-Learning</a></li>
  137.                         <li class="active">Data Kelas</li>
  138.                     </ol>
  139.                 </section>
  140.                 <!-- Main content -->
  141.                 <section class="content">
  142.                     <?php echo $msg; ?>
  143.                     <div class="row">
  144.                         <div class="col-xs-12">
  145.                             <div class="box">
  146.                                 <div class="box-body table-responsive">
  147.                                     <form action="" method="post" enctype="multipart/form-data">
  148.                                         <table id="example1" class="table table-bordered table-striped">
  149.                                             <thead>
  150.                                                 <tr>
  151.                                                     <th style="width: 10px">No</th>
  152.                                                     <th>Tanggal</th>
  153.                                                     <th>Judul</th>
  154.                                                     <th>Deskripsi</th>
  155.                                                     <th>Mata Pelajaran</th>
  156.                                                     <th>Kelas</th>
  157.                                                     <th>Ukuran</th>
  158.                                                     <th style="width: 50px">Opsi</th>
  159.                                                 </tr>
  160.                                             </thead>
  161.                                             <tbody>
  162.                                                 <?php
  163.                                                     $no = '';
  164.                                                     $sql = mysql_query("SELECT tb_materi.id_mt, tb_materi.tgl, tb_materi.judul, tb_materi.desk, tb_materi.size, tb_kelas.kelas, tb_guru.nama, tb_mapel.mapel FROM tb_materi LEFT JOIN tb_kelas ON tb_materi.tb_kelas_id_kls = tb_kelas.id_kls LEFT JOIN tb_guru ON tb_materi.tb_guru_id_gr = tb_guru.id_gr LEFT JOIN tb_mapel ON tb_materi.tb_mapel_id_mp = tb_mapel.id_mp WHERE tb_materi.tb_guru_id_gr = '$guru' ORDER BY tb_materi.tgl DESC") or die(mysql_error());
  165.                                                     while($data = mysql_fetch_array($sql))
  166.                                                     {
  167.                                                         $no = $no +1;
  168.                                                 ?>
  169.                                                         <tr>
  170.                                                             <td><?php echo $no; ?></td>
  171.                                                             <td><?php echo formatTanggal($data['tgl']); ?></td>
  172.                                                             <td><?php echo $data['judul']; ?></td>
  173.                                                             <td><?php echo $data['desk']; ?></td>
  174.                                                             <td><?php echo $data['mapel']; ?></td>
  175.                                                             <td><?php echo $data['kelas']; ?></td>
  176.                                                             <td><?php echo format_size($data['size']); ?></td>
  177.                                                             <td align="center">
  178.                                                                 <div class="btn-group">
  179.                                                                     <a href="http://localhost/e-learning/c-panel/pages/materi/h-mtr.php?id=<?php echo $data['0']; ?>" class="btn btn-danger btn-xs"><i class="fa fa-trash"></i></a>
  180.                                                                 </div>
  181.                                                             </td>
  182.                                                         </tr>
  183.                                                 <?php
  184.                                                     }
  185.                                                 ?>
  186.                                             </tbody>
  187.                                             <tfoot>
  188.                                                 <tr>
  189.                                                     <th>No</th>
  190.                                                     <th>Tanggal</th>
  191.                                                     <th>Judul</th>
  192.                                                     <th>Deskripsi</th>
  193.                                                     <th>Mata Pelajaran</th>
  194.                                                     <th>Kelas</th>
  195.                                                     <th>Ukuran</th>
  196.                                                     <th>Opsi</th>
  197.                                                 </tr>
  198.                                             </tfoot>
  199.                                         </table>
  200.                                     </form>
  201.                                 </div><!-- /.box-body -->
  202.                             </div><!-- /.box -->
  203.                         </div>
  204.                     </div>
  205.                 </section><!-- /.content -->
  206.             </aside><!-- /.right-side -->
  207.         </div><!-- ./wrapper -->
  208.  
  209.         <div class="modal fade" id="tmateri" tabindex="-1" role="dialog"aria-labelledby="myModalLabel" aria-hidden="true">
  210.            <div class="modal-dialog">
  211.             <div class="box box-solid box-info">
  212.                 <div class="box-header">
  213.                     <h3 class="box-title">Tambah Materi</h3>
  214.                     <div class="box-tools pull-right">
  215.                         <button class="btn btn-info btn-sm" data-dismiss="modal"aria-hidden="true"><i class="fa fa-times"></i></button>
  216.                     </div>
  217.                 </div>
  218.                 <form action="" method="post">
  219.                     <div class="box-body">
  220.                         <p>
  221.                             <div class="form-group">
  222.                                 <label>Judul Materi</label>
  223.                                 <input name="txt_materi" type="text" class="form-control" placeholder="Judul Materi" value="<?php echo isset($_POST['txt_materi']) ? $_POST['txt_materi'] : '';?>" />
  224.                             </div>
  225.                             <div class="form-group">
  226.                                 <label>Deskripsi Materi</label>
  227.                                 <input name="txt_desk" type="text" class="form-control" placeholder="Nama Lengkap" value="<?php echo isset($_POST['txt_desk']) ? $_POST['txt_desk'] : '';?>" />
  228.                             </div>
  229.                             <div class="form-group">
  230.                                 <label>Kelas</label>
  231.                                 <select class="form-control" name="cmb_kls">
  232.                                     <option value="<?php echo isset($_POST['cmb_kls']) ? $_POST['cmb_kls'] : '';?>"><?php echo isset($_POST['cmb_kls']) ? $_POST['cmb_kls'] : "";?></option>
  233.                                     <?php
  234.                                         $sql = mysql_query("SELECT id_kls, kelas FROM tb_kelas") or die(msql_error());
  235.                                         while($data = mysql_fetch_array($sql))
  236.                                         {
  237.                                     ?>
  238.                                     <option value="<?php echo $data['id_kls']; ?>"> <?php echo $data['kelas']; ?></option>
  239.                                     <?php
  240.                                         }
  241.                                     ?>
  242.                                 </select>
  243.                             </div>
  244.                             <div class="form-group">
  245.                                 <label>Mata Pelajaran</label>
  246.                                 <select class="form-control" name="cmb_mapel">
  247.                                     <option value="<?php echo isset($_POST['cmb_mapel']) ? $_POST['cmb_mapel'] : '';?>"><?php echo isset($_POST['cmb_mapel']) ? $_POST['cmb_mapel'] : "";?></option>
  248.                                     <?php
  249.                                         $sql = mysql_query("SELECT id_mp, mapel FROM tb_mapel") or die(msql_error());
  250.                                         while($data = mysql_fetch_array($sql))
  251.                                         {
  252.                                     ?>
  253.                                     <option value="<?php echo $data['id_mp']; ?>"> <?php echo $data['mapel']; ?></option>
  254.                                     <?php
  255.                                         }
  256.                                     ?>
  257.                                 </select>
  258.                             </div>
  259.                             <div class="form-group">
  260.                                 <label for="exampleInputFile">File input</label>
  261.                                 <input name="btn_materi" type="file" id="exampleInputFile">
  262.                                 <small>Materi harus berformat .PDF</small>
  263.                             </div>
  264.                         </p>
  265.                         <code>Tekan tombol <i class="glyphicon glyphicon-ok"></i> jika setuju atau <i class="glyphicon glyphicon-remove"></i> untuk membatalkannya</code>
  266.                     </div><!-- /.box-body -->
  267.                     <div class='box-footer' align='right'>
  268.                         <button name="btn_simpan" type="submit" class="btn btn-info"><i class="glyphicon glyphicon-ok"></i></button>
  269.                         <button type='submit' name='btn_batal' class='btn btn-primary' data-dismiss="modal" aria-hidden="true"><i class='glyphicon glyphicon-remove'></i></button>
  270.                     </div>
  271.                 </form>
  272.             </div>
  273.            </div><!-- /.modal-dialog -->
  274.         </div><!-- /.modal -->
  275.  
  276.         <!-- jQuery 2.0.2 -->
  277.         <script src="http://localhost/e-learning/c-panel/js/jquery.min.js"></script>
  278.         <!-- Bootstrap -->
  279.         <script src="http://localhost/e-learning/c-panel/js/bootstrap.min.js" type="text/javascript"></script>
  280.         <!-- DATA TABES SCRIPT -->
  281.         <script src="http://localhost/e-learning/c-panel/js/plugins/datatables/jquery.dataTables.js" type="text/javascript"></script>
  282.         <script src="http://localhost/e-learning/c-panel/js/plugins/datatables/dataTables.bootstrap.js" type="text/javascript"></script>
  283.         <!-- AdminLTE App -->
  284.         <script src="http://localhost/e-learning/c-panel/js/AdminLTE/app.js" type="text/javascript"></script>
  285.  
  286.         <!-- page script -->
  287.         <script type="text/javascript">
  288.             $(function() {
  289.                 $("#example1").dataTable();
  290.                 // $('#example1').dataTable({
  291.                 //     "bPaginate": true,
  292.                 //     "bLengthChange": true,
  293.                 //     "bFilter": true,
  294.                 //     "bSort": true,
  295.                 //     "bInfo": true,
  296.                 //     "bAutoWidth": false
  297.                 // });
  298.             });
  299.         </script>
  300.     </body>
  301. </html>
  302. <!DOCTYPE html>
  303. <html>
  304.     <head>
  305.         <meta charset="UTF-8">
  306.         <title>E-Learning | Data Operator</title>
  307.         <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
  308.         <!-- bootstrap 3.0.2 -->
  309.         <link href="http://localhost/e-learning/c-panel/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
  310.         <!-- font Awesome -->
  311.         <link href="http://localhost/e-learning/c-panel/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
  312.         <!-- Ionicons -->
  313.         <link href="http://localhost/e-learning/c-panel/css/ionicons.min.css" rel="stylesheet" type="text/css" />
  314.         <!-- DATA TABLES -->
  315.         <link href="http://localhost/e-learning/c-panel/css/datatables/dataTables.bootstrap.css" rel="stylesheet" type="text/css" />
  316.         <!-- Theme style -->
  317.         <link href="http://localhost/e-learning/c-panel/css/AdminLTE.css" rel="stylesheet" type="text/css" />
  318.  
  319.         <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  320.         <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  321.         <!--[if lt IE 9]>
  322.           <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  323.           <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
  324.         <![endif]-->
  325.     </head>
  326.     <body class="skin-blue">
  327.         <!-- header logo: style can be found in header.less -->
  328.         <?php
  329.             $header = '';
  330.             $droot = $_SERVER['DOCUMENT_ROOT'];
  331.             include $droot.'/e-learning/c-panel/include/header.php';
  332.             include $droot.'/e-learning/c-panel/include/ind-date.php';
  333.             $msg = "";
  334.             $id_kls = "";
  335.  
  336.             $txt_uname = $_SESSION['uname'];
  337.             $sql = mysql_query("SELECT * FROM tb_guru WHERE uname = '$txt_uname'");
  338.             $data = mysql_fetch_array($sql);
  339.             $guru = $data['0'];
  340.  
  341.             function format_size($size) {
  342.                   $sizes = array(" Bytes", " KB", " MB", " GB", " TB", " PB", " EB", " ZB", " YB");
  343.                   if ($size == 0) { return('n/a'); } else {
  344.                   return (round($size/pow(1024, ($i = floor(log($size, 1024)))), 2) . $sizes[$i]); }
  345.             }
  346.  
  347.             if(isset($_POST['btn_simpan']))
  348.             {
  349.                 $txt_uname = $_SESSION['uname'];
  350.                 $sql = mysql_query("SELECT * FROM tb_guru WHERE uname = '$txt_uname'");
  351.                 $data = mysql_fetch_array($sql);
  352.                 $guru = $data['0'];
  353.  
  354.                 $judul = $_POST['txt_materi'];
  355.                 $desk = $_POST['txt_desk'];
  356.                 $kelas = $_POST['cmb_kls'];
  357.                 $mapel = $_POST['cmb_mapel'];
  358.                 $sizeFile = $_FILES['btn_materi']['size'];
  359.                 $fileType = $_FILES['btn_materi']['type'];
  360.                 $nama_file = strtolower(str_replace(' ', '_', $judul.'.PDF'));
  361.  
  362.                 #$type_foto = $_FILES['btn_materi']['type'];
  363.                define ("UPLOAD_FILES",$droot."/e-learning/c-panel/pages/fmtr/");
  364.                 $allowed = array('application/pdf');
  365.  
  366.                 if(empty($judul))
  367.                 {
  368.                     $msg = "<div class='callout callout-warning'>
  369.                                <h4><i class='fa fa-warning'></i> Peringatan!</h4>
  370.                                <p>Judul materi tidak boleh kosong.</p>
  371.                            </div>";
  372.                 }elseif(empty($desk))
  373.                 {
  374.                     $msg = "<div class='callout callout-warning'>
  375.                                <h4><i class='fa fa-warning'></i> Peringatan!</h4>
  376.                                <p>Deskripsi tidak boleh kosong.</p>
  377.                            </div>";
  378.                 }elseif(empty($kelas))
  379.                 {
  380.                     $msg = "<div class='callout callout-warning'>
  381.                                <h4><i class='fa fa-warning'></i> Peringatan!</h4>
  382.                                <p>Kelas tidak boleh kosong.</p>
  383.                            </div>";  
  384.                 }elseif(empty($mapel))
  385.                 {
  386.                     $msg = "<div class='callout callout-warning'>
  387.                                <h4><i class='fa fa-warning'></i> Peringatan!</h4>
  388.                                <p>Mata Pelajaran tidak boleh kosong.</p>
  389.                            </div>";
  390.                 }elseif(!in_array($fileType,$allowed))
  391.                 {
  392.                     $msg = "<div class='callout callout-warning'>
  393.                                <h4><i class='fa fa-warning'></i> Peringatan!</h4>
  394.                                <p>Format file harus PDF.</p>
  395.                            </div>";
  396.                 }elseif(empty($_FILES['btn_materi']['name']))
  397.                 {
  398.                     $msg = "<div class='callout callout-warning'>
  399.                                <h4><i class='fa fa-warning'></i> Peringatan!</h4>
  400.                                <p>Tidak ada file yang diupload.</p>
  401.                            </div>";
  402.                 }else
  403.                     {
  404.                         $sql = mysql_query("INSERT INTO `tb_materi` VALUES (NULL, NOW(), '$judul', '$desk', '$sizeFile', '$nama_file', '$kelas', '$guru', '$mapel')") or die(mysql_error());
  405.                         if($sql)
  406.                         {
  407.                             move_uploaded_file($_FILES['btn_materi']['tmp_name'], UPLOAD_FILES . $nama_file);
  408.                             $msg = "<div class='callout callout-info'>
  409.                                        <h4><i class='fa fa-check'></i> Selamat!</h4>
  410.                                        <p>Data anda berhasil disimpan.</p>
  411.                                    </div>";
  412.                         }
  413.                     }
  414.             }
  415.         ?>
  416.         <div class="wrapper row-offcanvas row-offcanvas-left">
  417.             <!-- Left side column. contains the logo and sidebar -->
  418.             <!-- Right side column. Contains the navbar and content of the page -->
  419.             <aside class="right-side">
  420.                 <!-- Content Header (Page header) -->
  421.                 <section class="content-header">
  422.                     <h1>
  423.                         Kelas
  424.                         <small>Data tabel</small>
  425.                         <div class="btn-group">
  426.                             <button type="button" class="btn btn-info dropdown-toggle btn-xs" data-toggle="dropdown">
  427.                                 <i class="fa fa-bars"></i>
  428.                                 <span class="caret"></span>
  429.                                 <span class="sr-only">Toggle Dropdown</span>
  430.                             </button>
  431.                             <ul class="dropdown-menu" role="menu">
  432.                                 <li><a data-toggle="modal" data-target="#tmateri" href="#"><i class="fa fa-plus"></i> Tambah</a></li>
  433.                             </ul>
  434.                         </div>
  435.                     </h1>
  436.                     <ol class="breadcrumb">
  437.                         <li><a href="http://localhost/e-learning/c-panel/index.php"><i class="fa fa-dashboard"></i> E-Learning</a></li>
  438.                         <li class="active">Data Kelas</li>
  439.                     </ol>
  440.                 </section>
  441.                 <!-- Main content -->
  442.                 <section class="content">
  443.                     <?php echo $msg; ?>
  444.                     <div class="row">
  445.                         <div class="col-xs-12">
  446.                             <div class="box">
  447.                                 <div class="box-body table-responsive">
  448.                                     <form action="" method="post" enctype="multipart/form-data">
  449.                                         <table id="example1" class="table table-bordered table-striped">
  450.                                             <thead>
  451.                                                 <tr>
  452.                                                     <th style="width: 10px">No</th>
  453.                                                     <th>Tanggal</th>
  454.                                                     <th>Judul</th>
  455.                                                     <th>Deskripsi</th>
  456.                                                     <th>Mata Pelajaran</th>
  457.                                                     <th>Kelas</th>
  458.                                                     <th>Ukuran</th>
  459.                                                     <th style="width: 50px">Opsi</th>
  460.                                                 </tr>
  461.                                             </thead>
  462.                                             <tbody>
  463.                                                 <?php
  464.                                                     $no = '';
  465.                                                     $sql = mysql_query("SELECT tb_materi.id_mt, tb_materi.tgl, tb_materi.judul, tb_materi.desk, tb_materi.size, tb_kelas.kelas, tb_guru.nama, tb_mapel.mapel FROM tb_materi LEFT JOIN tb_kelas ON tb_materi.tb_kelas_id_kls = tb_kelas.id_kls LEFT JOIN tb_guru ON tb_materi.tb_guru_id_gr = tb_guru.id_gr LEFT JOIN tb_mapel ON tb_materi.tb_mapel_id_mp = tb_mapel.id_mp WHERE tb_materi.tb_guru_id_gr = '$guru' ORDER BY tb_materi.tgl DESC") or die(mysql_error());
  466.                                                     while($data = mysql_fetch_array($sql))
  467.                                                     {
  468.                                                         $no = $no +1;
  469.                                                 ?>
  470.                                                         <tr>
  471.                                                             <td><?php echo $no; ?></td>
  472.                                                             <td><?php echo formatTanggal($data['tgl']); ?></td>
  473.                                                             <td><?php echo $data['judul']; ?></td>
  474.                                                             <td><?php echo $data['desk']; ?></td>
  475.                                                             <td><?php echo $data['mapel']; ?></td>
  476.                                                             <td><?php echo $data['kelas']; ?></td>
  477.                                                             <td><?php echo format_size($data['size']); ?></td>
  478.                                                             <td align="center">
  479.                                                                 <div class="btn-group">
  480.                                                                     <a href="http://localhost/e-learning/c-panel/pages/materi/h-mtr.php?id=<?php echo $data['0']; ?>" class="btn btn-danger btn-xs"><i class="fa fa-trash"></i></a>
  481.                                                                 </div>
  482.                                                             </td>
  483.                                                         </tr>
  484.                                                 <?php
  485.                                                     }
  486.                                                 ?>
  487.                                             </tbody>
  488.                                             <tfoot>
  489.                                                 <tr>
  490.                                                     <th>No</th>
  491.                                                     <th>Tanggal</th>
  492.                                                     <th>Judul</th>
  493.                                                     <th>Deskripsi</th>
  494.                                                     <th>Mata Pelajaran</th>
  495.                                                     <th>Kelas</th>
  496.                                                     <th>Ukuran</th>
  497.                                                     <th>Opsi</th>
  498.                                                 </tr>
  499.                                             </tfoot>
  500.                                         </table>
  501.                                     </form>
  502.                                 </div><!-- /.box-body -->
  503.                             </div><!-- /.box -->
  504.                         </div>
  505.                     </div>
  506.                 </section><!-- /.content -->
  507.             </aside><!-- /.right-side -->
  508.         </div><!-- ./wrapper -->
  509.  
  510. <!--Modal-->
  511.         <div class="modal fade" id="tmateri" tabindex="-1" role="dialog"aria-labelledby="myModalLabel" aria-hidden="true">
  512.            <div class="modal-dialog">
  513.             <div class="box box-solid box-info">
  514.                 <div class="box-header">
  515.                     <h3 class="box-title">Tambah Materi</h3>
  516.                     <div class="box-tools pull-right">
  517.                         <button class="btn btn-info btn-sm" data-dismiss="modal"aria-hidden="true"><i class="fa fa-times"></i></button>
  518.                     </div>
  519.                 </div>
  520.                 <form action="" method="post">
  521.                     <div class="box-body">
  522.                         <p>
  523.                             <div class="form-group">
  524.                                 <label>Judul Materi</label>
  525.                                 <input name="txt_materi" type="text" class="form-control" placeholder="Judul Materi" value="<?php echo isset($_POST['txt_materi']) ? $_POST['txt_materi'] : '';?>" />
  526.                             </div>
  527.                             <div class="form-group">
  528.                                 <label>Deskripsi Materi</label>
  529.                                 <input name="txt_desk" type="text" class="form-control" placeholder="Nama Lengkap" value="<?php echo isset($_POST['txt_desk']) ? $_POST['txt_desk'] : '';?>" />
  530.                             </div>
  531.                             <div class="form-group">
  532.                                 <label>Kelas</label>
  533.                                 <select class="form-control" name="cmb_kls">
  534.                                     <option value="<?php echo isset($_POST['cmb_kls']) ? $_POST['cmb_kls'] : '';?>"><?php echo isset($_POST['cmb_kls']) ? $_POST['cmb_kls'] : "";?></option>
  535.                                     <?php
  536.                                         $sql = mysql_query("SELECT id_kls, kelas FROM tb_kelas") or die(msql_error());
  537.                                         while($data = mysql_fetch_array($sql))
  538.                                         {
  539.                                     ?>
  540.                                     <option value="<?php echo $data['id_kls']; ?>"> <?php echo $data['kelas']; ?></option>
  541.                                     <?php
  542.                                         }
  543.                                     ?>
  544.                                 </select>
  545.                             </div>
  546.                             <div class="form-group">
  547.                                 <label>Mata Pelajaran</label>
  548.                                 <select class="form-control" name="cmb_mapel">
  549.                                     <option value="<?php echo isset($_POST['cmb_mapel']) ? $_POST['cmb_mapel'] : '';?>"><?php echo isset($_POST['cmb_mapel']) ? $_POST['cmb_mapel'] : "";?></option>
  550.                                     <?php
  551.                                         $sql = mysql_query("SELECT id_mp, mapel FROM tb_mapel") or die(msql_error());
  552.                                         while($data = mysql_fetch_array($sql))
  553.                                         {
  554.                                     ?>
  555.                                     <option value="<?php echo $data['id_mp']; ?>"> <?php echo $data['mapel']; ?></option>
  556.                                     <?php
  557.                                         }
  558.                                     ?>
  559.                                 </select>
  560.                             </div>
  561.                             <div class="form-group">
  562.                                 <label for="exampleInputFile">File input</label>
  563.                                 <input name="btn_materi" type="file" id="exampleInputFile">
  564.                                 <small>Materi harus berformat .PDF</small>
  565.                             </div>
  566.                         </p>
  567.                         <code>Tekan tombol <i class="glyphicon glyphicon-ok"></i> jika setuju atau <i class="glyphicon glyphicon-remove"></i> untuk membatalkannya</code>
  568.                     </div><!-- /.box-body -->
  569.                     <div class='box-footer' align='right'>
  570.                         <button name="btn_simpan" type="submit" class="btn btn-info"><i class="glyphicon glyphicon-ok"></i></button>
  571.                         <button type='submit' name='btn_batal' class='btn btn-primary' data-dismiss="modal" aria-hidden="true"><i class='glyphicon glyphicon-remove'></i></button>
  572.                     </div>
  573.                 </form>
  574.             </div>
  575.            </div><!-- /.modal-dialog -->
  576.         </div><!-- /.modal -->
  577.  
  578.         <!-- jQuery 2.0.2 -->
  579.         <script src="http://localhost/e-learning/c-panel/js/jquery.min.js"></script>
  580.         <!-- Bootstrap -->
  581.         <script src="http://localhost/e-learning/c-panel/js/bootstrap.min.js" type="text/javascript"></script>
  582.         <!-- DATA TABES SCRIPT -->
  583.         <script src="http://localhost/e-learning/c-panel/js/plugins/datatables/jquery.dataTables.js" type="text/javascript"></script>
  584.         <script src="http://localhost/e-learning/c-panel/js/plugins/datatables/dataTables.bootstrap.js" type="text/javascript"></script>
  585.         <!-- AdminLTE App -->
  586.         <script src="http://localhost/e-learning/c-panel/js/AdminLTE/app.js" type="text/javascript"></script>
  587.  
  588.         <!-- page script -->
  589.         <script type="text/javascript">
  590.             $(function() {
  591.                 $("#example1").dataTable();
  592.                 // $('#example1').dataTable({
  593.                 //     "bPaginate": true,
  594.                 //     "bLengthChange": true,
  595.                 //     "bFilter": true,
  596.                 //     "bSort": true,
  597.                 //     "bInfo": true,
  598.                 //     "bAutoWidth": false
  599.                 // });
  600.             });
  601.         </script>
  602.     </body>
  603. </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!