File manager

File manager - Edit - /home/autoph/public_html/connectv1/rolev1.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); $filter_data = false; if(isset($_GET['value'] )){ $filter_value = $db -> escape(trim($_GET['value'])); $filter_data = true; } ?> <!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="form-group row my-1"> <div class = "mr-1"> <span class=" align-middle col-form-label font-weight-bold">Filter</span> </div> <div class=""> <select name="filter-data" id="filter-data" class="form-control form-control" style="width: 100%;"> <option value="0" >Pending</option> <option value="1" >Approved</option> <option value="2" >Declined</option> <option value="3" >Expired</option> </select> </div> </div> --> <div class="form-group row mr-2"> <div class="mr-1"> <span class=" align-middle col-form-label font-weight-bold">Filter</span> </div> <div class=""> <!-- text input --> <div class="form-group"> <div class="form-group dropdown-input"> <!-- <select name="filter-data" id="filter-data" class="form-control form-control" style="width: 100%;"> <option value="0" >Pending</option> <option value="1" >Approved</option> <option value="2" >Declined</option> <option value="3" >Expired</option> </select> --> <select name="filter-data" id="filter-data" class="form-control form-control" style="width: 100%;"> <?php $company = $db -> return_result("SELECT `id`, `name` FROM `employee_role` WHERE status = 1 ORDER BY name ASC"); foreach($company as $data){ if($filter_data){ if($data['name'] == $filter_value){ echo "<option value='{$data['id']}' selected>".$data['name']."</option>"; }else{ echo "<option value='{$data['id']}' >".$data['name']."</option>"; } }else{ echo "<option value='{$data['id']}' >".$data['name']."</option>"; } } ?> </select> </div> <!--form-group dropdown--> </div> <!--form-group--> </div> </div> <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="New user role" 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="" data-pagination="true" data-search="true" data-show-refresh="true" data-show-toggle="false" 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-formatter="nameFormatter" 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> <!-- overlayScrollbars --> <script src="plugins/overlayScrollbars/js/jquery.overlayScrollbars.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> var selected_role_type = ''; refreshTable(); $(document).ready(function() { $('#filter-data').on('change', function(event) { refreshTable(); }); }); function refreshTable() { var $table = $('#role-table') $(function() { $table.bootstrapTable('refresh', { url: 'app/table/role1.php' }); }) } </script> <script> function queryParams(params) { var role_id = $("#filter-data").val(); return { search: params.search, offset: params.offset, limit: params.limit, role_id: role_id }; } </script> <script> function initTable() { var $table = $('#role-table') $table.bootstrapTable('destroy').bootstrapTable({ }) } $(function() { initTable() }) function statusFormatter(value, row, index) { // return value; var obj = jQuery.parseJSON(value); var role_status = obj.current_role; //access var role_status_view_own = obj.current_role_view_own; //view own var role_status_create = obj.current_role_create; //create var role_status_edit = obj.current_role_edit; //edit var role_status_delete = obj.current_role_delete; //remove var menu_id = obj.role_id; var menu_name = obj.role_name; var type = obj.type; var returnCheckBox = ''; if (role_status == 1) { if (row.id == 1) { returnCheckBox = returnCheckBox + '<input class="status" name="status" onClick="getCheck(\'access\')" value="access" type="checkbox" checked disabled> <br> <label class="mb-0" style="white-space: nowrap;">View</label> <hr class="mx-0 my-0">' } else { returnCheckBox = returnCheckBox + '<input class="status" name="status" onClick="getCheck(\'access\')" value="access" type="checkbox" checked> <br> <label class="mb-0" style="white-space: nowrap;">View</label> <hr class="mx-0 my-0">' } } else { returnCheckBox = returnCheckBox + '<input class="status" name="status" onClick="getCheck(\'access\')" value="access" type="checkbox"> <br> <label class="mb-0" style="white-space: nowrap;">View</label> <hr class="mx-0 my-0">' } if (role_status_view_own == 1) { if (row.id == 1) { returnCheckBox = returnCheckBox + '<input class="status" name="status" onClick="getCheck(\'view_own\')" value="view_own" type="checkbox" checked disabled> <br> <label class="mb-0" style="white-space: nowrap;">View Own</label> <hr class="mx-0 my-0">' } else { returnCheckBox = returnCheckBox + '<input class="status" name="status" onClick="getCheck(\'view_own\')" value="view_own" type="checkbox" checked> <br> <label class="mb-0" style="white-space: nowrap;">View Own</label> <hr class="mx-0 my-0">' } } else { returnCheckBox = returnCheckBox + '<input class="status" name="status" onClick="getCheck(\'view_own\')" value="view_own" type="checkbox"> <br> <label class="mb-0" style="white-space: nowrap;">View Own</label> <hr class="mx-0 my-0">' } if (role_status_create == 1) { if (row.id == 1) { returnCheckBox = returnCheckBox + '<input class="status" name="status" onClick="getCheck(\'create\')" value="create" type="checkbox" checked disabled> <br> <label class="mb-0" style="white-space: nowrap;">Create</label> <hr class="mx-0 my-0">' } else { returnCheckBox = returnCheckBox + '<input class="status" name="status" onClick="getCheck(\'create\')" value="create" type="checkbox" checked> <br> <label class="mb-0" style="white-space: nowrap;">Create</label> <hr class="mx-0 my-0">' } } else { returnCheckBox = returnCheckBox + '<input class="status" name="status" onClick="getCheck(\'create\')" value="create" type="checkbox"> <br> <label class="mb-0" style="white-space: nowrap;">Create</label> <hr class="mx-0 my-0">' } if (role_status_edit == 1) { if (row.id == 1) { returnCheckBox = returnCheckBox + '<input class="status" name="status" onClick="getCheck(\'edit\')" value="edit" type="checkbox" checked disabled> <br> <label class="mb-0" style="white-space: nowrap;">Edit</label> <hr class="mx-0 my-0">' } else { returnCheckBox = returnCheckBox + '<input class="status" name="status" onClick="getCheck(\'edit\')" value="edit" type="checkbox" checked> <br> <label class="mb-0" style="white-space: nowrap;">Edit</label> <hr class="mx-0 my-0">' } } else { returnCheckBox = returnCheckBox + '<input class="status" name="status" onClick="getCheck(\'edit\')" value="edit" type="checkbox"> <br> <label class="mb-0" style="white-space: nowrap;">Edit</label> <hr class="mx-0 my-0">' } if (role_status_delete == 1) { if (row.id == 1) { returnCheckBox = returnCheckBox + '<input class="status" name="status" onClick="getCheck(\'delete\')" value="delete" type="checkbox" checked disabled> <br> <label class="mb-0" style="white-space: nowrap;">Remove</label> <hr class="mx-0 my-0">' } else { returnCheckBox = returnCheckBox + '<input class="status" name="status" onClick="getCheck(\'delete\')" value="delete" type="checkbox" checked> <br> <label class="mb-0" style="white-space: nowrap;">Remove</label> <hr class="mx-0 my-0">' } } else { returnCheckBox = returnCheckBox + '<input class="status" name="status" onClick="getCheck(\'delete\')" value="delete" type="checkbox"> <br> <label class="mb-0" style="white-space: nowrap;">Remove</label> <hr class="mx-0 my-0">' } return returnCheckBox; } 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 nameFormatter(value, row, index) { return '<center><label class="" style="white-space: nowrap;">' + value + '</label></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>"; } } function getCheck(value) { selected_role_type = value; //alert(value) } var roleEvents = { 'click :checkbox': function(e, value, row, index) { // var checkedValue = $(this).attr("value"); // var checkedValue =document.querySelector('.status').checked; // var checkedValue = document.querySelector('.status:checked').value; // var checkedValue = $('.status:checked').val(); var obj = jQuery.parseJSON(value); // alert(selected_role_type) var role_status = obj.current_role; //access var role_status_view_own = obj.current_role_view_own; //view own var role_status_create = obj.current_role_create; //create var role_status_edit = obj.current_role_edit; //edit var role_status_delete = obj.current_role_delete; //remove var role_type = selected_role_type; 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_role1.php", method: "POST", data: { role_type: role_type, role_status: role_status, role_status_view_own: role_status_view_own, role_status_create: role_status_create, role_status_edit: role_status_edit, role_status_delete: role_status_delete, menu_id: menu_id, menu_name: menu_name, role_id: row.id, type: type }, success: function(data) { //alert(data); //window.location.reload(); refreshTable(); //return; // 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 url = "<?php echo $variable['site_link']; ?>role.php" window.location.href = url; // 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 url = "<?php echo $variable['site_link']; ?>role.php?value=" + role_name; window.location.href = url; // 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