File manager

File manager - Edit - /home/autoph/public_html/data03252025consolidation/resources/views/employees/employee.php

Back
<?php include('cfg/db.php'); if(!isset($_SESSION['user']['id'])){ header('location:signin.php'); } if(!(isset($global_action_permissions['3']) && in_array("1", $global_action_permissions['3']))){ 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']; ?> \| Employees</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"> <!-- Treeview style --> <link rel="stylesheet" href="dist/css/treeview/wijmo.min.css"> <!-- Theme style --> <link rel="stylesheet" href="dist/css/adminlte.min.css"> <link href="dist/img/<?php echo $variable['logo']; ?>" rel="icon" /> <style> #customer-modal-tab .nav-link.active, .nav-item.active { color: rgb(0 123 255); border-bottom: 1px solid rgb(0 123 255) !important; } .custom-badge { padding: .30em .4em; position: absolute; top: 9px; font-weight: 500; line-height: 0.6; } #children-list-table .bootstrap-datetimepicker-widget { position: relative !important; /* height: 200px; / top: 0px !important; } .fixed-table-width { table-layout: fixed; width: 100px; } .fixed-table-width td { / border: 1px solid green; / overflow: hidden; } / Chrome, Safari, Edge, Opera / input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } / Firefox / input[type=number] { -moz-appearance: textfield; } .no-border-card { box-shadow: 0 0 1px rgba(0, 0, 0, .125), 0 1px 3px rgba(0, 0, 0, 0); } .big-letter { text-transform: uppercase; } / .nav-link.active { font-weight: bold; } / .badge { font-size: 85%; } table.fixed { table-layout: fixed; } table.fixed td { overflow: hidden; } .hidden { display: none; } .btnRemove { display: visible; } table { cursor: pointer; } table th { cursor: default; } .form-div { margin-top: 100px; border: 1px solid #e0e0e0; } #profileDisplay { display: block; height: 160px; width: 160px; margin: 0px auto; border-radius: 50%; } .blue-color { color: blue; } .tab1 { tab-size: 4; } .img-placeholder { width: 160px; color: white; height: 160px; background: none; 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; } 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: 16px; font-weight: bold; color: blue; } .lbl { font-size: 90%; font-weight: normal !important; } .input { font-size: 90%; font-weight: normal !important; background-color: white !important; } .lbl-forms { font-size: 90%; font-weight: bold; } .lbl-forms-sm { font-size: 90%; height: 28px !important; } .input-forms { font-size: 95%; font-weight: normal !important; background-color: white !important; } .span-labels { font-size: 90%; font-style: italic; } .span-values { font-size: 90%; } table { font-size: 90%; } .list-group-item { padding: .25rem .50rem; } .edit-customer { height: 70%; } </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 id="customer-table" class="content"> <div class="container-fluid"> <div class="row"> <div class="col-md mt-3"> <div class="card card-primary"> <div class="card-header"> <h3 class="card-title">Employees</h3> </div> <!-- INSERT TABLE HERE --> <div class="card"> <div class="card-body"> <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="col-sm-2"> <select name="filter-data" id="filter-data" class="form-control form-control-sm form-control form-control-sm-sm" style="width: 100%;"> <option value="1">Active Accounts</option> <option value="0">Inactive Accounts</option> </select> </div> </div> <!-- <div class="row"> <div class="col-sm-2"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mr-2 mb-1" > <label class="dropdown mx-0 my-0" hidden >Data</label> <select name="filter-data" id="filter-data" class="form-control form-control-sm form-control form-control-sm-sm" style="width: 100%;"> <option value="1" >Active Accounts</option> <option value="0" >Inactive Accounts</option> </select> </div> </div> </div> </div> --> <div id="employee-list" class="table-responsive"> <table id="employee-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-size="20" data-page-list="[20, 35, 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 data-align="center" data-formatter="imageFormatter" data-field="photo">Picture</th> <th data-align="center" data-field="employee_id">Employee ID </th> <th data-align="center" data-field="fullname">Name</th> <th data-align="center" data-field="role_name">Role</th> <th data-align="center" data-field="department">Department</th> <th data-align="center" data-field="position">Position</th> <th data-align="center" data-formatter="statusFormatter" data-events="statusEvents" data-field="status">Status</th> </tr> </thead> </table> </div> <!--employee-list--> </div> <!--card-body--> </div> <!--card--> </div> <!--card card-primary--> </div> <!-- col --> </div> <!-- row --> </div><!-- /.container-fluid --> </section> <!-- End content of employee profile --> <section id="customer-data" class="content" style="display:none;"> <div class="container-fluid"> <div class="row"> <div class="col-md mt-3"> <div id="employee-information" class="card card-primary" style="display: ;"> <div class="card-header"> <h3 class="card-title"><button class="btn btn-tool" title="Go to employee table list" type="button" onclick="back()"><i class="fas fa-arrow-alt-circle-left fa-2x"></i></button> Employee Profile </h3> </div> <div class="overlay" id="loader" style="display: none;"> <div class="fas fa-2x fa-sync-alt fa-spin "> </div> <strong><span class="ml-2" id="loading-message"> Loading, please wait...</span></strong> </div> <div class="card-body " style="padding-top: 1.00rem;padding-right: 0rem;padding-left: 0rem;"> <div class="col-12 col-sm-12"> <div class="card card-primary card-outline no-border-card mb-0 card-tabs"> <div class="card-header p-0 pt-1 border-bottom-0"> <div id="app" class=""> <nav class="navbar navbar-expand-md navbar-light mt-0 mb-0 pt-0 pb-0" style="background-color: #ffffff;"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarNav"> <ul class=" nav nav-tabs navbar-nav mr-auto" id="custom-tabs-three-tab" role="tablist"> <li class="nav-item"> <a class="nav-link" id="custom-tabs-three-home-tab" data-toggle="pill" href="#custom-tabs-three-home" role="tab" aria-controls="custom-tabs-three-home" aria-selected="true">Information</a> </li> <li class="nav-item"> <a class="nav-link" id="custom-tabs-three-gallery-tab" data-toggle="pill" href="#custom-tabs-three-gallery" role="tab" aria-controls="custom-tabs-three-gallery" aria-selected="false">Special Access</a> </li> </ul> <ul class="navbar-nav mt-1" id="vehicle-info-button"> <li class="nav-item"> </li> </ul> <ul class="navbar-nav mt-1" id="vehicle-sales-info-button" hidden> <li class="nav-item"> </li> </ul> </div> </nav> </div> </div> <div class="card-body" style="padding-top: 1.00rem;padding-right: .50rem;padding-left: .50rem;"> <div class="tab-content" id="custom-tabs-three-tabContent"> <div class="tab-pane fade" id="custom-tabs-three-home" role="tabpanel" aria-labelledby="custom-tabs-three-home-tab"> <!-- EMPLOYEE INFORMATION HERE --> <form id="update_form" enctype="multipart/form-data"> <div class="row"> <div class="col-md-6"> <div class="card card-primary"> <div class="card-header"> <h3 class="card-title"><button class="btn btn-tool" title="Go to Customer employee list" type="button" onclick="back()"><i class="fas fa-arrow-alt-circle-left fa-2x"></i></button>  <span>Personal Information</span> </h3> </div> <div class="overlay" id="loader" style="display:;"> <div class="fas fa-2x fa-sync-alt fa-spin "> </div> <strong><span class="ml-2" id="loading-message"> Loading, please wait...</span></strong> </div> <div class="card-body"> <div class="form-group text-center" style="position: relative;"> <span class="img-div"> <div class="text-center img-placeholder" onClick="triggerClick()"> <h4>Update image</h4> </div> <img class="profile-user-img img-fluid img-circle" src="dist/img/customer/default.png" onClick="triggerClick()" id="profileDisplay"> </span> <input accept=".png,.jpeg,.jpg" type="file" name="upload_picture" onChange="displayImage(this)" id="upload_picture" class="form-control form-control-sm" style="display: none;"> </div> <!--form-group--> <input type="hidden" name="original-photo" id="original-photo" readonly> <div class="form-group input-group mb-2"> <span><strong>Register Date:  </strong> </span> <span name="date_registered" id="date_registered"> </span> </div> <span><strong>Employee ID</strong></span> <div class="form-group input-group mb-1"> <input type="text" name="employeeid" id="employeeid" class="form-control form-control-sm" placeholder="" maxlength="15"> <div class="input-group-append"> <div class="input-group-text"> <span class="fas fa-user"></span> </div><strong style="color:red;"></strong> </div> </div> <input type="hidden" name="original-employeeid" id="original-employeeid" readonly> <span><strong>First name</strong></span> <div class="form-group input-group mb-1"> <input type="text" name="firstname" id="firstname" class="form-control form-control-sm" placeholder="" maxlength="15"> <div class="input-group-append"> <div class="input-group-text"> <span class="fas fa-user"></span> </div><strong style="color:red;"></strong> </div> </div> <span><strong>Middle name</strong></span> <div class="input-group mb-1"> <input type="text" name="middlename" id="middlename" class="form-control form-control-sm" placeholder="" maxlength="15"> <div class="input-group-append mr-2"> <div class="input-group-text"> <span class="fas fa-user"></span> </div> </div> </div> <span><strong>Last name</strong></span> <div class="input-group mb-1"> <input type="text" name="lastname" id="lastname" class="form-control form-control-sm" placeholder="" maxlength="15"> <div class="input-group-append"> <div class="input-group-text"> <span class="fas fa-user"></span> </div><strong style="color:red;"></strong> </div> </div> <!-- select --> <span><strong>Suffix name</strong></span> <div class="form-group dropdown-input mr-2 mb-1"> <label class="dropdown" hidden>Suffix name</label> <select name="suffixname" id="suffixname" class="form-control form-control-sm"> <?php $suffix = $db -> return_result("SELECT `id`, `suffix_name` FROM `all_suffix` WHERE 1 ORDER BY `id` ASC"); //print_r($clients); foreach($suffix as $data){ echo "<option value='{$data['id']}'>".$data['suffix_name']."</option>"; } ?> </select> </div> <!-- select --> <span><strong>Gender</strong></span> <div class="form-group dropdown-input mr-2 mb-1"> <label class="dropdown" hidden>Gender</label> <select name="gender" id="gender" class="form-control form-control-sm"> <?php $gender = $db -> return_result("SELECT `id`, `gender_name` FROM `all_gender` WHERE `status` = 1 ORDER by `gender_name` DESC"); //print_r($clients); foreach($gender as $data){ echo "<option value='{$data['id']}'>".$data['gender_name']."</option>"; } ?> </select> </div> <!-- Date --> <span><strong>Date of birth</strong></span> <div class="form-group dropdown-input mb-1"> <label class="dropdown" hidden>Date of birth:</label> <div class="input-group date" id="reservationdate" data-target-input="nearest"> <input name="birthday" id="birthday" data-inputmask-alias="datetime" data-inputmask-inputformat="mm/dd/yyyy" data-mask type="text" class="form-control form-control-sm datetimepicker-input" data-target="#reservationdate" /> <div class="input-group-append" data-target="#reservationdate" data-toggle="datetimepicker"> <div class="input-group-text"><i class="fa fa-calendar"></i> </div> </div><strong style="color:red;"></strong> </div> </div> <span><strong>Company</strong></span> <div class="form-group dropdown-input mr-2 mb-1" id="company_div"> <label class="dropdown" hidden>Company</label> <select name="company" id="company" class="form-control form-control-sm select2" style="width: 100%;"> <option value='0' selected> Select Company</option> <?php $company = $db -> return_result("SELECT sc.`id`, sc.`name` FROM `source_company` sc INNER JOIN source_company_dealer scd ON sc.id = scd.company_id WHERE sc.status = 1 AND scd.type = 1 GROUP BY id ORDER by sc.`name` ASC"); foreach($company as $data){ echo "<option value='{$data['id']}'>".$data['name']."</option>"; } ?> </select> </div> <span><strong>Dealer</strong></span> <div class="form-group dropdown-input mr-2 mb-1" id="dealer_div"> <label class="dropdown" hidden>Dealer</label> <select name="dealer" id="dealer" class="form-control form-control-sm select2" style="width: 100%;"> </select> </div> <span><strong>Department</strong></span> <div class="form-group dropdown-input mr-2 mb-1" id="department_div"> <label class="dropdown" hidden>Department</label> <select name="department" id="department" class="form-control form-control-sm select2" style="width: 100%;"> <option value='0' selected> Select Department</option> <?php $department = $db -> return_result("SELECT `id`, `department_name` FROM `employee_department` WHERE `status` = 1 ORDER by `department_name` ASC"); foreach($department as $data){ echo "<option value='{$data['id']}'>".$data['department_name']."</option>"; } ?> </select> </div> <span><strong>Position</strong></span> <div class="form-group dropdown-input mr-2 mb-1" id="position_div"> <label class="dropdown" hidden>Position</label> <select name="position" id="position" class="form-control form-control-sm select2" style="width: 100%;"> </select> </div> </div> <!-- /.card-body --> </div> <!-- /.card --> </div> <div class="col-md-6"> <div class="card card-secondary"> <div class="card-header"> <h3 class="card-title">Contact Information </h3> </div> <div class="overlay" id="loader" style="display:;"> <div class="fas fa-2x fa-sync-alt fa-spin "> </div> <strong><span class="ml-2" id="loading-message"> Loading, please wait...</span></strong> </div> <div class="card-body"> <span><strong>Mobile Number 1</strong></span> <div class="input-group mb-1"> <div class="input-group-append"> <div class="input-group-text" style="height:31px;"> <span class="">+63</span> </div> </div> <input oninput="this.value=this.value.slice(0,this.maxLength)" type="number" maxlength="10" name="contactno" id="contactno" class="form-control form-control-sm" placeholder=""> <div class="input-group-append"> <div class="input-group-text"> <span class="fas fa-phone"></span> </div><strong style="color:red;"></strong> </div> </div> <input type="hidden" name="original-contactno" id="original-contactno" readonly> <span><strong>Mobile Number 2</strong></span> <div class="input-group mb-1"> <div class="input-group-append"> <div class="input-group-text" style="height:31px;"> <span class="">+63</span> </div> </div> <input oninput="this.value=this.value.slice(0,this.maxLength)" type="number" maxlength="10" name="contactno2" id="contactno2" class="form-control form-control-sm" placeholder=""> <div class="input-group-append mr-2"> <div class="input-group-text"> <span class="fas fa-phone"></span> </div> </div> </div> <span style="display:none;"><strong>Fax</strong></span> <div style="display:none;" class="input-group mb-1"> <input type="text" name="fax" id="fax" class="form-control form-control-sm" placeholder="" maxlength="15"> <div class="input-group-append mr-2"> <div class="input-group-text"> <span class="fas fa-phone"></span> </div> </div> </div> <span><strong>Home Phone</strong></span> <div class="input-group mb-1"> <input type="text" name="residential" id="residential" class="form-control form-control-sm" placeholder="" maxlength="15"> <div class="input-group-append"> <div class="input-group-text mr-2"> <span class="fas fa-phone"></span> </div> </div> </div> <span><strong>Business Phone</strong></span> <div class="input-group mb-1"> <input type="text" name="business" id="business" class="form-control form-control-sm" placeholder="" maxlength="15"> <div class="input-group-append mr-2"> <div class="input-group-text"> <span class="fas fa-phone"></span> </div> </div> </div> <span><strong>Landline</strong></span> <div class="input-group mb-1"> <input type="text" name="landline" id="landline" class="form-control form-control-sm" placeholder="" maxlength="15"> <div class="input-group-append mr-2"> <div class="input-group-text"> <span class="fas fa-phone"></span> </div> </div> </div> <span><strong>Email Address 1</strong></span> <div class="input-group mb-1"> <span id="validate-email" style="width: 100%; margin-top: .25rem; font-size: 80%; color: #dc3545; display:none;"></span> <input type="email" name="email" id="email" class="form-control form-control-sm" placeholder="" maxlength="30"> <div class="input-group-append"> <div class="input-group-text"> <span class="fas fa-envelope"></span> </div><strong style="color:red;"></strong> </div> </div> <input type="hidden" name="original-email" id="original-email" readonly> <span><strong>Email Address 2</strong></span> <div class="input-group mb-1"> <span id="validate-email2" style="width: 100%; margin-top: .25rem; font-size: 80%; color: #dc3545; display:none;"></span> <input type="email" name="email2" id="email2" class="form-control form-control-sm" placeholder="" maxlength="30"> <div class="input-group-append mr-2"> <div class="input-group-text"> <span class="fas fa-envelope"></span> </div> </div> </div> <span><strong>Address</strong></span> <div class="input-group mb-1"> <input type="text" name="address" id="address" maxlength="100" class="form-control form-control-sm" placeholder=""> <div class="input-group-append mr-2 "> <div class="input-group-text"> <span class="fa fa-map-marker "></span> </div><strong style="color:red;" hidden></strong> </div> </div> <span><strong>State</strong></span> <div class="form-group dropdown-input mr-2 mb-1" id="state_div"> <label class="dropdown" hidden>State</label> <select name="state" id="state" class="form-control form-control-sm select2" style="width: 100%;"> <option value='0' selected> Select State</option> <?php $state = $db -> return_result("SELECT `provCode`,`provDesc` FROM `all_state` WHERE id != '0' ORDER by provDesc ASC"); //print_r($clients); foreach($state as $data){ echo "<option value='{$data['provCode']}'>".$data['provDesc']."</option>"; } ?> </select> </div> <span><strong>City</strong></span> <div class="form-group dropdown-input mr-2 mb-1" id="city_div"> <label class="dropdown" hidden>City</label> <select name="city" id="city" class="form-control form-control-sm select2" style="width: 100%;"> </select> </div> <span><strong>Postal Code</strong></span> <div class="input-group mb-1"> <input oninput="this.value=this.value.slice(0,this.maxLength)" type="number" maxlength="5" name="postal" id="postal" class="form-control form-control-sm" placeholder=""> <div class="input-group-append mr-2"> <div class="input-group-text"> <span class="fa fa-map-marker "></span> </div> </div> </div> </div> <!-- /.card-body --> </div> <!-- /.card --> <div class="card card-info"> <div class="card-header"> <h3 class="card-title">Account Information </h3> </div> <div class="overlay" id="loader" style="display:;"> <div class="fas fa-2x fa-sync-alt fa-spin "> </div> <strong><span class="ml-2" id="loading-message"> Loading, please wait...</span></strong> </div> <div class="card-body"> <span><strong>User Role</strong></span> <div class="form-group dropdown-input mr-2 mb-1" id="position_div"> <label class="dropdown" hidden>Position</label> <select name="access-level" id="access-level" class="form-control form-control-sm select2" style="width: 99%;"> <?php if(isset($_SESSION['user']['employee_role_id']) && intval($_SESSION['user']['employee_role_id']) === 45){ $role = $db -> return_result("SELECT `id`,`name` FROM `employee_role` WHERE status = 1 ORDER BY name ASC"); }else{ $role = $db -> return_result("SELECT `id`,`name` FROM `employee_role` WHERE status = 1 AND id NOT IN (45) ORDER BY name ASC"); } foreach($role as $data){ echo "<option value='{$data['id']}'>".$data['name']."</option>"; } ?> </select> </div> <span><strong>Username</strong></span> <div class="input-group mb-1"> <input type="text" name="username" id="username" class="form-control form-control-sm" placeholder="Username"> <div class="input-group-append mr-2"> <div class="input-group-text"> <span class="fas fa-user"></span> </div><strong style="color:red;"></strong> </div> </div> <input type="hidden" name="original-username" id="original-username" readonly> <span><strong>Password</strong></span> <div class="input-group mb-1"> <span id="pw-not-matched" style="width: 100%; margin-top: .25rem; font-size: 80%; color: #dc3545; display:none;"></span> <input type="password" name="password" id="password" class="form-control form-control-sm" placeholder="Password"> <div class="input-group-append mr-2"> <div class="input-group-text"> <span class="fas fa-lock"></span> </div><strong style="color:red;"></strong> </div> </div> </div> <!-- /.card-body --> </div> <!-- /.card --> </div> </div> <div class="row mb-1"> <div class="col-12"> <div class="alert alert-info float-right" role="alert" id="error-alert" style="display:none;"> <span id="error-icon" class="icon fas fa-info"> </span> <span id="alert-message"> Please Select File.</span></a> </div> </div> <div class="col-12"> <span onclick="back()" href="#" class="btn btn-secondary">Back</span> <input type="submit" name="submit" id="submit" value="Update" class="btn btn-success float-right"> </div> </div> </form> </div> <!--home tab--> <div class="tab-pane fade" id="custom-tabs-three-gallery" role="tabpanel" aria-labelledby="custom-tabs-three-gallery-tab"> <!-- EMPLOYEE COMPANY ACCESS --> <div class="container"> <div class="row"> <div class="col-md-6"> <div id="treeview-checkbox-demo"> <ul> <li>ERA <ul> <li data-value="table">HTML table </li> <li data-value="links">HTML links </li> </ul> </li> <li>DMIS <ul> <li data-value="PHP if..else">PHP if..else</li> <li>PHP Loops <ul> <li data-value="For loop"> For loop</li> <li data-value="While loop"> While loop</li> <li data-value="Do WHile loop"> Do WHile loop</li> </ul> </li> <li>PHP arrays</li> </ul> </li> <li>AUTOLINE <ul> <li data-value="jQuery append"> jQuery append</li> <li data-value="jQuery prepend"> jQuery prepend</li> </ul> </li> </ul> </div> <button type="button" class="btn btn-success" id="show-values">Get Values</button> <pre id="values"></pre> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </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> <!-- treeview --> <script src="dist/js/treeview/logger.js"></script> <script src="dist/js/treeview/treeview.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> <!-- START MULTI ACCESS --> <script> $('#treeview-checkbox-demo').treeview({ debug : true, data : [] }); $('#show-values').on('click', function(){ $('#values').text( $('#treeview-checkbox-demo').treeview('selectedValues') ); }); </script> <!-- END MULTI ACCESS --> <script> $(document).ready(function() { refreshTableCustomer() $('#filter-data').on('change', function(event) { refreshTableCustomer(); }); }); function refreshTableCustomer() { var $table = $('#employee-table') $(function() { $table.bootstrapTable('refresh', { url: 'app/table/employee.php' }); }) } function navigateTabs(tab) { $('#custom-tabs-three-home-tab').addClass('active') $('#custom-tabs-three-home').addClass('active') $('#custom-tabs-three-home').addClass('show') $('#customer-vehicle-button').show(); } function statusFormatter(value, row, index) { if (row.status == 1) { return '<input id="' + row.employee_id + '" class="status" name="status" type="checkbox" checked>'; } else { return '<input id="' + row.employee_id + '" class="status" name="status" type="checkbox">'; } } function imageFormatter(value, row, index) { return '<img width="50px" height="50px" class="user-image img-circle elevation-2" src="dist/img/' + value + '" />'; } window.statusEvents = { 'click :checkbox': function(e, value, row, index) { var employee_id = row.employee_id; $.ajax({ url: "app/employee/status.php", method: "POST", data: { employee_id: employee_id }, success: function(data) { //alert(data); //window.location.reload(); refreshTableCustomer(); } }); } }; </script> <script> function queryParams(params) { var filter_data = $("#filter-data").val(); return { search: params.search, offset: params.offset, limit: params.limit, filter_data: filter_data }; } </script> <script> $('#employee-table').on('click-cell.bs.table', function(field, value, row, $el) { if (value != "status") { // window.location.hash = 'employee_data'; //Do the Ajax request for getting employee full profile information var employee_id = $el.id; $.ajax({ url: "app/employee/employee_information.php", method: "POST", dataType: 'json', data: { employee_id: employee_id }, beforeSend: function() { $('#error-alert').hide(); $("#profileDisplay").attr("src", "dist/img/default.png"); $("#employeeid").val(''); $("#original-employeeid").val(''); $("#firstname").val(''); $("#middlename").val(''); $("#lastname").val(''); $("#birthday").val(''); $("#original-photo").val(''); $("#date_registered").text(''); $("#username").val(''); $("#original-username").val(''); $("#email").val(''); $("#original-email").val(''); $("#email2").val(''); $("#contactno").val(''); $("#original-contactno").val(''); $("#contactno2").val(''); $("#fax").val(''); $("#business").val(''); $("#residential").val(''); $("#landline").val(''); $("#address").val(''); $("#postal").val(''); // $('#suffixname').val('').trigger('change'); // $('#gender').val('').trigger('change'); // $('#state').val('').trigger('change'); // $('#department').val('').trigger('change'); // $('#company').val('').trigger('change'); // $('#access-level').val('').trigger('change'); // $('#city').val('').trigger('change'); // $('#dealer').val('').trigger('change'); // $('#position').val('').trigger('change'); $('#customer-table').hide(); $('#customer-data').show(); $('.overlay').show(); }, success: function(result) { $("#employeeid").val(result.employee_id); $("#original-employeeid").val(result.employee_id); $("#firstname").val(result.first_name); $("#middlename").val(result.middle_name); $("#lastname").val(result.last_name); $("#birthday").val(result.date_of_birth); $('#suffixname').val(result.suffix_name).trigger('change'); $('#gender').val(result.gender_name).trigger('change'); $("#profileDisplay").attr("src", "dist/img/" + result.photo); $("#original-photo").val(result.photo); $("#date_registered").text(result.date_registered); $("#username").val(result.username); $("#original-username").val(result.username); $("#email").val(result.email_address); $("#original-email").val(result.email_address); $("#email2").val(result.email_address_2); $("#contactno").val(result.contact_number); $("#original-contactno").val(result.contact_number); $("#contactno2").val(result.contact_number_2); $("#fax").val(result.fax); $("#business").val(result.business); $("#residential").val(result.residential); $("#landline").val(result.landline); $("#address").val(result.address); if (result.state == '' \|\| result.state == null) { $('#state').val('0').trigger('change'); } else { $('#state').val(result.state).trigger('change'); } $("#postal").val(result.postal); $('#department').val(result.department_name).trigger('change'); $('#company').val(result.company_name).trigger('change'); $('#access-level').val(result.employee_role_id).trigger('change'); navigateTabs(1); setTimeout(function() { $('#city').val(result.city).trigger('change'); $('#dealer').val(result.dealer_name).trigger('change'); $('#position').val(result.position_name).trigger('change'); $('.overlay').hide(); }, 1000); } }); } }); </script> <script> function triggerClick(e) { document.querySelector('#upload_picture').click(); } function displayImage(e) { if (e.files[0]) { var reader = new FileReader(); reader.onload = function(e) { document.querySelector('#profileDisplay').setAttribute('src', e.target.result); } reader.readAsDataURL(e.files[0]); } } </script> <!-- GET POSITIONS --> <script> // $(document).ready(function() { // var department_id = $("#department").val(); // $.ajax({ // url:"app/misc/get_position.php", // method:"POST", // data: { // department_id: department_id // }, // cache:false, // beforeSend:function(){ // $('#position').attr('disabled', true); // }, // success:function(data) // { // $("#position").html(data); // $('#position').attr('disabled', false); // } // }) // }); </script> <script> $(document).ready(function() { $('#department').on('change', function(event) { event.preventDefault(); var department_id = this.value; $.ajax({ url: "app/misc/get_position.php", method: "POST", data: { department_id: department_id }, cache: false, beforeSend: function() { $('#position').attr('disabled', true); }, success: function(data) { $("#position").html( '<option value="0" selected>Select Position</option>' + data); $('#position').attr('disabled', false); } }) }); }); </script> <!-- GET City List --> <script> // $(document).ready(function() { // //console.log($("#state").val()); // var state_id = $("#state").val(); // $.ajax({ // url:"app/misc/get_city.php", // method:"POST", // data: { // state_id: state_id // }, // cache:false, // beforeSend:function(){ // $('#city').attr('disabled', true); // }, // success:function(data) // { // $("#city").html(data); // $('#city').attr('disabled', false); // } // }) // }); </script> <script> $(document).ready(function() { $('#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() { $('#city').attr('disabled', true); }, success: function(data) { $("#city").html('<option value="0" selected>Select City</option>' + data); $('#city').attr('disabled', false); } }) }); }); </script> <script> // $(document).ready(function() { // var company_id = $("#company").val(); // $.ajax({ // url:"app/misc/get_dealer.php", // method:"POST", // data: { // company_id: company_id,type:0 // }, // cache:false, // beforeSend:function(){ // $('#dealer').attr('disabled', true); // }, // success:function(data) // { // $("#dealer").html('<option disabled selected>Select Dealer</option>'+data); // $('#dealer').attr('disabled', false); // } // }) // }); </script> <script> $(document).ready(function() { $('#company').on('change', function(event) { event.preventDefault(); var company_id = this.value; $.ajax({ url: "app/misc/get_dealer.php", method: "POST", data: { company_id: company_id, type: 0 }, cache: false, beforeSend: function() { $('#dealer').attr('disabled', true); }, success: function(data) { $("#dealer").html('<option value="0" selected>Select Dealer</option>' + data); $('#dealer').attr('disabled', false); } }) }); }); </script> <script> $(function() { bsCustomFileInput.init(); }); </script> <script> $(function() { $('.select2').select2() //Initialize Select2 Elements $('.select2bs4').select2({ theme: 'bootstrap4' }) //Date range picker $('#reservationdate').datetimepicker({ format: 'L' }); //Datemask2 mm/dd/yyyy $('#datemask2').inputmask('mm/dd/yyyy', { 'placeholder': 'mm/dd/yyyy' }) //Money Euro $('[data-mask]').inputmask() }) </script> <script> $("#update_form").submit(function(event) { //do validatons event.preventDefault(); remove_alert_bg(); remove_form_invalid(); var employeeid = $.trim($("#employeeid").val()); var firstname = $.trim($("#firstname").val()); var lastname = $.trim($("#lastname").val()); var suffixname = $("#suffixname").val(); var gender = $("#gender").val(); var birthday = $.trim($("#birthday").val()); var company = $("#company").val(); var dealer = $("#dealer").val(); var department = $("#department").val(); var position = $("#position").val(); var contactno = $.trim($("#contactno").val()); var contactno2 = $.trim($("#contactno2").val()); var fax = $.trim($("#fax").val()); var business = $.trim($("#business").val()); var residential = $.trim($("#residential").val()); var landline = $.trim($("#landline").val()); var email = $.trim($("#email").val()); var email2 = $.trim($("#email2").val()); var address = $.trim($("#address").val()); var state = $("#state").val(); var city = $("#city").val(); var username = $.trim($("#username").val()); var password = $.trim($("#password").val()); if (contactno2 != '') { if (contactno2.length != 10) { $('#error-alert').hide(); $('#contactno2').addClass("is-invalid"); $("#contactno2").focus(); return; } } if (employeeid == '') { $('#error-alert').hide(); $('#employeeid').addClass("is-invalid"); $("#employeeid").focus(); return; } if (firstname == '') { $('#error-alert').hide(); $('#firstname').addClass("is-invalid"); $("#firstname").focus(); return; } if (lastname == '') { $('#error-alert').hide(); $('#lastname').addClass("is-invalid"); $("#lastname").focus(); return; } if (suffixname == null) { $('#error-alert').hide(); $('#suffixname').addClass("is-invalid"); $("#suffixname").focus(); return; } if (gender == null) { $('#error-alert').hide(); $('#gender').addClass("is-invalid"); $("#gender").focus(); return; } // if(birthday == ''){ // $('#error-alert').hide(); // $('#birthday').addClass("is-invalid"); // $("#birthday").focus(); // return; // } if (parseInt(company) != 0 && parseInt(dealer) == 0) { $('#error-alert').hide(); $('#dealer_div').css("border", "1px solid #dc3545"); $("#dealer").focus(); return; } if (contactno == '') { $('#error-alert').hide(); $('#contactno').addClass("is-invalid"); $("#contactno").focus(); return; } if (email == '') { $('#error-alert').hide(); $('#email').addClass("is-invalid"); $("#email").focus(); return; } // if(!isAutohubEmail(email)){ // $('#error-alert').hide(); // $('#email').addClass("is-invalid"); // $('#validate-email').show(); // $("#email").focus(); // $('#validate-email').text('Use your autohubgroup.com email'); // return; // } if (email2 != '') { if (!isEmail(email2)) { $('#error-alert').hide(); $('#email2').addClass("is-invalid"); $('#validate-email2').show(); $("#email2").focus(); $('#validate-email2').text('Invalid email address.'); return; } } // if(address == ''){ // $('#error-alert').hide(); // $('#address').addClass("is-invalid"); // $("#address").focus(); // return; // } if (state == null) { $('#error-alert').hide(); $('#state_div').css("border", "1px solid #dc3545"); $("#state").focus(); return; } if (city == null) { $('#error-alert').hide(); $('#city_div').css("border", "1px solid #dc3545"); $("#city").focus(); return; } if (company == null) { $('#error-alert').hide(); $('#company_div').css("border", "1px solid #dc3545"); $("#company").focus(); return; } if (dealer == null) { $('#error-alert').hide(); $('#dealer_div').css("border", "1px solid #dc3545"); $("#dealer").focus(); return; } if (department == null) { $('#error-alert').hide(); $('#department_div').css("border", "1px solid #dc3545"); $("#department").focus(); return; } if (position == null) { $('#error-alert').hide(); $('#position_div').css("border", "1px solid #dc3545"); $("#position").focus(); return; } if (username == '') { $('#error-alert').hide(); $('#username').addClass("is-invalid"); $("#username").focus(); return; } if (password != '') { if (password.length < 6) { remove_alert_bg(); $('#error-alert').hide(); $('#pw-not-matched').show(); $("#password").focus(); $('#password').addClass("is-invalid"); $('#pw-not-matched').text('Password must 6 character or above!'); return; } } $('#error-icon').addClass("fa-info"); $('#error-alert').addClass("alert-info"); $('#error-alert').show(); $('#alert-message').text(" Updating, please wait..."); $.ajax({ url: "app/employee/update_employee.php", data: new FormData(this), type: "POST", dataType: 'json', contentType: false, cache: false, processData: false, beforeSend: function() { $('#submit').attr('disabled', true); }, success: function(result) { console.log(result.status + " " + result.message); if (result.status != 1) { remove_alert_bg(); $('#error-icon').addClass("fa-ban"); $('#error-alert').addClass("alert-danger"); $('#alert-message').text(result.message); // setTimeout(function () { $('#error-alert').hide()}, 3000); } else { //success remove_alert_bg(); $('#error-icon').addClass("fa-check"); $('#error-alert').addClass("alert-success"); $('#alert-message').text(result.message); $('#password').val(''); $("#original-employeeid").val(result.employeeid); $("#original-photo").val(result.photo); $("#original-username").val(result.username); $("#original-email").val(result.email); $("#original-contactno").val(result.contactno); refreshTableCustomer(); } $('#submit').attr('disabled', false); }, error: handleError }); }); function isAutohubEmail(email) { var regex = /^([a-zA-Z0-9_.+-])+\@(autohubgroup.com)+$/; return regex.test(email); } function isEmail(email) { var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/; return regex.test(email); } function handleError(xhr, status, error) { //Handle failure here 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() { $('#pw-not-matched').hide(); $('#agree-terms').hide(); $('#validate-email').hide(); $('#validate-email2').hide(); $('#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"); } function remove_form_invalid() { $('#employeeid').removeClass("is-invalid"); $('#firstname').removeClass("is-invalid"); $('#lastname').removeClass("is-invalid"); $('#suffixname').removeClass("is-invalid"); $('#gender').removeClass("is-invalid"); $('#birthday').removeClass("is-invalid"); $('#contactno').removeClass("is-invalid"); $('#contactno2').removeClass("is-invalid"); $('#email').removeClass("is-invalid"); $('#email2').removeClass("is-invalid"); $('#address').removeClass("is-invalid"); $('#state_div').css("border", ""); $('#city_div').css("border", ""); $('#company_div').css("border", ""); $('#dealer_div').css("border", ""); $('#department_div').css("border", ""); $('#position_div').css("border", ""); $('#username').removeClass("is-invalid"); $('#password').removeClass("is-invalid"); $('#agree-terms-div').css("border", ""); } </script> <script> $(document).on("wheel", "input[type=number]", function(e) { $(this).blur(); }); // window.addEventListener("hashchange", function(e) { // var type = window.location.hash.substr(1); // // alert(type) // switch (type) { // case "employee_data": // break; // default: // employeeList() // } // }); function employeeList() { $('#customer-table').show(); $('#customer-data').hide(); } function back() { window.history.back(); } function sweetAlertSimple(icon, title, text) { // Swal.fire({ // icon: icon, // title: title, // text: text, // allowEnterKey: true // default value // }) toastr.remove(); switch (icon) { case 'success': toastr.success(text); break; case 'info': toastr.info(text); break; case 'warning': toastr.warning(text); break; case 'error': toastr.error(text); break; } } </script> </body> </html>

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