Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <title><?php echo SITE_NAME ?> - Tambah User</title>
- <?php $this->load->view('_partial/head') ?>
- <!-- DataTables -->
- <link rel="stylesheet" href="<?php echo base_url('assets/plugins/datatables-bs4/css/dataTables.bootstrap4.css') ?>">
- <link rel="stylesheet" href="<?php echo base_url('assets/plugins/datatables-responsive/css/responsive.bootstrap4.css') ?>">
- <!-- Toastr -->
- <link rel="stylesheet" href="<?php echo base_url('assets/plugins/toastr/toastr.min.css') ?>">
- </head>
- <body class="hold-transition sidebar-mini">
- <div class="wrapper">
- <!-- Navbar -->
- <?php $this->load->view('_partial/navbar') ?>
- <!-- /.navbar -->
- <!-- Main Sidebar Container -->
- <?php $this->load->view('_partial/sidebar') ?>
- <!-- Content Wrapper. Contains page content -->
- <div class="content-wrapper">
- <!-- Content Header (Page header) -->
- <section class="content-header">
- <div class="container-fluid">
- <div class="row mb-2">
- <div class="col-sm-6">
- <h1>Tambah User</h1>
- </div>
- <div class="col-sm-6">
- <ol class="breadcrumb float-sm-right">
- <li class="breadcrumb-item"><a href="<?php echo base_url('dashboard') ?>">Dashboard</a></li>
- <li class="breadcrumb-item active">Kelola Akun</li>
- <li class="breadcrumb-item active">Tambah User</li>
- </ol>
- </div>
- </div>
- </div><!-- /.container-fluid -->
- </section>
- <!-- Main content -->
- <section class="content">
- <div class="row">
- <div class="col-12">
- <!-- SELECT2 EXAMPLE -->
- <div class="card card-default collapsed-card">
- <div class="card-header">
- <h3 class="card-title">Custom Filter</h3>
- <div class="card-tools">
- <button type="button" class="btn btn-tool" data-card-widget="collapse"><i class="fas fa-plus"></i></button>
- </div>
- </div>
- <!-- /.card-header -->
- <div class="card-body" style="display: none;">
- <div class="row">
- <div class="col-md-4">
- <form role="form" id="form-filter">
- <div class="form-group">
- <label for="nama">Nama</label>
- <input type="text" class="form-control" id="nama" placeholder="Nama">
- </div>
- <div class="form-group">
- <label for="username">Username</label>
- <input type="text" class="form-control" id="username" placeholder="Username">
- </div>
- <div class="form-group">
- <label for="email">Email</label>
- <input type="text" class="form-control" id="email" placeholder="Email">
- </div>
- <div class="form-group">
- <label for="role">Role</label>
- <?php echo $form_role ?>
- </div>
- <div class="form-group">
- <label for="status">Status</label>
- <?php echo $form_status ?>
- </div>
- <div class="card-footer float-right">
- <button type="button" class="btn btn-danger" id="btn-filter">Reset</button>
- <button type="button" class="btn btn-primary " id="btn-reset">Cari</button>
- </div>
- </form>
- </div>
- <!-- /.col -->
- </div>
- <!-- /.row -->
- </div>
- <!-- /.card-body -->
- </div>
- <!-- /.card -->
- </div>
- <div class="col-12">
- <div class="card">
- <!-- /.card-header -->
- <div class="card-body">
- <table id="user" class="table table-bordered table-striped dt-responsive nowrap" style="width: 100%;">
- <thead>
- <tr>
- <th>No</th>
- <th>Nama</th>
- <th>Username</th>
- <th>Email</th>
- <th>Role</th>
- <th>Status</th>
- <th>Aksi</th>
- </tr>
- </thead>
- </table>
- </div>
- <!-- /.card-body -->
- </div>
- <!-- /.card -->
- </div>
- <!-- /.col -->
- </div>
- <!-- /.row -->
- </section>
- <!-- /.content -->
- </div>
- <!-- /.content-wrapper -->
- <?php $this->load->view('_partial/footer') ?>
- </div>
- <!-- ./wrapper -->
- <?php $this->load->view('_partial/js') ?>
- <!-- DataTables -->
- <script src="<?php echo base_url('assets/plugins/datatables/jquery.dataTables.js') ?>"></script>
- <script src="<?php echo base_url('assets/plugins/datatables-bs4/js/dataTables.bootstrap4.js') ?>"></script>
- <script src="<?php echo base_url('assets/plugins/datatables-responsive/js/dataTables.responsive.min.js') ?>"></script>
- <script src="<?php echo base_url('assets/plugins/datatables-responsive/js/responsive.bootstrap4.js') ?>"></script>
- <!-- Toastr -->
- <script src="<?php echo base_url('assets/plugins/toastr/toastr.min.js') ?>"></script>
- <!-- page script -->
- <script type="text/javascript">
- var user;
- $(document).ready(function() {
- user = $('#user').DataTable({
- oLanguage: {
- sProcessing: "Tunggu Sebentar..."
- },
- "processing": true,
- "serverSide": true,
- "order": [],
- "ajax": {
- "url": "<?php echo base_url('auth/ajax_list') ?>",
- "type": "POST",
- "data": function(data) {
- data.name = $('#nama').val();
- data.username = $('#username').val();
- data.email = $('#email').val();
- data.role_id = $('#role').val();
- data.is_active = $('#status').val();
- },
- },
- "columnDefs": [
- {
- "targets": [ 0 ],
- "orderable": false,
- },
- ],
- });
- $('#btn-filter').click(function() {
- user.ajax.reload();
- });
- $('#btn-reset').click(function() {
- $('#form-filter')[0].reset();
- user.ajax.reload();
- });
- });
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement