EVOLUTION-NINJA
Edit File: security_control.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> <?php $user_name = $this->session->userdata('admin'); if($user_name=='Admin'){ ?> <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> <?php } ?> <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> </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>Roles</h3> </div> <div class="row"> <div class="row row-form1"> <div class="col-sm-12"> <div class="col-sm-1"> <a data-toggle="modal" href="#myModal" class="fa fa-plus btn btn-primary btn-sm"> New Role</a> </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-12"> <div id="tree_structure"></div> </div> </div> </div> </div><!-- /.page-content --> </div> </div><!-- /.main-content --> <!-- Modal --> <div class="modal" id="myModal"> <div class="modal-dialog"> <form id="security_control"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button> <h4 class="modal-title">New Role :</h4> </div><div class="container"></div> <div class="modal-body"> <div class="row row-form"> <div class=" col-sm-12 col-md-12"> <label class="col-sm-4">Role Name</label> <input type="text" autofocus class="col-sm-8" name="role_name" required="required"> </div> </div> <div class="row row-form"> <div class=" col-sm-12 col-md-12"> <label class="col-sm-4">Report To</label> <input type="text" class="col-sm-7" id="report_to" name="report_to"><a data-toggle="modal" href="#myModal2" class="fa fa-user"></a> </div> </div> <!-- <div class="row row-form"> <div class=" col-sm-12 col-md-12"> <label class="col-sm-4">Share Data with Peers</label> <input type="text" class=" col-sm-8" minlength="3" pattern="^[a-zA-Z\s]*$" name="name" required="required"> </div> </div> --> <!-- <div class=" col-sm-12 col-md-12"> <div class="checkbox" id="zone"> <label class="col-sm-4">Zone </label> <select name="zone" 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">Description</label> <input type="text" class=" col-sm-8" name="description" > </div> </div> </div> <div class="modal-footer"> <!-- <a href="#" data-dismiss="modal" class="btn btn-sm">Cancel</a> --> <!-- <a href="#" class="btn btn-primary btn-sm">Save</a> --> <button type="submit" id="cancel" data-dismiss="modal" class="btn btn-sm">Cancel</button> <button type="submit" class="btn btn-primary btn-sm">Save</button> </div> </div> </form> </div> </div> <div class="modal" id="myModal2" data-backdrop="static"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button> <h4 class="modal-title">Roles List</h4> </div><div class="container"></div> <div class="modal-body"> Please select one role from the list <?php foreach($role_name as $value){ ?> <div class="checkbox"> <label><input type="radio" class="role_list zone_hide zone_show" name="designation" value="<?php echo $value->role_name; ?>" name="optradio"><?php echo $value->role_name; ?></label> </div> <?php } ?> </div> <div class="modal-footer"> <!-- <a href="#" data-dismiss="modal" class="btn btn-sm">Close</a> --> <button type="submit" data-dismiss="modal" class="btn btn-sm">Close</button> </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 --> <!-- 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]--> <!--[Three structure]--> <link rel="stylesheet" type="text/css" href="<?php echo site_url('admin_assets/tree/orgchart.css'); ?>"> <script src="<?php echo base_url('admin_assets/tree/loader.js'); ?>"></script> <!--[end]--> <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> <!-- inline scripts related to this page --> </body> </html> <style> .tree { color:#46CFB0;} .tree li, .tree li > a, .tree li > span { padding: 4pt; border-radius: 4px; } .tree li a { color:#46CFB0; text-decoration: none; line-height: 20pt; border-radius: 4px; } .tree li a:hover { background-color: #34BC9D; color: #fff; } .active { background-color: #34495E; color: white; } .active a { color: #fff; } .tree li a.active:hover { background-color: #34BC9D; } .google-visualization-orgchart-node,.google-visualization-orgchart-node-medium{ padding: 20px 30px; font-size: 12px; font-weight: bold; } </style> <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"> $(document).ready(function(){ tree_structure(); function tree_structure() { $.ajax({ type : 'get', url : '<?php echo site_url("yaskawa/tree_structure")?>', success:function(response){ response=jQuery.parseJSON(response); console.log(response); if(response.result==1) { google.charts.load('current', {packages:["orgchart"]}); google.charts.setOnLoadCallback(drawChart); function drawChart() { var data = new google.visualization.DataTable(); data.addColumn('string', 'Name'); data.addColumn('string', 'Manager'); data.addColumn('string', 'ToolTip'); // For each orgchart box, provide the name, manager, and tooltip to show. $.each(response.tree_structure, function (idx, vx) { // data.addRows([ // [{v:'1', f:'<img style="height: 95px;float:left" src="<?php echo base_url('assets/orgchart/people.png');?>"/><p>Name : Mike</p><p>Age : 25 yrs</p><p>Survival Status : Alive</p>'},'', ''], // [{v:'2',f:'Jim'},'1', ''], // [{v:'3',f:'Alice'},'1', ''], // [{v:'4',f:'Bob'},'2', ''], // [{v:'5',f:'Carol'},'4', ''], // [{v:'6',f:'chaya'},'4', ''] // ]); var var1 = vx.id; var var2 = vx.name; var var3 = vx.parentId; console.log([[{v:var1, f:var2},var3,'']]); data.addRows([[{v:var1, f:var2},var3,'']]); }); // Create the chart. var chart = new google.visualization.OrgChart(document.getElementById('tree_structure')); // Draw the chart, setting the allowHtml option to true for the tooltips. chart.draw(data, {allowHtml:true}); } } } }); } }); </script> <script type="text/javascript"> $(document).ready(function(){ $('#cancel').click(function(){ $("input[name='role_name']").val(''); $("input[name='report_to']").val(''); $("input[name='description']").val(''); }); }); </script> <script type="text/javascript"> $(document).ready(function(){ $('.zone_show').change(function(){ var designation=$("input[name='designation']:checked").val(); if(designation == "Reg Manager"){ $('#zone').show(); }else{ $('#zone').hide(); } }); $('#zone').hide(); }); </script> <script type="text/javascript"> $(".role_list").click(function () { var val = $(this).val(); $("#report_to").val(val); }); </script> <script type="text/javascript"> $(document).ready(function(){ $('#security_control').submit(function(e){ e.preventDefault(); formdata = new FormData($(this)[0]); $.ajax({ type : 'post', url : '<?php echo site_url("add-new-roles")?>', data : formdata, contentType: false, processData: false, success:function(response){ response=jQuery.parseJSON(response); console.log(response); var id = response.id; if(response.result == 1) { alert("This role already exist"); $('#myModal').modal('hide'); location.reload(); } else if(response.result == 2) { window.location.href = '<?php echo site_url('/yaskawa/redirect_roles');?>/'+id; } else { alert('Something went wrong.. try again'); } } }); }); }); </script> <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> <script> $('#category-tabs li a').click(function(){ $(this).next('ul').slideToggle(); $(this).find('i').toggleClass('fa-minus-circle fa-plus-circle ') }); </script> <?php $this->load->view('includes/admin_footer');?>