EVOLUTION-NINJA
Edit File: add_access.php
<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"> <div class="page-bar"> <ul class="page-breadcrumb"> <li><i class="fa fa-home"></i> <a href="<?php echo base_url();?>dashboard/dashboard_fun">Home</a> <i class="fa fa-angle-right"></i> <a href="#" > Add Access </a></li> </ul> </div> <div class="middle-work" style="padding-top:20px;"> <form class="access_control_form"> <div class="row"> <div class="container"> <div class="all-select" style="text-align:center;"> <div class="form-group form-inline"> <label style="font-weight: bold !important;">Select Department: </label> <select class="form-control dept_list" name="department_id" id="sel1" required="required" style="text-transform: uppercase !important"> <option>Select Department</option> <?php foreach($departments as $val) { if($val->user_type_id !=0) { ?> <option style="text-transform: uppercase !important" value="<?php echo $val->user_type_id;?>"><?php echo $val->user_type;?></option> <?php } } ?> </select> </div> </div> </div> </div> <!----------- row 1 ------------------> <br/><br/> <div class="row"> <div class="container"> <div class="checkbox" style="padding-left: 15px;"> <!--<label><input type="checkbox" value="">Check All</label>--> </div> <?php foreach($menu as $Key=>$val) { ?> <div class="col-sm-5"> <div class="panel-group" id="accordion"> <div class="panel panel-default" style="background:#485b7f !important;"> <div class="panel-heading" style="background:#485b7f !important;"> <h4 class="panel-title"> <a data-toggle="collapse" data-parent="#accordion" href="#collapse<?php echo $Key;?>"><strong style="text-transform:uppercase !important;"><?php echo $val['menu_name'];?></strong><span style="float:right"></a> <input style="float:right;text-transform: uppercase !important;" class="" type="checkbox" name="menu_id[]" id="<?php echo 'test'.$val['menu_id'];?>" value="<?php echo $val['menu_id'];?>"></span> </h4> </div> <div id="collapse<?php echo $Key;?>" class="panel-collapse collapse"> <div class=""> <ul class="list-group"> <?php if($val['sub_menu'] != "") { $i = 1; foreach($val['sub_menu'] as $value) { ?> <li class="list-group-item" style="text-transform: uppercase !important"><a href=".demo01<?php echo $value->menu_id;?>" data-toggle="collapse"> <span style="padding-right:10px;"><?php echo $i;?></span> <?php echo $value->menu_name;?> <span style="float:right"> </a> <input type="checkbox" class="" style="float:right;text-transform: uppercase !important;" name="menu_id[]" id="<?php echo 'test'.$value->menu_id;?>" value="<?php echo $value->menu_id;?>"> </span> <ul id="demo01" class="collapse demo01<?php echo $value->menu_id;?>"> <?php if($sub_menu1 != "") { // print_r($sub_menu1); $ii= 1; foreach($sub_menu1 as $value1) { //print_r($sub_menu1); if($value1['parent_id'] == $value->menu_id) { ?> <li class="list-group-item" style="color:#5b9bd1;text-transform: uppercase !important;" > <span style="padding-right:10px;"><?php echo $ii;?></span> <?php echo $value1['menu_name'];?> <span style="float:right"> <input type="checkbox" class="" style="text-transform: uppercase !important" name="menu_id[]" id="<?php echo 'test'.$value1['menu_id'];?>" value="<?php echo $value1['menu_id'];?>"> </span> </li> <?php $ii++; } } } ?> </ul> </li> <?php $i++; } } ?> </ul> </div> </div> </div> </div> </div> <?php } ?> </div> </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> <tbody id="table_body"> </tbody> </table> </div> --> </div> </div> <!--- col-sm-8 ----> <div class="col-sm-0 col-md-3"></div> </div></div> </section> <!--- section 2 ----> <style> .owner_access { padding-bottom:15px; } .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; } @media only screen and (min-width:320px) and (max-width:640px) { .panel-group { width: 325px; } } </style> <script src="<?php echo base_url(); ?>assets/js/sweetalert.min.js" type="text/javascript"></script> <link href="<?php echo base_url(); ?>assets/css/sweetalert.min.css" rel="stylesheet" type="text/css" > <script type="text/javascript"> $(document).ready(function(){ MenuList(); StaffList(); DepartmentList(); AccessList(); function MenuList() { $.ajax({ type : 'get', url : '<?php echo base_url("access_rights/get_all_menu")?>', success:function(response){ response=jQuery.parseJSON(response); console.log(response); if(response.result==1) { } } }); } function DepartmentList() { $.ajax({ type : 'get', url : '<?php echo base_url("access_rights/get_all_departments")?>', success:function(response){ response=jQuery.parseJSON(response); console.log(response); if(response.result==1) { } } }); } function StaffList() { $.ajax({ type : 'get', url : '<?php echo base_url("access_rights/get_all_staff")?>', success:function(response){ response=jQuery.parseJSON(response); console.log(response); if(response.result==1) { } } }); } function AccessList() { $.ajax({ type : 'get', url : '<?php echo base_url("access_rights/get_access_list")?>', success:function(response){ response=jQuery.parseJSON(response); console.log(response); if(response.result==1) { } } }); } $('.access_control_form').submit(function(e){ e.preventDefault(); var v=$('#sel1').val(); if(v == 'Select Department') { swal({ title: "Please Select Department", text: "", }); } else { formdata = new FormData($(this)[0]); $(".submit_button").attr('disabled', 'disabled'); $(".submit_button").text("Submitting..."); $.ajax({ type : 'post', url : '<?php echo base_url("access_rights/add_access_menu")?>', data : formdata, contentType: false, processData: false, success:function(response){ response=jQuery.parseJSON(response); console.log(response); swal({ title: "Access Provided", text: "", }); window.location.href="<?php echo base_url('access_rights/add_menu_access') ; ?>"; if(response.result==1) { toastr["success"](response.message); $('.access_control_form')[0].reset(); $(".submit_button").text("Submit"); $(".submit_button").removeAttr('disabled'); } else { toastr["error"](response.message); $(".submit_button").text("Submit"); $(".submit_button").removeAttr('disabled'); } } }); } }); AccessRoles(); function AccessRoles() { $.ajax({ type : 'get', url : '<?php echo base_url("access_rights/access_roles")?>', success:function(response){ response=jQuery.parseJSON(response); if(response.result==1) { $.each(response.access_roles,function(idx,vx){ }); } } }); } $(".dept_list").change(function(){ // $('.access_checkbox').attr('checked', false); var department_id = $(this).val(); $.ajax({ type : 'post', url : '<?php echo base_url("access_rights/single_department_access")?>', data : {department_id:department_id}, success:function(response){ response=jQuery.parseJSON(response); console.log(response); if(response.result==1) { $('input[name="menu_id[]"]:checked').each(function() { $('input:checkbox[value="' + this.value + '"]').attr('checked', false); }); $.each(response.access,function(key,val){ // alert(val); $("#test"+val).attr('checked',true); }); //$("input[name=description]").text(response.criteria_list.description); } else { //$('.master_form')[0].reset(); } } }); }); }); </script>