API tools faq
paste
Wildan_Baihaqi

index.php

Wildan_Baihaqi
Jun 1st, 2018
38
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 16.80 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <title></title>
  6.         <link rel="icon" href="assets/images/favicon.ico">
  7.         <link rel="stylesheet" href="assets/css/bootstrap.css">
  8.         <link rel="stylesheet" href="assets/css/floating-labels.css">
  9.         <link rel="stylesheet" href="assets/awesome/css/fontawesome-all.min.css">
  10.         <!--link href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"-->
  11.         <script>
  12.             function showModalKu() {
  13.                 $('#idusr').val(0);
  14.                 $('#username').val('');
  15.                 $('#fullname').val('');
  16.                 $('#email').val('');
  17.                 $('#telp').val('');
  18.                 $('#ModalKu').modal('show');
  19.             }
  20.             function showModalDel(id,nm) {
  21.                 $('#usriddel').val(id);
  22.                 $('#nmusr').text(nm);
  23.                 $('#ModalDel').modal('show');
  24.             }
  25.             function showModalEdt(dt) {
  26.                 $.ajax({
  27.                     type: "POST",
  28.                     url: "execute.php",
  29.                     data: "proc=usredt&usrid="+dt,
  30.                    cache: false,
  31.                    dataType: "json",
  32.                    success: function (data) {
  33.                        //console.log(data);
  34.                         $('#idusr').val(data.id_users);
  35.                         $('#username').val(data.username);
  36.                         $('#fullname').val(data.fullname);
  37.                         $('#email').val(data.email);
  38.                         $('#telp').val(data.telp);
  39.                         $('#ModalKu').modal('show');
  40.                     },
  41.                     error: function (err) {
  42.                         console.log(err);
  43.                     }
  44.                 });
  45.             }
  46.  
  47.  
  48.         </script>
  49.         <style>
  50.             /*
  51.             .modal-dialog {
  52.                       width: 360px;
  53.                       height:600px !important;
  54.             }
  55.  
  56.             .modal-content {
  57.                 /* 80% of window height
  58.                 height: 60%;
  59.                 background-color:#BBD6EC;
  60.             }
  61.             */
  62.             .modal-header {
  63.                 background-color: #337AB7;
  64.                 padding:16px 16px;
  65.                 color:#FFF;
  66.                 border-bottom:2px dashed #337AB7;
  67.             }
  68.             .modal-header-danger {
  69.  color:#fff;
  70.     padding:9px 15px;
  71.     border-bottom:1px solid #eee;
  72.     background-color: #d9534f;
  73.     -webkit-border-top-left-radius: 5px;
  74.     -webkit-border-top-right-radius: 5px;
  75.     -moz-border-radius-topleft: 5px;
  76.     -moz-border-radius-topright: 5px;
  77.      border-top-left-radius: 5px;
  78.      border-top-right-radius: 5px;
  79. }
  80.         </style>
  81.     </head>
  82.     <body>
  83.         <?php
  84.        ini_set('display_errors', 'On');
  85.        error_reporting(E_ALL);
  86.        include_once 'config/dao.php';
  87.        $dao = new Dao();
  88.        $result = $dao->read();
  89.         //$list = mysqli_fetch_array($result);
  90.         //print_r($list);
  91.         ?>
  92.         <div class="container-fluid mb-auto py-0">
  93.             <div class="row">
  94.                 <div class="col mb-2">
  95.                     <button type="button" class="btn btn-success" onclick="showModalKu();">
  96.                         <i class="fa fa-plus"></i> Add
  97.                     </button>
  98.                 </div>
  99.                 <div class="input-group-prepend col mb-2">
  100.                     <input class="form-control-sm py-2 border-right-0 border" type="search" id="example-search-input" placeholder="Search">
  101.                     <span class="input-group-append">
  102.                         <div class="input-group-text bg-transparent"><button onclick="searchUser();" class="fa fa-search"></button></div>
  103.                     </span>
  104.                     <div><a style="margin-left: 400px;" href="index.php" class="btn btn-primary"><i class="fa fa-sign-out"></i>Sign Out</a></div>
  105.                 </div>
  106.             </div>
  107.             <div class="table-responsive">
  108.                 <table class="table table-hover">
  109.                     <thead class="thead-light">
  110.                         <tr>
  111.                             <th>No</th>
  112.                             <th>ID</th>
  113.                             <th>User Name</th>
  114.                             <th>Full Name</th>
  115.                             <th>Email</th>
  116.                             <th>Telephone</th>
  117.                             <th>Baned</th>
  118.                             <th>Login Time</th>
  119.                             <th>Akses</th>
  120.                             <th>Aksi</th>
  121.                         </tr>
  122.                     </thead>
  123.                     <tbody id="userlist">
  124.                         <?php
  125.                        $i = 1;
  126.                        foreach ($result as $value) {
  127.                            ?>
  128.                             <tr>
  129.                                 <td><?php echo $i; ?></td>
  130.                                 <td><?php echo $value['id_users']; ?></td>
  131.                                 <td><?php echo $value['username']; ?></td>
  132.                                 <td><?php echo $value['fullname']; ?></td>
  133.                                 <td><?php echo $value['email']; ?></td>
  134.                                 <td><?php echo $value['telp']; ?></td>
  135.                                 <td><?php echo $value['banned']; ?></td>
  136.                                 <td><?php echo $value['logintime']; ?></td>
  137.                                 <td><?php echo $value['akses']; ?></td>
  138.                                 <td nowrap>
  139.                                     <button type="button" class="btn btn-primary btn-sm">
  140.                                         <i class="fa fa-list"></i> Detail
  141.                                     </button>
  142.                                     <button type="button" onclick="showModalEdt(<?php echo $value['id_users']; ?>);" class="btn btn-success btn-sm">
  143.                                         <i class="fa fa-edit"></i> Edit
  144.                                     </button>
  145.                                     <button type="button" onclick="showModalDel(<?php echo $value['id_users']; ?>,'<?php echo $value['fullname']; ?>');" class="btn btn-danger btn-sm">
  146.                                         <i class="fa fa-trash"></i> Del
  147.                                     </button>
  148.                                 </td>
  149.                             </tr>
  150.                             <?php
  151.                            $i++;
  152.                        }
  153.                        ?>
  154.                     </tbody>
  155.                 </table>
  156.             </div>
  157.             <!-- USER FORM MODAL -->
  158.             <div class="modal fade" id="ModalKu" tabindex="-1" role="dialog" aria-labelledby="DialogModalLabel" aria-hidden="true">
  159.                 <div class="modal-dialog" role="document">
  160.                     <div class="modal-content">
  161.                         <div class="modal-header">
  162.                             <h5 class="modal-title" id="ModalLabel01">
  163.                                 User Form
  164.                             </h5>
  165.                             <button class="close" type="button" data-dismiss="modal" aria-label="close">
  166.                                 <span aria-hidden="true">&times;</span>
  167.                             </button>
  168.                         </div>
  169.                         <div class="modal-body">
  170.                             <form id="form-user">
  171.                                 <div class="row">
  172.                                     <div class="col">
  173.                                         <div class="form-group">
  174.                                             <!--label for="recipient-name" class="form-control-label">Recipient:</label-->
  175.                                             <input type="hidden" name="usrid" id="idusr">
  176.                                             <input type="hidden" name="proc" value="usrin">
  177.                                             <input type="text" name="username" class="form-control" id="username" placeholder="user name">
  178.                                         </div>
  179.                                     </div>
  180.                                     <div class="col">
  181.                                         <div class="form-group">
  182.                                             <input type="password" name="password" class="form-control" id="recipient-name" placeholder="password">
  183.                                         </div>
  184.                                     </div>
  185.                                 </div>
  186.                                 <div class="form-group">
  187.                                     <input type="text" name="fullname" class="form-control" id="fullname" placeholder="full name">
  188.                                 </div>
  189.                                 <div class="row">
  190.                                     <div class="col-7">
  191.                                         <div class="form-group">
  192.                                             <input type="email" name="email" class="form-control" id="email" placeholder="email">
  193.                                         </div>
  194.                                     </div>
  195.                                     <div class="col-5">
  196.                                         <div class="form-group">
  197.                                             <input type="number" name="telp" class="form-control" id="telp" placeholder="telephone">
  198.                                         </div>
  199.                                     </div>
  200.                                 </div>
  201.                                 <div class="row">
  202.                                     <div class="col">
  203.                                         <div class="form-group">
  204.                                             <label for="rdbaned" class="form-control-label">Banned:</label>
  205.                                             <div class="custom-control custom-radio" id="rdbaned">
  206.                                                 <input type="radio" id="customRadio1" name="banned" value="Y" class="custom-control-input">
  207.                                                 <label class="custom-control-label" for="customRadio1">Yes</label>
  208.                                             </div>
  209.                                             <div class="custom-control custom-radio">
  210.                                                 <input type="radio" id="customRadio2" name="banned" value="N" class="custom-control-input">
  211.                                                 <label class="custom-control-label" for="customRadio2">No</label>
  212.                                             </div>
  213.                                         </div>
  214.                                     </div>
  215.                                     <div class="col">
  216.                                         <div class="form-group">
  217.                                             <label for="cbaccess" class="form-control-label">Access:</label>
  218.                                             <div class="custom-control custom-checkbox" id="cbaccess">
  219.                                                 <input type="checkbox" name="akses[]" value="1" class="custom-control-input" id="customCheck1">
  220.                                                 <label class="custom-control-label" for="customCheck1">Administrator</label>
  221.                                             </div>
  222.                                             <div class="custom-control custom-checkbox">
  223.                                                 <input type="checkbox" name="akses[]" value="2" class="custom-control-input" id="customCheck2">
  224.                                                 <label class="custom-control-label" for="customCheck2">Operator</label>
  225.                                             </div>
  226.                                         </div>
  227.                                     </div>
  228.                                 </div>
  229.                             </form>
  230.                             <!--p>disini isi dari modalnya</p-->
  231.                             <!--p id="dariajax"></p-->
  232.                         </div>
  233.                         <div class="modal-footer">
  234.                             <button onclick="insertUser();" class="btn btn-success" type="button" data-dismiss="modal">
  235.                                 Save
  236.                             </button>
  237.                             <button class="btn btn-primary" type="button" data-dismiss="modal">
  238.                                 Clear
  239.                             </button>
  240.                             <button class="btn btn-danger" type="button" data-dismiss="modal">
  241.                                 Cancel
  242.                             </button>
  243.                         </div>
  244.                     </div>
  245.                 </div>
  246.             </div>
  247.             <!-- END OF USER FORM MODAL -->
  248.             <div>
  249.                 <form id="form-usersrch">
  250.                     <input type="hidden" name="fullname" id="usridsrch">
  251.                     <input type="hidden" name="proc" value="usrsrch">
  252.                 </form>
  253.             </div>
  254.             <!-- Modal Delete -->
  255.             <div class="modal fade" id="ModalDel" tabindex="-1" role="dialog" aria-labelledby="DialogModalLabel" aria-hidden="true">
  256.                 <div class="modal-dialog" role="document">
  257.                     <div class="modal-content">
  258.                         <div class="modal-header modal-header-danger">
  259.                             <h5 class="modal-title" id="ModalLabel01">
  260.                                 User Delete
  261.                             </h5>
  262.                             <button class="close" type="button" data-dismiss="modal" aria-label="close">
  263.                                 <span aria-hidden="true">&times;</span>
  264.                             </button>
  265.                         </div>
  266.                         <div class="modal-body">
  267.                             <p style="color: red; font-size: larger;text-align: center">Yakin menghapus data berikut..?</p>
  268.                             <h3 id="nmusr" style="text-align: center; color: #d9534f"></h3>
  269.                             <form id="form-userdel">
  270.                                 <div class="row">
  271.                                     <div class="col">
  272.                                         <div class="form-group">
  273.                                             <input type="hidden" name="usrid" id="usriddel">
  274.                                             <input type="hidden" name="proc" value="usrdel">
  275.                                         </div>
  276.                                     </div>
  277.                                 </div>
  278.                             </form>
  279.                         </div>
  280.                         <div class="modal-footer">
  281.                             <button onclick="deleteUser();" class="btn btn-danger" type="button" data-dismiss="modal">
  282.                                 Delete
  283.                             </button>
  284.                             <button class="btn btn-info" type="button" data-dismiss="modal">
  285.                                 Cancel
  286.                             </button>
  287.                         </div>
  288.                     </div>
  289.                 </div>
  290.             </div>
  291.  
  292.             <!-- End Of Modal Delete -->
  293.         </div>
  294.         <script src="assets/js/jquery.min.js"></script>
  295.         <script src="assets/js/popper.min.js"></script>
  296.         <script src="assets/js/bootstrap.min.js"></script>
  297.         <script>
  298.             function insertUser() {
  299.                 $.ajax({
  300.                     type: "POST",
  301.                     url: "execute.php",
  302.                     data: $("#form-user").serialize(),
  303.                     cache: false,
  304.                     dataType: "json",
  305.                     success: function (data) {
  306.                         //console.log(data);
  307.                         if(data[0]==0){
  308.                             alert(data[1]);
  309.                         }else{
  310.                             $("#userlist").html(data[1]);
  311.                         }
  312.                     },
  313.                     error: function (err) {
  314.                         console.log(err);
  315.                     }
  316.                 });
  317.             }
  318.  
  319.             function deleteUser() {
  320.                 $.ajax({
  321.                     type: "POST",
  322.                     url: "execute.php",
  323.                     data: $("#form-userdel").serialize(),
  324.                     cache: false,
  325.                     dataType: "json",
  326.                     success: function (data) {
  327.                         //console.log(data);
  328.                         if(data[0]==0){
  329.                             alert(data[1]);
  330.                         }else{
  331.                             $("#userlist").html(data[1]);
  332.                         }
  333.                     },
  334.                     error: function (err) {
  335.                         console.log(err);
  336.                     }
  337.                 });
  338.             }
  339.         </script>
  340.  
  341.     </body>
  342. </html>
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!