File manager

File manager - Edit - /home/autoph/public_html/connectv1/role2.php

Back
<?php include('cfg/db.php'); include('app/security/security.php'); if(!isset($_SESSION['user']['id'])){ header('location:signin.php'); } $check_page = new CheckPage(); // $check_page->start($db); ?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title><?php echo $variable['site_name']; ?> \| Roles Setting</title> <!-- Google Font: Source Sans Pro --> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback"> <!-- Font Awesome --> <link rel="stylesheet" href="plugins/fontawesome-free/css/all.min.css"> <!-- Theme style --> <link rel="stylesheet" href="dist/css/adminlte.min.css"> <!-- overlayScrollbars --> <link rel="stylesheet" href="plugins/overlayScrollbars/css/OverlayScrollbars.min.css"> <link href="plugins/bootstrap-table/css/bootstrap-table.min.css" rel="stylesheet"> <!-- daterange picker --> <link rel="stylesheet" href="plugins/daterangepicker/daterangepicker.css"> <!-- iCheck for checkboxes and radio inputs --> <link rel="stylesheet" href="plugins/icheck-bootstrap/icheck-bootstrap.min.css"> <!-- Bootstrap Color Picker --> <link rel="stylesheet" href="plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.min.css"> <!-- Tempusdominus Bootstrap 4 --> <link rel="stylesheet" href="plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css"> <!-- Select2 --> <link rel="stylesheet" href="plugins/select2/css/select2.min.css"> <link rel="stylesheet" href="plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css"> <!-- Bootstrap4 Duallistbox --> <link rel="stylesheet" href="plugins/bootstrap4-duallistbox/bootstrap-duallistbox.min.css"> <!-- BS Stepper --> <link rel="stylesheet" href="plugins/bs-stepper/css/bs-stepper.min.css"> <!-- dropzonejs --> <link rel="stylesheet" href="plugins/dropzone/min/dropzone.min.css"> <!-- Theme style --> <link rel="stylesheet" href="dist/css/adminlte.min.css"> <!-- overlayScrollbars --> <link rel="stylesheet" href="plugins/overlayScrollbars/css/OverlayScrollbars.min.css"> <link href="dist/img/<?php echo $variable['logo']; ?>" rel="icon" /> <style> .form-div { margin-top: 100px; border: 1px solid #e0e0e0; } #profileDisplay { display: block; height: 160px; width: 160px; margin: 0px auto; border-radius: 50%; } .img-placeholder { width: 160px; color: white; height: 160px; background: black; opacity: .7; border-radius: 50%; z-index: 2; position: absolute; left: 50%; transform: translateX(-50%); display: none; } .img-placeholder h4 { margin-top: 40%; color: white; } .img-div:hover .img-placeholder { display: block; cursor: pointer; } table{ cursor: pointer; } table th{ cursor:default; } .modal-dialog { height: 100%; width: 100%; display: flex; align-items: center; } .modal-content { margin: 0 auto; } </style> </head> <body class="hold-transition sidebar-mini text-sm layout-fixed"> <div class="wrapper"> <!-- Preloader --> <div class="preloader flex-column justify-content-center align-items-center" hidden > <img class="animation__shake" src="dist/img/<?php echo $variable['logo']; ?>" alt="<?php echo $variable['logo']; ?>" height="60" width="60"> </div> <!-- INCLUDE HEADER --> <?php include('include/header.php'); ?> <?php include('include/sidebar.php'); ?> <div class="content-wrapper"> <section class="content-header"> <div class="container-fluid"> <div class="row mb-2"> <div class="col-sm-6"> <h1>Roles Setting</h1> </div> <div class="col-sm-6"> <ol class="breadcrumb float-sm-right"> <li class="breadcrumb-item"><a href="home.php">Home</a></li> <li class="breadcrumb-item active">Roles Setting</li> </ol> </div> </div> </div> </section> <section id="role-div" class="content"> <div class="container-fluid"> <div class="card card-primary"> <div class="card-header"> <h3 class="card-title">Role List</h3> </div> <!-- INSERT TABLE HERE --> <div class="card"> <div class="card-body"> <form id="role-form" > <div class="row my-0 mx-0"> <div class="col-md-3"> <!-- text input --> <div class="form-group"> <div class="form-group dropdown-input" > <input type="text" name="role" id="role" class="form-control" placeholder="User role name" maxlength="15" > </div><!--form-group dropdown--> </div><!--form-group--> </div> <div class="col-md-3"> <!-- text input --> <div class="form-group"> <input type="submit" name="submit" id="submit" value="Add" class="btn btn-success"> </div><!--form-group--> </div><!--form-group--> </div><!--row--> <div class="col-md-3 mx-0 my-0"> <div class="alert alert-info" role="alert" id="error-alert" style="display:none;"> <span id="error-icon" class="icon fas fa-info"> </span> <span id="alert-message"> Enter user role name.</span></a> </div> </div> </form> <div id="role-list" class="table-responsive"> <table id="role-table" class= "table table-sm" data-toggle="table" data-url="app/table/role.php" data-pagination="true" data-search="true" data-show-refresh="true" data-show-toggle="true" data-show-columns="false" data-show-columns-toggle-all="false" data-show-export="false" data-side-pagination="server" data-page-list="[10, 25, 50, 100, all]" data-minimum-count-columns="2" data-show-pagination-switch="false" data-pagination="true" data-query-params="queryParams" data-click-to-select="true" > <thead> <tr> <th class="bg-warning" data-formatter="removeFormatter" data-field="action">Remove</th> <th class="bg-warning" data-formatter="editFormatter" data-field="edit">Edit</th> <th class="bg-warning" data-field="name">Role Name</th> <?php $sidemenu = $db -> return_result("SELECT `id`,`name`, `link`, `icon` FROM `settings_side_menu` WHERE status=1 ORDER by `order_no` ASC"); foreach($sidemenu as $data){ $sub_number = $db -> select("SELECT count(*) FROM `settings_side_menu_sub` WHERE `side_menu_id` = '".$data['id']."' and status = 1"); ?> <th class="main-header-table" data-align = "center" data-events="roleEvents" data-formatter="statusFormatter" data-field="<?php echo $data['id'].'-'.$data['name']; ?>"><?php echo $data['name']; ?> </th> <?php if($sub_number > 0 ){ $sidemenusub = $db -> return_result("SELECT id,`name`, `link`, `icon`, `order_no` FROM `settings_side_menu_sub` WHERE `side_menu_id` = '".$data['id']."' and status = 1 ORDER BY `order_no` ASC"); foreach($sidemenusub as $data2){ ?> <th class="sub-header" data-align = "center" data-events="roleEvents" data-formatter="statusFormatter" data-field="<?php echo $data2['id'].'-'.$data2['name']; ?>"><?php echo $data2['name']; ?></th> <?php } } } ?> </tr> </thead> </table> </div><!--employee-list--> <div class="modal fade" id="modal-default"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title">Update Role Name</h4> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <input type="text" class="form-control" id="role-name" name="role-name" placeholder="" value=""> <div class="mt-2"> <div class="alert alert-info" role="alert" id="error-alert-modal" style="display:none;"> <span id="error-icon-modal" class="icon fas fa-info"> </span> <span id="alert-message-modal"> Enter user role name.</span></a> </div> </div> </div> <div class="modal-footer justify-content-between"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <button type="button" class="btn btn-primary" id="save-role-name">Save changes</button> </div> </div> <!-- /.modal-content --> </div> <!-- /.modal-dialog --> </div> <!-- /.modal --> </div><!--card-body--> </div><!--card--> </div><!--card card-primary--> </div><!-- /.container-fluid --> </section> </div> <!--/.content wrapper--> <?php include('include/footer.php'); ?> <aside class="control-sidebar control-sidebar-dark"> </aside> </div> <!-- ./wrapper --> </div> <!-- jQuery --> <script src="plugins/jquery/jquery.min.js"></script> <!-- Bootstrap 4 --> <script src="plugins/bootstrap/js/bootstrap.bundle.min.js"></script> <!-- Select2 --> <script src="plugins/select2/js/select2.full.min.js"></script> <!-- Bootstrap4 Duallistbox --> <script src="plugins/bootstrap4-duallistbox/jquery.bootstrap-duallistbox.min.js"></script> <!-- InputMask --> <script src="plugins/moment/moment.min.js"></script> <script src="plugins/inputmask/jquery.inputmask.min.js"></script> <!-- date-range-picker --> <script src="plugins/daterangepicker/daterangepicker.js"></script> <!-- bootstrap color picker --> <script src="plugins/bootstrap-colorpicker/js/bootstrap-colorpicker.min.js"></script> <!-- Tempusdominus Bootstrap 4 --> <script src="plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js"></script> <!-- Bootstrap Switch --> <script src="plugins/bootstrap-switch/js/bootstrap-switch.min.js"></script> <!-- BS-Stepper --> <script src="plugins/bs-stepper/js/bs-stepper.min.js"></script> <!-- dropzonejs --> <script src="plugins/dropzone/min/dropzone.min.js"></script> <!-- bs-custom-file-input --> <script src="plugins/bs-custom-file-input/bs-custom-file-input.min.js"></script> <!-- AdminLTE App --> <script src="dist/js/adminlte.min.js"></script> <!-- jquery-validation --> <script src="plugins/jquery-validation/jquery.validate.min.js"></script> <script src="plugins/jquery-validation/additional-methods.min.js"></script> <!-- Navigation Highlight --> <script src="dist/js/main.js"></script> <!-- Page specific script --> <script src="plugins/bootstrap-table/js/tableExport.min.js"></script> <script src="plugins/bootstrap-table/js/bootstrap-table.min.js"></script> <script src="plugins/bootstrap-table/js/bootstrap-table-en-US.js"></script> <script src="plugins/bootstrap-table/js/bootstrap-table-export.min.js"></script> <script> function queryParams(params) { return { search: params.search, offset: params.offset, limit: params.limit }; } </script> <script> function initTable() { var $table = $('#role-table') $table.bootstrapTable('destroy').bootstrapTable({ }) } $(function() { initTable() }) function statusFormatter(value, row, index) { var obj = jQuery.parseJSON( value ); var role_status = obj.current_role; var menu_id = obj.role_id; var menu_name = obj.role_name; var type = obj.type; if(role_status == 1){ if(row.id == 1){ return '<input class="status" name="status" type="checkbox" checked disabled>'; }else{ return '<input class="status" name="status" type="checkbox" checked>'; } }else{ return '<input class="status" name="status" type="checkbox" >'; } } function removeFormatter(value, row, index) { if(value == 1 \|\| value == 2){ return "<center><a style='color:gray' title='Remove'><i class='fa fa-trash '></i></a></center>"; }else{ return "<center><a style='color:white' class='remove' title='Remove'><i class='fa fa-trash '></i></a></center>"; } } function editFormatter(value, row, index) { if(value == 1 \|\| value == 2){ return "<center><a style='color:gray' title='Remove'><i class='fa fa-pen '></i></a></center>"; }else{ return "<center><a style='color:white' class='remove' title='Remove'><i class='fa fa-pen '></i></a></center>"; } } var roleEvents = { 'click :checkbox': function (e, value, row, index) { var obj = jQuery.parseJSON(value); var role_status = obj.current_role; var menu_id = obj.role_id; var menu_name = obj.role_name; var type = obj.type; if(parseInt(row.id) == 1 && parseInt(role_status) == 1){ // alert("warning") return; } $.ajax({ url:"app/employee/update_role.php", method:"POST", data: {role_status:role_status,menu_id:menu_id,menu_name:menu_name,role_id:row.id,type:type}, success:function(data) { //alert(data); //window.location.reload(); var $table = $('#role-table') $(function() { $table.bootstrapTable('refresh') }) } }); } }; // var roleDeleteEvents = { // 'click :checkbox': function (e, value, row, index) { // var obj = jQuery.parseJSON(value); // var role_status = obj.current_role; // var menu_id = obj.role_id; // var menu_name = obj.role_name; // var type = obj.type; // var id = $(this).attr('id'); // $.ajax({ // url:"app/employee/update_role.php", // method:"POST", // data: {role_status:role_status,menu_id:menu_id,menu_name:menu_name,role_id:row.id,type:type}, // success:function(data) { // //alert(data); //window.location.reload(); // var $table = $('#role-table') // $(function() { // $table.bootstrapTable('refresh') // }) // } // }); // } // }; </script> <script> var selected_id = 0; var selected_name = ""; $('#role-table').on('click-cell.bs.table', function (field, value, row, $el) { selected_name = $el.name; selected_id = row; $.extend({ confirm: function (title, message, yesText, yesCallback) { $("<div></div>").dialog( { buttons: [{ text: yesText, click: function() { yesCallback(); $( this ).remove(); } }, { text: "Cancel", click: function() { $( this ).remove(); } } ], close: function (event, ui) { $(this).remove(); }, resizable: false, title: title, modal: true }).text(message).parent().addClass("alert"); } }); if (value == "action"){ if(row != "1" && row != "2" ){ if (confirm('Are you sure you want to delete this role level?')) { // Save it! $.ajax({ url:"app/employee/remove_role.php", method:"POST", data: {id:row}, success:function(data) { var $table = $('#role-table') $(function() { $table.bootstrapTable('refresh') }) } }); } else { // Do nothing! } } } if (value == "edit"){ if(row != "1" && row != "2" ){ $('#modal-default').modal('show'); $("#role-name").val(''); $('#modal-default').on('shown.bs.modal', function () { $('#role-name').val($el.name); $('#role-name').focus(); }) } // $('#modal-default').modal('show'); // $('#role-name').focus(); // $('#role-name').val($el.name); // if(row != "1" && row != "2" ){ // $.ajax({ // url:"app/employee/remove_role.php", // method:"POST", // data: {id:row}, // success:function(data) { // var $table = $('#role-table') // $(function() { // $table.bootstrapTable('refresh') // }) // } // }); // } } }); $("#save-role-name").click(function(){ // alert(selected_name); var new_role_name = $.trim($("#role-name").val()); // alert(new_role_name) remove_alert_bg_modal(); if(new_role_name == ''){ $('#error-icon-modal').addClass("fa-ban"); $('#error-alert-modal').addClass("alert-danger"); $('#alert-message-modal').text('Enter user role name'); $('#error-alert-modal').fadeIn(); setTimeout(function () { $('#error-alert-modal').fadeOut()}, 3000); return; } if(new_role_name == selected_name){ $('#error-icon-modal').addClass("fa-check"); $('#error-alert-modal').addClass("alert-success"); $('#alert-message-modal').text('No change saved'); $('#error-alert-modal').fadeIn(); setTimeout(function () { $('#error-alert-modal').fadeOut(); $('#modal-default').modal('hide'); }, 500); return; } $.ajax({ url: "app/employee/update_role_name.php", method:"POST", dataType: 'json', data: {selected_id:selected_id,selected_name:selected_name,new_role_name:new_role_name}, beforeSend:function(){ $('#error-icon-modal').addClass("fa-info"); $('#error-alert-modal').addClass("alert-info"); $('#error-alert-modal').fadeIn(); $('#alert-message-modal').text(" Updating role name..."); $('#save-role-name').attr('disabled', true); }, success: function (result) { if(parseInt(result.status) == 0){ remove_alert_bg(); $('#error-icon-modal').addClass("fa-ban"); $('#error-alert-modal').addClass("alert-danger"); $('#alert-message-modal').text(result.message); $('#save-role-name').attr('disabled', false); setTimeout(function () { $('#error-alert-modal').fadeOut()}, 3000); }else if(parseInt(result.status) == 1){ $("#role-name").val(''); remove_alert_bg_modal(); $('#error-icon-modal').addClass("fa-check"); $('#error-alert-modal').addClass("alert-success"); $('#alert-message-modal').text(result.message); $('#save-role-name').attr('disabled', false); var $table = $('#role-table') $(function() { $table.bootstrapTable('refresh') }) setTimeout(function () { $('#error-alert-modal').fadeOut() $('#modal-default').modal('hide'); }, 500); } }, error: handleErrorModal }); }); function handleErrorModal(xhr, status, error){ //Handle failure here remove_alert_bg_modal(); $('#error-icon-modal').addClass("fa-ban"); $('#error-alert-modal').addClass("alert-danger"); $('#alert-message-modal').text("Error has been occurred."); $('#save-role-name').attr('disabled', false); setTimeout(function () { $('#error-alert-modal').fadeOut()}, 3000); } function remove_alert_bg_modal(){ $('#error-alert-modal').removeClass("alert-success"); $('#error-alert-modal').removeClass("alert-danger"); $('#error-alert-modal').removeClass("alert-info"); $('#error-icon-modal').removeClass("fa-check"); $('#error-icon-modal').removeClass("fa-info"); $('#error-icon-modal').removeClass("fa-ban"); } </script> <script> $("#role-form").submit(function(event){ event.preventDefault(); remove_alert_bg(); var role_name = $.trim($("#role").val()); if(role_name == ''){ $('#error-icon').addClass("fa-ban"); $('#error-alert').addClass("alert-danger"); $('#alert-message').text('Enter user role name'); $('#error-alert').fadeIn(); setTimeout(function () { $('#error-alert').fadeOut()}, 3000); return; } $.ajax({ url: "app/employee/add_role.php", data:new FormData(this), type: "POST", dataType: 'json', contentType:false, cache:false, processData:false, beforeSend:function(){ $('#error-icon').addClass("fa-info"); $('#error-alert').addClass("alert-info"); $('#error-alert').fadeIn(); $('#alert-message').text(" Adding user role, please wait..."); }, success: function (result) { if(parseInt(result.status) == 0){ remove_alert_bg(); $('#error-icon').addClass("fa-ban"); $('#error-alert').addClass("alert-danger"); $('#alert-message').text(result.message); setTimeout(function () { $('#error-alert').fadeOut()}, 3000); }else if(parseInt(result.status) == 1){ $("#role").val(''); remove_alert_bg(); $('#error-icon').addClass("fa-check"); $('#error-alert').addClass("alert-success"); $('#alert-message').text(result.message); var $table = $('#role-table') $(function() { $table.bootstrapTable('refresh') }) setTimeout(function () { $('#error-alert').fadeOut()}, 3000); } }, error: handleError }); }); function handleError(xhr, status, error){ //Handle failure here remove_alert_bg(); $('#error-icon').addClass("fa-ban"); $('#error-alert').addClass("alert-danger"); $('#alert-message').text("Error has been occurred."); $('#submit').attr('disabled', false); setTimeout(function () { $('#error-alert').fadeOut()}, 3000); } function remove_alert_bg(){ $('#error-alert').removeClass("alert-success"); $('#error-alert').removeClass("alert-danger"); $('#error-alert').removeClass("alert-info"); $('#error-icon').removeClass("fa-check"); $('#error-icon').removeClass("fa-info"); $('#error-icon').removeClass("fa-ban"); } </script> <script> $(document).ready(function(){ $('.main-header-table').addClass("bg-primary"); // color name $('.main-header-table').css("font-weight","normal"); // color name $('.sub-header').addClass("bg-success"); // color name $('.sub-header').css("font-weight","normal"); // color name }); </script> </body> </html>

| ver. 1.4 | . | PHP 7.3.33 | Generation time: 0 | proxy | phpinfo | Settings