PHP Classes

File: application/views/user/user.php

Recommend this page to a friend!
  Classes of Abed Nego Ragil Putra   PHP Attendance Management System using Fingerprint   application/views/user/user.php   Download  
File: application/views/user/user.php
Role: Auxiliary script
Content type: text/plain
Description: Auxiliary script
Class: PHP Attendance Management System using Fingerprint
Keep track of employee attendance with fingerprint
Author: By
Last change:
Date: 11 months ago
Size: 6,220 bytes
 

Contents

Class file image Download
<div class="container">
    <h2>Users</h2>
    <hr>
    <table id="data-table">
        <thead>
        <tr>
            <th>
                ID
            </th>
            <th>
                User Name
            </th>
            <th>
                Last Login
            </th>
            <th>
                Role
            </th>
            <th>
                Status
            </th>
            <th>
                Banned User
            </th>
            <th>
                Delete
            </th>
            <th>
                Edit
            </th>
            <th>
                Ban User
            </th>
        </tr>
        </thead>
        <tbody>
        </tbody>
    </table>
    <p>
        <b>*Note</b> : <br>
        Status "pending" means the user does not verify her/his email.
    </p>
</div>

</div><!--row-->

<footer>
    <div class="col-md-12" style="text-align:center;">
        <hr>
        Copyright&copy; - <?php echo date('Y'); ?> | Create by <a
                href="https://connectwithdev.com/">connectwithdev.com</a>
    </div>
</footer>
</div><!-- /container -->

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title" id="myModalLabel">Attendance Login System</h4>
            </div>
            <div class="modal-body">
                <h2>Version</h2>
                <p>V3.0</p>
                <h2>About</h2>
                <p>Attendance login system is based on the <a
                            href="https://github.com/bcit-ci/CodeIgniter">codeigniter</a>.
                <p>If you have question, please email me : <a
                            href="mailto:abedputra@gmail.com">abedputra@gmail.com</a><br>
                    Visit: <a href="https://connectwithdev.com/page/contact"
                              rel="nofollow">https://connectwithdev.com/</a></p>
                <h2>License</h2>
                <p>The MIT License (MIT).</p>
                <p>Copyright&copy; <?php echo date('Y'); ?>, Abed Putra.</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>


<!-- /Load Js -->
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://cdn.jsdelivr.net/clipboard.js/1.5.12/clipboard.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="<?php echo base_url() . 'public/js/main.js' ?>"></script>
<script type="text/javascript"
        src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/js/bootstrap-datepicker.min.js"></script>
<script type="text/javascript"
        src="https://cdn.datatables.net/r/dt/jq-2.1.4,jszip-2.5.0,pdfmake-0.1.18,dt-1.10.9,af-2.0.0,b-1.0.3,b-colvis-1.0.3,b-html5-1.0.3,b-print-1.0.3,se-1.0.1/datatables.min.js"></script>
<script src="https://cdn.datatables.net/1.10.13/js/dataTables.bootstrap.min.js"></script>
<script>

    var table;
    $(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),
                "iTotalPages": Math.ceil(oSettings.fnRecordsDisplay() / oSettings._iDisplayLength)
            };
        };

        table = $("#data-table").DataTable({
            initComplete: function () {
                var api = this.api();
                $('#data-table_filter input')
                    .off('.DT')
                    .on('input.DT', function () {
                        api.search(this.value).draw();
                    });
            },
            oLanguage: {
                sProcessing: "loading..."
            },
            processing: true,
            serverSide: false,
            "scrollX": true,
            ajax: {
                "url": "<?php echo site_url('user/dataTableJson'); ?>",
                "type": "POST"
            },
            dom: 'lBfrtip',
            buttons: [
                'csv', 'excel', 'print'
            ],
            columns: [
                {"data": "id", width: 30},
                {"data": "email", width: 170},
                {"data": "last_login", width: 170},
                {
                    "data": "role", width: 80, "render": function (data, type, row) {
                        var dataRole;

                        if (data == 1)
                            dataRole = "Admin";
                        else if (data == 2)
                            dataRole = "User";
                        else
                            dataRole = "Subscribe";

                        return dataRole;
                    }
                },
                {"data": "status", width: 30},
                {"data": "banned_users", width: 50},
                {"data": "delete", width: 80, "orderable": false},
                {"data": "change_role", width: 100, "orderable": false},
                {"data": "ban_user", width: 80, "orderable": false}
            ],
            order: [[1, 'asc']],
            rowCallback: function (row, data, iDisplayIndex) {
                var info = this.fnPagingInfo();
                var page = info.iPage;
                var length = info.iLength;
                $('td:eq(0)', row).html();
            }
        });

        $(".form-control.input-sm").attr("placeholder", "Search multi columns");
        $(".dataTables_length").css("margin-right", "10px");

    });
</script>
</body>
</html>