Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html dir="ltr" lang="en">
- <head>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <!-- Tell the browser to be responsive to screen width -->
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <meta name="description" content="">
- <meta name="author" content="">
- <!-- Favicon icon -->
- <link rel="icon" type="image/png" sizes="16x16" href="../../assets/images/EID.png.ico">
- <title>EID - TOOL ID CENTER</title>
- <!-- Custom CSS -->
- <link rel="stylesheet" type="text/css" href="../../assets/libs/select2/dist/css/select2.min.css">
- <link rel="stylesheet" type="text/css" href="../../assets/libs/jquery-minicolors/jquery.minicolors.css">
- <link rel="stylesheet" type="text/css" href="../../assets/libs/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css">
- <link rel="stylesheet" type="text/css" href="../../assets/libs/quill/dist/quill.snow.css">
- <link href="../../dist/css/style.min.css" rel="stylesheet">
- <link href="../../assets/libs/datatables.net-bs4/css/dataTables.bootstrap4.css" rel="stylesheet">
- <link href="../../dist/css/style.min.css" rel="stylesheet">
- <script src="../../assets/libs/jquery/dist/jquery.min.js"></script>
- <link href="../../assets/libs/toastr/build/toastr.min.css" rel="stylesheet">
- <script src="../../assets/libs/toastr/build/toastr.min.js"></script>
- <script>
- function sukses(){
- toastr.success('Your Data Succesfully Delete', 'Deleted');
- }
- </script>
- <script>
- function success(){
- toastr.success('Your Data Succesfully Saved', 'Succes');
- }
- </script>
- <script>
- function errorr(){
- toastr.error('Failed Insert Data', 'Duplicated Data !');
- }
- </script>
- <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
- <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
- <!--[if lt IE 9]>
- <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
- <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
- <![endif]-->
- </head>
- <body>
- <!-- ============================================================== -->
- <!-- Preloader - style you can find in spinners.css -->
- <!-- ============================================================== -->
- <div class="preloader">
- <div class="lds-ripple">
- <div class="lds-pos"></div>
- <div class="lds-pos"></div>
- </div>
- </div>
- <!-- ============================================================== -->
- <!-- Main wrapper - style you can find in pages.scss -->
- <!-- ============================================================== -->
- <div id="main-wrapper">
- <!-- ============================================================== -->
- <!-- Topbar header - style you can find in pages.scss -->
- <!-- ============================================================== -->
- <header class="topbar" data-navbarbg="skin5">
- <nav class="navbar top-navbar navbar-expand-md navbar-dark">
- <div class="navbar-header" data-logobg="skin5">
- <!-- This is for the sidebar toggle which is visible on mobile only -->
- <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>
- <!-- ============================================================== -->
- <!-- Logo -->
- <!-- ============================================================== -->
- <a class="navbar-brand" href="index.html">
- <!-- Logo icon -->
- <b class="logo-icon p-l-10">
- <!--You can put here icon as well // <i class="wi wi-sunset"></i> //-->
- <!-- Dark Logo icon -->
- <img src="../../assets/images/eid 30x30.png" alt="homepage" class="light-logo" />
- </b>
- <!--End Logo icon -->
- <!-- Logo text -->
- <span class="logo-text">
- <!-- dark Logo text -->
- <img src="../../assets/images/eid 280x30.png" alt="homepage" class="light-logo" />
- </span>
- <!-- Logo icon -->
- <!-- <b class="logo-icon"> -->
- <!--You can put here icon as well // <i class="wi wi-sunset"></i> //-->
- <!-- Dark Logo icon -->
- <!-- <img src="../../assets/images/logo-text.png" alt="homepage" class="light-logo" /> -->
- <!-- </b> -->
- <!--End Logo icon -->
- </a>
- <!-- ============================================================== -->
- <!-- End Logo -->
- <!-- ============================================================== -->
- <!-- ============================================================== -->
- <!-- Toggle which is visible on mobile only -->
- <!-- ============================================================== -->
- <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>
- </div>
- <!-- ============================================================== -->
- <!-- End Logo -->
- <!-- ============================================================== -->
- <div class="navbar-collapse collapse" id="navbarSupportedContent" data-navbarbg="skin5">
- <!-- ============================================================== -->
- <!-- toggle and nav items -->
- <!-- ============================================================== -->
- <ul class="navbar-nav float-left mr-auto">
- <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>
- <!-- ============================================================== -->
- <!-- create new -->
- <!-- ============================================================== -->
- <!-- ============================================================== -->
- <!-- Search -->
- <!-- ============================================================== -->
- </ul>
- <!-- ============================================================== -->
- <!-- Right side toggle and nav items -->
- <!-- ============================================================== -->
- <ul class="navbar-nav float-right">
- <!-- ============================================================== -->
- <!-- User profile and search -->
- <!-- ============================================================== -->
- <li class="nav-item dropdown">
- <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>
- <div class="dropdown-menu dropdown-menu-right user-dd animated">
- <a class="dropdown-item" href="javascript:void(0)"><i class="fa fa-power-off m-r-5 m-l-5"></i> Logout</a>
- </div>
- </li>
- <!-- ============================================================== -->
- <!-- User profile and search -->
- <!-- ============================================================== -->
- </ul>
- </div>
- </nav>
- </header>
- <!-- ============================================================== -->
- <!-- End Topbar header -->
- <!-- ============================================================== -->
- <!-- ============================================================== -->
- <!-- Left Sidebar - style you can find in sidebar.scss -->
- <!-- ============================================================== -->
- <aside class="left-sidebar" data-sidebarbg="skin5">
- <!-- Sidebar scroll-->
- <div class="scroll-sidebar">
- <!-- Sidebar navigation-->
- <nav class="sidebar-nav">
- <ul id="sidebarnav" class="p-t-30">
- <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>
- <ul aria-expanded="false" class="collapse first-level">
- <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>
- <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>
- <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>
- <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>
- <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>
- <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>
- <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>
- <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>
- <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>
- </ul>
- </li>
- </ul>
- </nav>
- <!-- End Sidebar navigation -->
- </div>
- <!-- End Sidebar scroll-->
- </aside>
- <!-- ============================================================== -->
- <!-- End Left Sidebar - style you can find in sidebar.scss -->
- <!-- ============================================================== -->
- <!-- ============================================================== -->
- <!-- Page wrapper -->
- <!-- ============================================================== -->
- <div class="page-wrapper">
- <!-- ============================================================== -->
- <!-- Bread crumb and right sidebar toggle -->
- <!-- ============================================================== -->
- <div class="page-breadcrumb">
- <div class="row">
- <div class="col-12 d-flex no-block align-items-center">
- <h4 class="page-title">Registrasi Seksi</h4>
- <div class="ml-auto text-right">
- <nav aria-label="breadcrumb">
- <ol class="breadcrumb">
- <li class="breadcrumb-item"><a href="#">Registrasi</a></li>
- <li class="breadcrumb-item active" aria-current="page">Seksi</li>
- </ol>
- </nav>
- </div>
- </div>
- </div>
- </div>
- <!-- ============================================================== -->
- <!-- End Bread crumb and right sidebar toggle -->
- <!-- ============================================================== -->
- <!-- ============================================================== -->
- <!-- Container fluid -->
- <!-- ============================================================== -->
- <div class="container-fluid">
- <!-- ============================================================== -->
- <!-- Start Page Content -->
- <!-- ============================================================== -->
- <div class="row">
- <div class="col-12">
- <div class="card">
- <div class="card-body">
- <h5 class="card-title m-b-0">Registrasi Seksi</h5>
- <form method="post">
- <div class="form-group m-t-20">
- <div class="row mb-3">
- <div class="col-lg-2">
- <label>Kode Seksi</label>
- <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"/>
- </div>
- <div class="col-lg-2">
- <label>Keterangan</label>
- <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"/>
- </div>
- </div>
- <button type="submit" formaction="seksi.php" name="submit" id="submit" class="btn btn-primary">Submit</button>
- </div>
- <?php include 'action/koneksi.php'; ?>
- <?php
- $kodeseksi = $keterangan ="";
- if(isset($_POST['submit']))
- {
- $kodeseksi = $_POST['kodeseksi'];
- $keterangan = $_POST['keterangan'];
- $sql = "INSERT INTO seksi(kodeseksi, keterangan, datetime) VALUES ('$kodeseksi', '$keterangan',NOW())";
- $result = mysqli_query($koneksi, $sql);
- if(!$result) {
- echo "<script>errorr()</script>";
- }
- else
- {
- echo "<script>success()</script>";
- }
- }
- ?>
- </form>
- </div>
- </div>
- <div class="card">
- <div class="card-body">
- <h5 class="card-title">Datatable Seksi</h5>
- <div class="table-responsive">
- <table id="zero_config" class="table table-striped table-bordered">
- <thead>
- <tr>
- <th style="width:10%;"> No. </th>
- <th style="width:15%;"> Kode Seksi </th>
- <th style="width:35% ;"> Keterangan </th>
- <th style="width:30%;"> Input Date </th>
- <th style="width:10%;"> Action </th>
- </tr>
- </thead>
- <tbody>
- <?php
- include "action/koneksi.php";
- $no = 0;
- $query=mysqli_query($koneksi,"SELECT * FROM seksi");
- while($row=mysqli_fetch_array($query)){
- $kodeseksi = $row['kodeseksi'];
- $no++;
- ?>
- <tr>
- <td style="text-align=center;">
- <?php echo $no; ?>
- </td>
- <td>
- <?php echo $row['kodeseksi']?>
- </td>
- <td>
- <?php echo $row['keterangan']?>
- </td>
- <td>
- <?php echo $row['datetime']?>
- </td>
- <td>
- <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>
- </td>
- <!-- Modal -->
- <div class="modal fade" id="delete<?php echo $kodeseksi;?>" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true ">
- <div class="modal-dialog" role="document ">
- <form method="post" action="seksi.php">
- <div class="modal-content">
- <div class="modal-header">
- <h5 class="modal-title" id="exampleModalLabel">Confirm Delete</h5>
- <button type="button" class="close" data-dismiss="modal" aria-label="Close">
- <span aria-hidden="true ">×</span>
- </button>
- </div>
- <div class="modal-body">
- <div class="alert alert-danger" role="alert">
- <input type="hidden" name="kodeseksi" value="<?php echo $kodeseksi; ?>">
- Are You Sure Want Delete Kode Seksi : <b> <?php echo $kodeseksi; ?> ? <br>
- The Data Will Be Permanently Deleted
- </div>
- <div class="modal-footer">
- <button type="submit" name="delete" class="btn btn-danger"><i class="mdi mdi-delete"></i>Delete</button>
- <a style="color:black;" class="btn btn-light" data-dismiss="modal" aria-label="Close"><i class="mdi mdi-keyboard-return"></i>Cancel</a>
- </div>
- </div>
- </div>
- <?php include 'action/koneksi.php'; ?>
- <?php
- if(isset($_POST['delete']))
- {
- $kodeseksi = $_POST['kodeseksi'];
- $sql = "DELETE FROM seksi WHERE kodeseksi='$kodeseksi'";
- $result = mysqli_query($koneksi, $sql);
- if(!$result) {
- echo "<script>errorr()</script>";
- }
- else
- {
- echo "<script>sukses();</script>";
- echo "<meta http-equiv='refresh' content='3;url=seksi.php'>";
- }
- }
- ?>
- </form>
- </div>
- </div>
- </tr>
- <?php
- }
- ?>
- </tbody>
- </table>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-- ============================================================== -->
- <!-- End PAge Content -->
- <!-- ============================================================== -->
- <!-- ============================================================== -->
- <!-- Right sidebar -->
- <!-- ============================================================== -->
- <!-- .right-sidebar -->
- <!-- ============================================================== -->
- <!-- End Right sidebar -->
- <!-- ============================================================== -->
- </div>
- <!-- ============================================================== -->
- <!-- End Container fluid -->
- <!-- ============================================================== -->
- <!-- ============================================================== -->
- <!-- ============================================================== -->
- <!-- End footer -->
- <!-- ============================================================== -->
- </div>
- <!-- ============================================================== -->
- <!-- End Page wrapper -->
- <!-- ============================================================== -->
- </div>
- <!-- ============================================================== -->
- <!-- End Wrapper -->
- <!-- ============================================================== -->
- <!-- ============================================================== -->
- <!-- All Jquery -->
- <!-- ============================================================== -->
- <script src="../../assets/libs/jquery/dist/jquery.min.js"></script>
- <!-- Bootstrap tether Core JavaScript -->
- <script src="../../assets/libs/popper.js/dist/umd/popper.min.js"></script>
- <script src="../../assets/libs/bootstrap/dist/js/bootstrap.min.js"></script>
- <!-- slimscrollbar scrollbar JavaScript -->
- <script src="../../assets/libs/perfect-scrollbar/dist/perfect-scrollbar.jquery.min.js"></script>
- <script src="../../assets/extra-libs/sparkline/sparkline.js"></script>
- <!--Wave Effects -->
- <script src="../../dist/js/waves.js"></script>
- <!--Menu sidebar -->
- <script src="../../dist/js/sidebarmenu.js"></script>
- <!--Custom JavaScript -->
- <script src="../../dist/js/custom.min.js"></script>
- <!-- This Page JS -->
- <script src="../../assets/libs/inputmask/dist/min/jquery.inputmask.bundle.min.js"></script>
- <script src="../../dist/js/pages/mask/mask.init.js"></script>
- <script src="../../assets/libs/select2/dist/js/select2.full.min.js"></script>
- <script src="../../assets/libs/select2/dist/js/select2.min.js"></script>
- <script src="../../assets/libs/jquery-asColor/dist/jquery-asColor.min.js"></script>
- <script src="../../assets/libs/jquery-asGradient/dist/jquery-asGradient.js"></script>
- <script src="../../assets/libs/jquery-asColorPicker/dist/jquery-asColorPicker.min.js"></script>
- <script src="../../assets/libs/jquery-minicolors/jquery.minicolors.min.js"></script>
- <script src="../../assets/libs/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js"></script>
- <script src="../../assets/extra-libs/multicheck/datatable-checkbox-init.js"></script>
- <script src="../../assets/extra-libs/multicheck/jquery.multicheck.js"></script>
- <script src="../../assets/extra-libs/DataTables/datatables.min.js"></script>
- <!-- Toastr Alert Js -->
- <script src="../../assets/libs/toastr/build/toastr.min.js"></script>
- <script>
- /****************************************
- * Basic Table *
- ****************************************/
- $('#zero_config').DataTable();
- </script>
- <script>
- $(document).ready(function(){
- $('[id^=plant]').keypress(validateNumber);
- });
- function validateNumber(event) {
- var key = window.event ? event.keyCode : event.which;
- if (event.keyCode === 8 || event.keyCode === 46) {
- return true;
- } else if ( key < 48 || key > 57 ) {
- return false;
- } else {
- return true;
- }
- };
- </script>
- <script>
- $(function() {
- $('#delete').on('button', function(e) {
- e.preventDefault();
- setTimeout(function() {
- window.location.reload();
- },5000);
- this.button();
- });
- });
- </script>
- <script>
- function alphaOnly(event) {
- var key = event.keyCode;
- return ((key >= 65 && key <= 90) || key == 8);
- };
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement