Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
- <!-- Meta, title, CSS, favicons, etc. -->
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>Data User</title>
- <script src="asset/js/bootstrap.min.js"></script>
- <script src="asset/js/jquery.min.js"></script>
- </head>
- <body>
- <div class="x_panel">
- <div class="x_conten">
- <button id="BtnTambah" class= "btn btn-dark" type="button" ><span class="glyphicon glyphicon-plus-sign"></span> Tambah</button>
- <div id="tampilTabel"></div>
- </div>
- </div>
- <!-- Modal Tambah Data User-->
- <div class="modal fade" id="ModalTambah" role="dialog">
- <div class="modal-dialog">
- <!-- Modal content-->
- <div class="modal-content">
- <div class="modal-header">
- <button type="button" class="close" data-dismiss="modal">×</button>
- <h4 class="modal-title">Tambah Data User</h4>
- </div>
- <div class="modal-body">
- <br>
- <form class="form-horizontal" id="formUser">
- <div class="form-group">
- <label for="idUsr" class="col-sm-2 control-label">Id User</label>
- <div class="col-sm-10">
- <input type="text" class="form-control" id="idUsr1" name="idUsr" required="">
- </div>
- </div>
- <div class="form-group">
- <label for="usrname" class="col-sm-2 control-label">Nama User</label>
- <div class="col-sm-10">
- <input type="text" class="form-control" id="usrname1" name="usrname" required="">
- </div>
- </div>
- <div class="form-group">
- <label for="psw" class="col-sm-2 control-label">Password</label>
- <div class="col-sm-10">
- <input type="password" class="form-control" id="psw1" name="psw" required="">
- </div>
- </div>
- <div class="form-group">
- <label for="hks" class="col-sm-2 control-label">Hak Akses</label>
- <div class="col-sm-10">
- <select id="hakAkses1" class="form-control" name="">
- <option value = "">Pilihan</option>
- <option value = "manager">Manager</option>
- <option value = "kasir">Kasir</option>
- <option value = "gudang">Gudang</option>
- </select>
- </div>
- </div>
- </form>
- </div>
- <div class="modal-footer">
- <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
- <button type="submit" id="BtnSimpan" class="btn btn-primary" data-dismiss="modal">Tambah</button>
- </div>
- </div>
- </div>
- </div>
- <script>
- $(document).ready(function(){
- $('#tampilTabel').load('masterData/view/v_user.php');
- $("#BtnTambah").click(function(){
- $("#ModalTambah").modal();
- });
- $('#BtnSimpan').click(function(){
- var a = $('#idUsr1').val();
- var b = $('#usrname1').val();
- var c = $('#psw1').val();
- var d = $('#hakAkses1').val();
- $.ajax({
- type: "POST",
- url: "proses/crud_user.php",
- data: {type: "tambahData", id: a, username: b, password: c, hakAkses: d},
- success: function(res) {
- alert(res);
- $('#tampilTabel').load('masterData/view/v_user.php');
- }
- });
- });
- });
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement