user_list

<section class="content-header">
    <h1>
        Universitas Wahid
        <small>code your life with your style</small>
    </h1>
    <ol class="breadcrumb">
        <li><a href="admin"><i class="fa fa-dashboard"></i>Home</a></li>
        <li class="active">Users</li>
    </ol>
</section>
<!-- Main Content -->
<section class="content">
    <!-- Default Box -->
    <div class="box">
        <div class="box-body">
            <!-- Data Users -->
            <div class="row mb-10">
                <div class="col-md-4">
                    <h2 class="mt-0">Users</h2>
                </div>
                <div class="col-md-4 text-center">
                    <div class="mt-4" id="message">
                        <?php echo $this->session->userdata('message') <> '' ? $this->session->userdata('message') : ''; ?>
                    </div>
                </div>
                <div class="col-md-4 text-right">
                    <?php
                    // Button untuk membuat data baru
                    echo anchor(site_url('users/create'), 'Create', 'class="btn btn-primary"');
                    ?>
                </div>
            </div>
            <table class="table table-bordered table-striped" id="mytable">
                <thead>
                    <tr>
                        <th width="80px">No</th>
                        <th>Username</th>
                        <th>Email</th>
                        <th>Level</th>
                        <th>Blokir</th>
                        <th width="200px">Actions</th>
                    </tr>
                </thead>
            </table>

            <!-- Memanggil Jquery -->
            <script src="<?= base_url('assets/js/jquery-1.11.2.min.js') ?>"></script>
            <!-- Memanggil Jquery Data Tables -->
            <script src="<?= base_url('assets/datatables/jquery.dataTables.js') ?>"></script>
            <!-- Memanggil Bootstrap data tables -->
            <script src="<?= base_url('assets/datatables/dataTables.bootstrap.js') ?>"></script>

            <!-- Javascript yang berfungsi untuk menamppilkan data dari tabel tahun akademik dengan AJAX -->
            <script type="text/javascript">
                $.(document).ready(function () {
                $.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),
                        "iTotalPage": Math.ceil(oSettings.fnRecordsDisplay() / oSettings._iDisplayLength)
                    };
                };
                var t = $("#mytable").dataTable({
                    initComplete: function() {
                        var api = this.api();
                        $('#mytable_filter input')
                        .off('.DT')
                        .on('key.DT', function(e) {
                            if (e.keyCode == 13) {
                                api.search(this.value).draw();
                            }
                        });
                    },
                    oLanguage: {
                        sProcessing: "loading..."
                    },
                    processing: true,
                        serverSide: true,
                        ajax: {"url": "users/json", "type": "POST"},
                        columns: [
                                {
                                    "data": "username",
                                    "orderable": false
                                },
                                {"data": "username"},
                                {"data": "email"},
                                {
                                    "data": "level",
                                    "render": function(data){
                                        var is_level = "Mahasiswa";
                                        if(data == 'admin'){
                                            is_level = "Admin";
                                        }
                                        return is_level;
                                    }
                                },
                                {
                                    "data": "blokir",
                                    "render": function(data){
                                        var is_blokir = "Tidak";
                                        if(data == 'Y'){
                                            is_blokir = "Ya";
                                        }
                                        return is_blokir;
                                    }
                                },
                                {
                                    "data": "action",
                                    "orderable": false,
                                    "classname": "text-center"
                                }
                        ],
                        order: [[0, 'desc']],
                        rowCallback: function(row, data, iDisplayIndex){
                            var info = this.fnPagingInfo();
                            var page = info.iPage;
                            var length = info.iLength;
                            var index = page * length + (iDisplayIndex + 1);
                            $('td:eq(0)', row).html(index);
                        }
                });
                });
            </script>