File manager

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

Back
<?php include('cfg/db.php'); // include('app/security/security.php'); if(!isset($_SESSION['user']['id'])){ header('location:signin.php'); } if(!(isset($global_action_permissions['4']['21']) && in_array("1", $global_action_permissions['4']['21']))){ header('location:signin.php'); } ?> <!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']; ?> \| Department Settings</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"> <!-- Toastr --> <link rel="stylesheet" href="plugins/toastr/toastr.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; } fieldset{ margin-left: 2px; margin-right: 2px; padding-top: 0.35em; padding-bottom: 0.625em; padding-left: 0.75em; padding-right: 0.75em; border: 1px solid gray; border-radius: 3%; } legend{ font-size: 100%; font-weight: bold; color: blue; } .span-labels{ font-size: 90%; font-style: italic; } .span-values{ font-size: 90%; } </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>Department Settings</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">Department Settings</li> </ol> </div> </div> </div> </section> <section id="" class="content"> <div class="container-fluid"> <div class="card card-primary card-tabs"> <div class="card-header p-0 pt-1"> <ul class="nav nav-tabs" id="custom-tabs-one-tab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="custom-tabs-one-add-tab" data-toggle="pill" href="#custom-tabs-one-add" role="tab" aria-controls="custom-tabs-one-add" aria-selected="true">Add</a> </li> <li class="nav-item"> <a class="nav-link" id="custom-tabs-one-designate-tab" data-toggle="pill" href="#custom-tabs-one-designate" role="tab" aria-controls="custom-tabs-one-designate" aria-selected="false">Designation</a> </li> <li class="nav-item"> <a class="nav-link" id="custom-tabs-one-modify-tab" data-toggle="pill" href="#custom-tabs-one-modify" role="tab" aria-controls="custom-tabs-one-modify" aria-selected="false">Modification</a> </li> <li class="nav-item"> <a class="nav-link" id="custom-tabs-one-settings-tab" data-toggle="pill" href="#custom-tabs-one-settings" role="tab" aria-controls="custom-tabs-one-settings" aria-selected="false">Settings</a> </li> </ul> </div> <div class="card-body"> <div class="tab-content" id="custom-tabs-one-tabContent"> <div class="tab-pane fade show active" id="custom-tabs-one-add" role="tabpanel" aria-labelledby="custom-tabs-one-add-tab"> <div class="row"> <div class="col-md-6 mx-0 my-0"> <div class="col-sm-12"> <fieldset class="card"> <legend>Department</legend> <div class="card-body"> <!--<form id="form-add-department">--> <div class="row"> <div class="col-sm-6"> <div class="form-group"> <div class="form-group dropdown-input" > <input type="text" name="new-department-code" id="new-department-code" placeholder="Department code" class="form-control form-control-sm"> </div><!--form-group dropdown--> </div><!--form-group--> </div> </div> <div class="row"> <div class="col-sm-12"> <div class="form-group"> <div class="form-group dropdown-input" > <input type="text" name="new-department-name" id="new-department-name" placeholder="Department name" class="form-control form-control-sm"> </div><!--form-group dropdown--> </div><!--form-group--> </div> </div><!--row--> <div class="row"> <div class="col-md-12"> <div class="form-group"> <input type="button" name="submit-department" id="submit-department" value="Add Department" class="float-right btn btn-success"> </div><!--form-group--> </div><!--form-group--> </div> <br> <div class=""> <div class="alert alert-info" role="alert" id="error-alert-department" style="display: none;"> <span id="error-icon-department" class="icon fas fa-info"></span> <span id="alert-message-department"></span></a> </div> </div> <!--</form>--> </div><!--card-body--> </fieldset><!--card--> </div> </div> <div class="col-md-6 mx-0 my-0"> <div class="col-sm-12"> <fieldset class="card"> <legend>Position</legend> <div class="card-body"> <!--<form id="form-add-position" >--> <div class="row"> <div class="col-sm-12"> <div class="form-group"> <div class="form-group dropdown-input" > <input type="text" name="new-position-name" id="new-position-name" placeholder="Position name" class="form-control form-control-sm"> </div><!--form-group dropdown--> </div><!--form-group--> </div> </div><!--row--> <div class="row"> <div class="col-md-12"> <div class="form-group"> <input type="submit" name="submit-position" id="submit-position" value="Add Position" class="float-right btn btn-success"> </div><!--form-group--> </div><!--form-group--> </div> <br> <div class=""> <div class="alert alert-info" role="alert" id="error-alert-position" style="display: none;"> <span id="error-icon-position" class="icon fas fa-info"> </span> <span id="alert-message-position"></span> </div> </div> <!--</form>--> </div><!--card-body--> </fieldset><!--card--> </div> </div> </div><!--row--> </div> <div class="tab-pane fade" id="custom-tabs-one-designate" role="tabpanel" aria-labelledby="custom-tabs-one-designate-tab"> <div style="height: 100%;"> <div class="card-body"> <!-- <div class="col-sm-3"> <fieldset class="card"> <legend>Type</legend> <div class="row mx-0 my-0"> <div class="custom-control custom-radio mr-2"> <input class="custom-control-input" type="radio" id="radioCustomer" name="customRadio" checked> <label for="radioCustomer" class="custom-control-label">Customer</label> </div> <div class="custom-control custom-radio"> <input class="custom-control-input" type="radio" id="radioEmployee" name="customRadio"> <label for="radioEmployee" class="custom-control-label">Employee</label> </div> </div> </fieldset> </div> --> <div class="row"> <div class="col-sm-7"> <div class="form-group"> <div class="row"> <div class="col-sm-8"> <label>Department</label> </div> <div class="col-sm-4"> <input type="text" name="search-department" id="search-department" placeholder="Search Department" class="form-control form-control-sm"> </div> </div> <div class="mt-1"> <select id="department-list" size="5" class="form-control form-control-sm"> </select> </div> </div> </div> </div> </div> <hr> <div class="card-body"> <div class="row"> <div class="col-sm-6"> <div class="form-group"> <div class="row"> <div class="col-sm-8"> <label id="position-label">No department selected</label> </div> <div class="col-sm-4"> </div> </div> <div class="mt-1"> <select id="positions" size="5" class="form-control form-control-sm"> <?php // $query = "SELECT id, code, name FROM source_position WHERE id != 0 LIMIT 5"; // $department_info = $db->return_result($query); // foreach($department_info as $data){ ?> <option value=" <?php //echo $data['id']; ?> "><?php //echo $data['code'] . " - " . $data['name']; ?></option> <?php // } ?> </select> </div> <br> <input type="submit" name="remove-position-from-department" id="remove-position-from-department" value="Remove position from department" class="float-right btn btn-danger"> <span id="alert-remove-position" style="display: none;"></span> </div> </div> <div class="col-sm-6"> <div class="form-group"> <div class="row"> <div class="col-sm-8"> <div class="row"> <div> <label>Positions:&nbsp</label> </div> <!-- <div class="custom-control custom-radio mr-1"> <input class="custom-control-input" type="radio" id="radioCustomer" name="customRadio"> <label for="radioCustomer" class="custom-control-label">Customer</label> </div> <div class="custom-control custom-radio"> <input class="custom-control-input" type="radio" id="radioEmployee" name="customRadio"> <label for="radioEmployee" class="custom-control-label">Employee</label> </div> --> </div> </div> <div class="col-sm-4"> <input type="text" name="search-position" id="search-position" placeholder="Search position" class="form-control form-control-sm"> </div> </div> <select id="position-list" size="5" class="form-control form-control-sm mt-1"> </select> <br> <input type="submit" name="add-position-to-department" id="add-position-to-department" value="Add position to department" class="float-right btn btn-success"> <span id="alert-add-position" class="mx-0 my-0" style="display: none;"></span> </div> </div> </div> </div><!--card body--> </div> </div> <div class="tab-pane fade" id="custom-tabs-one-modify" role="tabpanel" aria-labelledby="custom-tabs-one-modify-tab"> <div style="height: 100%;"> <div class="card-body"> <div class="row"> <div class="col-sm-4 mt-3"> <div class="form-group"> <div class="row"> <div class="col-sm-8"> <label>Department</label> </div> <div class="col-sm-4"> <input type="text" name="modify-search-department" id="modify-search-department" placeholder="Search" class="form-control form-control-sm"> </div> </div> <div class="mt-1"> <select id="modify-department-list" size="5" class="form-control form-control-sm"> <?php $query = "SELECT ed.id, ed.department_code, ed.department_name FROM employee_department ed WHERE ed.id != 0 AND ed.status = 1 GROUP BY ed.id LIMIT 10"; $department_info = $db->return_result($query); foreach($department_info as $data){ ?> <option value="<?php echo $data['id'];?>"><?php echo $data['department_code'] . " - " . $data['department_name'];?></option> <?php } ?> </select> </div> </div> </div> <div class="col-sm-8"> <fieldset class="card"> <legend>Department Details</legend> <div class="row mb-2"> <div class="col-sm-3"> <div class="form-group form-control-sm"> <label class="lbl-forms mx-0 my-0">Code</label> <input id="details-department-code" type="text" class="lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> <div class="col-sm-9"> <div class="form-group form-control-sm"> <label class="lbl-forms mx-0 my-0">Name</label> <input id="details-department-name" type="text" class="lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> </div> <div class="row"> <div class="col-sm-4 mt-4"> <div class="form-group"> <span class="span-labels"><strong>Added by: &nbsp</strong></span><br> <span id="details-department-added-by" class="span-values"></span> </div> </div> <div class="col-sm-4 mt-4"> <div class="form-group"> <!-- <span class="span-labels"><strong>Last modified by: &nbsp</strong></span><br> <span id="details-department-last-modified-by" class="span-values"></span> --> </div> </div> <!-- <div class="col-sm-4 mt-4"> <div class="form-group"> <span class="span-labels"><strong>Date added: &nbsp</strong></span><br> <span id="details-department-date-added" class="span-values"></span> </div> </div> --> </div> <br> <div class="row"> <div class="col-8"> <div class="alert alert-info" role="alert" id="modify-department-error-alert" style="display: none;"> <span id="modify-department-error-icon" class="icon fas fa-info" style="margin-top: -20%;"> </span> <span id="modify-department-alert-message"></span></a> </div> </div> <div class="col-4"> <div class="form-group"> <input type="button" name="details-update-department" id="details-update-department" value="Update" class="float-right btn btn-success"> </div><!--form-group--> </div> </div> </fieldset> </div> </div> </div> <hr> <div class="card-body"> <div class="row"> <div class="col-sm-4"> <div class="form-group"> <div class="row"> <div class="col-sm-8"> <label>Position</label> </div> <div class="col-sm-4"> <input type="text" name="modify-search-position" id="modify-search-position" placeholder="Search" class="form-control form-control-sm"> </div> </div> <div class="mt-1"> <select id="modify-position-list" size="5" class="form-control form-control-sm"> </select> </div> </div> </div> <div class="col-sm-8"> <fieldset class="card"> <legend>Position Details</legend> <div class="row mb-2"> <div class="col-sm-12"> <div class="form-group form-control-sm"> <label class="lbl-forms mx-0 my-0">Name</label> <input id="details-position-name" type="text" class="lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> </div> <div class="row"> <div class="col-sm-4 mt-4"> <div class="form-group"> <span class="span-labels"><strong>Added by: &nbsp</strong></span><br> <span id="details-position-added-by" class="span-values"></span> </div> </div> <div class="col-sm-4 mt-4"> <div class="form-group"> <!-- <span class="span-labels"><strong>Last modified by: &nbsp</strong></span><br> <span id="details-position-last-modified-by" class="span-values"></span> --> </div> </div> </div> <div class="row"> <div class="col-8"> <div class="alert alert-info" role="alert" id="modify-position-error-alert" style="display: none;"> <span id="modify-position-error-icon" class="icon fas fa-info" style="margin-top: -20%;"> </span> <span id="modify-position-alert-message"></span></a> </div> </div> <div class="col-4"> <div class="form-group"> <input type="button" name="details-update-position" id="details-update-position" value="Update" class="float-right btn btn-success"> </div><!--form-group--> </div> </div> </fieldset> </div> </div> </div> </div> </div> <div class="tab-pane fade" id="custom-tabs-one-settings" role="tabpanel" aria-labelledby="custom-tabs-one-settings-tab"> <fieldset class="card"> <div id="department-table-list" class="table-responsive"> <table id="department-activation-table" class="table table-sm" data-toggle="table" data-url="app/table/department_table_list.php" 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, all]" data-minimum-count-columns="2" data-show-pagination-switch="false" data-pagination="true" data-query-params="queryParamsDepartmentTable" data-click-to-select="true" > <thead> <tr> <th class="main-header-table" data-formatter="" data-field="code">Department Code</th> <th class="main-header-table" data-formatter="" data-field="name">Department Name</th> <th class="main-header-table" data-formatter="" data-field="add_by">Added By</th> <th class="main-header-table" data-align="center" data-formatter="deptStatusFormatter" data-events="roleEventsDepartment" data-field="status">Status</th> </tr> </thead> </table> </fieldset> <fieldset class="card"> <div id="position-table-list" class="table-responsive"> <table id="position-activation-table" class="table table-sm" data-toggle="table" data-url="app/table/position_table_list.php" 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, all]" data-minimum-count-columns="2" data-show-pagination-switch="false" data-pagination="true" data-query-params="queryParamsPositionTable" data-click-to-select="true" > <thead> <tr> <th class="main-header-table" data-formatter="" data-field="name">Position Name</th> <th class="main-header-table" data-formatter="" data-field="add_by">Added By</th> <th class="main-header-table" data-align="center" data-formatter="postStatusFormatter" data-events="roleEventsPosition" data-field="status">Status</th> </tr> </thead> </table> </div> </fieldset> </div> </div> </div><!-- /.card --> </div> </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> <!-- Toastr --> <script src="plugins/toastr/toastr.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 deptStatusFormatter(value, row, index){ var halaga = value; if(halaga == "1"){ return '<input class="compStatus" name="compStatus" id="compStatus" type="checkbox" checked>'; } else if(halaga == "0"){ return '<input class="compStatus" name="compStatus" id="compStatus" type="checkbox">'; } } function postStatusFormatter(value, row, index){ var halaga = value; if(halaga == "1"){ return '<input class="dealStatus" name="dealStatus" type="checkbox" checked>'; } else if(halaga == "0"){ return '<input class="dealStatus" name="dealStatus" type="checkbox">'; } } var roleEventsDepartment = { 'click :checkbox': function (e, value, row, index) { var get_id = row.id; $.ajax({ url:"app/department_position/update_department_status.php", method:"POST", data: {id: get_id, status: value}, success:function(data) { var $table = $('#department-activation-table') $(function() { $table.bootstrapTable('refresh') }) } }); } }; var roleEventsPosition = { 'click :checkbox': function (e, value, row, index) { // alert(row.id) // 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/department_position/update_position_status.php", method:"POST", data: {id:row.id, status:value}, success:function(data) { var $table = $('#position-activation-table') $(function() { $table.bootstrapTable('refresh') }) } }); } }; </script> <script> function queryParamsDepartmentTable(params) { return { search: params.search, offset: params.offset, limit: params.limit }; } function queryParamsPositionTable(params) { return { search: params.search, offset: params.offset, limit: params.limit }; } function initTableDepartment() { var $table = $('#department-activation-table') $table.bootstrapTable('destroy').bootstrapTable({ }) } $(function() { initTableDepartment() }) function initTablePosition() { var $table = $('#position-activation-table') $table.bootstrapTable('destroy').bootstrapTable({ }) } $(function() { initTablePosition() }) </script> <script> var department_selected = ""; var position_selected = ""; var selected_remove_position = ""; </script> <script> $('#add-position-to-department').click(function(){ if(position_selected == ""){ toastr.remove(); toastr.error("Please select a position to be added"); return; } if(department_selected == ""){ toastr.remove(); toastr.error("Please select a department"); return; } $.ajax({ url:"app/department_position/designate_position.php", type:"POST", dataType: 'json', data: { position_id: position_selected, department_id: department_selected }, beforeSend:function(){ }, success: function(result){ if(result.status == 0){ toastr.remove(); toastr.error("Position already in department"); return; } else if(result.status == 1){ toastr.remove(); toastr.success("Position added successfully"); position_selected = ""; // type = -1; // $('#radioCustomer').prop('checked', false); // $('#radioEmployee').prop('checked', false); unselectPositionList(); loadPositionList(1); $.ajax({ url:"app/department_position/update_position_designation.php", type:"POST", data: { id: department_selected }, beforeSend:function(){ }, success: function(result){ //$('#position-label').text("Positions of " + value); $('#positions').html(''); $('#positions').append("\"" + result + "\""); } }); return; } } }); }) function unselectDepartmentList(){ document.getElementById("department-list").selectedIndex = -1; } function unselectPositionList(){ document.getElementById("position-list").selectedIndex = -1; } function unselectPositions(){ document.getElementById("positions").selectedIndex = -1; } $('#remove-position-from-department').click(function(){ if(department_selected == ""){ toastr.remove(); toastr.error("Select department first to view it\'s position(s)"); return; } if(selected_remove_position == ""){ toastr.remove(); toastr.error("Please select a position to be removed"); return; } $.ajax({ url:"app/department_position/remove_position.php", type:"POST", dataType: 'json', data: { position_id: selected_remove_position, department_id: department_selected }, beforeSend:function(){ }, success: function(result){ if(result.status == 0){ toastr.remove(); toastr.error("Something went wrong. Position record can\'t find. Try reloading this page"); return; } if(result.status == 1){ toastr.remove(); toastr.success("Position removed"); selected_remove_position = ""; unselectPositions(); $.ajax({ url:"app/department_position/update_position_designation.php", type:"POST", data: { id: department_selected }, beforeSend:function(){ }, success: function(result){ //$('#position-label').text("Positions of " + value); $('#positions').html(''); $('#positions').append("\"" + result + "\""); } }); loadPositionList(0); return; } } }); }) </script> <script> $(document).ready(function(){ $('#positions').html(''); //$('#details-department-state').trigger('change'); //$('#details-position-state').trigger('change'); }) </script> <script> function loadDepartmentList(){ $.ajax({ url:"app/department_position/load_department_list.php", type:"POST", //data: {type: type}, beforeSend:function(){ }, success: function(result){ //$('#position-label').text("No department selected"); $('#positions').html(''); $('#department-list').html(''); $('#department-list').append("\"" + result + "\""); } }); } function loadPositionList(type){ var load_type = type; $.ajax({ url:"app/department_position/load_position_list.php", type:"POST", data: { type: load_type }, beforeSend: function(){ }, success: function(result){ //$('#position-label').text("No department selected"); //$('#positions').html(''); $('#position-list').html(''); $('#position-list').append("\"" + result + "\""); } }); } </script> <script> $('#department-list').change(function(){ var value = $(this).find("option:selected").text(); department_selected = $(this).val(); $.ajax({ url:"app/department_position/update_position_designation.php", type:"POST", data: { id: department_selected }, beforeSend:function(){ }, success: function(result){ $('#position-label').text("Positions of " + value); $('#positions').html(''); $('#positions').append("\"" + result + "\""); } }); }) $('#position-list').change(function(){ var value = $(this).find("option:selected").text(); var selected_position = $(this).val(); //var samplee = selected_position.text(); position_selected = selected_position; //alert(samplee); }) $('#positions').change(function(){ var value = $(this).find("option:selected").text(); var remove_position = $(this).val(); selected_remove_position = remove_position; }) </script> <script> $("#submit-department").click(function(){ var department_name = $('#new-department-name').val(); var department_code = $('#new-department-code').val(); if(department_name == "" \|\| department_code == ""){ toastr.remove(); toastr.error("Dept. name and code must not be empty"); return; } else { $.ajax({ url:"app/department_position/add_department.php", type:"POST", dataType: 'json', data: { department_name: department_name, department_code: department_code }, beforeSend:function(){ toastr.remove(); toastr.info("Adding department, please wait..."); }, success: function(result) { if(result.status == 0){ toastr.remove(); toastr.error("Department name duplicate"); return; } if(result.status == 1){ toastr.remove(); toastr.error("Department code duplicate"); return; } if(result.status == 2){ toastr.remove(); toastr.success("Department successfully added"); return; //loadDepartmentList(); $('#new-department-name').val(""); $('#new-department-code').val(""); } // $('#approver-list > tbody').html(''); // $('#approver-list').find('tbody').append(result.approver_list); }, //error: handleError }); } function handleError(xhr, status, error){ remove_alert_bg(); $('#error-icon').addClass("fa-ban"); $('#error-alert').addClass("alert-danger"); $('#alert-message').text("Something went wrong, try again."); $(':submit').attr('disabled', false); } function remove_alert_bg_department(){ $('#error-alert-department').removeClass("alert-success"); $('#error-alert-department').removeClass("alert-danger"); $('#error-alert-department').removeClass("alert-info"); $('#error-icon-department').removeClass("fa-check"); $('#error-icon-department').removeClass("fa-info"); $('#error-icon-department').removeClass("fa-ban"); // $('#success-alert').removeClass("alert-success"); // $('#success-alert').removeClass("alert-danger"); // $('#success-alert').removeClass("alert-info"); // $('#success-icon').removeClass("fa-check"); // $('#success-icon').removeClass("fa-info"); // $('#success-icon').removeClass("fa-ban"); } }); </script> <script> $("#submit-position").click(function(){ var position_name = $('#new-position-name').val(); if(position_name == ""){ toastr.remove(); toastr.error("Position name must not be empty"); return; } else { $.ajax({ url:"app/department_position/add_position.php", type:"POST", dataType: 'json', data: { position_name: position_name }, beforeSend:function(){ toastr.remove(); toastr.info("Adding Position, please wait..."); $('#submit-position').attr('disabled', true); }, success:function(result) { if(result.status == 0){ toastr.remove(); toastr.error("Position name duplicate"); return; } if(result.status == 1){ toastr.remove(); toastr.error("Position code duplicate"); return; } if(result.status == 2){ $("#submit-position").attr("disabled", false); toastr.remove(); toastr.success("Position successfully added"); //loadPositionList(); $('#new-position-name').val(""); $('#new-position-code').val(""); return; } }, //error: handleError }); } function handleError(xhr, status, error){ remove_alert_bg(); $('#error-icon').addClass("fa-ban"); $('#error-alert').addClass("alert-danger"); $('#alert-message').text("Something went wrong, try again."); $(':submit').attr('disabled', false); } function remove_alert_bg_position(){ $('#error-alert-position').removeClass("alert-success"); $('#error-alert-position').removeClass("alert-danger"); $('#error-alert-position').removeClass("alert-info"); $('#error-icon-position').removeClass("fa-check"); $('#error-icon-position').removeClass("fa-info"); $('#error-icon-position').removeClass("fa-ban"); // $('#success-alert').removeClass("alert-success"); // $('#success-alert').removeClass("alert-danger"); // $('#success-alert').removeClass("alert-info"); // $('#success-icon').removeClass("fa-check"); // $('#success-icon').removeClass("fa-info"); // $('#success-icon').removeClass("fa-ban"); } }); </script> <script> $('#search-department').keyup(delay(function (e){ var search_department = $('#search-department').val(); department_selected = ""; $.ajax({ url:"app/department_position/search_department.php", type:"POST", data: {search_item: search_department}, beforeSend:function(){ }, success: function(result){ $('#department-list').html(''); $('#department-list').append("\"" + result + "\""); } }); }, 500)); $('#search-position').keyup(delay(function (e){ var search_position = $('#search-position').val(); position_selected = ""; $.ajax({ url:"app/department_position/search_position.php", type:"POST", data: {search_item: search_position}, beforeSend:function(){ }, success: function(result){ $('#position-list').html(''); $('#position-list').append("\"" + result + "\""); } }); }, 500)); //1 second key release $('#modify-search-department').keyup(delay(function (e){ var search_modify_department = $('#modify-search-department').val(); department_selected = ""; $.ajax({ url:"app/department_position/search_department.php", type:"POST", data: {search_item: search_modify_department}, beforeSend:function(){ }, success: function(result){ $('#modify-department-list').html(''); $('#modify-department-list').append("\"" + result + "\""); } }); }, 500)); $('#modify-search-position').keyup(delay(function (e){ var search_modify_position = $('#modify-search-position').val(); position_selected = ""; $.ajax({ url:"app/department_position/search_position.php", type:"POST", data: {search_item: search_modify_position}, beforeSend:function(){ }, success: function(result){ $('#modify-position-list').html(''); $('#modify-position-list').append("\"" + result + "\""); } }); }, 500)); function delay(callback, ms) { var timer = 0; return function() { var context = this, args = arguments; clearTimeout(timer); timer = setTimeout(function () { callback.apply(context, args); }, ms \|\| 0); }; } </script> <!-------------------------------------------------------------------------------------------------------------------------------------MODIFICATION TAB--> <script> var modify_department_selected = ""; var modify_position_selected = ""; </script> <script> $('#details-update-department').click(function(){ var code = $.trim($('#details-department-code').val()); var name = $.trim($('#details-department-name').val()); if(modify_department_selected == ""){ $('#modify-department-list').css("border", "1px solid #dc3545"); toastr.remove(); toastr.error("Select department to be modified"); return; } if(code == ""){ $('#details-department-code').css("border", "1px solid #dc3545"); $("#details-department-code").focus(); toastr.remove(); toastr.error("Department code cannot be empty"); return; } if(name == ""){ $('#details-department-name').css("border", "1px solid #dc3545"); $("#details-department-name").focus(); toastr.remove(); toastr.error("Department name cannot be empty"); return; } $.ajax({ url:"app/department_position/update_department.php", type:"POST", dataType: 'json', data: { id: modify_department_selected, code: code, name: name }, beforeSend:function(){ $('#details-update-department').attr('disable', true); }, success: function(result){ if(result.status == "0"){ //duplicate code toastr.remove(); toastr.error("Department code already in use"); return; } else if(result.status == "1"){ //duplicate name toastr.remove(); toastr.error("Department name already in use"); return; } else { // success toastr.remove(); toastr.success("Successfully updated"); setColorBorderDepartmentNormal(); loadModifyDepartmentList(); //loadDepartmentList(); } } }); }); function loadModifyDepartmentList(){ $.ajax({ url:"app/department_position/load_department_list.php", type:"POST", //data: {type: type}, beforeSend:function(){ }, success: function(result){ $('#modify-department-list').html(''); $('#modify-department-list').append("\"" + result + "\""); } }); } $('#details-update-position').click(function(){ var name = $.trim($('#details-position-name').val()); if(modify_position_selected == ""){ $('#modify-position-list').css("border", "1px solid #dc3545"); toastr.remove(); toastr.error("Select position to be modified"); return; } if(name == ""){ $('#details-position-name').css("border", "1px solid #dc3545"); $("#details-position-name").focus(); toastr.remove(); toastr.error("Position name cannot be empty"); return; } $.ajax({ url:"app/department_position/update_position.php", type:"POST", dataType: 'json', data: { id: modify_position_selected, name: name }, beforeSend:function(){ $('#details-update-position').attr('disable', true); }, success: function(result){ if(result.status == "0"){toastr.remove(); toastr.error("Position name already in use"); return; } else { // success toastr.remove(); toastr.error("Successfully updated"); return; setColorBorderPositionNormal(); loadModifyPositionList(); loadPositionList(0); } } }); }); function loadModifyPositionList(type){ var loading_type = type; $.ajax({ url:"app/department_position/load_position_list.php", type:"POST", data: {type: loading_type}, beforeSend:function(){ }, success: function(result){ $('#modify-position-list').html(''); $('#modify-position-list').append("\"" + result + "\""); } }); } function setColorBorderDepartmentNormal(){ $('#details-department-code').css("border", ""); $("#details-department-code").blur(); $('#details-department-name').css("border", ""); $("#details-department-name").blur(); $('#modify-department-list').css("border", ""); } function setColorBorderPositionNormal(){ $('#details-position-code').css("border", ""); $("#details-position-code").blur(); $('#details-position-name').css("border", ""); $("#details-position-name").blur(); $('#modify-position-list').css("border", ""); } </script> <script> function removeAlertModifyDepartment(){ $('#modify-department-error-icon').removeClass("fa-check"); $('#modify-department-error-icon').removeClass("fa-info"); $('#modify-department-error-icon').removeClass("fa-ban"); $('#modify-department-error-alert').removeClass("alert-success"); $('#modify-department-error-alert').removeClass("alert-danger"); $('#modify-department-error-alert').removeClass("alert-info"); } function removeAlertModifyPosition(){ $('#modify-position-error-icon').removeClass("fa-check"); $('#modify-position-error-icon').removeClass("fa-info"); $('#modify-position-error-icon').removeClass("fa-ban"); $('#modify-position-error-alert').removeClass("alert-success"); $('#modify-position-error-alert').removeClass("alert-danger"); $('#modify-position-error-alert').removeClass("alert-info"); } </script> <script> $('#modify-department-list').change(function(){ var value = $(this).find("option:selected").text(); modify_department_selected = $(this).val(); $.ajax({ url:"app/department_position/load_modify_department_details.php", type:"POST", dataType: 'json', data: {id: modify_department_selected}, beforeSend:function(){ $('#details-department-code').val(""); $('#details-department-name').val(""); $('#details-department-added-by').text(""); //$('#details-department-last-modified-by').text(""); }, success: function(result){ $('#details-department-code').val(result.code); $('#details-department-name').val(result.name); $('#details-department-added-by').text(result.add_by); //$('#details-department-last-modified-by').text(""); $('#modify-department-list').css("border", ""); setColorBorderDepartmentNormal(); } }); }) $('#modify-position-list').change(function(){ var value = $(this).find("option:selected").text(); modify_position_selected = $(this).val(); $.ajax({ url:"app/department_position/load_modify_position_details.php", type:"POST", dataType: 'json', data: {position_id: modify_position_selected}, beforeSend:function(){ $('#details-position-name').val(""); $('#details-position-added-by').text(""); //$('#details-department-last-modified-by').text(""); }, success: function(result){ $('#details-position-name').val(result.name); $('#details-position-added-by').text(result.add_by); $('#modify-position-list').css("border", ""); setColorBorderPositionNormal(); } }); }) </script> <script> $(function(){ $('.select2').select2() //Initialize Select2 Elements $('.select2bs4').select2({ theme: 'bootstrap4' }) }); $('#details-department-state').on('change', function(event){ event.preventDefault(); var state_id = this.value; $.ajax({ url:"app/misc/get_city.php", method:"POST", data: { state_id: state_id }, cache:false, beforeSend:function(){ $('#details-department-city').attr('disabled', true); }, success:function(data) { $("#details-department-city").html(data); $('#details-department-city').attr('disabled', false); } }) }); $('#details-position-state').on('change', function(event){ event.preventDefault(); var state_id = this.value; $.ajax({ url:"app/misc/get_city.php", method:"POST", data: { state_id: state_id }, cache:false, beforeSend:function(){ $('#details-position-city').attr('disabled', true); }, success:function(data) { $("#details-position-city").html(data); $('#details-position-city').attr('disabled', false); } }) }); </script> <script> $('#custom-tabs-one-add-tab').click(function(){ //loadDepartmentList(); //loadPositionList(); clearModificationTab(); clearDesignationTab(); }); $('#custom-tabs-one-designate-tab').click(function(){ loadDepartmentList(); loadPositionList(1); clearModificationTab(); clearDesignationTab(); }); $('#custom-tabs-one-modify-tab').click(function(){ $('#details-department-state').prop("selectedIndex", 0); $('#details-department-state').trigger('change'); $('#details-position-state').prop("selectedIndex", 0); $('#details-position-state').trigger('change'); loadModifyPositionList(0); }); $('#custom-tabs-one-settings-tab').click(function(){ //loadDepartmentList(); //loadPositionList(0); clearModificationTab(); clearDesignationTab(); }); </script> <script> function clearDesignationTab(){ department_selected = ""; // type = -1; // $('#radioCustomer').prop('checked', false); // $('#radioEmployee').prop('checked', false); unselectDepartmentList(); position_selected = ""; // type = -1; // $('#radioCustomer').prop('checked', false); // $('#radioEmployee').prop('checked', false); unselectPositionList(); $('#position-label').text("No department selected"); $('#search-department').val(""); $('#search-position').val(""); //loadDepartmentList(); //loadPositionList(); } function clearModificationTab(){ $('#details-department-code').val(""); $('#details-department-name').val(""); $('#details-department-address').val(""); $('#details-department-postal').val(""); $('#details-department-added-by').text(""); $('#details-department-last-modified-by').text(""); $('#details-department-date-added').text(""); $('#details-department-state').prop("selectedIndex", 0); $('#details-department-state').trigger('change'); $('#details-position-code').val(""); $('#details-position-name').val(""); $('#details-position-address').val(""); $('#details-position-postal').val(""); $('#details-position-added-by').text(""); $('#details-position-last-modified-by').text(""); $('#details-position-date-added').text(""); $('#details-position-state').prop("selectedIndex", 0); $('#details-position-state').trigger('change'); $('#modify-search-department').val(""); $('#modify-search-position').val(""); loadModifyDepartmentList(); //unselect department loadModifyPositionList(); //unselect position //load all position modify_department_selected = ""; modify_position_selected = ""; } </script> </body> </html>

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