EVOLUTION-NINJA

Edit File: add_action_access.php

<?php $this->load->view('includes/admin_header');?>
<script src="<?php echo base_url('admin_assets/event/assets/js/jquery-3.1.1.min.js');?>"></script>
<style>
	.panel-default > .panel-heading {
	    color: #fff !important;
	    background-color: rgba(99, 96, 117, 0.75) !important;
	    border-color: #4c3f3f !important;
	}
	.col-sm-5 {
	    width: 31.666667% !important;
	}
	#demo01
	{
		width: 105%;
	    margin-top: 7px;
	}  
</style>
<div class="page-content-wrapper">
<div class="page-content">

<label>Select Role: </label>
						<select class="form-control dept_list" name="department_id" id="sel1" required="required">
						<option>Select Role</option>
							<?php
							foreach($roles as $val)
							{  ?>
								
										<option value="<?php echo $val->role_id;?>"><?php echo $val->role_name;?></option>
								<?php
							}
							?>
						</select>
					</div>
				</div>
			</div>
		</div>

<div class="row" id="menu_name">
			
		</div>
		
	</div>
	
	<div class="row">
		<div class="container" style="text-align:center;">
			<button type="submit" class="btn btn-danger submit_button" style="background:rgb(211,211,211); color:rgb(51,51,51);">Submit</button>
		</div>
	</div>
	</form>

<div class="row" style="padding-left:20px; padding-top:25px;">
		<!-- <div class="col-md-6">
			<table class="table table-striped table-hover list_table" style="">
                <thead>
                  <tr class="default" >                  
                    <th class="col-xs-2">Department</th>
                    <th class="col-xs-3">Access</th>
                  </tr>
                </thead>

</table>
		</div> -->
		</div>
	</div> 				
	<div class="col-sm-0 col-md-3"></div>
	</div></div>
</section>

.ac-checkbox
  {
	margin-right:5px !important;
  }
  
  .bg-red
  {
	background:#B00101;
	color:#fff;
  }
    .list-group {
	margin-bottom: 0px !important;
  }
  
  .panel-default > .panel-heading {
		color: #fff !important;
		background-color: #B00101 !important;
		border-color: #B00101 !important;
	}
</style>

$(document).ready(function(){

$('.access_control_form').submit(function(e){    
        e.preventDefault();

formdata = new FormData($(this)[0]);

$(".submit_button").attr('disabled', 'disabled');
            $(".submit_button").text("Submitting...");

$.ajax({

type   : 'post',
                url    : '<?php echo site_url("yaskawa/add_access_rights")?>',
                data   : formdata,
                contentType: false,
                processData: false,
                                          
                  success:function(response){
                  response=jQuery.parseJSON(response);
                  console.log(response);
								
                  if(response.result==1)
                    {
	                    toastr["success"](response.message);
	                    //$('.access_control_form')[0].reset();
	                    $(".submit_button").text("Submit");    
	                    $(".submit_button").removeAttr('disabled');     
	                    var department_id =	$(".dept_list :selected").val();
						MenuList(department_id);
                    }
                    else 
                    {
	                    toastr["error"](response.message);                       
		                $(".submit_button").text("Submit"); 
		                $(".submit_button").removeAttr('disabled');    
 				
                    }
                
                }  
         });

});

$(".dept_list").change(function(){
    	
    	var department_id =	$(".dept_list :selected").val();
    	MenuList(department_id);
          
    });

function MenuList(department_id)
	{
		 $.ajax({
            type   : 'post',
             url    : '<?php echo site_url("add-action-insert")?>',
            data   : {department_id:department_id},
                                      
              success:function(response){
              response=jQuery.parseJSON(response);
              if(response.result==1)
                {   
					var dept_id = $(".dept_list :selected").val();
					var content = '';
					var i = 0;

$.each(response.access,function(key,val)
				    {
				    	$("input[name=count]").val(val.count);
				    	content += '<div class="col-md-5">';
			       		content += '<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">';
						content += '<div class="panel panel-default">';
						content += '<div class="panel-heading" role="tab" id="headingOne" style="background:#485b7f !important;">';
						content += '<h4 class="panel-title">';
						content += '<a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse'+val.menu_id+'" aria-expanded="true" aria-controls="collapseOne">';
						content += val.menu_name;
						content += '</a>';
						content += '</h4>';
						content += '</div>';
						content += '<div id="collapse'+val.menu_id+'" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">';
						content += '<div class="panel-body">';

content += '<ul class="list-group">';
							if(val.sub_menu != "")
							{
								var j = 1;
								$.each(val.sub_menu,function(key1,val1)
								{

content += '<li class="list-group-item" style="color:#5b9bd1;"><a href=".demo_sub_menu'+val1.menu_id+'" data-toggle="collapse"><span>'+j+'</span>'+'.  '+val1.menu_name+'</a>';
											
											if(val1.menu_type == 'LIST')
											{
												content += '<input type="hidden" name="menu_id[]" value="'+val1.menu_id+'"/>';

if(val1.insert_id == 1 || val1.edit_id == 1 || val1.delete_id == 1)
												{
													content += '<label class="checkbox-inline"><input type="hidden" class="name_'+val1.menu_id+'" style="float:right" name="count_id_'+val1.menu_id+'[]" id="" value="'+val1.menu_id+'"> </label>';
												}
												else
												{
													content += '<label class="checkbox-inline"><input type="hidden" class="name_'+val1.menu_id+'" style="float:right" name="count_id_'+val1.menu_id+'[]" id="" value=""> </label>';
												}

if(val1.delete_id == null || val1.delete_id == '0')
												{
													content += '<label class="checkbox-inline" style="float:right;"><input type="checkbox" class="action_class" style="float:right" name="delete_id_'+val1.menu_id+'[]" id="" value="1"> Delete</label>';
												}
												else
												{
													content += '<label class="checkbox-inline" style="float:right;"><input type="checkbox" class="action_class" style="float:right" name="delete_id_'+val1.menu_id+'[]" id="" value="1" checked> Delete</label>';
												}												
												
												if(val1.edit_id == null || val1.edit_id == '0')
												{
													content += '<label class="checkbox-inline" style="float:right;margin-right:6px;"><input type="checkbox" class="action_class" style="float:right" name="edit_id_'+val1.menu_id+'[]" id="" value="1"> Edit</label>';
												}
												else
												{
													content += '<label class="checkbox-inline" style="float:right;margin-right:6px;"><input type="checkbox" class="action_class" style="float:right" name="edit_id_'+val1.menu_id+'[]" id="" value="1" checked> Edit</label>';
												}
												
												if(val1.insert_id == null || val1.insert_id == '0')
												{
													content += '<label class="checkbox-inline" style="float:right;"><input type="checkbox" class="action_class" style="float:right" name="insert_id_'+val1.menu_id+'[]" id="" value="1"> Add</label>';
												}
												else
												{
													content += '<label class="checkbox-inline" style="float:right;"><input type="checkbox" class="action_class" style="float:right" name="insert_id_'+val1.menu_id+'[]" id="" value="1" checked> Add</label>';
												}

}

if(val1.child != "")
											{
												var l = 1;
												content += '<ul id="demo_sub_menu" class="collapse demo_sub_menu'+val1.menu_id+'">';
												
												$.each(val1.child,function(key3,val3)
												{
													content += '<li class="list-group-item" style="color:#5b9bd1;">';
													
													if(val3.menu_type == 'LIST')
													{
														content += '<input type="hidden" name="menu_id[]" value="'+val3.menu_id+'"/>';

if(val3.insert_id == 1 || val3.edit_id == 1 || val3.delete_id == 1)
														{
															content += '<label class="checkbox-inline"><input type="hidden" class="name_'+val3.menu_id+'" style="float:right" name="count_id_'+val3.menu_id+'[]" id="" value="'+val3.menu_id+'"> </label>';
														}
														else
														{
															content += '<label class="checkbox-inline"><input type="hidden" class="name_'+val3.menu_id+'" style="float:right" name="count_id_'+val3.menu_id+'[]" id="" value=""> </label>';
														}

if(val3.delete_id == null || val3.delete_id == '0')
														{
															content += '<label class="checkbox-inline" style="float:right;"><input type="checkbox" class="action_class" style="float:right" name="delete_id_'+val3.menu_id+'[]" id="" value="1"> Delete</label>';
														}
														else
														{
															content += '<label class="checkbox-inline" style="float:right;"><input type="checkbox" class="action_class" style="float:right" name="delete_id_'+val3.menu_id+'[]" id="" value="1" checked> Delete</label>';
														}												
														
														if(val3.edit_id == null || val3.edit_id == '0')
														{
															content += '<label class="checkbox-inline" style="float:right;margin-right:6px;"><input type="checkbox" class="action_class" style="float:right" name="edit_id_'+val3.menu_id+'[]" id="" value="1"> Edit</label>';
														}
														else
														{
															content += '<label class="checkbox-inline" style="float:right;margin-right:6px;"><input type="checkbox" class="action_class" style="float:right" name="edit_id_'+val3.menu_id+'[]" id="" value="1" checked> Edit</label>';
														}
														
														if(val3.insert_id == null || val3.insert_id == '0')
														{
															content += '<label class="checkbox-inline" style="float:right;"><input type="checkbox" class="action_class" style="float:right" name="insert_id_'+val3.menu_id+'[]" id="" value="1"> Add</label>';
														}
														else
														{
															content += '<label class="checkbox-inline" style="float:right;"><input type="checkbox" class="action_class" style="float:right" name="insert_id_'+val3.menu_id+'[]" id="" value="1" checked> Add</label>';
														}
													}

content += '<span>'+l+'</span>.  '+val3.menu_name;

content += '</li>';

l++;
												});

content += '</ul>';
											}

content += '</li>';
									j++;
								});

}

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

i++;

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

var total_count = $(".total_count_class").val();

$(".action_class").click(function(){
						
							var class_name = $(this).attr('name');							
							var html   = class_name;// or $('div').html() if jquery
							var number = parseFloat(html.match(/-*[0-9]+/));
							$(".name_"+number).val(number);
							
						});
			
			
                }  
                else
                {
                   $("#menu_name").empty();
                   $("input[name=count]").val('');
                }               
            }
                
         });
	}

});

</script>