OwlCyberSecurity - MANAGER

Edit File: 25ba355725e2600eefb3759041e49275.php

<?php $__env->startSection('content'); ?>

.success_div {
        background-color: #aedcaf;
        border-radius: 4px;
        padding: 0.4rem;
        padding-left: 1rem;
        color: #1f6d26;
        border: 1px solid #248526;
    }
</style>
<div class="row p-2">
    
    <?php if(!empty($errors->all())): ?>
    <div class="col-12 error_div">
        <?php echo e($errors->first()); ?>

</div>
    <?php endif; ?>
    
    <?php if(session()->has('message')): ?>
    <div class="col-12 error_div">
        <?php echo e(session()->get('message')); ?>

</div>
    <?php endif; ?>
    
    <?php if(session()->has('success')): ?>
    <div class="col-12 success_div">
        <?php echo e(session()->get('success')); ?>

</div>
    <?php endif; ?>
</div>
<div class="row p-2">
    
    <div class="col">
        <h3>Roles Listing</h3>
    </div>
    <div class="col-sm-12 col-md-1 col-lg-1 text-right">
        <a href="<?php echo e(route('get_roles_add.add_roles')); ?>"><button class="custom-blue-btn w-100">Add</button></a>
    </div>
    <div class="col-sm-12 col-md-1 col-lg-1  text-right" id="bulkRoleDeleteCol" style="display:none;">
        <a><button class="custom-red-btn w-100" id="bulkRoleDeleteBtn" onclick="bulkRoleDelete()">Delete</button></a>
    </div>
</div>
<div class="col" id="roleListingMessageDiv" style="display: none;">
</div>

<div class="row p-2">
    <div class="col-12">
        <div class="card">
            <div class="card-body">
                <table id="rolesTable" class="table table-striped table-hover">
                    <thead>
                        <tr>
                            <th><input type="checkbox" name="allRoleCheckbox" id="allRoleCheckbox"></th>
                            <th>Name</th>
                            <th>Status</th>
                            <th>Created at</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
<script>
    // variables
    var roleTable;
    var totalRoleRecords = 0;
    var showHideBulkDeleteBtn = '';
    var selectAllRoleCheckbox = $('#allRoleCheckbox');
    var roleBulkDeleteBtnCol = $('#bulkRoleDeleteCol');
    var roleBulkDeleteBtnBtn = $('#bulkRoleDeleteBtn');

// for messages
    function RoleListingMessage(type = '', message = '', timeout = 3000) {
        var selectedClass = '';
        var holder = $('#roleListingMessageDiv');
        if (type.toLowerCase() == 'success') {
            selectedClass = 'success_div';
        } else {
            selectedClass = 'error_div';
        }
        var ht = `<div class="${selectedClass}">${message}</div>`;
        holder.html(ht);
        holder.hide().show().fadeIn('fast').delay(timeout).fadeOut('slow', function() {
            $(this).stop(true);
        });
    }

// all role select unselect function
    selectUnselectAllRole = (type) => {
        $('.rolesCheckboxes').prop('checked', type);
    }

// all role select
    $('#allRoleCheckbox').on('change', (a) => {
        selectUnselectAllRole(a.target.checked);
    });

// Role delete functionality start
    showHideBulkDeleteBtn = () => {
        if ($('.rolesCheckboxes:checked').length > 0 && totalRoleRecords > 0) {
            roleBulkDeleteBtnCol.show();
        } else {
            roleBulkDeleteBtnCol.hide();
        }
    }

// Bulk Role delete function
    bulkRoleDelete = () => {
        var selectedRoleIds = $('.rolesCheckboxes:checked').map((a, v) => {
            return v.value;
        }).get();
        sweetAlert('warning', 'Delete Role' + (selectedRoleIds.length > 1 ? "s" : ""), 'Do you really want to delete?', 'Yes', 'No').then((response) => {
            if (response) {
                $.ajax({
                    url: "<?php echo e(route('post_roles_delete.delete_roles')); ?>",
                    type: "post",
                    dataType: "json",
                    data: {
                        _token: "<?php echo e(csrf_token()); ?>",
                        ids: selectedRoleIds
                    },
                    beforeSend: function() {
                        roleBulkDeleteBtnCol.hide();
                    },
                    success: function(response) {
                        roleTable.ajax.reload(null, false);
                        RoleListingMessage('success', response.message)
                    },
                    error: function(response) {
                        roleBulkDeleteBtnCol.show();
                        RoleListingMessage('error', response.responseJSON.message)
                    }
                });
            }
        });
    }

// document ready start
    $(document).ready(function() {
        // Main Role listing datatable
        roleTable = $('#rolesTable').DataTable({
            scrollX: true,
            scrollCollapse: true,
            autoWidth: false,
            responsive: true,
            autoWidth: false,
            processing: true,
            serverSide: true,
            order: [1, 'ASC'],
            columnDefs: [{
                targets: [0, -1],
                orderable: false
            }],
            ajax: {
                url: "<?php echo e(route('post_roles_listing.view_roles')); ?>",
                type: "POST",
                dataType: "JSON",
                data: {
                    _token: "<?php echo e(csrf_token()); ?>"
                }
            },
            columns: [{
                    data: 'checkbox'
                },
                {
                    data: 'name'
                },
                {
                    data: 'status'
                },
                {
                    data: 'created_at'
                },
                {
                    data: 'action'
                },
            ],
            initComplete: function() {},
            drawCallback: function(response) {
                totalRoleRecords = response.json.iTotalDisplayRecords;
                // bind delete function to all checkboxes
                $('.rolesCheckboxes , #allRoleCheckbox').bind('change', showHideBulkDeleteBtn);
                // if redraw uncheck all select
                selectAllRoleCheckbox.prop('checked', false);
                // hide delet btn
                roleBulkDeleteBtnCol.hide();
            },
        });
        // error and succes message time outs
        setTimeout(() => {
            $('.error_div').fadeOut('slow');
            $('.success_div').fadeOut('slow');
        }, 3000);
    });
    // document ready end
</script>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('master.main', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/makmfewe/dingomo.com/resources/views/roles/index.blade.php ENDPATH**/ ?>