daily pastebin goal
42%
SHARE
TWEET

Untitled

a guest Jan 22nd, 2019 69 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html dir="ltr" lang="en">
  3.  
  4. <head>
  5.     <meta charset="utf-8">
  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7.     <!-- Tell the browser to be responsive to screen width -->
  8.     <meta name="viewport" content="width=device-width, initial-scale=1">
  9.     <meta name="description" content="">
  10.     <meta name="author" content="">
  11.     <!-- Favicon icon -->
  12.     <link rel="icon" type="image/png" sizes="16x16" href="../../assets/images/EID.png.ico">
  13.     <title>EID - TOOL ID CENTER</title>
  14.     <!-- Custom CSS -->
  15.     <link rel="stylesheet" type="text/css" href="../../assets/libs/select2/dist/css/select2.min.css">
  16.     <link rel="stylesheet" type="text/css" href="../../assets/libs/jquery-minicolors/jquery.minicolors.css">
  17.     <link rel="stylesheet" type="text/css" href="../../assets/libs/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css">
  18.     <link rel="stylesheet" type="text/css" href="../../assets/libs/quill/dist/quill.snow.css">
  19.     <link href="../../dist/css/style.min.css" rel="stylesheet">
  20.     <link href="../../assets/libs/datatables.net-bs4/css/dataTables.bootstrap4.css" rel="stylesheet">
  21.     <link href="../../dist/css/style.min.css" rel="stylesheet">
  22.  
  23.     <script src="../../assets/libs/jquery/dist/jquery.min.js"></script>
  24.     <link href="../../assets/libs/toastr/build/toastr.min.css" rel="stylesheet">
  25.     <script src="../../assets/libs/toastr/build/toastr.min.js"></script>
  26.  
  27.  
  28.      <script>
  29.         function sukses(){
  30.         toastr.success('Your Data Succesfully Delete', 'Deleted');
  31.         }
  32.     </script>
  33.  
  34.     <script>
  35.         function success(){
  36.         toastr.success('Your Data Succesfully Saved', 'Succes');
  37.         }
  38.     </script>
  39.    
  40.     <script>
  41.         function errorr(){
  42.             toastr.error('Failed Insert Data', 'Duplicated Data !');
  43.         }
  44.     </script>
  45.  
  46.  
  47.    
  48.     <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  49.     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  50.     <!--[if lt IE 9]>
  51.     <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  52.     <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
  53. <![endif]-->
  54.  
  55. </head>
  56.  
  57. <body>
  58.     <!-- ============================================================== -->
  59.     <!-- Preloader - style you can find in spinners.css -->
  60.     <!-- ============================================================== -->
  61.     <div class="preloader">
  62.         <div class="lds-ripple">
  63.             <div class="lds-pos"></div>
  64.             <div class="lds-pos"></div>
  65.         </div>
  66.     </div>
  67.     <!-- ============================================================== -->
  68.     <!-- Main wrapper - style you can find in pages.scss -->
  69.     <!-- ============================================================== -->
  70.     <div id="main-wrapper">
  71.         <!-- ============================================================== -->
  72.         <!-- Topbar header - style you can find in pages.scss -->
  73.         <!-- ============================================================== -->
  74.         <header class="topbar" data-navbarbg="skin5">
  75.             <nav class="navbar top-navbar navbar-expand-md navbar-dark">
  76.                 <div class="navbar-header" data-logobg="skin5">
  77.                     <!-- This is for the sidebar toggle which is visible on mobile only -->
  78.                     <a class="nav-toggler waves-effect waves-light d-block d-md-none" href="javascript:void(0)"><i class="ti-menu ti-close"></i></a>
  79.                     <!-- ============================================================== -->
  80.                     <!-- Logo -->
  81.                     <!-- ============================================================== -->
  82.                     <a class="navbar-brand" href="index.html">
  83.                         <!-- Logo icon -->
  84.                         <b class="logo-icon p-l-10">
  85.                             <!--You can put here icon as well // <i class="wi wi-sunset"></i> //-->
  86.                             <!-- Dark Logo icon -->
  87.                             <img src="../../assets/images/eid 30x30.png" alt="homepage" class="light-logo" />
  88.                            
  89.                         </b>
  90.                         <!--End Logo icon -->
  91.                          <!-- Logo text -->
  92.                         <span class="logo-text">
  93.                              <!-- dark Logo text -->
  94.                              <img src="../../assets/images/eid 280x30.png" alt="homepage" class="light-logo" />
  95.                            
  96.                         </span>
  97.                         <!-- Logo icon -->
  98.                         <!-- <b class="logo-icon"> -->
  99.                             <!--You can put here icon as well // <i class="wi wi-sunset"></i> //-->
  100.                             <!-- Dark Logo icon -->
  101.                             <!-- <img src="../../assets/images/logo-text.png" alt="homepage" class="light-logo" /> -->
  102.                            
  103.                         <!-- </b> -->
  104.                         <!--End Logo icon -->
  105.                     </a>
  106.                     <!-- ============================================================== -->
  107.                     <!-- End Logo -->
  108.                     <!-- ============================================================== -->
  109.                     <!-- ============================================================== -->
  110.                     <!-- Toggle which is visible on mobile only -->
  111.                     <!-- ============================================================== -->
  112.                     <a class="topbartoggler d-block d-md-none waves-effect waves-light" href="javascript:void(0)" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><i class="ti-more"></i></a>
  113.                 </div>
  114.                 <!-- ============================================================== -->
  115.                 <!-- End Logo -->
  116.                 <!-- ============================================================== -->
  117.                 <div class="navbar-collapse collapse" id="navbarSupportedContent" data-navbarbg="skin5">
  118.                     <!-- ============================================================== -->
  119.                     <!-- toggle and nav items -->
  120.                     <!-- ============================================================== -->
  121.                     <ul class="navbar-nav float-left mr-auto">
  122.                         <li class="nav-item d-none d-md-block"><a class="nav-link sidebartoggler waves-effect waves-light" href="javascript:void(0)" data-sidebartype="mini-sidebar"><i class="mdi mdi-menu font-24"></i></a></li>
  123.                         <!-- ============================================================== -->
  124.                         <!-- create new -->
  125.                         <!-- ============================================================== -->
  126.                         <!-- ============================================================== -->
  127.                         <!-- Search -->
  128.                         <!-- ============================================================== -->
  129.                     </ul>
  130.                     <!-- ============================================================== -->
  131.                     <!-- Right side toggle and nav items -->
  132.                     <!-- ============================================================== -->
  133.                     <ul class="navbar-nav float-right">
  134.                         <!-- ============================================================== -->
  135.                         <!-- User profile and search -->
  136.                         <!-- ============================================================== -->
  137.                         <li class="nav-item dropdown">
  138.                             <a class="nav-link dropdown-toggle text-muted waves-effect waves-dark pro-pic" href="" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><img src="../../assets/images/users/1.jpg" alt="user" class="rounded-circle" width="31"></a>
  139.                             <div class="dropdown-menu dropdown-menu-right user-dd animated">
  140.                                 <a class="dropdown-item" href="javascript:void(0)"><i class="fa fa-power-off m-r-5 m-l-5"></i> Logout</a>
  141.                             </div>
  142.                         </li>
  143.                         <!-- ============================================================== -->
  144.                         <!-- User profile and search -->
  145.                         <!-- ============================================================== -->
  146.                     </ul>
  147.                 </div>
  148.             </nav>
  149.         </header>
  150.         <!-- ============================================================== -->
  151.         <!-- End Topbar header -->
  152.         <!-- ============================================================== -->
  153.         <!-- ============================================================== -->
  154.         <!-- Left Sidebar - style you can find in sidebar.scss  -->
  155.         <!-- ============================================================== -->
  156.         <aside class="left-sidebar" data-sidebarbg="skin5">
  157.             <!-- Sidebar scroll-->
  158.             <div class="scroll-sidebar">
  159.                 <!-- Sidebar navigation-->
  160.                 <nav class="sidebar-nav">
  161.                     <ul id="sidebarnav" class="p-t-30">
  162.                         <li class="sidebar-item"> <a class="sidebar-link has-arrow waves-effect waves-dark" href="javascript:void(0)" aria-expanded="false"><i class="mdi mdi-receipt"></i><span class="hide-menu">Registrasi</span></a>
  163.                             <ul aria-expanded="false" class="collapse  first-level">
  164.                                 <li class="sidebar-item"><a href="plant.php" class="sidebar-link"><i class="mdi mdi-note-outline"></i><span class="hide-menu"> Plant </span></a></li>
  165.                                 <li class="sidebar-item"><a href="seksi.php" class="sidebar-link"><i class="mdi mdi-note-outline"></i><span class="hide-menu"> Seksi </span></a></li>
  166.                                 <li class="sidebar-item"><a href="line.php" class="sidebar-link"><i class="mdi mdi-note-outline"></i><span class="hide-menu"> Line </span></a></li>
  167.                                 <li class="sidebar-item"><a href="op.php" class="sidebar-link"><i class="mdi mdi-note-outline"></i><span class="hide-menu"> OP </span></a></li>
  168.                                 <li class="sidebar-item"><a href="toleransi.php" class="sidebar-link"><i class="mdi mdi-note-outline"></i><span class="hide-menu"> Toleransi </span></a></li>
  169.                                 <li class="sidebar-item"><a href="jenistool.php" class="sidebar-link"><i class="mdi mdi-note-outline"></i><span class="hide-menu"> Jenis Tool </span></a></li>
  170.                                 <li class="sidebar-item"><a href="jenisholder.php" class="sidebar-link"><i class="mdi mdi-note-outline"></i><span class="hide-menu"> Jenis Holder </span></a></li>
  171.                                 <li class="sidebar-item"><a href="jenisacc.php" class="sidebar-link"><i class="mdi mdi-note-outline"></i><span class="hide-menu"> Jenis Acc </span></a></li>
  172.                                 <li class="sidebar-item"><a href="maker.php" class="sidebar-link"><i class="mdi mdi-note-outline"></i><span class="hide-menu"> Maker </span></a></li>
  173.                             </ul>
  174.                         </li>
  175.                     </ul>
  176.                 </nav>
  177.                 <!-- End Sidebar navigation -->
  178.             </div>
  179.             <!-- End Sidebar scroll-->
  180.         </aside>
  181.         <!-- ============================================================== -->
  182.         <!-- End Left Sidebar - style you can find in sidebar.scss  -->
  183.         <!-- ============================================================== -->
  184.         <!-- ============================================================== -->
  185.         <!-- Page wrapper  -->
  186.         <!-- ============================================================== -->
  187.         <div class="page-wrapper">
  188.             <!-- ============================================================== -->
  189.             <!-- Bread crumb and right sidebar toggle -->
  190.             <!-- ============================================================== -->
  191.             <div class="page-breadcrumb">
  192.                 <div class="row">
  193.                     <div class="col-12 d-flex no-block align-items-center">
  194.                         <h4 class="page-title">Registrasi Seksi</h4>
  195.                         <div class="ml-auto text-right">
  196.                             <nav aria-label="breadcrumb">
  197.                                 <ol class="breadcrumb">
  198.                                     <li class="breadcrumb-item"><a href="#">Registrasi</a></li>
  199.                                     <li class="breadcrumb-item active" aria-current="page">Seksi</li>
  200.                                 </ol>
  201.                             </nav>
  202.                         </div>
  203.                     </div>
  204.                 </div>
  205.             </div>
  206.             <!-- ============================================================== -->
  207.             <!-- End Bread crumb and right sidebar toggle -->
  208.             <!-- ============================================================== -->
  209.             <!-- ============================================================== -->
  210.             <!-- Container fluid  -->
  211.             <!-- ============================================================== -->
  212.             <div class="container-fluid">
  213.                 <!-- ============================================================== -->
  214.                 <!-- Start Page Content -->
  215.                 <!-- ============================================================== -->
  216.                 <div class="row">
  217.                     <div class="col-12">
  218.                         <div class="card">
  219.                             <div class="card-body">
  220.                                 <h5 class="card-title m-b-0">Registrasi Seksi</h5>
  221.                                 <form method="post">
  222.                                     <div class="form-group m-t-20">
  223.                                         <div class="row mb-3">
  224.                                             <div class="col-lg-2">
  225.                                                 <label>Kode Seksi</label>
  226.                                                 <input type="text" maxlength="4" name="kodeseksi" class="form-control" placeholder="Empty" onkeydown="return alphaOnly(event);" oninvalid="this.setCustomValidity('Code Section Can Not Be Empty')" oninput="setCustomValidity('')" required autocomplete="off"/>
  227.                                             </div>
  228.                                             <div class="col-lg-2">
  229.                                                 <label>Keterangan</label>
  230.                                                 <input type="text" maxlength="15" name="keterangan" class="form-control" placeholder="Empty" onkeydown="return alphaOnly(event);" oninvalid="this.setCustomValidity('Description Can Not Be Empty')" oninput="setCustomValidity('')" required autocomplete="off"/>
  231.                                             </div>
  232.                                         </div>
  233.                                         <button type="submit" formaction="seksi.php" name="submit" id="submit" class="btn btn-primary">Submit</button>
  234.                                     </div>
  235.                                     <?php include 'action/koneksi.php'; ?>
  236.                                     <?php
  237.                                     $kodeseksi = $keterangan ="";
  238.                                     if(isset($_POST['submit']))
  239.                                         {
  240.                                             $kodeseksi = $_POST['kodeseksi'];
  241.                                             $keterangan = $_POST['keterangan'];
  242.                                             $sql = "INSERT INTO seksi(kodeseksi, keterangan, datetime) VALUES ('$kodeseksi', '$keterangan',NOW())";
  243.                                             $result = mysqli_query($koneksi, $sql);
  244.        
  245.                                             if(!$result) {
  246.                                                 echo "<script>errorr()</script>";
  247.                                             }
  248.                                             else
  249.                                             {
  250.                                                 echo "<script>success()</script>";
  251.                                             }
  252.  
  253.                                         }  
  254.                                 ?>
  255.                                 </form>
  256.                             </div>
  257.                         </div>
  258.                         <div class="card">
  259.                                 <div class="card-body">
  260.                                     <h5 class="card-title">Datatable Seksi</h5>
  261.                                     <div class="table-responsive">
  262.                                         <table id="zero_config" class="table table-striped table-bordered">
  263.                                         <thead>
  264.                                             <tr>
  265.                                                 <th style="width:10%;"> No. </th>
  266.                                                 <th style="width:15%;"> Kode Seksi </th>
  267.                                                 <th style="width:35% ;"> Keterangan </th>
  268.                                                 <th style="width:30%;"> Input Date </th>
  269.                                                 <th style="width:10%;"> Action </th>
  270.                                             </tr>
  271.                                         </thead>    
  272.                                         <tbody>
  273.                                             <?php
  274.                                             include "action/koneksi.php";
  275.                                             $no = 0;
  276.                                             $query=mysqli_query($koneksi,"SELECT * FROM seksi");
  277.                                             while($row=mysqli_fetch_array($query)){
  278.                                                 $kodeseksi = $row['kodeseksi'];
  279.                                                 $no++;
  280.                                             ?>
  281.                                                 <tr>
  282.                                                     <td style="text-align=center;">
  283.                                                         <?php echo $no; ?>
  284.                                                     </td>
  285.                                                     <td>
  286.                                                         <?php echo  $row['kodeseksi']?>
  287.                                                     </td>
  288.                                                     <td>
  289.                                                         <?php echo  $row['keterangan']?>
  290.                                                     </td>
  291.                                                     <td>
  292.                                                         <?php echo  $row['datetime']?>
  293.                                                     </td>
  294.                                                     <td>
  295.                                                         <a style="color:white;" href="#delete<?php echo $kodeseksi;?>" class="btn btn-danger btn-sm" data-toggle="modal"><i class="mdi mdi-delete"></i>Delete</a>
  296.                                                     </td>
  297.                                                     <!-- Modal -->
  298.                                                     <div class="modal fade" id="delete<?php echo $kodeseksi;?>" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true ">
  299.                                                         <div class="modal-dialog" role="document ">
  300.                                                             <form method="post" action="seksi.php">
  301.                                                                 <div class="modal-content">
  302.                                                                     <div class="modal-header">
  303.                                                                         <h5 class="modal-title" id="exampleModalLabel">Confirm Delete</h5>
  304.                                                                         <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  305.                                                                             <span aria-hidden="true ">&times;</span>
  306.                                                                         </button>
  307.                                                                     </div>
  308.                                                                     <div class="modal-body">
  309.                                                                         <div class="alert alert-danger" role="alert">
  310.                                                                         <input type="hidden" name="kodeseksi" value="<?php echo $kodeseksi; ?>">
  311.                                                                         Are You Sure Want Delete Kode Seksi : <b> <?php echo $kodeseksi; ?> ? <br>
  312.                                                                         The Data Will Be Permanently Deleted
  313.                                                                         </div>
  314.                                                                         <div class="modal-footer">
  315.                                                                             <button type="submit" name="delete" class="btn btn-danger"><i class="mdi mdi-delete"></i>Delete</button>
  316.                                                                             <a style="color:black;" class="btn btn-light" data-dismiss="modal" aria-label="Close"><i class="mdi mdi-keyboard-return"></i>Cancel</a>
  317.                                                                         </div>
  318.                                                                     </div>
  319.                                                                 </div>
  320.                                                                 <?php include 'action/koneksi.php'; ?>
  321.                                                                 <?php
  322.                                                                 if(isset($_POST['delete']))
  323.                                                                     {
  324.                                                                         $kodeseksi = $_POST['kodeseksi'];
  325.                                                                         $sql = "DELETE FROM seksi WHERE kodeseksi='$kodeseksi'";
  326.                                                                         $result = mysqli_query($koneksi, $sql);
  327.                                                                         if(!$result) {
  328.                                                                             echo "<script>errorr()</script>";
  329.                                                                         }
  330.                                                                         else
  331.                                                                         {
  332.                                                                             echo "<script>sukses();</script>";
  333.                                                                             echo "<meta http-equiv='refresh' content='3;url=seksi.php'>";
  334.                                                                         }
  335.                                                                        
  336.                                                                     }  
  337.                                                                 ?>
  338.                                                             </form>
  339.                                                         </div>
  340.                                                     </div>
  341.                                                 </tr>
  342.                                             <?php
  343.                                                 }
  344.                                             ?>
  345.                                             </tbody>
  346.                                         </table>
  347.                                     </div>
  348.                                 </div>
  349.                             </div>
  350.                     </div>
  351.                 </div>
  352.                 <!-- ============================================================== -->
  353.                 <!-- End PAge Content -->
  354.                 <!-- ============================================================== -->
  355.                 <!-- ============================================================== -->
  356.                 <!-- Right sidebar -->
  357.                 <!-- ============================================================== -->
  358.                 <!-- .right-sidebar -->
  359.                 <!-- ============================================================== -->
  360.                 <!-- End Right sidebar -->
  361.                 <!-- ============================================================== -->
  362.             </div>
  363.             <!-- ============================================================== -->
  364.             <!-- End Container fluid  -->
  365.             <!-- ============================================================== -->
  366.             <!-- ============================================================== -->
  367.             <!-- ============================================================== -->
  368.             <!-- End footer -->
  369.             <!-- ============================================================== -->
  370.         </div>
  371.         <!-- ============================================================== -->
  372.         <!-- End Page wrapper  -->
  373.         <!-- ============================================================== -->
  374.     </div>
  375.     <!-- ============================================================== -->
  376.     <!-- End Wrapper -->
  377.     <!-- ============================================================== -->
  378.     <!-- ============================================================== -->
  379.     <!-- All Jquery -->
  380.     <!-- ============================================================== -->
  381.     <script src="../../assets/libs/jquery/dist/jquery.min.js"></script>
  382.     <!-- Bootstrap tether Core JavaScript -->
  383.     <script src="../../assets/libs/popper.js/dist/umd/popper.min.js"></script>
  384.     <script src="../../assets/libs/bootstrap/dist/js/bootstrap.min.js"></script>
  385.     <!-- slimscrollbar scrollbar JavaScript -->
  386.     <script src="../../assets/libs/perfect-scrollbar/dist/perfect-scrollbar.jquery.min.js"></script>
  387.     <script src="../../assets/extra-libs/sparkline/sparkline.js"></script>
  388.     <!--Wave Effects -->
  389.     <script src="../../dist/js/waves.js"></script>
  390.     <!--Menu sidebar -->
  391.     <script src="../../dist/js/sidebarmenu.js"></script>
  392.     <!--Custom JavaScript -->
  393.     <script src="../../dist/js/custom.min.js"></script>
  394.     <!-- This Page JS -->
  395.     <script src="../../assets/libs/inputmask/dist/min/jquery.inputmask.bundle.min.js"></script>
  396.     <script src="../../dist/js/pages/mask/mask.init.js"></script>
  397.     <script src="../../assets/libs/select2/dist/js/select2.full.min.js"></script>
  398.     <script src="../../assets/libs/select2/dist/js/select2.min.js"></script>
  399.     <script src="../../assets/libs/jquery-asColor/dist/jquery-asColor.min.js"></script>
  400.     <script src="../../assets/libs/jquery-asGradient/dist/jquery-asGradient.js"></script>
  401.     <script src="../../assets/libs/jquery-asColorPicker/dist/jquery-asColorPicker.min.js"></script>
  402.     <script src="../../assets/libs/jquery-minicolors/jquery.minicolors.min.js"></script>
  403.     <script src="../../assets/libs/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js"></script>
  404.  
  405.     <script src="../../assets/extra-libs/multicheck/datatable-checkbox-init.js"></script>
  406.     <script src="../../assets/extra-libs/multicheck/jquery.multicheck.js"></script>
  407.     <script src="../../assets/extra-libs/DataTables/datatables.min.js"></script>
  408.      <!-- Toastr Alert Js -->
  409.     <script src="../../assets/libs/toastr/build/toastr.min.js"></script>
  410.     <script>
  411.     /****************************************
  412.      *       Basic Table                   *
  413.      ****************************************/
  414.     $('#zero_config').DataTable();
  415. </script>
  416.  
  417. <script>
  418.         $(document).ready(function(){
  419.           $('[id^=plant]').keypress(validateNumber);
  420.         });
  421.      
  422.       function validateNumber(event) {
  423.           var key = window.event ? event.keyCode : event.which;
  424.           if (event.keyCode === 8 || event.keyCode === 46) {
  425.               return true;
  426.           } else if ( key < 48 || key > 57 ) {
  427.               return false;
  428.           } else {
  429.               return true;
  430.           }
  431.         };
  432. </script>
  433.  
  434. <script>
  435. $(function() {
  436.     $('#delete').on('button', function(e) {
  437.           e.preventDefault();
  438.           setTimeout(function() {
  439.                window.location.reload();
  440.           },5000);
  441.           this.button();
  442.     });
  443. });
  444. </script>
  445.  
  446. <script>
  447.     function alphaOnly(event) {
  448.     var key = event.keyCode;
  449.     return ((key >= 65 && key <= 90) || key == 8);
  450.     };
  451. </script>
  452.  
  453. </body>
  454.  
  455. </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