EVOLUTION-NINJA
Edit File: admin_user.php
<?php $this->load->view('includes/admin_header');?> <div class="main-container ace-save-state" id="main-container"> <div id="sidebar" class="sidebar responsive ace-save-state"> <div class="text-center"> <h4>ADMIN</h4> </div> <ul class="nav nav-list"> <li class=""> <a href="#" class="dropdown-toggle">General<b class="arrow fa fa-angle-down"></b> </a> <b class="arrow"></b> <ul class="submenu"> <li class=""> <a href="<?php echo site_url('yaskawa/personal_settings');?>"> <i class="menu-icon fa fa-caret-right"></i> Personal Settings </a> <b class="arrow"></b> </li> <li class=""> <a href="<?php echo site_url('yaskawa/company_details');?>"> <i class="menu-icon fa fa-caret-right"></i> Company Details </a> <b class="arrow"></b> </li> <li class=""> <a href="<?php echo site_url('yaskawa/email_settings');?>"> <i class="menu-icon fa fa-caret-right"></i> Email Settings </a> <b class="arrow"></b> </li> </ul> </li><!---org end----> <li class=""> <a href="#" class="dropdown-toggle"> <span class="menu-text"> Users & Control </span> <b class="arrow fa fa-angle-down"></b> </a> <b class="arrow"></b> <ul class="submenu"> <li class=""> <a href="<?php echo site_url('yaskawa/users');?>"> <i class="menu-icon fa fa-caret-right"></i> Users </a> <b class="arrow"></b> </li> <li class=""> <a href="<?php echo site_url('yaskawa/security_control');?>"> <i class="menu-icon fa fa-caret-right"></i> Security Control </a> <b class="arrow"></b> </li> <li class=""> <a href="<?php echo base_url('yaskawa/add_access');?>"> <i class="menu-icon fa fa-caret-right"></i> Add Access </a> <b class="arrow"></b> </li> <li class=""> <a href="<?php echo base_url('add-action-access');?>"> <i class="menu-icon fa fa-caret-right"></i> Add Action Access </a> <b class="arrow"></b> </li> <li class=""> <a href="<?php echo site_url('yaskawa/master_page');?>"> <i class="menu-icon fa fa-caret-right"></i> Master Page </a> <b class="arrow"></b> </li> </ul> </li> <!-----Emp end-----> </ul><!-- /.nav-list --> </div> <div class="main-content"> <div class="main-content-inner"> <div class=" page-content" style="background-color:#f0f0f0;"> <div class="row" style="margin-top: -20px;"> <h3>Users</h3> </div> <div class="row"> <div class="row row-form1"> <div class="col-sm-12"> <select class="col-sm-2"> <option>Active User</option> <?php foreach($users as $u){ if($u->user_name != "All Users"){?> <option><?php echo $u->user_name; ?></option> <?php } }?> </select> <div class="col-sm-1"> <button type="button" class="fa fa-plus btn btn-primary btn-sm" data-toggle="modal" data-target="#myModal"> Add New User</button> </div> </div> </div> </div> <div class="row" style="background-color:white;margin-top:10px;"> <div class="col-xs-12"> <!-- PAGE CONTENT BEGINS --> <div class="hr dotted"></div> <div class="row search-page" id="search-page-1"> <div class="col-xs-12"> <div class="row"> <div class="col-xs-12 col-sm-11 col-md-4" style="border-right:1px solid #777;padding-right:20px;"> <!-- <div class="row row-form1"> <input type="text" class="form-control col-sm-7" name="keywords" placeholder="Search by"> <div class="col-sm-2" style="padding-top:10px;position:absolute;right:0px;"><a href=""><i class=" fa fa-search fa-1x"></i></a></div> </div> --> <div> <div class="checkbox" style="width:345px; height:345px; overflow-x: hidden; overflow-y: scroll;"> <ul type="none" class="side_ul" id="unique_person"> <?php foreach($users as $u){ if($u->user_name != "All Users"){ ?> <li> <div class="row" onclick="display(<?php echo $u->user_id; ?>)"> <div class="col-sm-2"> <!-- <input type="checkbox" value=""> --><img class="media-object dp img-circle" src="<?php echo base_url();?>/profile_pictures/<?php echo $u->profile_pick; ?>" style="width: 50px;height:50px;"> </div> <div class="col-sm-10 admin_name"> <input type="hidden" value="<?php echo $u->user_id; ?>" class="person_detsial<?php echo $u->user_id; ?>"> <p><b><a href="#" onclick="edit(<?php echo $u->user_id; ?>);" data-toggle="modal" data-target="#editmyModal"><?php echo $u->user_name; ?></a></b></p> <p><?php echo $u->role; ?></p> <p><?php echo $u->email; ?></p> <p><a href="#" onclick="edit(<?php echo $u->user_id; ?>);" data-toggle="modal" data-target="#passmyModal">Update Password</a></p> </div> </div> </li> <?php } } ?> </ul> </div> </div> </div> <div class="col-xs-12 col-sm-11 col-md-6" style="padding-left:20px;"> <?php if(isset($login_person_data)){ ?> <div class="row"> <div class="col-sm-4"> <div class="media"> <a class="pull-left pro" href="#"> <img class="media-object img-circle" src="<?php echo base_url();?>/profile_pictures/<?php echo $login_person_data->profile_pick; ?>" style="width: 100px;height:100px;margin-top:-28px;"> </a> </div> </div> <div class="col-sm-7"> <div class="media-body"> <h4 class="media-heading"><span id="name" ><?php echo $login_person_data->user_name; ?></span> <!-- <span style="font-size:12px;">Adminstrator</span> --> </h4> <h5><span id="designation" ></span> <a href="">JBERP</a></h5> <hr style="margin:8px auto"> <i class="fa fa-envelope-o"></i> <a href=""> <span id="email" ><?php echo $login_person_data->email; ?></span></a><br> <i class="fa fa-phone"></i> <span id="phone" ><?php echo $login_person_data->Phone; ?><br> <i class="fa fa-ellipsis-h"></i> <a href=""> </a> </div> </div> </div> <?php } ?> </div> </div> </div> </div> </div><!-- /.page-content --> </div> </div><!-- /.main-content --> <!-- Modal --> <div class="modal fade" id="myModal" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content" > <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> <h4 class="modal-title">Add New User</h4> </div> <form id="user_details"> <div class="modal-body"> <div class="row row-form"> <div class=" col-sm-12 col-md-12"> <label class="col-sm-4">First Name</label> <!-- <input type="text" autofocus class=" col-sm-8" minlength="3" id="f-name" pattern="^[a-zA-Z\s]*$" name="fname" required="required"> --> <select class="selectpicker col-sm-8" name="fname" id="user_name" data-show-subtext="true" data-live-search="true"> <option>Select Employee</option> <?php foreach ($employee_list as $el) { ?> <option value="<?php echo $el->first_name; ?>"><?php echo $el->first_name; ?></option> <?php } ?> </select> </div> </div> <div class="row row-form"> <div class=" col-sm-12 col-md-12"> <label class="col-sm-4">Last Name</label> <input type="text" class=" col-sm-8" minlength="1" pattern="^[a-zA-Z\s]*$" name="lname" id="last_name" > </div> </div> <div class="row row-form"> <div class=" col-sm-12 col-md-12"> <label class="col-sm-4">E-Mail</label> <input type="text" class=" col-sm-8" minlength="3" name="email" id="e_mail" required="required"> </div> </div> <div class="row row-form"> <div class=" col-sm-12 col-md-12"> <label class="col-sm-4">Role</label> <input type="hidden" name="role_id" id="role_id"> <select class="col-sm-8" name="role" id="role_names"> <option value="">SELECT</option> <?php foreach($roles_list_admin as $rol_admin) {?> <option value="<?php echo $rol_admin->role_name; ?>"><?php echo $rol_admin->role_name;?></option> <?php } ?> </select> </div> </div> <div class="row row-form"> <div class=" col-sm-12 col-md-12"> <label class="col-sm-4">Zone</label> <select name="zone" id="zone" class="col-sm-8" style="padding:4px 25%;"> <option value=" ">Select</option> <option value="North">North</option> <option value="West">West</option> <option value="East">East</option> <option value="South">South</option> </select> </div> </div> <div class="row row-form"> <div class=" col-sm-12 col-md-12"> <label class="col-sm-4">profile picture</label> <input type="file" name="profile_pic" > </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-default btn-sm" id="cancel_model" data-dismiss="modal">Cancel</button> <button type="submit" class="btn btn-primary btn-sm" >Save</button> </div> </form> </div> </div> </div> </div> <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse"> <i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i> </a> </div><!-- /.main-container --> <div id="passmyModal" class="modal fade" role="dialog"> <div class="modal-dialog"> <form id="refete" method="post" > <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> <h4 class="modal-title">Update Password</h4> </div> <div class="modal-body"> <div class="row row-form"> <div class=" col-sm-12 col-md-12"> <label class="col-sm-4">Password</label> <input type="hidden" class="col-sm-8" name="user_id_new" id="user_id_new" > <input type="password" class="col-sm-8" name="password" id="password" > </div> </div> <div class="row row-form"> <div class=" col-sm-12 col-md-12"> <label class="col-sm-4">Confirm Password</label> <input type="password" class="col-sm-8" name="confirm_password" id="confirm_password" > <span id='message'></span> </div> </div> </div> <div class="modal-footer"> <button type="submit" class="btn btn-primary btn-sm" >Update</button> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> </div> </form> </div> </div> <div class="modal fade" id="editmyModal" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content" > <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> <h4 class="modal-title">Edit User</h4> </div> <form id="edit_user_details"> <div class="modal-body"> <div class="row row-form"> <div class=" col-sm-12 col-md-12"> <label class="col-sm-4">First Name</label> <!-- <input type="text" autofocus class=" col-sm-8" minlength="3" id="f-name" pattern="^[a-zA-Z\s]*$" name="fname" required="required"> --> <input type="hidden" class="col-sm-8" name="user_id" id="user_i" > <input type="text" class="col-sm-8" name="fname" id="user_nam" > </div> </div> <div class="row row-form"> <div class=" col-sm-12 col-md-12"> <label class="col-sm-4">Last Name</label> <input type="text" class=" col-sm-8" minlength="1" pattern="^[a-zA-Z\s]*$" name="lname" id="last_nam" > </div> </div> <div class="row row-form"> <div class=" col-sm-12 col-md-12"> <label class="col-sm-4">E-Mail</label> <input type="text" class=" col-sm-8" minlength="3" name="email" id="e_mai" required="required"> </div> </div> <div class="row row-form"> <div class=" col-sm-12 col-md-12"> <label class="col-sm-4">Role</label> <input type="hidden" name="role_id" id="role_idd"> <select class="col-sm-8" name="role" id="rol_name"> <option value="">SELECT</option> <?php foreach($roles_list_admin as $rol_admin) {?> <option value="<?php echo $rol_admin->role_name; ?>"><?php echo $rol_admin->role_name;?></option> <?php } ?> </select> </div> </div> <div class="row row-form"> <div class=" col-sm-12 col-md-12"> <label class="col-sm-4">Zone</label> <select name="zone" id="zon" class="col-sm-8" style="padding:4px 25%;"> <option value=" ">Select</option> <option value="North">North</option> <option value="West">West</option> <option value="East">East</option> <option value="South">South</option> </select> </div> </div> <div class="row row-form"> <div class=" col-sm-12 col-md-12"> <label class="col-sm-4">profile picture</label> <input type="file" name="profile_pic" > </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-default btn-sm" id="cancel_model" data-dismiss="modal">Cancel</button> <button type="submit" class="btn btn-primary btn-sm" >Save</button> </div> </form> </div> </div> </div> <!-- basic scripts --> <!--[if !IE]> --> <!-- <script src="<?php echo base_url('admin_assets/assets/js/jquery-2.1.4.min.js'); ?>"></script> --> <script type="text/javascript"> if('ontouchstart' in document.documentElement) document.write("<script src='assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>"); </script> <!-- <script src="<?php echo base_url('admin_assets/assets/js/bootstrap.min.js'); ?>"></script> --> <!-- page specific plugin scripts --> <!--[if lte IE 8]> <script src="<?php echo base_url('admin_assets/assets/js/excanvas.min.js'); ?>"></script> <![endif]--> <script src="<?php echo base_url('admin_assets/assets/js/jquery-ui.custom.min.js'); ?>"></script> <script src="<?php echo base_url('admin_assets/assets/js/jquery.ui.touch-punch.min.js'); ?>"></script> <script src="<?php echo base_url('admin_assets/assets/js/jquery.easypiechart.min.js'); ?>"></script> <script src="<?php echo base_url('admin_assets/assets/js/jquery.sparkline.index.min.js'); ?>"></script> <script src="<?php echo base_url('admin_assets/assets/js/jquery.flot.min.js'); ?>"></script> <script src="<?php echo base_url('admin_assets/assets/js/jquery.flot.pie.min.js'); ?>"></script> <script src="<?php echo base_url('admin_assets/assets/js/jquery.flot.resize.min.js'); ?>"></script> <!-- ace scripts --> <script src="<?php echo base_url('admin_assets/assets/js/ace-elements.min.js'); ?>"></script> <script src="<?php echo base_url('admin_assets/assets/js/ace.min.js'); ?>"></script> <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.3/css/bootstrap-select.min.css" /> <script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.3/js/bootstrap-select.min.js"></script> <!-- inline scripts related to this page --> </body> </html> <script type="text/javascript"> $('#refete').submit(function(e){ e.preventDefault(); if ($('#password').val() == $('#confirm_password').val()) { formdata = new FormData($(this)[0]); $.ajax({ type : 'post', url : '<?php echo site_url("yaskawa/admin_password_update")?>', data : formdata, contentType: false, processData: false, success:function(response){ response=jQuery.parseJSON(response); console.log(response); if(response.result == 1) { alert("Updated Successfully"); location.reload(); } else if(response.result == 2) { toastr["error"](response.message); } else{ toastr["error"]('Something went wrong'); } } }); } else{ $('#message').html('Password Not Matching').css('color', 'red'); } }); $("#role_names").change(function(){ var rolenames=$('#role_names').val(); if(rolenames == "Reg Manager" || rolenames == "reg manager"){ $('#zone').show(); } }); $("#role_names").change(function(){ var rolenames=$('#role_names').val(); if(rolenames == "Executive" || rolenames == "executive"){ $('#zone').show(); } }); $('#zone').hide(); </script> <script> function edit(id){ $.ajax({ type : 'Post', url : '<?php echo site_url('yaskawa/get_user_details_new'); ?>', data : {'id':id}, success:function(data){ var objData = jQuery.parseJSON(data); $('#last_nam').val(objData.last_name); $('#e_mai').val(objData.email); $('#user_i').val(id); $('#user_id_new').val(id); $('#user_nam').val(objData.user_name); role(objData.role_id); } }); } $('#password, #confirm_password').on('keyup', function () { if ($('#password').val() == $('#confirm_password').val()) { $('#message').html('Matching').css('color', 'green'); } else $('#message').html('Not Matching').css('color', 'red'); }); function role(id){ $.ajax({ type : 'Post', url : '<?php echo site_url('yaskawa/get_roles_list'); ?>', success:function(data){ var objData = jQuery.parseJSON(data); console.log(objData); var content=''; $.each(objData,function(key,val){ if(val.role_id==id){ content+='<option value="'+val.role_id+'" selected>'+val.role_name+'</option>'; //$('#role_id').append(val.role_name); }else{ content+='<option value="'+val.role_id+'">'+val.role_name+'</option>'; } }); $('#rol_name').empty(); $('#rol_name').append(content); } }); } $(document).ready(function(){ $('#cancel_model').click(function(){ location.reload(); }); $('select').on('change', function() { var role = $("select[name='role']").val(); $.ajax({ type : 'Post', url : '<?php echo site_url('yaskawa/get_role_details'); ?>', data : {'role':role}, success:function(data){ var objData = jQuery.parseJSON(data); role_id=objData.role_id; $('#role_id').val(role_id); } }); }); }); </script> <script type="text/javascript"> $(document).ready(function(){ $('#user_name').change(function(){ var user_name=$('#user_name').val(); $.ajax({ type:"POST", url:'<?php echo site_url('yaskawa/user_name_authentication'); ?>', data:{'user_name':user_name}, async:false, success:function(data){ var data = jQuery.parseJSON(data); $("#last_name").val(data.last_name); $("#e_mail").val(data.email_id); } }); }); }); $(document).ready(function(){ $('#email_authentication').focusout(function(){ var email_authentication=$('#email_authentication').val(); if(email_authentication != ""){ $.ajax({ type:"POST", url:'<?php echo site_url('yaskawa/users_email_authentication'); ?>', data:{'email_authentication':email_authentication}, async:false, success:function(data){ var objData = jQuery.parseJSON(data); if(objData.result == 1){ alert("Email Id already exists"); $('#email_authentication').val(""); $('#email_authentication').focus(""); } } }); } }); }); </script> <script> $('#user_details').submit(function(e){ e.preventDefault(); formdata = new FormData($(this)[0]); $.ajax({ type : 'post', url : '<?php echo site_url("yaskawa/added_new_users")?>', data : formdata, contentType: false, processData: false, success:function(response){ resp=jQuery.parseJSON(response); console.log(response); if(resp.result == 1) { alert("Submit successfully"); location.reload(); } else { alert("Something went wrong..Try again"); } } }); }); $('#edit_user_details').submit(function(e){ e.preventDefault(); var role_name=$("#rol_name option:selected").text(); $('#role_idd').val(role_name); formdata = new FormData($(this)[0]); $.ajax({ type : 'post', url : '<?php echo site_url("yaskawa/update_new_users")?>', data : formdata, contentType: false, processData: false, success:function(response){ resp=jQuery.parseJSON(response); console.log(response); if(resp.result == 1) { alert("Updated successfully"); location.reload(); } else { alert("Something went wrong..Try again"); } } }); }); </script> <script type="text/javascript"> function display(key){ var person_detsial=$('.person_detsial'+key).val(); $.ajax({ type:'POST', data:{'user_id':person_detsial}, url:'<?php echo site_url('yaskawa/details'); ?>', success:function(data){ var objData = jQuery.parseJSON(data); name=objData.user_name; email=objData.email; phone=objData.Phone; designation=objData.role; image=objData.profile_pick; $('#name').html(name); $('#email').html(email); $('#designation').html(designation); $('#phone').html(phone); var img='<img class="media-object dp img-circle" src="<?php echo base_url();?>/profile_pictures/'+image+'" style="width: 100px;height:100px;margin-top:-28px;">'; $('.pro').html(img); } }); } </script> <style type="text/css"> .breadcrumb { background-color: transparent; line-height: 20px; margin: -10px 22px 0 12px; padding: 0; font-size: 13px; color: #333; border-radius: 0; } </style> <script type="text/javascript"> $(".add_new").click(function () { $("#maintable").each(function () { var tds = '<tr>'; jQuery.each($('tr:last td', this), function () { tds += '<td>' + $(this).html() + '</td>'; }); tds += '</tr>'; if ($('tbody', this).length > 0) { $('tbody', this).append(tds); } else { $(this).append(tds); } }); }); </script> <style> .admin_name p{ margin: 0 0 2px !important; } input[type=checkbox], input[type=radio] { margin: 18px 3px 0px -20px !important; } .side_ul li{ padding-bottom:20px; } .media { /*box-shadow:0px 0px 4px -2px #000;*/ margin: 20px 0; padding:30px; } .dp { border:10px solid #eee; transition: all 0.2s ease-in-out; } .dp:hover { border:2px solid #eee; transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); /*-webkit-font-smoothing:antialiased;*/ } .selectpicker { background-color: #438EB9 !important; } .selectpicker:hover { background-color: #438EB9 !important; } .selectpicker:focus { background-color: #438EB9 !important; } ul.selectpicker { background-color: #ffffff !important; } ul.selectpicker:hover { background-color: #ffffff !important; } .open > .btn.dropdown-toggle { background-color: #438EB9 !important; } .open > .btn.dropdown-toggle:hover { background-color: #438EB9 !important; } div.dropdown-menu { max-height: 153.3px; overflow-y: scroll; min-height: 132.7px; margin-left: 14px; min-width: 93% !important; } </style> <?php $this->load->view('includes/admin_footer');?>