EVOLUTION-NINJA

Edit File: add_access.php

<?php $this->load->view('includes/header.php')?>

<div class="content-wrapper">
    
    
    <div class="content-header">
        <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
         
          </div>
          <div class="col-sm-6">
          <ol class="breadcrumb float-sm-right">
            <li class="breadcrumb-item"><a href="#">Access Control</a></li>
            <li class="breadcrumb-item active">Add Access</li>
          </ol>
          </div> 
        </div> 
        </div> 
      </div>
    
   <div class="row">
    <div class="col-md-12 grid-margin stretch-card">
      <div class="card">
        <div class="card-body">
          <h4>Add Access Controls</h4>

<div class="row">
              <div class="col-sm-2">
                <div class="form-group">
                  <label>Select Department</label>
                </div>
              </div>
              <div class="col-sm-4">
                <div class="form-group">
                <select class="form-control dept_list" name="department_id" required>
                  <option value="">Select Department</option>
                 <?php
                  foreach ($dept_list as $value)
                  {
                  ?>
                    <option value="<?php echo $value->id;?>"><?php echo $value->dept_name; ?></option>
                  <?php
                  }
                  ?>
                </select>
              </div>
              </div>
            </div>

<div class="row">
              <div class="col-sm-2">
                <div class="form-group">
                  <label>Access Controls</label>
                </div>
              </div>
              <div class="col-sm-6" >
                <div class="form-group" id="menu_list">
                
                </div>
              </div>
            </div>

<div class="row">
              <div class="col-sm-2">
                <div class="form-group">
                  <label></label>
                </div>
              </div>
              <div class="col-sm-3">
                <div class="form-group">
                  <button type="submit" class="btn btn-sm- btn-primary submit">Submit</button>
                </div>
              </div>
            </div>

</form>
        
        </div>
      </div>
    </div>
  </div>
</div>

<style>

.menu_checkbox{
    margin-left: 20px !important;

}
@media only screen and (min-width: 320px) and (max-width: 640px){
    .MENU_BTN{
        width: 208px !important;
    }
    .menu_checkbox{
        margin-left: 10px !important;
    }
    .MENU_BTN{
        margin-bottom: 5px;
    }
}
@media only screen and (min-width: 641px) and (max-width: 991px){
    .menu_checkbox{
        margin-left: 8px !important;
    }
    .MENU_BTN{
        margin-bottom: 5px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1258px){
    .menu_checkbox{
        margin-left: 20px !important;
        margin-right: 30px !important;
    }
    .MENU_BTN{
        width: 197px !important;
    }
}
</style>

$(document).ready(function(){

AccessControls();

function AccessControls()
{
  //alert();
  $.ajax({
      type : 'get',
      url  : "<?php echo site_url('get-menu-list');?>",

success:function(response) {
      //alert(response);
      response=jQuery.parseJSON(response);
      console.log(response);
      if(response.result==1)
      {
        var content = '';

$.each(response.message,function(key,val)
        {

var sl_no = 1;
            content += '<button style="width: 240px;" type="button" class="MENU_BTN btn btn-primary" data-toggle="collapse" data-target="#menu'+val.menu_id+'">'+val.menu_name+'</button><input style="" class="menu_checkbox all id_'+val.menu_id+'" name="menu_id[]" value="'+val.menu_id+'" type="checkbox"/ >';

content += '<p><div id="menu'+val.menu_id+'" class="collapse">';
            content += '<ul class="list-group list-group-flush">';

$.each(val.submenu,function(key1,val1)
            {
                if(val1.menu_id == 26 || val1.menu_id == 33 || val1.menu_id == 38 || val1.menu_id == 42)
                {
                  content += '<li class="list-group-item"><button class="btn" style="background-color:#e6e6e6;">'+sl_no+'. '+val1.menu_name+'</button><input style="float:right;" class="all id_'+val1.menu_id+'" name="menu_id[]" value="'+val1.menu_id+'" type="checkbox"/>';
                }
                else
                {
                  content += '<li class="list-group-item">'+sl_no+'. '+val1.menu_name+'</button><input style="float:right;" class="all id_'+val1.menu_id+'" name="menu_id[]" value="'+val1.menu_id+'" type="checkbox"/>';
                }
                
                sub_sl_no = 1;
                  content += '<ul class="list-group list-group-flush">';

$.each(val.submenu1,function(key2,val2)
                  {

content += '<li class="list-group-item">'+sub_sl_no+'. '+val2.menu_name+'<input style="float:right;" class="all id_'+val2.menu_id+'" name="menu_id[]" value="'+val2.menu_id+'" type="checkbox"/>';

content += '</li>';

sub_sl_no++;
                  });

content += '</ul>';

content += '</li>';

sl_no++;
            });

content += '</ul>';
            content += '</div></p>';

});

$("#menu_list").html(content);
      }          
    }
  });
}

});

$(".dept_list").change(function(){

var department_id = $(this).val();
   
    $.ajax({
        type : 'post',
        url  : "<?php echo site_url('get-access-controls');?>",
        data : {department_id:department_id},

success:function(response) {
        response=jQuery.parseJSON(response);
        console.log(response);
            if(response.result==1)
            {
                $(".all").removeAttr('checked');
              var menu_ids = jQuery.parseJSON(response.message.menu_ids);
              $.each(menu_ids,function(key,val){

$(".id_"+val).attr('checked',true);

});

}  
            else
            {
                $(".all").removeAttr('checked');
            }        
      }
  });
});

$('#access_form').submit(function(e){ 
  e.preventDefault();
      formdata = new FormData($(this)[0]);
      swal({

title: "Are you sure?",
        text: "You want to Save this?",
        type: "warning",   showCancelButton: true,
        confirmButtonColor: "#DD6B55",
        confirmButtonText: "Yes!",
        cancelButtonText: "No, cancel plz!",
        closeOnConfirm: false,
        closeOnCancel: false 
        },
      function(isConfirm){

if (isConfirm) {

$(".sweet-alert").hide();
        $(".sweet-overlay").hide();
      
            $.ajax({
                type : 'post',
                url  : "<?php echo site_url('add-access-controls');?>",
                data : formdata,
                contentType: false,
                processData: false,
                success:function(response) {
                  response=jQuery.parseJSON(response);
                  console.log(response);
                  if(response.result==1)
                  {
                    toastr["success"](response.message);
                    location.reload();
                  } 
                  else
                  {
                    toastr["error"](response.message);
                  }

}
            });
        } 
        else 
        {
          $(".sweet-alert").hide();
          $(".sweet-overlay").hide();
        }
      });

});

</script>

<?php $this->load->view('includes/footer.php')?>