JezK

Edit File: users.php

<?php include("header.php");

$users = $videocon->getUsers();
// print_r($users);exit;
?>
<style>
div.dataTables_wrapper div.dataTables_filter {
    position: absolute;
    top: 132px;
}
</style>
<section class="section-padding">
<div class="container mt-0 mb-5 mx-3 pt-2 bg-white">
    
        
        
        <div class="row mt-5 pt-4">
            
            
        </div>
        <div class="table-responsive">
            <table id="dataTable" class="table table-striped table-borderless " style="width:100%">
                <thead class="tableBackground">
                    <tr>
                        
                        <th>S.NO</th>
                        <th>FULL NAME</th>
                        <th>USERNAME</th>
                        <th>EMAIL</th>
                        <th>LOCATION</th>
                        <th>ACTION</th>
                    </tr>
                </thead>
                <tbody>
                <?php if(is_array($users) && count($users)>0){
                    $i=0;
                    foreach($users as $k=>$v){ 
                    $i++;    
                ?>
                    <tr>
                        
                        <td><?php echo $i;?>.</td>
                        <td><?php echo $v['fullname'];?></td>
                        <td><?php echo $v['username'];?></td>
                        <td><?php echo $v['email'];?></td>
                        <td><?php echo $v['location'];?></td>
                        
                        <td>
                            
                            <span><a href="userManagement.php?uid=<?php echo $videocon->encrypt_decrypt('encrypt',$v['id']);?>" class="viewStyles">View</a></span>&nbsp;
                            <span><a href="javascript:void(0);" onclick="return blockorunblockUsers('<?php echo $v['status']; ?>','<?php echo $videocon->encrypt_decrypt('encrypt', $v['id']); ?>','<?php echo $i; ?>')" class="viewStyles" id="blockid<?php echo $i; ?>"><?php echo $v['status'] == 1 ? "Block" : 'Unblock'; ?></a></span>&nbsp;
                                        
                            
                        </td>
                    </tr>
                    <?php } }?>
                </tbody>
            </table>
        </div>
    
</div>
</section>

<div class="container">
    
    <div class="modal" id="myModal">
      <div class="modal-dialog">
        <div class="modal-content">
          
          <div class="modal-header border-0">
            <button type="button" class="close px-2 pt-2 pb-0" data-dismiss="modal">&times;</button>
          </div>
          
          <div class="modal-body mx-4">
            <h5 class="modal-title style-login mb-3">Block Business</h5>
            
            <form action="" method="POST">
                <div class="mt-3 mb-2 d-flex">
                    <h6 class="text-yellow mr-auto mb-0"><small class="font-600">Enable the Business</small></h6>
                    <div class="radio-buttons-container d-flex">
                        <div class="custom-control custom-radio d-flex pr-3">
                            <input type="radio" class="custom-control-input" id="influencer" value="1" name="userType">
                            <label for="influencer" class="custom-control-label cutomRadio d-flex">
                                <span class="align-self-center pl-2">Automatic</span>
                            </label>
                        </div>
                        <div class="custom-control custom-radio d-flex">
                            <input type="radio" class="custom-control-input" id="fan" value="2" name="userType">
                            <label for="fan" class="custom-control-label cutomRadio d-flex">
                                <span class="align-self-center pl-2">Manually</span>
                            </label>
                        </div>
                    </div>
                </div>
                <div class="pt-2 mb-2">
                    <label class="fieldName mt-2 mr-2">Select Date Range</label>
                    <div id="singleDate" class="formField-control" style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc;">
                        <i class="fa fa-calendar float-right pt-1"></i>&nbsp;
                        <span></span>
                    </div>
                </div>
                <div class="d-flex justify-content-end">
                    <button class="btn cancelBtn">Cancel</button>&nbsp;&nbsp;
                    <button class="btn btn-primary">Block</button>
                </div>
            </form>
            
        </div>
      </div>
    </div>
  </div>
<?php include("footer.php");?>

<script>
function blockorunblockUsers(status,id,aid)
{
    let statusmsg='Blocked';
    let statusText = 'block';
    if(status==0)
    {
        statusmsg='Unblocked'
        statusText = 'unblock';
    }
    if(confirm('Are you sure want to '+statusText+' the user?'))
    {
        var xmlhttp = new XMLHttpRequest();
          xmlhttp.onreadystatechange = function() {
              if (this.readyState == 4 && this.status == 200) {

if(this.responseText==1)
                    {
                        let mystatus=0;
                        let changetext="Unblock";
                        if(status==0)
                        {
                            changetext="Block";
                            mystatus=1;
                        }
                        //$('#'+aid).text(statusmsg);
                        document.getElementById("blockid"+aid).innerHTML=changetext;
                        document.getElementById("blockid"+aid).setAttribute("onClick", "blockorunblockUsers("+mystatus+",'"+id+"',"+aid+");");                        
                        alert('Successfully '+statusmsg);                    
                    }else{
                        alert("Status updation was failed");
                    }
                    return false;
            }
        }
          xmlhttp.open("POST", "ajax.php?action=blkunblkUsers&bid="+id+"&status="+status, true);
          xmlhttp.send();
    }
    else{
        return false;
    }      
}
$(function() {
  $('#singleDate').daterangepicker({
//    format:'MMMM D, YYYY') ,
    locale: {
            format: 'MMMM D, YYYY'
        },
    dateFormat: 'MMMM D, YYYY',
    singleDatePicker: true,
    showDropdowns: true,
    minYear: 1901,
    maxYear: parseInt(moment().format('YYYY'),10)
  }, function(start, end, label) {
    var years = moment().diff(start, 'years');
    $('#singleDate span').html(start.format('MMMM D, YYYY'), end.format('MMMM D, YYYY'));
  });
});
</script>