API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jan 22nd, 2019
116
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.95 KB | None | 0 0
raw download clone embed print report
  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>
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!