Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
- <title>Data Siswa</title>
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/particlesjs/2.2.2/particles.min.js">
- <link rel="stylesheet" href="Assets/Framework/bootstrap-4.3.1-dist/css/bootstrap.min.css">
- <link rel="stylesheet" href="Assets/Framework/media/plugins/toastr/toastr.min.css">
- <script src="Assets/Framework/bootstrap-4.3.1-dist/js/jquery-3.4.1.min.js"></script>
- <script type="text/javascript" src="<?php echo base_url()?>/Assets/Framework/media/js/jquery.min.js"></script>
- <script type="text/javascript" src="<?php echo base_url()?>/Assets/Framework/media/js/bootstrap.min.js"></script>
- <script type="text/javascript" src="<?php echo base_url()?>/Assets/Framework/bootstrap-4.3.1-dist/js/bootstrap.min.js"></script>
- <script type="text/javascript" src="<?php echo base_url()?>/Assets/Framework/media/plugins/toastr/toastr.min.js"></script>
- <link rel="stylesheet" href="Assets/cssindex.css">
- </head>
- <body style="background-color: rgb(29, 28, 28);" align="center">
- <br>
- <div align="right">
- <a href="logout.php"><button class="btn btn-dark" >Log Out</button></a>
- </div>
- <table style="margin-top: 20px;" sty width="100%">
- <tr>
- <td>
- <form method="GET" action="index.php">
- <div style="margin-left: 20px;" class="form-row">
- <input type="text" class="form-control col-md-3" name="search" placeholder="Search" autocomplete="off">
-
- <a href="index.php"><button class="btn btn-dark" type="submit">RESET </button></a>
-
- </div>
- </form>
- </td>
- <td>
- <div align="right">
- <a class="tambah" href="tambah.php"><button type="button" class="btn btn-dark"> + Tambah Data</button></a>
- </div>
- </td>
- </tr>
- </table>
- <center>
- <table style="margin-top: 10px;" width="100%" align="center" class="table table-dark table-responsive">
- <thead class="thead-inverse">
- <tr class="sub_judul">
- <td>#</td>
- <td>Foto</td>
- <td>
- NIS
- <a class="sort" href="index.php?sort=NIS&order=asc">⇧</a>
- <a class="sort" href="index.php?sort=NIS&order=desc">⇩</a>
- </td>
- <td>
- Nama Lengkap
- <a class="sort" href="index.php?sort=nama_lengkap&order=asc">⇧</a>
- <a class="sort" href="index.php?sort=nama_lengkap&order=desc">⇩</a>
- </td>
- <td>
- Gender
- <a class="sort" href="index.php?sort=gender&order=asc">⇧</a>
- <a class="sort" href="index.php?sort=gender&order=desc">⇩</a>
- </td>
- <td>
- Kelas
- <a class="sort" href="index.php?sort=kelas&order=asc">⇧</a>
- <a class="sort" href="index.php?sort=kelas&order=desc">⇩</a>
- </td>
- <td>
- Jurusan
- <a class="sort" href="index.php?sort=jurusan&order=asc">⇧</a>
- <a class="sort" href="index.php?sort=jurusan&order=desc">⇩</a>
- </td>
- <td>
- Alamat
- <a class="sort" href="index.php?sort=Alamat&order=asc">⇧</a>
- <a class="sort" href="index.php?sort=Alamat&order=desc">⇩</a>
- </td>
- <td>
- Golongan Darah
- <a class="sort" href="index.php?sort=Golongan_Darah&order=asc">⇧</a>
- <a class="sort" href="index.php?sort=Golongan_Darah&order=desc">⇩</a>
- </td>
- <td>
- Nama Ibu Kandung
- <a class="sort" href="index.php?sort=Nama_Ibu_Kandung&order=asc">⇧</a>
- <a class="sort" href="index.php?sort=Nama_Ibu_Kandung&order=desc">⇩</a>
- </td>
- <td>
- Aksi
- </td>
- </tr>
- </thead>
- <tbody>
- <?php
- $i = 1;
- while ($siswa = $listSiswa -> fetch_array()) {
- ?>
- <tr align="center">
- <td><?= $i++ ?></td>
- <td>
- <img src="<?php echo base_url() ?>/Media/image/<?php echo $siswa['file'] ?>" width="80px" alt="">
- </td>
- <td><?= $siswa ['NIS'] ?></td>
- <td><?= $siswa ['nama_lengkap'] ?></td>
- <td><?= $siswa ['gender'] ?></td>
- <td><?= $siswa ['kelas'] ?></td>
- <td><?= $siswa ['jurusan'] ?></td>
- <td><?= $siswa ['Alamat'] ?></td>
- <td><?= $siswa ['Golongan_Darah'] ?></td>
- <td><?= $siswa ['Nama_Ibu_Kandung'] ?></td>
- <td>
- <a href="edit.php?nis=<?= $siswa['NIS'] ?>" class="btn btn-warning mb-2">EDIT</a>
- <a href="delete.php?nis=<?= $siswa['NIS'] ?>" class="btn btn-danger btnDelete">DELETE</a>
- </td>
- </tr>
- <?php } ?>
- </tbody>
- </table>
- </center>
- <canvas class="background"></canvas>
- <script src="Assets/Framework/particles.js-master/dist/particles.min.js"></script>
- <div class="modal bg-dark fade" tabindex="-1" role="dialog" >
- <div class="modal-dialog">
- <div class="modal-content">
- <div class="modal-header">
- <h5 class="modal-title">HAPUS DATA</h5>
- <button type="button" class="close" data-dismiss="modal" aria-label="Close">
- <span aria-hidden="true">×</span>
- <h4 class="modal-title"></h4>
- </button>
- </div>
- <div class="modal-body">
- Body
- </div>
- <div class="modal-footer">
- <button type="button" class="btn btn-secondary btnYa" >Yes</button>
- <button type="button" data-dismiss="modal" class="btn btn-primary">No</button>
- </div>
- </div>
- </div>
- </div>
- <script type="text/javascript">
- window.onload = function(){
- Particles.init({
- selector: '.background'
- });
- };
- var particles = Particles.init({
- selector: '.background',
- color: ['#DA0463', '#404B69', '#DBEDF3'],
- connectParticles: true
- });
- $(function() {
- $(".btnDelete").on("click", function(e) {
- e.preventDefault();
- var nama = $(this).parent().parent().children()[3];
- nama = $(nama).html();
- var tr = $(this).parent().parent();
- $(".modal").modal('show');
- $(".modal-body").html('Anda yakin ingin menghapus data <b>' + nama + '</b> ? ');
- var href = $(this).attr('href');
- $('.btnYa').off();
- $('.btnYa').on('click', function() {
- $.ajax({
- 'url' : href,
- 'type' : 'POST',
- 'success' : function(result) {
- if(result == 1){
- $(".modal").modal('hide');
- tr.fadeOut();
- toastr.success('Data Berhasil Dihapus', 'Konfirmasi');
- }
- }
- });
- }) ;
- });
- });
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement