API tools faq
paste
Suwandiaminsangaji

Cetak_Kartu

Suwandiaminsangaji
Aug 16th, 2022
221
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 10.04 KB | None | 0 0
raw download clone embed print report
  1.  <?php
  2.   session_start();
  3.   error_reporting(1);
  4.   include '../config/koneksi.php';
  5.   ob_start();
  6.   if (trim($_SESSION['leveluser'])=='')
  7.   {
  8.     echo "<script>document.location='../';</script>";
  9.   }
  10. ?>
  11. <!DOCTYPE html>
  12. <html>
  13. <head>
  14.   <meta charset="utf-8">
  15.   <meta http-equiv="X-UA-Compatible" content="IE=edge">
  16.   <?php $r=mysqli_fetch_array(mysqli_query($koneksi, "SELECT * FROM identitas WHERE id = '1'")); ?>
  17.   <link rel="shortcut icon" href="../img/<?php echo "$r[gambar]";?>">
  18.   <title style="text-transform: uppercase;"><?php echo "$r[title]";?></title>
  19. <!-- Tell the browser to be responsive to screen width -->
  20.   <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  21.   <!-- Bootstrap 3.3.6 -->
  22.   <link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">
  23.   <!-- Font Awesome -->
  24.   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
  25.   <!-- Ionicons -->
  26.   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
  27.   <!-- daterange picker -->
  28.   <link rel="stylesheet" href="../plugins/daterangepicker/daterangepicker.css">
  29.   <!-- bootstrap datepicker -->
  30.   <link rel="stylesheet" href="../plugins/datepicker/datepicker3.css">
  31.   <!-- iCheck for checkboxes and radio inputs -->
  32.   <link rel="stylesheet" href="../plugins/iCheck/all.css">
  33.   <!-- Bootstrap Color Picker -->
  34.   <link rel="stylesheet" href="../plugins/colorpicker/bootstrap-colorpicker.min.css">
  35.   <!-- Bootstrap time Picker -->
  36.   <link rel="stylesheet" href="../plugins/timepicker/bootstrap-timepicker.min.css">
  37.   <!-- Select2 -->
  38.   <link rel="stylesheet" href="../plugins/select2/select2.min.css">
  39.   <!-- Theme style -->
  40.   <link rel="stylesheet" href="../dist/css/AdminLTE.min.css">
  41.   <!-- AdminLTE Skins. Choose a skin from the css/skins
  42.        folder instead of downloading all of them to reduce the load. -->
  43.   <link rel="stylesheet" href="../dist/css/skins/_all-skins.min.css">
  44.   <!-- DataTables -->
  45.   <link rel="stylesheet" href="../plugins/datatables/dataTables.bootstrap.css">
  46.   <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  47.   <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  48.   <!--[if lt IE 9]>
  49.   <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  50.   <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  51.   <![endif]-->
  52. </head>
  53. <body class="hold-transition skin-blue" data-spy="scroll" data-target="#scrollspy">
  54. <div class="wrapper">
  55.   <!-- Star menu -->
  56.   <?php include "menu.php";?>
  57.   <!-- End menu -->
  58.  
  59.   <!-- Star content -->
  60.   <div class="content-wrapper">
  61.     <!-- Content Header (Page header) -->
  62.     <section class="content-header">
  63.       <h1>
  64.         Pengaturan
  65.         <small>Control panel</small>
  66.       </h1>
  67.       <ol class="breadcrumb">
  68.         <li><a href="home"><i class="fa fa-dashboard"></i> Home</a></li>
  69.         <li class="active">Cetak Kartu</li>
  70.       </ol>
  71.     </section>
  72.  
  73.     <!-- Main content -->
  74.     <section class="content">
  75.       <!-- Small boxes (Stat box) -->
  76.       <div class="row">
  77.         <div class="col-md-12">
  78.           <div class="box box-info">
  79.             <div class="box-header">
  80.               <h3 class="box-title"><i class="fa fa-print"></i> Cetak Kartu Pelajar</h3>
  81.             </div>
  82.             <!-- /.box-header -->
  83.               <div class='table-responsive'>
  84.                 <div class="box-body">
  85.                   <table id="example1" class="table table-bordered table-striped table-hover">
  86.                     <thead class="bg-aqua">
  87.                       <tr>
  88.                         <th width="10"><center>No.</center></th>
  89.                         <th>NIS</th>
  90.                         <th>NISN</th>
  91.                         <th>Nama Lengkap</th>
  92.                         <th>JK</th>
  93.                         <th>FOTO</th>
  94.                         <th>Aksi</th>
  95.                       </tr>
  96.                     </thead>
  97.                     <tbody>
  98.                       <?php
  99.                       $tampil = mysqli_query($koneksi, "SELECT * FROM users WHERE level='user' ORDER BY nis DESC");
  100.                       $no=1;
  101.                       while ($rr=mysqli_fetch_array($tampil))
  102.                       {
  103.                       ?>
  104.                       <tr>
  105.                         <td><center><?php echo "$no.";?></center></td>
  106.                         <td><?php echo $rr["nis"];?></td>
  107.                         <td><?php echo $rr["nisn"];?></td>
  108.                         <td><?php echo $rr["nama_lengkap"];?></td>
  109.                         <td><?php echo $rr["jk"];?></td>
  110.                         <td align="center"><img class="img-responsive img-circle img-thumbnail" alt="Responsive image" src="../img/<?php echo "$rr[gambar]";?>" width="50px"></td>
  111.                         <td align="center"><a target="blank" class='btn btn-success btn-lg' data-toggle='tooltip' title='Print Kartu' href='aksi/cetak/pelajar.php?id=<?php echo $rr["id_session"];?>'><span class='fa fa-print'></span></a></td>
  112.                       <?php  $no++; } ?>
  113.                       </tr>
  114.                     </tbody>
  115.                   </table>
  116.                 </div>
  117.               </div>
  118.             </form>
  119.             <!-- /.box-body -->
  120.           </div>
  121.         </div>
  122.       </div>
  123.     </section>
  124.     <!-- /.content -->
  125.   </div>
  126. <!-- End content -->
  127.  
  128.  
  129.  
  130.   <!-- Start footer -->
  131.   <?php include "footer.php";?>
  132.   <!-- End footer -->
  133.   <!-- Add the sidebar's background. This div must be placed
  134.        immediately after the control sidebar -->
  135.   <div class="control-sidebar-bg"></div>
  136. </div>
  137. <!-- ./wrapper -->
  138.  
  139. <!-- jQuery 2.2.3 -->
  140. <script src="../plugins/jQuery/jquery-2.2.3.min.js"></script>
  141. <!-- Bootstrap 3.3.6 -->
  142. <script src="../bootstrap/js/bootstrap.min.js"></script>
  143. <script src="../bootstrap/js/docs.js"></script>
  144. <!-- Select2 -->
  145. <script src="../plugins/select2/select2.full.min.js"></script>
  146. <!-- InputMask -->
  147. <script src="../plugins/input-mask/jquery.inputmask.js"></script>
  148. <script src="../plugins/input-mask/jquery.inputmask.date.extensions.js"></script>
  149. <script src="../plugins/input-mask/jquery.inputmask.extensions.js"></script>
  150. <!-- date-range-picker -->
  151. <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.11.2/moment.min.js"></script>
  152. <script src="../plugins/daterangepicker/daterangepicker.js"></script>
  153. <!-- bootstrap datepicker -->
  154. <script src="../plugins/datepicker/bootstrap-datepicker.js"></script>
  155. <!-- bootstrap color picker -->
  156. <script src="../plugins/colorpicker/bootstrap-colorpicker.min.js"></script>
  157. <!-- bootstrap time picker -->
  158. <script src="../plugins/timepicker/bootstrap-timepicker.min.js"></script>
  159. <!-- SlimScroll 1.3.0 -->
  160. <script src="../plugins/slimScroll/jquery.slimscroll.min.js"></script>
  161. <!-- iCheck 1.0.1 -->
  162. <script src="../plugins/iCheck/icheck.min.js"></script>
  163. <!-- FastClick -->
  164. <script src="../plugins/fastclick/fastclick.js"></script>
  165. <!-- AdminLTE App -->
  166. <script src="../dist/js/app.min.js"></script>
  167. <!-- AdminLTE for demo purposes -->
  168. <script src="../dist/js/demo.js"></script>
  169. <!-- DataTables -->
  170. <script src="../plugins/datatables/jquery.dataTables.min.js"></script>
  171. <script src="../plugins/datatables/dataTables.bootstrap.min.js"></script>
  172. <!-- Page script -->
  173. <script>
  174.   $(function () {
  175.     //Initialize Select2 Elements
  176.     $(".select2").select2();
  177.  
  178.     //Datemask dd/mm/yyyy
  179.     $("#datemask").inputmask("dd/mm/yyyy", {"placeholder": "dd/mm/yyyy"});
  180.     //Datemask2 mm/dd/yyyy
  181.     $("#datemask2").inputmask("mm/dd/yyyy", {"placeholder": "mm/dd/yyyy"});
  182.     $("#datemask2").inputmask("bb/hh/yyyy", {"placeholder": "bb/hh/yyyy"});
  183.     //Money Euro
  184.     $("[data-mask]").inputmask();
  185.  
  186.     //Date range picker
  187.     $('#reservation').daterangepicker();
  188.     //Date range picker with time picker
  189.     $('#reservationtime').daterangepicker({timePicker: true, timePickerIncrement: 30, format: 'MM/DD/YYYY h:mm A'});
  190.     //Date range as a button
  191.     $('#daterange-btn').daterangepicker(
  192.         {
  193.           ranges: {
  194.             'Today': [moment(), moment()],
  195.             'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
  196.             'Last 7 Days': [moment().subtract(6, 'days'), moment()],
  197.             'Last 30 Days': [moment().subtract(29, 'days'), moment()],
  198.             'This Month': [moment().startOf('month'), moment().endOf('month')],
  199.             'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
  200.           },
  201.           startDate: moment().subtract(29, 'days'),
  202.           endDate: moment()
  203.         },
  204.         function (start, end) {
  205.           $('#daterange-btn span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
  206.         }
  207.     );
  208.  
  209.     //Date picker
  210.     $('#datepicker').datepicker({
  211.       autoclose: true
  212.     });
  213.  
  214.     //iCheck for checkbox and radio inputs
  215.     $('input[type="checkbox"].minimal, input[type="radio"].minimal').iCheck({
  216.       checkboxClass: 'icheckbox_minimal-blue',
  217.       radioClass: 'iradio_minimal-blue'
  218.     });
  219.     //Red color scheme for iCheck
  220.     $('input[type="checkbox"].minimal-red, input[type="radio"].minimal-red').iCheck({
  221.       checkboxClass: 'icheckbox_minimal-red',
  222.       radioClass: 'iradio_minimal-red'
  223.     });
  224.     //Flat red color scheme for iCheck
  225.     $('input[type="checkbox"].flat-red, input[type="radio"].flat-red').iCheck({
  226.       checkboxClass: 'icheckbox_flat-green',
  227.       radioClass: 'iradio_flat-green'
  228.     });
  229.  
  230.     //Colorpicker
  231.     $(".my-colorpicker1").colorpicker();
  232.     //color picker with addon
  233.     $(".my-colorpicker2").colorpicker();
  234.  
  235.     //Timepicker
  236.     $(".timepicker").timepicker({
  237.       showInputs: false
  238.     });
  239.   });
  240. </script>
  241. <script>
  242.   $(function () {
  243.     $("#example1").DataTable();
  244.     $('#example2').DataTable({
  245.       "paging": true,
  246.       "lengthChange": false,
  247.       "searching": false,
  248.       "ordering": true,
  249.       "info": true,
  250.       "autoWidth": false
  251.     });
  252.   });
  253. </script>
  254. </body>
  255. </html>
  256.  
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!