user_list

<?php $this->load->view('admin/head'); ?>
<div class="wrapper" style="height: auto; min-height: 100%;">
<?php $this->load->view('admin/header'); ?>
<?php $this->load->view('admin/sidebar'); ?>
<div class="content-wrapper" style="min-height: 916px;">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <h1>
        Data User
      </h1>
      <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
        <li class="active">User</li>
      </ol>
    </section>

    <!-- Main content -->
    <section class="content">
        <div class="row">
        <div class="col-xs-12">
        <!-- Box -->
        <div class="box">
            <!-- box header -->
            <div class="box-header">
                <div class="col-md-6">
                    <h2 style="margin-top:0px">User List</h2>
                </div>
                <div class="col-md-6 text-right">
                    <button type="button" data-toggle="modal" data-target="#modal_user" class="btn btn-info btn-lg "></i>Tambah User</button>
                </div>
            </div>
            <!-- /.box-header -->
            <!-- box body -->
            <div class="box-body">
            <div class="row" style="margin-bottom: 10px">
                <div class="col-md-6 text-center">
                    <div style="margin-top: 4px"  id="message">
                        <?php echo $this->session->userdata('message') <> '' ? $this->session->userdata('message') : ''; ?>
                    </div>
                </div>
            </div>
            <table class="table table-bordered table-striped" id="user_table">
                <thead>
                    <tr>
                        <th style="text-align: center">No</th>
                        <th >Nama</th>
                        <th >Email</th>
                        <th >Level User</th>
                        <th >Username</th>
                        <th style="text-align: center">Action</th>
                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
            <!-- /box body -->
            </div>
        <!-- /box -->
        </div>
        <!-- /col-xs-12 -->
        </div>
        <!-- /row -->
        </div>
    <!-- /Main content -->
    </section>
</div>

<!-- Modals add Form -->
<div id="modal_user" class="modal fade">
    <div class="modal-dialog">
        <form method="post" id="form_user" class="form-horizontal">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">Tambah User</h4>
                </div>
                <div class="modal-body">
                <input hidden type="text" name="action" id="action" value="Simpan" />
                        <div class="form-group">
                            <label class="control-label col-xs-3">Nama</label>
                            <div class="col-xs-8">
                            <select name="nama" class="form-control" placeholder="Nama" required>
                                <?php
                                    foreach ($nidn as $k) {
                                    echo"<option value='$k->nidn'>$k->nama</option>";
                                    }
                                ?>
                            </select>
                            <span class="help-block"></span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-xs-3">Email</label>
                            <div class="col-xs-8">
                            <input type="email" name="mail" id="mail" class="form-control" required="true" />
                            <span class="help-block"></span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-xs-3">Level User</label>
                            <div class="col-xs-8">
                            <select name="level" class="form-control" placeholder="Level" required>
                                <?php
                                    foreach ($kode_level as $x) {
                                    echo"<option value='$x->kode_level'>$x->nama_level</option>";
                                    }
                                ?>
                            </select>
                            <span class="help-block"></span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-xs-3">Username</label>
                            <div class="col-xs-8">
                            <input type="text" name="username" id="username" class="form-control" required="true" />
                            <span class="help-block"></span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-xs-3">Password</label>
                            <div class="col-xs-8">
                            <input type="password" name="pwd" id="pwd" class="form-control" required="true" />
                            <span class="help-block"></span>
                            </div>
                        </div>
                </div>
                <div class="modal-footer">
                    <input type="hidden" name="id_user" id="id_user"/>
                    <button type="submit" name="action" id="action" class="btn btn-success">Simpan</button>
                    <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
                </div>
            </div>
        </form>
    </div>
</div>
<?php $this->load->view('admin/footer'); ?>
</div>
<!-- jQuery 3 -->
<script src="<?php echo base_url('assets/backend/bower_components/jquery/dist/jquery.min.js')?>"></script>
<script src="<?php echo base_url('assets/backend/bower_components/jquery/dist/jquery.js')?>"></script>
<!-- jQuery UI 1.11.4 -->
<script src="<?php echo base_url('assets/backend/bower_components/jquery-ui/jquery-ui.min.js')?>"></script>
<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
<script>
  $.widget.bridge('uibutton', $.ui.button);
</script>
<!-- Bootstrap 3.3.7 -->
<script src="<?php echo base_url('assets/backend/bower_components/bootstrap/dist/js/bootstrap.min.js')?>"></script>
<!-- Morris.js charts -->
<script src="<?php echo base_url('assets/backend/bower_components/raphael/raphael.min.js')?>"></script>
<script src="<?php echo base_url('assets/backend/bower_components/morris.js/morris.min.js')?>"></script>
<!-- Sparkline -->
<script src="<?php echo base_url('assets/backend/bower_components/jquery-sparkline/dist/jquery.sparkline.min.js')?>"></script>
<!-- jvectormap -->
<script src="<?php echo base_url('assets/backend/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js')?>"></script>
<script src="<?php echo base_url('assets/backend/plugins/jvectormap/jquery-jvectormap-world-mill-en.js')?>"></script>
<!-- jQuery Knob Chart -->
<script src="<?php echo base_url('assets/backend/bower_components/jquery-knob/dist/jquery.knob.min.js')?>"></script>
<!-- daterangepicker -->
<script src="<?php echo base_url('assets/backend/bower_components/moment/min/moment.min.js')?>"></script>
<script src="<?php echo base_url('assets/backend/bower_components/bootstrap-daterangepicker/daterangepicker.js')?>"></script>
<!-- datepicker -->
<script src="<?php echo base_url('assets/backend/bower_components/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js')?>"></script>
<!-- Bootstrap WYSIHTML5 -->
<script src="<?php echo base_url('assets/backend/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js')?>"></script>
<!-- Slimscroll -->
<script src="<?php echo base_url('assets/backend/bower_components/jquery-slimscroll/jquery.slimscroll.min.js')?>"></script>
<!-- FastClick -->
<script src="<?php echo base_url('assets/backend/bower_components/fastclick/lib/fastclick.js')?>"></script>
<!-- AdminLTE App -->
<script src="<?php echo base_url('assets/backend/dist/js/adminlte.min.js')?>"></script>
<!-- AdminLTE dashboard demo (This is only for demo purposes) -->
<script src="<?php echo base_url('assets/backend/dist/js/pages/dashboard.js')?>"></script>
<!-- AdminLTE for demo purposes -->
<script src="<?php echo base_url('assets/backend/dist/js/demo.js')?>"></script>
<!-- DataTables -->
<script src="<?php echo base_url('assets/backend/bower_components/datatables.net/js/jquery.dataTables.js') ?>"></script>
<script src="<?php echo base_url('assets/backend/bower_components/datatables.net/js/jquery.dataTables.min.js') ?>"></script>
<script src="<?php echo base_url('assets/backend/bower_components/datatables.net-bs/js/dataTables.bootstrap.js') ?>"></script>

<!-- DataTable & CRUD Modals-->
<script>

$(document).ready(function(){
// Setup datatables
$.fn.dataTableExt.oApi.fnPagingInfo = function(oSettings)
    {
        return {
            "iStart": oSettings._iDisplayStart,
            "iEnd": oSettings.fnDisplayEnd(),
            "iLength": oSettings._iDisplayLength,
            "iTotal": oSettings.fnRecordsTotal(),
            "iFilteredTotal": oSettings.fnRecordsDisplay(),
            "iPage": Math.ceil(oSettings._iDisplayStart / oSettings._iDisplayLength),
            "iTotalPages": Math.ceil(oSettings.fnRecordsDisplay() / oSettings._iDisplayLength)
          };
    };

    var table = $("#user_table").dataTable({
        initComplete: function() {
            var api = this.api();
            $('#user_table_filter input')
                .off('.DT')
                .on('input.DT', function() {
                    api.search(this.value).draw();
              });
          },
              oLanguage: {
              sProcessing: "loading..."
          },
              "processing": true,
              "serverSide": true,
              "ajax": {"url": "<?php echo base_url().'admin/user/get_guest_json'?>", "type": "POST"},
              columns: [
                        {
                            "data":"id_user",
                            "orderable": false
                        },
                        {"data": "nama_dosen"},
                        {"data": "mail"},
                        {"data": "level"},
                        {"data": "username"},
                        {"data": "view",
                         "orderable": false}
                  ],
                "order": [[1, 'asc']],
                rowCallback: function(row, data, iDisplayIndex) {
                  var info = this.fnPagingInfo();
                  var page = info.iPage;
                  var length = info.iLength;
                  var index = page * length + (iDisplayIndex + 1); // manempilkan angka record
                  $('td:eq(0)', row).html(index);
          }

      });
            // end setup datatables
//untuk simpan
$(document).on('submit','#form_user',function(event){
    e.preventDefault();
    var id_user   = $('#id_user').val();
    var nama      = $('#nama').val();
    var mail      = $('#mail').val();
    var level     = $('#level').val();
    var username  = $('#username').val();
    var pwd       = $('#pwd').val();
    $.ajax({
        type:"POST",
        url:"<?php echo base_url().'admin/user/input_action'?>",
        data:new FormData(this),
        processData:false,
        contentType:false,
        success: function(data){
            alret(data);
            $('#form_user')[0].reset();      // mereset kembali form
            $('#modal_user').modal('hide')
            table.ajax.reload();
            }
         });
    });
    //**end**