File manager

File manager - Edit - /home/autoph/public_html/tasks/resources.tar

Back
views/ltms/ltms_view.php��0000644��00000311561�15025010632�0011403 0��ustar�00��<?php include('cfg/db.php'); include_once("api/controllers/utility.php"); // include('app/security/security.php'); if (!isset($_SESSION['user']['id'])) { header('location:signin.php'); } $utility = new Utility(); $granted_company_ids = $utility->isNotEmpty($_SESSION['user']['company_permissions_implode']) ? $_SESSION['user']['company_permissions_implode'] : '-1'; if (!(isset($global_action_permissions['12']['1']) && in_array("1", $global_action_permissions['12']['1']))) { header('location:signin.php'); } $dealer_id = $_SESSION['user']['dealer']; $utility = new Utility(); $granted_company_ids = $utility->isNotEmpty($_SESSION['user']['company_permissions_implode']) ? $_SESSION['user']['company_permissions_implode'] : '-1'; $employee_id = $_SESSION['user']['employee_id']; // if (!isset($_REQUEST['q']) && !$is_admin) { // header('location:signin.php'); // } $ref_num_header ='';// ($is_admin ? '' : $_REQUEST['q']); if (isset($global_action_permissions['22']['55']) && in_array("4", $global_action_permissions['11']['55'])) { $has_force_edit_permission = 1; } else { $has_force_edit_permission = 0; } ?> <!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']; ?> \| LTMS</title> <!-- <script src="dist/js/filter.js"></script> --> <!-- 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"> <!-- Default style --> <link rel="stylesheet" href="dist/css/default.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"> <link href="dist/img/<?php echo $variable['logo']; ?>" rel="icon" /> <!-- Ekko Lightbox --> <link rel="stylesheet" href="plugins/ekko-lightbox/ekko-lightbox.css"> <!-- SweetAlert2 --> <link rel="stylesheet" href="plugins/sweetalert2/sweetalert2.min.css"> <!-- Toastr --> <link rel="stylesheet" href="plugins/toastr/toastr.min.css"> <!-- STARTMULTI --> <link rel="stylesheet" href="dist/css/bootstrap-multiselect.css" type="text/css"> <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%; } #customer-table.loading tbody { position: relative; } #sales-table.loading tbody { position: relative; } #customer-table.loading tbody:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #fff; / background-color: rgba(0, 0, 0, 0.1); / background-image: url(data:image/png;base64,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); background-position: center; background-repeat: no-repeat; background-size: 277px 35px; font-weight: bold; content: ""; } .carousel-control-prev-icon { background-color: #007bff; / Blue background for the previous arrow / border-radius: 50%; / Make the arrow circular / } .carousel-control-next-icon { background-color: #28a745; / Green background for the next arrow / border-radius: 50%; / Make the arrow circular / } / Optional: Change color on hover / .carousel-control-prev:hover .carousel-control-prev-icon { background-color: #0056b3; / Darker blue on hover / } .carousel-control-next:hover .carousel-control-next-icon { background-color: #218838; / Darker green on hover / } </style> </head> <body class="hold-transition sidebar-mini text-sm layout-fixed"> <!-- body class="hold-transition sidebar-mini text-sm" oncopy = 'return false' oncut = 'return false' onselectstart = 'return false' > --> <div class="wrapper"> <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'); ?> <!-- Content Wrapper. Contains page content --> <div id="upper" class="content-wrapper"> <!-- START --> <section class="content"> <div class="container-fluid"> <div class="row"> <div class="col-md mt-3" > <div id="table" class="card card-primary"> <div class="card-header"> <h3 class="card-title" ><a href="#"><i class="fa fa-backward" aria-hidden="true" onclick="goBack();" style="text-decoration:none;"> Back </i></a> \| Customer SALES & LTMS</h3> </div> <div class="card"> <div class="card-body"> <div class="row"> <!-- Customer Table --> <div id="customer-list" class="col-md-6 col-lg-6 col-sm-12 customer-list"> <div class="card shadow-sm mb-4"> <div class="card-header bg-primary text-white text-center"> <h5 class="mb-0">LTMS Upload</h5> </div> <div class="card-body p-0"> <div class="container-fluid"> <!-- First row: Company, Dealer, Filter button --> <div class="row align-items-center p-1"> <div class="col-md-5"> <div class="d-flex align-items-center"> </div> </div> <div class="col-md-6"> <?php if (isset($global_action_permissions['12']['2']) && in_array("1", $global_action_permissions['12']['2'])) { ?> <div class="mr-3 d-flex align-items-center"> <label for="cs_status" class="form-label mr-2 mb-0">Status</label> <select id="cs_status" class="form-control"> <option value=""> ALL</option> <option value="1">W/ CS NUMBER</option> <option value="2">W/O CS NUMBER</option> </select> </div> <?php } ?> </div> <div class="col-md-1 text-right"> <?php if (isset($global_action_permissions['12']['2']) && in_array("1", $global_action_permissions['12']['2'])) { ?> <button type="button" class="btn btn-default btn-sm" data-toggle="modal" data-target="#filterModal" title="Filter"> <i class="fa fa-filter" aria-hidden="true"></i> </button> <?php } ?> </div> </div> </div> <?php / <div class="d-flex justify-content-between align-items-center p-2"> <!-- Export buttons next to the search box --> <div class="export-buttons ml-auto"> <label></label> <select id="cs_status" class="form-control"> <option value="1">W/ CS NUMBER</option> <option value="0">W/O CS NUMBER</option> </select> <?php if(isset($global_action_permissions['12']['2']) && in_array("1", $global_action_permissions['12']['2'])){ ?> <div class="btn-group"> <button type="button" class="btn btn-default btn-sm" data-toggle="modal" data-target="#filterModal" title="Filter"> <i class="fa fa-filter" aria-hidden="true"></i> </button> </div> <?php } ?> <!-- Modal --> <div class="modal fade" id="filterModal" tabindex="-1" role="dialog" aria-labelledby="filterModalLabel" aria-hidden="true" data-backdrop="static"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="filterModalLabel">Report</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <!-- <div class="form-group"> <input type="button" class="btn btn-primary btn-sm form-control" name="btnCustomerListNoFilter" id="btnCustomerListNoFilter" value="No Filter"> </div> --> <div class="form-group"> <label for="filter-start-date">Start Date:</label> <input type="date" value="<?=date('Y-m-d')?>" id="date_from_ltms" class="form-control datepicker" id="filter-start-date" name="filter-start-date" placeholder="Select start date"> </div> <div class="form-group"> <label for="filter-end-date">End Date:</label> <input type="date" value="<?=date('Y-m-d')?>" id="date_to_ltms" class="form-control datepicker" id="filter-end-date" name="filter-end-date" placeholder="Select end date"> </div> <!-- Progress Bar --> <div class="progress my-3"> <div id="data-fetch-progress" class="progress-bar" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">0%</div> </div> <!-- Export to Excel Button --> <button id="export-customer-excel" class="btn btn-sm btn-success"> <i class="fas fa-file-excel"></i> Excel </button> <!-- Export to PDF Button --> <button id="export-customer-pdf" class="btn btn-sm btn-danger"> <i class="fas fa-file-pdf"></i> PDF </button> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" id="btn-close-modal" data-dismiss="modal">Close</button> <button type="button" id="generate-btn" class="btn btn-primary" id="apply-filters">generate report</button> </div> </div> </div> </div> <!-- END MODAL FILTER --> </div> </div> /?> <div class="d-flex justify-content-between align-items-center p-2"> <!-- Export buttons next to the search box, floated to the right --> <div class="d-flex align-items-center ml-auto"> <?php / if (isset($global_action_permissions['12']['2']) && in_array("1", $global_action_permissions['12']['2'])) { ?> <div class="btn-group"> <button type="button" class="btn btn-default btn-sm" data-toggle="modal" data-target="#filterModal" title="Filter"> <i class="fa fa-filter" aria-hidden="true"></i> </button> </div> <?php } /?> </div> <!-- Modal --> <div class="modal fade" id="filterModal" tabindex="-1" role="dialog" aria-labelledby="filterModalLabel" aria-hidden="true" data-backdrop="static"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="filterModalLabel">Report</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div class="form-group"> <label for="cs_status" class="form-label mr-2 mb-0">Status</label> <select id="cs_number_status" class="form-control"> <option value=""> </option> <option value="1">W/ CS NUMBER</option> <option value="2">W/O CS NUMBER</option> </select> </div> <div class="form-group"> <label for="filter-start-date">Start Date:</label> <input type="date" value="<?=date('Y-m-d')?>" id="date_from_ltms" class="form-control datepicker" name="filter-start-date" placeholder="Select start date"> </div> <div class="form-group"> <label for="filter-end-date">End Date:</label> <input type="date" value="<?=date('Y-m-d')?>" id="date_to_ltms" class="form-control datepicker" name="filter-end-date" placeholder="Select end date"> </div> <!-- Progress Bar --> <div class="progress my-3"> <div id="data-fetch-progress" class="progress-bar" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">0%</div> </div> <!-- Export to Excel Button --> <button id="export-customer-excel" class="btn btn-sm btn-success"> <i class="fas fa-file-excel"></i> Excel </button> <!-- Export to PDF Button --> <button id="export-customer-pdf" class="btn btn-sm btn-danger"> <i class="fas fa-file-pdf"></i> PDF </button> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" id="btn-close-modal" data-dismiss="modal">Close</button> <button type="button" id="generate-btn" class="btn btn-primary">Generate Report</button> </div> </div> </div> </div> </div> <!-- Table Content --> <table id="customer-table" class="table table-bordered table-hover table-sm mb-0" data-query-params="queryParams" data-search="true" data-pagination="true"> <thead class="thead-light"> <tr> <th data-field="reference_code" style="text-align: center;">Ref. Code</th> <th data-field="customer_name" style="text-align: center;">Name</th> <th data-field="cs_number">CS Number</th> <th data-field="date_uploaded" style="text-align: center;">Date uploaded</th> <th data-field="file" style="text-align: center;">File</th> <th data-field="action_tag" style="text-align: center;">Action</th> </tr> </thead> <tbody> <!-- Dynamic Content --> </tbody> </table> </div> <div class="card-footer text-center"> <nav aria-label="Customer Page Navigation"> <ul class="pagination justify-content-center m-0" id="customer-grid-data-paging"> <!-- Pagination Links --> </ul> </nav> </div> </div> </div> <!-- Sales Table --> <div class="col-md-6 col-lg-6 col-sm-12 sales-table"> <div class="card shadow-sm mb-4"> <div class="card-header bg-success text-white text-center"> <h5 class="mb-0">Sales</h5> </div> <div class="card-body p-0"> <div class="container-fluid"> <!-- First row: Company, Dealer, Filter button --> <div class="row align-items-center p-1"> <div class="col-md-5"> <div class="d-flex align-items-center"> <label for="company_sales" class="mr-2 my-2">Company:</label> <select class="form-control form-control-sm company_sales" id="company_sales"> <?php $where_company =" AND id IN(".$granted_company_ids.") "; if(isset($global_action_permissions['12']['2']) && in_array("1", $global_action_permissions['12']['2'])){ $where_company =''; ?> <option value="">Select Company</option> <?php } ?> <?php $company_id_array =[]; // if no access to report generation $company_query = $db->connect()->query("SELECT id, code, name FROM source_company WHERE status = 1 $where_company ORDER BY name"); if ($company_query->num_rows > 0) { foreach ($company_query as $company) { $company_id_array[] = $company['id']; ?> <option value="<?= $company['id'] ?>"><?= $company['code'].' - '.substr($company['name'], 0, 20) ?>..</option> <?php } } ?> </select> </div> </div> <div class="col-md-5"> <div class="d-flex align-items-center"> <label for="dealer_sales" class="mr-2 my-2">Dealer:</label> <?php if(isset($global_action_permissions['12']['2']) && in_array("1", $global_action_permissions['12']['2'])){ ?> <select class="form-control form-control-sm dealer_sales" id="dealer_sales"> <option value="">Select Dealer</option> </select> <?php } else { ?> <select class="form-control form-control-sm dealer_sales" id="dealer_sales"> <option value="">Select Dealer</option> <?php $dealer_query = $db->connect()->query("SELECT scd.company_id,scd.dealer_id,sc.code as comp_code,sd.id as did,sd.code,sd.name,sd.status FROM source_company_dealer AS scd JOIN source_dealer as sd ON scd.dealer_id = sd.id JOIN source_company as sc on scd.company_id = sc.id WHERE scd.company_id IN(".implode(',',$company_id_array).") GROUP BY sd.id ORDER BY sd.name"); if ($dealer_query->num_rows > 0) { foreach ($dealer_query as $dealer) { ?> <option value="<?= $dealer['did'] ?>"><?= $dealer['comp_code'].' - '. $dealer['code'].' - '.substr($dealer['name'], 0, 20) ?>..</option> <?php } } ?> </select> <?php }//end else ?> </div> </div> <div class="col-md-2 text-right"> <?php if(isset($global_action_permissions['12']['2']) && in_array("1", $global_action_permissions['12']['2'])){ ?> <button type="button" class="btn btn-default btn-sm" data-toggle="modal" data-target="#filterModalSales" title="Filter"> <i class="fa fa-filter" aria-hidden="true"></i> </button> <?php } ?> </div> </div> <!-- Second row: Date range and LTMS status --> <div class="row align-items-center p-1"> <div class="col-md-4"> <div class="form-group"> <label for="from-date" class="mr-2">From:</label> <input type="date" value="" id="from-date" class="form-control form-control-sm"> </div> </div> <div class="col-md-4"> <div class="form-group"> <label for="to-date" class="mr-2">To:</label> <input type="date" id="to-date" class="form-control form-control-sm"> </div> </div> <div class="col-md-4"> <div class="form-group"> <label for="ltms-filter" class="mr-2">LTMS Status:</label> <select id="ltms-filter" class="form-control form-control-sm"> <option value="">All</option> <option value="1">Uploaded</option> <option value="0">No LTMS</option> </select> </div> </div> </div> </div> <!-- Modal --> <div class="modal fade" id="filterModalSales" tabindex="-1" role="dialog" aria-labelledby="filterModalLabel" aria-hidden="true" data-backdrop="static"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="filterModalLabel">Report Generation</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div class="d-flex align-items-center mb-3"> <label for="company_sales" class="mr-2 my-2">Company:</label> <select class="form-control form-control-sm company_sales" id="company_sales_report"> <?php $where_company =" AND id IN(".$granted_company_ids.") "; if(isset($global_action_permissions['12']['2']) && in_array("1", $global_action_permissions['12']['2'])){ $where_company =''; // if(in_array($employee_role_id,[1,41,42,126,183,132,150,181])){ ?> <option value="">Select Company</option> <?php } ?> <?php $company_query = $db->connect()->query("SELECT id, code, name FROM source_company WHERE status = 1 $where_company ORDER BY name"); if ($company_query->num_rows > 0) { foreach ($company_query as $company) { ?> <option value="<?= $company['id'] ?>"><?= $company['code'].' - '.substr($company['name'], 0, 20) ?>..</option> <?php } } ?> </select> </div> <div class="d-flex align-items-center mb-3"> <label for="ltms-filter" class="mr-2">Dealer:</label> <select class="form-control form-control-sm dealer_sales" id="dealer_sales_report"> <option value="">Select Dealer</option> </select> </div> <div class="d-flex align-items-center mb-3"> <label for="ltms-filter" class="mr-2">LTMS Status:</label> <select id="ltms-filter-sales" class="form-control form-control-sm"> <option value="">All</option> <option value="1">Uploaded</option> <option value="0">No LTMS</option> </select> </div> <div class="form-group"> <label for="filter-start-date">Start Date:</label> <input type="date" value="<?=date('Y-m-d')?>" id="date_from_ltms_sales" class="form-control datepicker" id="filter-start-date" name="filter-start-date" placeholder="Select start date"> </div> <div class="form-group"> <label for="filter-end-date">End Date:</label> <input type="date" value="<?=date('Y-m-d')?>" id="date_to_ltms_sales" class="form-control datepicker" id="filter-end-date" name="filter-end-date" placeholder="Select end date"> </div> <!-- Progress Bar --> <div class="progress my-3"> <div id="data-fetch-progress-sales" class="progress-bar bg-success" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">0%</div> </div> <!-- Export to Excel Button --> <button id="export-sales-excel" class="btn btn-sm btn-success"> <i class="fas fa-file-excel"></i> Excel </button> <!-- Export to PDF Button --> <button id="export-sales-pdf" class="btn btn-sm btn-danger"> <i class="fas fa-file-pdf"></i> PDF </button> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" id="btn-close-modal-sales" data-dismiss="modal">Close</button> <button type="button" id="generate-btn-sales" class="btn btn-primary" id="apply-filters">generate report</button> </div> </div> </div> </div> <!-- END MODAL FILTER --> </div> </div> <table id="sales-table" class="table table-bordered table-hover table-sm mb-0" data-query-params="queryParamsSales" data-search="true" data-pagination="true"> <!-- <table id="sales-table" data-search="true" data-custom-search="customSearch" data-buttons="buttonsFunction" data-url="" class="table table-bordered table-hover table-sm mb-0" data-query-params="queryParamsSales" data-search="true" data-pagination="true"> --> <thead class="thead-light"> <tr> <th data-field="company_dealer" data-sortable="false" style="text-align: center;">Dealer</th> <th data-field="sales_customer_name" data-sortable="false" style="text-align: center;">Name</th> <th data-field="mobile_phone_1" data-sortable="false" style="text-align: center;">Mobile</th> <th data-field="cs_number" style="text-align: center;">CS Number</th> <th data-field="activity_date" style="text-align: center;">Date Released</th> <th data-field="has_tag_ltms" style="text-align: center;">LTMS Status</th> </tr> </thead> <tbody> <!-- Dynamic Content --> </tbody> </table> </div> <div class="card-footer text-center"> <nav aria-label="Sales Page Navigation"> <ul class="pagination justify-content-center m-0" id="sales-grid-data-paging"> <!-- Pagination Links --> </ul> </nav> </div> </div> </div> </div> <!-- END ROW --> <!-- Modal to view the image --> <?php /<div class="modal fade" id="imageModal" tabindex="-1" aria-labelledby="imageModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title" id="imageModalLabel">Image Preview</h4> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body text-center" style=" max-height: 80vh;overflow-y:auto;"> <!-- Add the img-responsive class for Bootstrap 3 --> <img id="modalImage" src="" alt="Image" class="img-responsive" style="max-width: 100%; height: auto;"> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> </div> </div> </div> </div> /?> <!-- Modal to view the image --> <div class="modal fade" id="imageModal" tabindex="-1" aria-labelledby="imageModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title" id="imageModalLabel">Image Preview</h4> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body text-center" style="max-height: 80vh; overflow-y:auto;"> <div id="carouselImages" class="carousel slide"> <div class="carousel-inner" id="carouselItems"> <!-- Carousel items will be injected here --> </div> <a class="carousel-control-prev" href="#carouselImages" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#carouselImages" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> </div> </div> </div> </div> <!--END Modal to view the image --> <?php //CUSTOMER MODAL ?> <div class="modal fade" id="customerModal" tabindex="-1" aria-labelledby="customerModalLabel" aria-hidden="true" data-backdrop="static" data-keyboard="false"> <div class="modal-dialog"> <!-- Use modal-sm for a smaller modal --> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="customerModalLabel">Select Customer</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <form> <div class="form-group"> <div class="alert alert-warning mt-2" role="alert"> <i class="fa fa-exclamation-triangle me-2"></i> <strong>Note:  </strong>Please ensure that you attach the customer-uploaded file to the appropriate customer to avoid incorrectly tagging LTMS data. </div> <label for="customer-id" class="font-weight-bold">Choose a customer:</label> <select class="form-control" id="customer-id"> <option value="">Select Customer</option> <?php $queryC = $db->connect()->query("SELECT DISTINCT c.id AS customer_id, IF(c.type = 1, CONCAT(c.first_name, ' ', c.middle_name, ' ', c.last_name), c.corporation_name) AS customer_name FROM sales AS s LEFT JOIN vehicle AS v ON s.vehicle_id = v.id LEFT JOIN customer AS c ON v.customer_record_id = c.id LEFT JOIN customer_ltms cl ON c.id = cl.customer_id WHERE s.activity_date >= '2024-09-01' AND cl.customer_id IS NULL ORDER BY c.first_name"); if ($queryC->num_rows > 0) { foreach ($queryC as $cusRow) { ?> <option value="<?= $cusRow['customer_id'] ?>"><?= $cusRow['customer_name'] ?></option> <?php } } ?> </select> </div> </form> </div> <div class="modal-footer"> <button type="button" id="btn-customer-tag" class="btn btn-primary btn-block text-white"><i class="fas fa-tag"></i> Tag</button> <!-- <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> --> </div> </div> </div> </div> <?php //END CUSTOMER MODAL ?> </div> <!-- card-body --> </div> <!-- card --> </div> <!--card-card-primary--> </div> <!--container-fluid--> </div> <!--row--> </div> <!--container-fluid--> </section> <!-- END --> </div> <!--content-wrapper--> <?php include('include/footer.php'); ?> <aside class="control-sidebar control-sidebar-dark"></aside> </div><!-- ./wrapper --> <!-- jQuery --> <script src="plugins/jquery/jquery.min.js"></script> <!-- jQuery UI 1.11.4 --> <script src="plugins/jquery-ui/jquery-ui.min.js"></script> <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip --> <script> $.widget.bridge('uibutton', $.ui.button) </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 --> <!-- jQuery Cookie--> <script src="plugins/jquery-cookie/jquery.cookie.js"></script> <!-- Ekko Lightbox --> <script src="plugins/ekko-lightbox/ekko-lightbox.min.js"></script> <!-- SweetAlert2 --> <script src="plugins/sweetalert2/sweetalert2.min.js"></script> <!-- Toastr --> <script src="plugins/toastr/toastr.min.js"></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 src="dist/js/jquery.balloon.min.js"></script> <!-- <script src="dist/js/customer_update/dealer_assigned_user_form.js"></script> --> <!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> --> <script src="plugins/datatables/jquery.dataTables.min.js"></script> <script src="plugins/datatables-bs4/js/dataTables.bootstrap4.min.js"></script> <script> //GLOBALS WITH PHP var customer_force_edit = <?php echo $has_force_edit_permission; ?>; // const ref_header = '<?=$ref_num_header?>' const skey ='<?= base64_encode('ZmtDl9SkyB')?>' </script> <script src="dist/js/ltms/ltms.js"></script> <script src="dist/js/ltms/report_sales_ltms.js"></script> <!-- <script src="dist/js/ltms/sales_customer.js"></script> --> <!-- SheetJS for Excel --> <script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.18.5/xlsx.full.min.js"></script> <!-- jsPDF for PDF --> <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script> --> <script src="https://unpkg.com/jspdf@latest/dist/jspdf.umd.min.js"></script> <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf-autotable/3.5.14/jspdf.plugin.autotable.min.js"></script> --> <script type="text/javascript"> // ExPORT DATA INSIDE TABLE // document.getElementById('export-customer-excel').addEventListener('click', function () { // var table = document.getElementById("customer-table"); // var wb = XLSX.utils.table_to_book(table, {sheet: "Sheet 1"}); // // Export as Excel file // XLSX.writeFile(wb, 'customer_data.xlsx'); // }); $(document).on('change', '#company_sales', function() { const companyId = $("#company_sales").val(); if (companyId) { $.ajax({ url: 'app/table/bt_sales_ltms_list.php', type: "POST", dataType: 'json', data: { apiKey: skey, cid: companyId }, beforeSend: function() { // You can show a loader if needed // $('#loader-main').show(); }, success: function(result) { // Clear current dealer options $('#dealer_sales').empty(); // Check if there are dealers in the result if (result.length > 0) { $('#dealer_sales').append('<option value="">Select Dealer</option>'); // Default option // Append each dealer to the dropdown $.each(result, function(index, dealer) { $('#dealer_sales').append( `<option value="${dealer.dealer_id}">${dealer.dealer_code} - ${dealer.dealer_name}</option>` ); }); } else { $('#dealer_sales').append('<option value="">No Dealers Available</option>'); } }, error: function(xhr, status, error) { // Handle any errors here console.error("Error fetching dealers:", error); } }); } else { // Reset the dealer dropdown if no company is selected $('#dealer_sales').empty().append('<option value="">Select Dealer</option>'); } }); $(document).on('change', '#company_sales_report', function() { const companyId = $("#company_sales_report").val(); if (companyId) { $.ajax({ url: 'app/table/bt_sales_ltms_list.php', type: "POST", dataType: 'json', data: { apiKey: skey, cid: companyId }, beforeSend: function() { // You can show a loader if needed // $('#loader-main').show(); }, success: function(result) { // Clear current dealer options $('#dealer_sales_report').empty(); // Check if there are dealers in the result if (result.length > 0) { $('#dealer_sales_report').append('<option value="">Select Dealer</option>'); // Default option // Append each dealer to the dropdown $.each(result, function(index, dealer) { $('#dealer_sales_report').append( `<option value="${dealer.dealer_id}">${dealer.dealer_code} - ${dealer.dealer_name}</option>` ); }); } else { $('#dealer_sales_report').append('<option value="">No Dealers Available</option>'); } }, error: function(xhr, status, error) { // Handle any errors here console.error("Error fetching dealers:", error); } }); } else { // Reset the dealer dropdown if no company is selected $('#dealer_sales_report').empty().append('<option value="">Select Dealer</option>'); } }); $(document).on('click', '.view-images', function(e) { e.preventDefault(); // Get the image URLs from the data attribute var imageUrls = $(this).data('image-urls').split(','); var customerFullname = $(this).data('fullname'); // Clear the existing carousel items $('#carouselItems').empty(); // Populate the carousel items imageUrls.forEach(function(url, index) { var activeClass = index === 0 ? 'active' : ''; // Set the first item as active $('#carouselItems').append(` <div class="carousel-item ${activeClass}"> <img src="${url}" class="d-block w-100" alt="Image ${index + 1}" style="object-fit: contain; max-height: 70vh;"> </div> `); }); $('#imageModalLabel').text(customerFullname); $('#imageModal').modal('show'); }); $(document).on('click', '.tag-files', function(e) { e.preventDefault(); // Get the customer name for the confirmation message const customerName = $(this).data('name'); // Show the modal $('#customerModal').modal('show'); // Set up the click event for the tag button in the modal $("#btn-customer-tag").off('click').on('click', function() { const selectedCustomerId = $("#customer-id").val(); // Check if a customer is selected if (!selectedCustomerId) { Swal.fire('Warning!', 'Please select a customer to tag.', 'warning'); return; } // Display SweetAlert confirmation Swal.fire({ title: 'Are you sure?', text: `Do you want to tag the files for ${customerName}?`, icon: 'warning', showCancelButton: true, confirmButtonColor: '#3085d6', cancelButtonColor: '#d33', confirmButtonText: 'Yes, tag them!' }).then((result) => { if (result.isConfirmed) { // If confirmed, proceed with the AJAX request $.ajax({ url: "api/ltms_report/ltms_tag_files.php", type: "post", dataType: "json", data: { apiKey: "230802398022323", customer_id: selectedCustomerId, // Use the selected customer ID customer_name: customerName // The customer name from the button }, success: function(response) { if (response.status === 1) { Swal.fire('Success!', response.message, 'success'); } else { Swal.fire('Error!', response.message, 'error'); } $('#customerModal').modal('hide'); }, error: function() { Swal.fire('Error!', 'Something went wrong!', 'error'); } }); } }); }); }); // $(document).ready(function() { // // Apply filters // $('#apply-filters').on('click', function() { // var selectedDealer = $('#filter-dealer').val(); // var selectedSC = $('#filter-sc').val(); // var selectedMonth = $('#filter-month').val(); // var selectedYear = $('#filter-year').val(); // $('#filterModal').modal('hide'); // Close the modal after applying filters // }); // }); let data_set = []; // Global data set let totalDataCount = 0; // Total number of records to fetch // Function to disable buttons function disableButtons() { $('#generate-btn').prop('disabled', true); $('#btn-close-modal').prop('disabled', true); $('#export-customer-excel').prop('disabled', true); $('#export-customer-pdf').prop('disabled', true); } // Function to enable buttons function enableButtons() { $('#generate-btn').prop('disabled', false); $('#btn-close-modal').prop('disabled', false); $('#export-customer-excel').prop('disabled', false); $('#export-customer-pdf').prop('disabled', false); } // Function to fetch data in batches async function fetchData(offset) { try { const response = await $.ajax({ url: "api/ltms_report/ltms_report.php", type: "post", dataType: "json", data: { apiKey: "22221111190383", date_from: $("#date_from_ltms").val(), date_to: $("#date_to_ltms").val(), cs_number : $("#cs_number_status").val(), offset: offset, limit: 50 // Limit for each request } }); if (response.results.length === 0) { alert("No data found for the selected date range and filters."); enableButtons(); // Enable buttons after alert return; // Exit early if no data is found } // Update total data count if it's the first request if (offset === 0) { totalDataCount = response.total_data; // Total data from the first response } // Merge the new results into the data set data_set = data_set.concat(response.results); // Calculate progress percentage const progressPercentage = Math.min((data_set.length / totalDataCount) 100, 100); $('#data-fetch-progress').css('width', progressPercentage + '%').attr('aria-valuenow', progressPercentage).text(Math.round(progressPercentage) + '%'); // Check if more data exists if (response.results.length === 50) { // Fetch the next batch await fetchData(offset + 50); } else { // All data has been loaded console.log(data_set.length); enableButtons(); // Enable buttons after data fetch } } catch (error) { console.error("Error fetching data:", error); enableButtons(); // Enable buttons in case of an error } } // Event handler for the generate button $("#generate-btn").on('click', function() { data_set = []; // Reset dataset disableButtons(); // Disable buttons during data fetch fetchData(0); // Start fetching data from offset 0 }); // PDF Export Code document.getElementById('export-customer-pdf').addEventListener('click', function () { // Check if data_set has data console.log("Data Set Length:", data_set.length); // Log the length of the dataset if (data_set.length === 0) { alert("No data available to export."); return; } // Load jsPDF from the window object var { jsPDF } = window.jspdf; var doc = new jsPDF("p", "mm", "a4"); // A4 size in millimeters // Add Title to PDF centered doc.setFontSize(16); // Bigger font for title const title = "Customer LTMS Data"; const titleWidth = doc.getStringUnitWidth(title) * doc.internal.getFontSize() / doc.internal.scaleFactor; const xTitle = (doc.internal.pageSize.getWidth() - titleWidth) / 2; doc.text(title, xTitle, 15); // Centered title // Define column headers const headers = ["Customer Name", "CS Number", "Date Uploaded"]; const xPos = 10; // X position for the first column let yPos = 25; // Initial vertical position in PDF after title // Set a solid color for the header // doc.setFillColor(96, 117, 250); // RGB color for header // doc.rect(0, 20, doc.internal.pageSize.getWidth(), 10, 'F'); // Fill header rectangle with reduced height // Set font for headers doc.setFontSize(12); doc.setFont("helvetica", "bold"); const headerCellWidths = [100, 30, 50]; // Define column widths headers.forEach((header, index) => { const headerX = xPos + headerCellWidths.slice(0, index).reduce((a, b) => a + b, 0); // Calculate X position based on previous headers' widths doc.text(header, headerX + 2, yPos); // Add headers with padding }); // Reset font for the body doc.setFont("helvetica", "normal"); doc.setFontSize(12); // Set font size for body text yPos += 10; // Move down after headers // Loop through data_set and add rows to PDF data_set.forEach((item) => { const rowText = [ item.fullname \|\| "", // Use empty string if undefined item.cs_number \|\| "", // Use empty string if undefined formatDate(item.created_at) \|\| "" // Use empty string if undefined ]; // Add border for each cell and write the text const customerNameWidth = headerCellWidths[0]; // Width for Customer Name const fileWidth = headerCellWidths[1]; // Width for File column const dateWidth = headerCellWidths[2]; // Width for Date Uploaded column // Add Customer Name doc.rect(xPos, yPos - 8, customerNameWidth, 10); // Border for Customer Name doc.text(item.fullname \|\| "", xPos + 2, yPos); // Add a little padding // Add File const fileX = xPos + customerNameWidth; // X position for File doc.rect(fileX, yPos - 8, fileWidth, 10); // Border for File doc.text(item.cs_number \|\| "", fileX + 2, yPos); // Add a little padding // Add Date Uploaded const dateX = fileX + fileWidth; // X position for Date Uploaded doc.rect(dateX, yPos - 8, dateWidth, 10); // Border for Date Uploaded doc.text(item.created_at \|\| "", dateX + 2, yPos); // Add a little padding yPos += 10; // Move to the next row position // Check if the page is full if (yPos > doc.internal.pageSize.getHeight() - 20) { doc.addPage(); // Add new page yPos = 10; // Reset Y position // Only add Title and Header on the first page if (doc.internal.getNumberOfPages() === 1) { // Add Title to new page centered doc.text(title, xTitle, 15); // Centered title // Fill header rectangle for new page doc.rect(0, 20, doc.internal.pageSize.getWidth(), 10, 'F'); // Fill header rectangle doc.setFont("helvetica", "bold"); headers.forEach((header, index) => { const headerX = xPos + headerCellWidths.slice(0, index).reduce((a, b) => a + b, 0); doc.text(header, headerX + 2, yPos); // Add headers with padding }); yPos += 10; // Move down after headers } } }); // Add page number at the bottom of each page const totalPages = doc.internal.getNumberOfPages(); for (let i = 1; i <= totalPages; i++) { doc.setPage(i); doc.setFontSize(10); doc.text(`Page ${i} of ${totalPages}`, doc.internal.pageSize.getWidth() - 30, doc.internal.pageSize.getHeight() - 10); // Position for page number } // Stream the PDF instead of downloading var pdfOutput = doc.output('datauristring'); window.open(pdfOutput); // Open the PDF in a new tab }); document.getElementById('export-customer-excel').addEventListener('click', function () { // Check if data_set has data if (data_set.length === 0) { alert("No data available to export."); return; } // Log data_set for debugging console.log(data_set); // Convert data_set to a format suitable for Excel const formattedData = data_set.map(item => ({ 'Customer Name': item.fullname, // Ensure the property names are correct 'CS Number': item.cs_number, // Ensure the property names are correct 'Date Uploaded': item.created_at, // Ensure the property names are correct // Add more fields as necessary })); // Log the formatted data to verify the structure before export console.log(formattedData); // Create a new workbook const wb = XLSX.utils.book_new(); // Convert the formatted data to a worksheet const ws = XLSX.utils.json_to_sheet(formattedData); // Append the worksheet to the workbook XLSX.utils.book_append_sheet(wb, ws, 'Customer LTMS Data'); // Export as Excel file XLSX.writeFile(wb, 'customer_data.xlsx'); }); function formatDate(date) { const formattedDate = date.toLocaleString('en-US', { year: 'numeric', month: 'long', // Full month name (e.g., "October") day: 'numeric', hour: 'numeric', minute: 'numeric', second: 'numeric', hour12: true // Enables AM/PM }); return formattedDate; } </script> </body> </html>��views/ltms/ltms_view10-15-24.php��0000644��00000223733�15025010632�0012215 0��ustar�00��<?php include('cfg/db.php'); include_once("api/controllers/utility.php"); // include('app/security/security.php'); if (!isset($_SESSION['user']['id'])) { header('location:signin.php'); } // $check_page = new CheckPage(); // $check_page->start($db); // echo'<pre>';print_r($global_action_permissions);echo'</pre>'; // var_dump(isset($global_action_permissions['12']["1"])); // exit; if (!(isset($global_action_permissions['12']) && in_array("1", $global_action_permissions['12']))) { header('location:signin.php'); } $dealer_id = $_SESSION['user']['dealer']; $utility = new Utility(); $granted_company_ids = $utility->isNotEmpty($_SESSION['user']['company_permissions_implode']) ? $_SESSION['user']['company_permissions_implode'] : '-1'; // $employee_id = $_SESSION['user']['employee_id']; // $adminID = ['60585','60674','60638']; // $is_admin =(in_array($employee_id, $adminID)); // if (!isset($_REQUEST['q']) && !$is_admin) { // header('location:signin.php'); // } // $ref_num_header = ($is_admin ? '' : $_REQUEST['q']); // if (isset($global_action_permissions['22']['55']) && in_array("4", $global_action_permissions['11']['55'])) { // $has_force_edit_permission = 1; // } else { // $has_force_edit_permission = 0; // } // echo'<pre>';print_r($_SESSION['user']);echo'</pre>';exit; ?> <!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']; ?> \| LTMS</title> <!-- <script src="dist/js/filter.js"></script> --> <!-- 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"> <!-- Default style --> <link rel="stylesheet" href="dist/css/default.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"> <link href="dist/img/<?php echo $variable['logo']; ?>" rel="icon" /> <!-- Ekko Lightbox --> <link rel="stylesheet" href="plugins/ekko-lightbox/ekko-lightbox.css"> <!-- SweetAlert2 --> <link rel="stylesheet" href="plugins/sweetalert2/sweetalert2.min.css"> <!-- Toastr --> <link rel="stylesheet" href="plugins/toastr/toastr.min.css"> <!-- STARTMULTI --> <link rel="stylesheet" href="dist/css/bootstrap-multiselect.css" type="text/css"> <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%; } #customer-table.loading tbody { position: relative; } #sales-table.loading tbody { position: relative; } #customer-table.loading tbody:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #fff; / background-color: rgba(0, 0, 0, 0.1); / background-image: url(data:image/png;base64,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); background-position: center; background-repeat: no-repeat; background-size: 277px 35px; font-weight: bold; content: ""; } </style> </head> <body class="hold-transition sidebar-mini text-sm layout-fixed"> <!-- body class="hold-transition sidebar-mini text-sm" oncopy = 'return false' oncut = 'return false' onselectstart = 'return false' > --> <div class="wrapper"> <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'); ?> <!-- Content Wrapper. Contains page content --> <div id="upper" class="content-wrapper"> <!-- START --> <section class="content"> <div class="container-fluid"> <div class="row"> <div class="col-md mt-3" > <div id="table" class="card card-primary"> <div class="card-header"> <h3 class="card-title" ><a href="#"><i class="fa fa-backward" aria-hidden="true" onclick="goBack();" style="text-decoration:none;"> Back </i></a> \| Customer LTMS</h3> </div> <div class="card"> <div class="card-body"> <div class="row"> <!-- Customer Table --> <div id="customer-list" class="col-md-6 col-lg-6 col-sm-12 customer-list"> <div class="card shadow-sm mb-4"> <div class="card-header bg-primary text-white text-center"> <h5 class="mb-0">LTMS Upload</h5> </div> <div class="card-body p-0"> <!-- Toolbar for Search and Export Buttons --> <div class="d-flex justify-content-between align-items-center p-2"> <!-- Export buttons next to the search box --> <div class="export-buttons ml-auto"> <div class="btn-group"> <button type="button" class="btn btn-default btn-sm" data-toggle="modal" data-target="#filterModal" title="Filter"> <i class="fa fa-filter" aria-hidden="true"></i> </button> </div> <!-- Modal --> <div class="modal fade" id="filterModal" tabindex="-1" role="dialog" aria-labelledby="filterModalLabel" aria-hidden="true" data-backdrop="static"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="filterModalLabel">Report</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <!-- <div class="form-group"> <input type="button" class="btn btn-primary btn-sm form-control" name="btnCustomerListNoFilter" id="btnCustomerListNoFilter" value="No Filter"> </div> --> <div class="form-group"> <label for="filter-start-date">Start Date:</label> <input type="date" value="<?=date('Y-m-d')?>" id="date_from_ltms" class="form-control datepicker" id="filter-start-date" name="filter-start-date" placeholder="Select start date"> </div> <div class="form-group"> <label for="filter-end-date">End Date:</label> <input type="date" value="<?=date('Y-m-d')?>" id="date_to_ltms" class="form-control datepicker" id="filter-end-date" name="filter-end-date" placeholder="Select end date"> </div> <!-- Progress Bar --> <div class="progress my-3"> <div id="data-fetch-progress" class="progress-bar" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">0%</div> </div> <!-- Export to Excel Button --> <button id="export-customer-excel" class="btn btn-sm btn-success"> <i class="fas fa-file-excel"></i> Excel </button> <!-- Export to PDF Button --> <button id="export-customer-pdf" class="btn btn-sm btn-danger"> <i class="fas fa-file-pdf"></i> PDF </button> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" id="btn-close-modal" data-dismiss="modal">Close</button> <button type="button" id="generate-btn" class="btn btn-primary" id="apply-filters">generate report</button> </div> </div> </div> </div> <!-- END MODAL FILTER --> </div> </div> <!-- Table Content --> <table id="customer-table" class="table table-bordered table-hover table-sm mb-0" data-search="true" data-pagination="true"> <thead class="thead-light"> <tr> <th data-field="customer_name" style="text-align: center;">Name</th> <th data-field="cs_number" style="text-align: center;">CS Number</th> <th data-field="date_uploaded" style="text-align: center;">Data uploaded</th> <th data-field="file" style="text-align: center;">File</th> <th data-field="action_tag" style="text-align: center;">Action</th> </tr> </thead> <tbody> <!-- Dynamic Content --> </tbody> </table> </div> <div class="card-footer text-center"> <nav aria-label="Customer Page Navigation"> <ul class="pagination justify-content-center m-0" id="customer-grid-data-paging"> <!-- Pagination Links --> </ul> </nav> </div> </div> </div> <!-- Sales Table --> <div class="col-md-6 col-lg-6 col-sm-12 sales-table"> <div class="card shadow-sm mb-4"> <div class="card-header bg-success text-white text-center"> <h5 class="mb-0">Sales</h5> </div> <div class="card-body p-0"> <div class="d-flex justify-content-between align-items-center p-2"> <!-- Export buttons next to the search box --> <div class="export-buttons ml-auto"> <div class="d-flex align-items-center"> <!-- Date range filter --> <div class="d-flex date-range-filter"> <div class="d-flex align-items-center mr-2"> <label for="from-date" class="mr-2">From:</label> <input type="date" id="from-date" class="form-control form-control-sm"> </div> <div class="d-flex align-items-center"> <label for="to-date" class="mr-2">To:</label> <input type="date" id="to-date" class="form-control form-control-sm"> </div> <!-- LTMS filter --> <div class="d-flex align-items-center"> <label for="ltms-filter" class="mr-2">Status:</label> <select id="ltms-filter" class="form-control form-control-sm"> <option value="">All</option> <option value="1">Has LTMS</option> <option value="0">No LTMS</option> </select> </div> </div> <!-- Filter button --> <div class="btn-group ml-3"> <button type="button" class="btn btn-default btn-sm" data-toggle="modal" data-target="#filterModalSales" title="Filter"> <i class="fa fa-filter" aria-hidden="true"></i> </button> </div> </div> <!-- Modal --> <div class="modal fade" id="filterModalSales" tabindex="-1" role="dialog" aria-labelledby="filterModalLabel" aria-hidden="true" data-backdrop="static"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="filterModalLabel">Report Generation</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <!-- <div class="form-group"> <input type="button" class="btn btn-primary btn-sm form-control" name="btnCustomerListNoFilter" id="btnCustomerListNoFilter" value="No Filter"> </div> --> <!-- LTMS filter --> <div class="d-flex align-items-center"> <label for="ltms-filter" class="mr-2">Status:</label> <select id="ltms-filter-sales" class="form-control form-control-sm"> <option value="">All</option> <option value="1">Has LTMS</option> <option value="0">No LTMS</option> </select> </div> <div class="form-group"> <label for="filter-start-date">Start Date:</label> <input type="date" value="<?=date('Y-m-d')?>" id="date_from_ltms_sales" class="form-control datepicker" id="filter-start-date" name="filter-start-date" placeholder="Select start date"> </div> <div class="form-group"> <label for="filter-end-date">End Date:</label> <input type="date" value="<?=date('Y-m-d')?>" id="date_to_ltms_sales" class="form-control datepicker" id="filter-end-date" name="filter-end-date" placeholder="Select end date"> </div> <!-- Progress Bar --> <div class="progress my-3"> <div id="data-fetch-progress-sales" class="progress-bar bg-success" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">0%</div> </div> <!-- Export to Excel Button --> <button id="export-sales-excel" class="btn btn-sm btn-success"> <i class="fas fa-file-excel"></i> Excel </button> <!-- Export to PDF Button --> <button id="export-sales-pdf" class="btn btn-sm btn-danger"> <i class="fas fa-file-pdf"></i> PDF </button> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" id="btn-close-modal-sales" data-dismiss="modal">Close</button> <button type="button" id="generate-btn-sales" class="btn btn-primary" id="apply-filters">generate report</button> </div> </div> </div> </div> <!-- END MODAL FILTER --> </div> </div> <table id="sales-table" class="table table-bordered table-hover table-sm mb-0" data-query-params="queryParamsSales" data-search="true" data-pagination="true"> <!-- <table id="sales-table" data-search="true" data-custom-search="customSearch" data-buttons="buttonsFunction" data-url="" class="table table-bordered table-hover table-sm mb-0" data-query-params="queryParamsSales" data-search="true" data-pagination="true"> --> <thead class="thead-light"> <tr> <th data-field="sales_customer_name" data-sortable="false" style="text-align: center;">Name</th> <th data-field="cs_number" style="text-align: center;">CS Number</th> <th data-field="activity_date" style="text-align: center;">Date Released</th> <th data-field="has_tag_ltms" style="text-align: center;">W/ LTMS</th> </tr> </thead> <tbody> <!-- Dynamic Content --> </tbody> </table> </div> <div class="card-footer text-center"> <nav aria-label="Sales Page Navigation"> <ul class="pagination justify-content-center m-0" id="sales-grid-data-paging"> <!-- Pagination Links --> </ul> </nav> </div> </div> </div> </div> <!-- END ROW --> <!-- Modal to view the image --> <?php /<div class="modal fade" id="imageModal" tabindex="-1" aria-labelledby="imageModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title" id="imageModalLabel">Image Preview</h4> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body text-center" style=" max-height: 80vh;overflow-y:auto;"> <!-- Add the img-responsive class for Bootstrap 3 --> <img id="modalImage" src="" alt="Image" class="img-responsive" style="max-width: 100%; height: auto;"> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> </div> </div> </div> </div> /?> <!-- Modal to view the image --> <div class="modal fade" id="imageModal" tabindex="-1" aria-labelledby="imageModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title" id="imageModalLabel">Image Preview</h4> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body text-center" style="max-height: 80vh; overflow-y:auto;"> <div id="carouselImages" class="carousel slide"> <div class="carousel-inner" id="carouselItems"> <!-- Carousel items will be injected here --> </div> <a class="carousel-control-prev" href="#carouselImages" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#carouselImages" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> </div> </div> </div> </div> <!--END Modal to view the image --> <?php //CUSTOMER MODAL ?> <div class="modal fade" id="customerModal" tabindex="-1" aria-labelledby="customerModalLabel" aria-hidden="true" data-backdrop="static" data-keyboard="false"> <div class="modal-dialog"> <!-- Use modal-sm for a smaller modal --> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="customerModalLabel">Select Customer</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <form> <div class="form-group"> <div class="alert alert-warning mt-2" role="alert"> <i class="fa fa-exclamation-triangle me-2"></i> <strong>Note:  </strong>Please ensure that you attach the customer-uploaded file to the appropriate customer to avoid incorrectly tagging LTMS data. </div> <label for="customer-id" class="font-weight-bold">Choose a customer:</label> <select class="form-control" id="customer-id"> <option value="">Select Customer</option> <?php $queryC = $db->connect()->query("SELECT DISTINCT c.id AS customer_id, IF(c.type = 1, CONCAT(c.first_name, ' ', c.middle_name, ' ', c.last_name), c.corporation_name) AS customer_name FROM sales AS s LEFT JOIN vehicle AS v ON s.vehicle_id = v.id LEFT JOIN customer AS c ON v.customer_record_id = c.id LEFT JOIN customer_ltms cl ON c.id = cl.customer_id WHERE s.activity_date >= '2024-09-01' AND cl.customer_id IS NULL ORDER BY c.first_name"); if ($queryC->num_rows > 0) { foreach ($queryC as $cusRow) { ?> <option value="<?= $cusRow['customer_id'] ?>"><?= $cusRow['customer_name'] ?></option> <?php } } ?> </select> </div> </form> </div> <div class="modal-footer"> <button type="button" id="btn-customer-tag" class="btn btn-primary btn-block text-white"><i class="fas fa-tag"></i> Tag</button> <!-- <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> --> </div> </div> </div> </div> <?php //END CUSTOMER MODAL ?> </div> <!-- card-body --> </div> <!-- card --> </div> <!--card-card-primary--> </div> <!--container-fluid--> </div> <!--row--> </div> <!--container-fluid--> <?php if ( (isset($global_action_permissions['2']['3']) && in_array("2", $global_action_permissions['2']['3'])) \|\| (isset($global_action_permissions['2']['3']) && in_array("3", $global_action_permissions['2']['3'])) ) { ?> <?php // include 'include/components/customer_update/customer_form.php'; ?> <?php } ?> </section> <!-- END --> </div> <!--content-wrapper--> <?php include('include/footer.php'); ?> <aside class="control-sidebar control-sidebar-dark"></aside> </div><!-- ./wrapper --> <!-- jQuery --> <script src="plugins/jquery/jquery.min.js"></script> <!-- jQuery UI 1.11.4 --> <script src="plugins/jquery-ui/jquery-ui.min.js"></script> <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip --> <script> $.widget.bridge('uibutton', $.ui.button) </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 --> <!-- jQuery Cookie--> <script src="plugins/jquery-cookie/jquery.cookie.js"></script> <!-- Ekko Lightbox --> <script src="plugins/ekko-lightbox/ekko-lightbox.min.js"></script> <!-- SweetAlert2 --> <script src="plugins/sweetalert2/sweetalert2.min.js"></script> <!-- Toastr --> <script src="plugins/toastr/toastr.min.js"></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 src="dist/js/jquery.balloon.min.js"></script> <!-- <script src="dist/js/customer_update/dealer_assigned_user_form.js"></script> --> <!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> --> <script src="plugins/datatables/jquery.dataTables.min.js"></script> <script src="plugins/datatables-bs4/js/dataTables.bootstrap4.min.js"></script> <script> //GLOBALS WITH PHP var customer_force_edit = <?php echo $has_force_edit_permission; ?>; // const ref_header = '<?=$ref_num_header?>' const skey ='<?= base64_encode('ZmtDl9SkyB')?>' </script> <script src="dist/js/ltms/ltms.js"></script> <script src="dist/js/ltms/report_sales_ltms.js"></script> <!-- <script src="dist/js/ltms/sales_customer.js"></script> --> <!-- SheetJS for Excel --> <script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.18.5/xlsx.full.min.js"></script> <!-- jsPDF for PDF --> <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script> --> <script src="https://unpkg.com/jspdf@latest/dist/jspdf.umd.min.js"></script> <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf-autotable/3.5.14/jspdf.plugin.autotable.min.js"></script> --> <script type="text/javascript"> // ExPORT DATA INSIDE TABLE // document.getElementById('export-customer-excel').addEventListener('click', function () { // var table = document.getElementById("customer-table"); // var wb = XLSX.utils.table_to_book(table, {sheet: "Sheet 1"}); // // Export as Excel file // XLSX.writeFile(wb, 'customer_data.xlsx'); // }); $(document).on('click', '.view-images', function(e) { e.preventDefault(); // Get the image URLs from the data attribute var imageUrls = $(this).data('image-urls').split(','); var customerFullname = $(this).data('fullname'); // Clear the existing carousel items $('#carouselItems').empty(); // Populate the carousel items imageUrls.forEach(function(url, index) { var activeClass = index === 0 ? 'active' : ''; // Set the first item as active $('#carouselItems').append(` <div class="carousel-item ${activeClass}"> <img src="${url}" class="d-block w-100" alt="Image ${index + 1}" style="object-fit: contain; max-height: 70vh;"> </div> `); }); $('#imageModalLabel').text(customerFullname); $('#imageModal').modal('show'); }); $(document).on('click', '.tag-files', function(e) { e.preventDefault(); // Get the customer name for the confirmation message const customerName = $(this).data('name'); // Show the modal $('#customerModal').modal('show'); // Set up the click event for the tag button in the modal $("#btn-customer-tag").off('click').on('click', function() { const selectedCustomerId = $("#customer-id").val(); // Check if a customer is selected if (!selectedCustomerId) { Swal.fire('Warning!', 'Please select a customer to tag.', 'warning'); return; } // Display SweetAlert confirmation Swal.fire({ title: 'Are you sure?', text: `Do you want to tag the files for ${customerName}?`, icon: 'warning', showCancelButton: true, confirmButtonColor: '#3085d6', cancelButtonColor: '#d33', confirmButtonText: 'Yes, tag them!' }).then((result) => { if (result.isConfirmed) { // If confirmed, proceed with the AJAX request $.ajax({ url: "api/ltms_report/ltms_tag_files.php", type: "post", dataType: "json", data: { apiKey: "230802398022323", customer_id: selectedCustomerId, // Use the selected customer ID customer_name: customerName // The customer name from the button }, success: function(response) { if (response.status === 1) { Swal.fire('Success!', response.message, 'success'); } else { Swal.fire('Error!', response.message, 'error'); } $('#customerModal').modal('hide'); }, error: function() { Swal.fire('Error!', 'Something went wrong!', 'error'); } }); } }); }); }); // $(document).ready(function() { // // Apply filters // $('#apply-filters').on('click', function() { // var selectedDealer = $('#filter-dealer').val(); // var selectedSC = $('#filter-sc').val(); // var selectedMonth = $('#filter-month').val(); // var selectedYear = $('#filter-year').val(); // $('#filterModal').modal('hide'); // Close the modal after applying filters // }); // }); let data_set = []; // Global data set let totalDataCount = 0; // Total number of records to fetch // Function to disable buttons function disableButtons() { $('#generate-btn').prop('disabled', true); $('#btn-close-modal').prop('disabled', true); $('#export-customer-excel').prop('disabled', true); $('#export-customer-pdf').prop('disabled', true); } // Function to enable buttons function enableButtons() { $('#generate-btn').prop('disabled', false); $('#btn-close-modal').prop('disabled', false); $('#export-customer-excel').prop('disabled', false); $('#export-customer-pdf').prop('disabled', false); } // Function to fetch data in batches async function fetchData(offset) { try { const response = await $.ajax({ url: "api/ltms_report/ltms_report.php", type: "post", dataType: "json", data: { apiKey: "2222", date_from: $("#date_from_ltms").val(), date_to: $("#date_to_ltms").val(), offset: offset, limit: 50 // Limit for each request } }); // Update total data count if it's the first request if (offset === 0) { totalDataCount = response.total_data; // Total data from the first response } // Merge the new results into the data set data_set = data_set.concat(response.results); // Calculate progress percentage const progressPercentage = Math.min((data_set.length / totalDataCount) 100, 100); $('#data-fetch-progress').css('width', progressPercentage + '%').attr('aria-valuenow', progressPercentage).text(Math.round(progressPercentage) + '%'); // Check if more data exists if (response.results.length === 50) { // Fetch the next batch await fetchData(offset + 50); } else { // All data has been loaded console.log(data_set.length); enableButtons(); // Enable buttons after data fetch } } catch (error) { console.error("Error fetching data:", error); enableButtons(); // Enable buttons in case of an error } } // Event handler for the generate button $("#generate-btn").on('click', function() { data_set = []; // Reset dataset disableButtons(); // Disable buttons during data fetch fetchData(0); // Start fetching data from offset 0 }); // PDF Export Code document.getElementById('export-customer-pdf').addEventListener('click', function () { // Check if data_set has data console.log("Data Set Length:", data_set.length); // Log the length of the dataset if (data_set.length === 0) { alert("No data available to export."); return; } // Load jsPDF from the window object var { jsPDF } = window.jspdf; var doc = new jsPDF("p", "mm", "a4"); // A4 size in millimeters // Add Title to PDF centered doc.setFontSize(16); // Bigger font for title const title = "Customer LTMS Data"; const titleWidth = doc.getStringUnitWidth(title) * doc.internal.getFontSize() / doc.internal.scaleFactor; const xTitle = (doc.internal.pageSize.getWidth() - titleWidth) / 2; doc.text(title, xTitle, 15); // Centered title // Define column headers const headers = ["Customer Name", "CS Number", "Date Uploaded"]; const xPos = 10; // X position for the first column let yPos = 25; // Initial vertical position in PDF after title // Set a solid color for the header // doc.setFillColor(96, 117, 250); // RGB color for header // doc.rect(0, 20, doc.internal.pageSize.getWidth(), 10, 'F'); // Fill header rectangle with reduced height // Set font for headers doc.setFont("helvetica", "bold"); const headerCellWidths = [100, 30, 50]; // Define column widths headers.forEach((header, index) => { const headerX = xPos + headerCellWidths.slice(0, index).reduce((a, b) => a + b, 0); // Calculate X position based on previous headers' widths doc.text(header, headerX + 2, yPos); // Add headers with padding }); // Reset font for the body doc.setFont("helvetica", "normal"); doc.setFontSize(12); // Set font size for body text yPos += 10; // Move down after headers // Loop through data_set and add rows to PDF data_set.forEach((item) => { const rowText = [ item.fullname \|\| "", // Use empty string if undefined item.cs_number \|\| "", // Use empty string if undefined formatDate(item.created_at) \|\| "" // Use empty string if undefined ]; // Add border for each cell and write the text const customerNameWidth = headerCellWidths[0]; // Width for Customer Name const fileWidth = headerCellWidths[1]; // Width for File column const dateWidth = headerCellWidths[2]; // Width for Date Uploaded column // Add Customer Name doc.rect(xPos, yPos - 8, customerNameWidth, 10); // Border for Customer Name doc.text(item.fullname \|\| "", xPos + 2, yPos); // Add a little padding // Add File const fileX = xPos + customerNameWidth; // X position for File doc.rect(fileX, yPos - 8, fileWidth, 10); // Border for File doc.text(item.cs_number \|\| "", fileX + 2, yPos); // Add a little padding // Add Date Uploaded const dateX = fileX + fileWidth; // X position for Date Uploaded doc.rect(dateX, yPos - 8, dateWidth, 10); // Border for Date Uploaded doc.text(item.created_at \|\| "", dateX + 2, yPos); // Add a little padding yPos += 10; // Move to the next row position // Check if the page is full if (yPos > doc.internal.pageSize.getHeight() - 20) { doc.addPage(); // Add new page yPos = 10; // Reset Y position // Only add Title and Header on the first page if (doc.internal.getNumberOfPages() === 1) { // Add Title to new page centered doc.text(title, xTitle, 15); // Centered title // Fill header rectangle for new page doc.rect(0, 20, doc.internal.pageSize.getWidth(), 10, 'F'); // Fill header rectangle doc.setFont("helvetica", "bold"); headers.forEach((header, index) => { const headerX = xPos + headerCellWidths.slice(0, index).reduce((a, b) => a + b, 0); doc.text(header, headerX + 2, yPos); // Add headers with padding }); yPos += 10; // Move down after headers } } }); // Add page number at the bottom of each page const totalPages = doc.internal.getNumberOfPages(); for (let i = 1; i <= totalPages; i++) { doc.setPage(i); doc.setFontSize(10); doc.text(`Page ${i} of ${totalPages}`, doc.internal.pageSize.getWidth() - 30, doc.internal.pageSize.getHeight() - 10); // Position for page number } // Stream the PDF instead of downloading var pdfOutput = doc.output('datauristring'); window.open(pdfOutput); // Open the PDF in a new tab }); document.getElementById('export-customer-excel').addEventListener('click', function () { // Check if data_set has data if (data_set.length === 0) { alert("No data available to export."); return; } // Log data_set for debugging console.log(data_set); // Convert data_set to a format suitable for Excel const formattedData = data_set.map(item => ({ 'Customer Name': item.fullname, // Ensure the property names are correct 'CS Number': item.cs_number, // Ensure the property names are correct 'Date Uploaded': item.created_at, // Ensure the property names are correct // Add more fields as necessary })); // Log the formatted data to verify the structure before export console.log(formattedData); // Create a new workbook const wb = XLSX.utils.book_new(); // Convert the formatted data to a worksheet const ws = XLSX.utils.json_to_sheet(formattedData); // Append the worksheet to the workbook XLSX.utils.book_append_sheet(wb, ws, 'Customer Data'); // Export as Excel file XLSX.writeFile(wb, 'customer_data.xlsx'); }); function formatDate(date) { const formattedDate = date.toLocaleString('en-US', { year: 'numeric', month: 'long', // Full month name (e.g., "October") day: 'numeric', hour: 'numeric', minute: 'numeric', second: 'numeric', hour12: true // Enables AM/PM }); return formattedDate; } </script> </body> </html>��views/ltms/ltms_view10-25-24.php��0000644��00000271143�15025010632�0012214 0��ustar�00��<?php include('cfg/db.php'); include_once("api/controllers/utility.php"); // include('app/security/security.php'); if (!isset($_SESSION['user']['id'])) { header('location:signin.php'); } $utility = new Utility(); $granted_company_ids = $utility->isNotEmpty($_SESSION['user']['company_permissions_implode']) ? $_SESSION['user']['company_permissions_implode'] : '-1'; $employee_role_id = $_SESSION['user']['employee_role_id']; if (!(isset($global_action_permissions['12']['1']) && in_array("1", $global_action_permissions['12']['1']))) { header('location:signin.php'); } $dealer_id = $_SESSION['user']['dealer']; $utility = new Utility(); $granted_company_ids = $utility->isNotEmpty($_SESSION['user']['company_permissions_implode']) ? $_SESSION['user']['company_permissions_implode'] : '-1'; $employee_id = $_SESSION['user']['employee_id']; // if (!isset($_REQUEST['q']) && !$is_admin) { // header('location:signin.php'); // } $ref_num_header ='';// ($is_admin ? '' : $_REQUEST['q']); if (isset($global_action_permissions['22']['55']) && in_array("4", $global_action_permissions['11']['55'])) { $has_force_edit_permission = 1; } else { $has_force_edit_permission = 0; } ?> <!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']; ?> \| LTMS</title> <!-- <script src="dist/js/filter.js"></script> --> <!-- 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"> <!-- Default style --> <link rel="stylesheet" href="dist/css/default.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"> <link href="dist/img/<?php echo $variable['logo']; ?>" rel="icon" /> <!-- Ekko Lightbox --> <link rel="stylesheet" href="plugins/ekko-lightbox/ekko-lightbox.css"> <!-- SweetAlert2 --> <link rel="stylesheet" href="plugins/sweetalert2/sweetalert2.min.css"> <!-- Toastr --> <link rel="stylesheet" href="plugins/toastr/toastr.min.css"> <!-- STARTMULTI --> <link rel="stylesheet" href="dist/css/bootstrap-multiselect.css" type="text/css"> <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%; } #customer-table.loading tbody { position: relative; } #sales-table.loading tbody { position: relative; } #customer-table.loading tbody:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #fff; / background-color: rgba(0, 0, 0, 0.1); / background-image: url(data:image/png;base64,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); background-position: center; background-repeat: no-repeat; background-size: 277px 35px; font-weight: bold; content: ""; } </style> </head> <body class="hold-transition sidebar-mini text-sm layout-fixed"> <!-- body class="hold-transition sidebar-mini text-sm" oncopy = 'return false' oncut = 'return false' onselectstart = 'return false' > --> <div class="wrapper"> <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'); ?> <!-- Content Wrapper. Contains page content --> <div id="upper" class="content-wrapper"> <!-- START --> <section class="content"> <div class="container-fluid"> <div class="row"> <div class="col-md mt-3" > <div id="table" class="card card-primary"> <div class="card-header"> <h3 class="card-title" ><a href="#"><i class="fa fa-backward" aria-hidden="true" onclick="goBack();" style="text-decoration:none;"> Back </i></a> \| Customer SALES & LTMS</h3> </div> <div class="card"> <div class="card-body"> <div class="row"> <!-- Customer Table --> <div id="customer-list" class="col-md-6 col-lg-6 col-sm-12 customer-list"> <div class="card shadow-sm mb-4"> <div class="card-header bg-primary text-white text-center"> <h5 class="mb-0">LTMS Upload</h5> </div> <div class="card-body p-0"> <!-- Toolbar for Search and Export Buttons --> <div class="d-flex justify-content-between align-items-center p-2"> <!-- Export buttons next to the search box --> <div class="export-buttons ml-auto"> <?php if(isset($global_action_permissions['12']['2']) && in_array("1", $global_action_permissions['12']['2'])){ ?> <div class="btn-group"> <button type="button" class="btn btn-default btn-sm" data-toggle="modal" data-target="#filterModal" title="Filter"> <i class="fa fa-filter" aria-hidden="true"></i> </button> </div> <?php } ?> <!-- Modal --> <div class="modal fade" id="filterModal" tabindex="-1" role="dialog" aria-labelledby="filterModalLabel" aria-hidden="true" data-backdrop="static"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="filterModalLabel">Report</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <!-- <div class="form-group"> <input type="button" class="btn btn-primary btn-sm form-control" name="btnCustomerListNoFilter" id="btnCustomerListNoFilter" value="No Filter"> </div> --> <div class="form-group"> <label for="filter-start-date">Start Date:</label> <input type="date" value="<?=date('Y-m-d')?>" id="date_from_ltms" class="form-control datepicker" id="filter-start-date" name="filter-start-date" placeholder="Select start date"> </div> <div class="form-group"> <label for="filter-end-date">End Date:</label> <input type="date" value="<?=date('Y-m-d')?>" id="date_to_ltms" class="form-control datepicker" id="filter-end-date" name="filter-end-date" placeholder="Select end date"> </div> <!-- Progress Bar --> <div class="progress my-3"> <div id="data-fetch-progress" class="progress-bar" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">0%</div> </div> <!-- Export to Excel Button --> <button id="export-customer-excel" class="btn btn-sm btn-success"> <i class="fas fa-file-excel"></i> Excel </button> <!-- Export to PDF Button --> <button id="export-customer-pdf" class="btn btn-sm btn-danger"> <i class="fas fa-file-pdf"></i> PDF </button> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" id="btn-close-modal" data-dismiss="modal">Close</button> <button type="button" id="generate-btn" class="btn btn-primary" id="apply-filters">generate report</button> </div> </div> </div> </div> <!-- END MODAL FILTER --> </div> </div> <!-- Table Content --> <table id="customer-table" class="table table-bordered table-hover table-sm mb-0" data-search="true" data-pagination="true"> <thead class="thead-light"> <tr> <th data-field="customer_name" style="text-align: center;">Name</th> <th data-field="cs_number">CS Number</th> <th data-field="date_uploaded" style="text-align: center;">Date uploaded</th> <th data-field="file" style="text-align: center;">File</th> <th data-field="action_tag" style="text-align: center;">Action</th> </tr> </thead> <tbody> <!-- Dynamic Content --> </tbody> </table> </div> <div class="card-footer text-center"> <nav aria-label="Customer Page Navigation"> <ul class="pagination justify-content-center m-0" id="customer-grid-data-paging"> <!-- Pagination Links --> </ul> </nav> </div> </div> </div> <!-- Sales Table --> <div class="col-md-6 col-lg-6 col-sm-12 sales-table"> <div class="card shadow-sm mb-4"> <div class="card-header bg-success text-white text-center"> <h5 class="mb-0">Sales</h5> </div> <div class="card-body p-0"> <?php / <div class="row align-items-center p-2"> <div class="col-md-6 d-flex align-items-center"> <div class="d-flex align-items-center mr-2"> <label for="ltms-filter" class="mr-2 my-2">Company:</label> <select class="form-control form-control-sm" id="company_sales"> <option value="">Select Company</option> <?php $company_query = $db->connect()->query("select id,code,name from source_company where status =1 order by name"); if($company_query->num_rows>0) { foreach($company_query as $company) { ?> <option value="<?=$company['id']?>"><?=$company['code'].' - '.substr($company['name'],0,20).'..'?></option> <!-- <option value="<?=$dealer['id']?>"><?=$dealer['code']?></option> --> <?php } } ?> </select> </div> </div> <div class="col-md-5 d-flex align-items-center"> <div class="d-flex align-items-center mr-2"> <label for="ltms-filter" class="mr-2 my-2">Dealer:</label> <select class="form-control form-control-sm" id="dealer_sales"> <option value="">Select Dealer</option> </select> </div> </div> <div class="com-md-1"> <div class="btn-group ml-3"> <button type="button" class="btn btn-default btn-sm" data-toggle="modal" data-target="#filterModalSales" title="Filter"> <i class="fa fa-filter" aria-hidden="true"></i> </button> </div> </div> </div> <div class="d-flex justify-content-between align-items-center p-2"> <!-- Export buttons next to the search box --> <div class="d-flex align-items-center"> <!-- Date range filter --> <div class="d-flex date-range-filter"> <div class="col-md-4 d-flex align-items-center mr-2"> <label for="from-date" class="mr-2">From:</label> <input type="date" id="from-date" class="form-control form-control-sm"> </div> <div class="col-md-4 d-flex align-items-center"> <label for="to-date" class="mr-2">To:</label> <input type="date" id="to-date" class="form-control form-control-sm"> </div> <!-- LTMS filter --> <div class="col-md-4 d-flex align-items-center"> <label for="ltms-filter" class="mr-2">Status:</label> <select id="ltms-filter" class="form-control form-control-sm"> <option value="">All</option> <option value="1">Has LTMS</option> <option value="0">No LTMS</option> </select> </div> </div> </div> /?> <div class="container-fluid"> <!-- First row: Company, Dealer, Filter button --> <div class="row align-items-center p-1"> <div class="col-md-5"> <div class="d-flex align-items-center"> <label for="company_sales" class="mr-2 my-2">Company:</label> <select class="form-control form-control-sm company_sales" id="company_sales"> <?php if(in_array($employee_role_id,[1,41,42,126,183,132,150,181])){ ?> <option value="">Select Company</option> <?php } ?> <?php $where_company =''; if(!in_array($employee_role_id,[1,41,42,126,183,132,150,181])){ $where_company =" AND id IN(".$granted_company_ids.") "; } $company_query = $db->connect()->query("SELECT id, code, name FROM source_company WHERE status = 1 $where_company ORDER BY name"); if ($company_query->num_rows > 0) { foreach ($company_query as $company) { ?> <option value="<?= $company['id'] ?>"><?= $company['code'].' - '.substr($company['name'], 0, 20) ?>..</option> <?php } } ?> </select> </div> </div> <div class="col-md-5"> <div class="d-flex align-items-center"> <label for="dealer_sales" class="mr-2 my-2">Dealer:</label> <select class="form-control form-control-sm dealer_sales" id="dealer_sales"> <option value="">Select Dealer</option> </select> </div> </div> <div class="col-md-2 text-right"> <?php if(isset($global_action_permissions['12']['2']) && in_array("1", $global_action_permissions['12']['2'])){ ?> <button type="button" class="btn btn-default btn-sm" data-toggle="modal" data-target="#filterModalSales" title="Filter"> <i class="fa fa-filter" aria-hidden="true"></i> </button> <?php } ?> </div> </div> <!-- Second row: Date range and LTMS status --> <div class="row align-items-center p-1"> <div class="col-md-4"> <div class="form-group"> <label for="from-date" class="mr-2">From:</label> <input type="date" value="" id="from-date" class="form-control form-control-sm"> </div> </div> <div class="col-md-4"> <div class="form-group"> <label for="to-date" class="mr-2">To:</label> <input type="date" id="to-date" class="form-control form-control-sm"> </div> </div> <div class="col-md-4"> <div class="form-group"> <label for="ltms-filter" class="mr-2">LTMS Status:</label> <select id="ltms-filter" class="form-control form-control-sm"> <option value="">All</option> <option value="1">Uploaded</option> <option value="0">No LTMS</option> </select> </div> </div> </div> </div> <!-- Modal --> <div class="modal fade" id="filterModalSales" tabindex="-1" role="dialog" aria-labelledby="filterModalLabel" aria-hidden="true" data-backdrop="static"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="filterModalLabel">Report Generation</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div class="d-flex align-items-center mb-3"> <label for="company_sales" class="mr-2 my-2">Company:</label> <select class="form-control form-control-sm company_sales" id="company_sales_report"> <?php if(in_array($employee_role_id,[1,41,42,126,183,132,150,181])){ ?> <option value="">Select Company</option> <?php } ?> <?php $where_company =''; if(!in_array($employee_role_id,[1,41,42,126,183,132,150,181])){ $where_company =" AND id IN(".$granted_company_ids.") "; } ?> <?php $company_query = $db->connect()->query("SELECT id, code, name FROM source_company WHERE status = 1 $where_company ORDER BY name"); if ($company_query->num_rows > 0) { foreach ($company_query as $company) { ?> <option value="<?= $company['id'] ?>"><?= $company['code'].' - '.substr($company['name'], 0, 20) ?>..</option> <?php } } ?> </select> </div> <div class="d-flex align-items-center mb-3"> <label for="ltms-filter" class="mr-2">Dealer:</label> <select class="form-control form-control-sm dealer_sales" id="dealer_sales_report"> <option value="">Select Dealer</option> </select> </div> <div class="d-flex align-items-center mb-3"> <label for="ltms-filter" class="mr-2">LTMS Status:</label> <select id="ltms-filter-sales" class="form-control form-control-sm"> <option value="">All</option> <option value="1">Uploaded</option> <option value="0">No LTMS</option> </select> </div> <div class="form-group"> <label for="filter-start-date">Start Date:</label> <input type="date" value="<?=date('Y-m-d')?>" id="date_from_ltms_sales" class="form-control datepicker" id="filter-start-date" name="filter-start-date" placeholder="Select start date"> </div> <div class="form-group"> <label for="filter-end-date">End Date:</label> <input type="date" value="<?=date('Y-m-d')?>" id="date_to_ltms_sales" class="form-control datepicker" id="filter-end-date" name="filter-end-date" placeholder="Select end date"> </div> <!-- Progress Bar --> <div class="progress my-3"> <div id="data-fetch-progress-sales" class="progress-bar bg-success" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">0%</div> </div> <!-- Export to Excel Button --> <button id="export-sales-excel" class="btn btn-sm btn-success"> <i class="fas fa-file-excel"></i> Excel </button> <!-- Export to PDF Button --> <button id="export-sales-pdf" class="btn btn-sm btn-danger"> <i class="fas fa-file-pdf"></i> PDF </button> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" id="btn-close-modal-sales" data-dismiss="modal">Close</button> <button type="button" id="generate-btn-sales" class="btn btn-primary" id="apply-filters">generate report</button> </div> </div> </div> </div> <!-- END MODAL FILTER --> </div> </div> <table id="sales-table" class="table table-bordered table-hover table-sm mb-0" data-query-params="queryParamsSales" data-search="true" data-pagination="true"> <!-- <table id="sales-table" data-search="true" data-custom-search="customSearch" data-buttons="buttonsFunction" data-url="" class="table table-bordered table-hover table-sm mb-0" data-query-params="queryParamsSales" data-search="true" data-pagination="true"> --> <thead class="thead-light"> <tr> <th data-field="company_dealer" data-sortable="false" style="text-align: center;">Dealer</th> <th data-field="sales_customer_name" data-sortable="false" style="text-align: center;">Name</th> <th data-field="mobile_phone_1" data-sortable="false" style="text-align: center;">Mobile</th> <th data-field="cs_number" style="text-align: center;">CS Number</th> <th data-field="activity_date" style="text-align: center;">Date Released</th> <th data-field="has_tag_ltms" style="text-align: center;">LTMS Status</th> </tr> </thead> <tbody> <!-- Dynamic Content --> </tbody> </table> </div> <div class="card-footer text-center"> <nav aria-label="Sales Page Navigation"> <ul class="pagination justify-content-center m-0" id="sales-grid-data-paging"> <!-- Pagination Links --> </ul> </nav> </div> </div> </div> </div> <!-- END ROW --> <!-- Modal to view the image --> <?php /<div class="modal fade" id="imageModal" tabindex="-1" aria-labelledby="imageModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title" id="imageModalLabel">Image Preview</h4> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body text-center" style=" max-height: 80vh;overflow-y:auto;"> <!-- Add the img-responsive class for Bootstrap 3 --> <img id="modalImage" src="" alt="Image" class="img-responsive" style="max-width: 100%; height: auto;"> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> </div> </div> </div> </div> /?> <!-- Modal to view the image --> <div class="modal fade" id="imageModal" tabindex="-1" aria-labelledby="imageModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title" id="imageModalLabel">Image Preview</h4> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body text-center" style="max-height: 80vh; overflow-y:auto;"> <div id="carouselImages" class="carousel slide"> <div class="carousel-inner" id="carouselItems"> <!-- Carousel items will be injected here --> </div> <a class="carousel-control-prev" href="#carouselImages" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#carouselImages" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> </div> </div> </div> </div> <!--END Modal to view the image --> <?php //CUSTOMER MODAL ?> <div class="modal fade" id="customerModal" tabindex="-1" aria-labelledby="customerModalLabel" aria-hidden="true" data-backdrop="static" data-keyboard="false"> <div class="modal-dialog"> <!-- Use modal-sm for a smaller modal --> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="customerModalLabel">Select Customer</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <form> <div class="form-group"> <div class="alert alert-warning mt-2" role="alert"> <i class="fa fa-exclamation-triangle me-2"></i> <strong>Note:  </strong>Please ensure that you attach the customer-uploaded file to the appropriate customer to avoid incorrectly tagging LTMS data. </div> <label for="customer-id" class="font-weight-bold">Choose a customer:</label> <select class="form-control" id="customer-id"> <option value="">Select Customer</option> <?php $queryC = $db->connect()->query("SELECT DISTINCT c.id AS customer_id, IF(c.type = 1, CONCAT(c.first_name, ' ', c.middle_name, ' ', c.last_name), c.corporation_name) AS customer_name FROM sales AS s LEFT JOIN vehicle AS v ON s.vehicle_id = v.id LEFT JOIN customer AS c ON v.customer_record_id = c.id LEFT JOIN customer_ltms cl ON c.id = cl.customer_id WHERE s.activity_date >= '2024-09-01' AND cl.customer_id IS NULL ORDER BY c.first_name"); if ($queryC->num_rows > 0) { foreach ($queryC as $cusRow) { ?> <option value="<?= $cusRow['customer_id'] ?>"><?= $cusRow['customer_name'] ?></option> <?php } } ?> </select> </div> </form> </div> <div class="modal-footer"> <button type="button" id="btn-customer-tag" class="btn btn-primary btn-block text-white"><i class="fas fa-tag"></i> Tag</button> <!-- <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> --> </div> </div> </div> </div> <?php //END CUSTOMER MODAL ?> </div> <!-- card-body --> </div> <!-- card --> </div> <!--card-card-primary--> </div> <!--container-fluid--> </div> <!--row--> </div> <!--container-fluid--> <?php if ( (isset($global_action_permissions['2']['3']) && in_array("2", $global_action_permissions['2']['3'])) \|\| (isset($global_action_permissions['2']['3']) && in_array("3", $global_action_permissions['2']['3'])) ) { ?> <?php // include 'include/components/customer_update/customer_form.php'; ?> <?php } ?> </section> <!-- END --> </div> <!--content-wrapper--> <?php include('include/footer.php'); ?> <aside class="control-sidebar control-sidebar-dark"></aside> </div><!-- ./wrapper --> <!-- jQuery --> <script src="plugins/jquery/jquery.min.js"></script> <!-- jQuery UI 1.11.4 --> <script src="plugins/jquery-ui/jquery-ui.min.js"></script> <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip --> <script> $.widget.bridge('uibutton', $.ui.button) </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 --> <!-- jQuery Cookie--> <script src="plugins/jquery-cookie/jquery.cookie.js"></script> <!-- Ekko Lightbox --> <script src="plugins/ekko-lightbox/ekko-lightbox.min.js"></script> <!-- SweetAlert2 --> <script src="plugins/sweetalert2/sweetalert2.min.js"></script> <!-- Toastr --> <script src="plugins/toastr/toastr.min.js"></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 src="dist/js/jquery.balloon.min.js"></script> <!-- <script src="dist/js/customer_update/dealer_assigned_user_form.js"></script> --> <!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> --> <script src="plugins/datatables/jquery.dataTables.min.js"></script> <script src="plugins/datatables-bs4/js/dataTables.bootstrap4.min.js"></script> <script> //GLOBALS WITH PHP var customer_force_edit = <?php echo $has_force_edit_permission; ?>; // const ref_header = '<?=$ref_num_header?>' const skey ='<?= base64_encode('ZmtDl9SkyB')?>' </script> <script src="dist/js/ltms/ltms.js"></script> <script src="dist/js/ltms/report_sales_ltms.js"></script> <!-- <script src="dist/js/ltms/sales_customer.js"></script> --> <!-- SheetJS for Excel --> <script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.18.5/xlsx.full.min.js"></script> <!-- jsPDF for PDF --> <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script> --> <script src="https://unpkg.com/jspdf@latest/dist/jspdf.umd.min.js"></script> <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf-autotable/3.5.14/jspdf.plugin.autotable.min.js"></script> --> <script type="text/javascript"> // ExPORT DATA INSIDE TABLE // document.getElementById('export-customer-excel').addEventListener('click', function () { // var table = document.getElementById("customer-table"); // var wb = XLSX.utils.table_to_book(table, {sheet: "Sheet 1"}); // // Export as Excel file // XLSX.writeFile(wb, 'customer_data.xlsx'); // }); $(document).on('change', '#company_sales', function() { const companyId = $("#company_sales").val(); if (companyId) { $.ajax({ url: 'app/table/bt_sales_ltms_list.php', type: "POST", dataType: 'json', data: { apiKey: skey, cid: companyId }, beforeSend: function() { // You can show a loader if needed // $('#loader-main').show(); }, success: function(result) { // Clear current dealer options $('#dealer_sales').empty(); // Check if there are dealers in the result if (result.length > 0) { $('#dealer_sales').append('<option value="">Select Dealer</option>'); // Default option // Append each dealer to the dropdown $.each(result, function(index, dealer) { $('#dealer_sales').append( `<option value="${dealer.dealer_id}">${dealer.dealer_code} - ${dealer.dealer_name}</option>` ); }); } else { $('#dealer_sales').append('<option value="">No Dealers Available</option>'); } }, error: function(xhr, status, error) { // Handle any errors here console.error("Error fetching dealers:", error); } }); } else { // Reset the dealer dropdown if no company is selected $('#dealer_sales').empty().append('<option value="">Select Dealer</option>'); } }); $(document).on('change', '#company_sales_report', function() { const companyId = $("#company_sales_report").val(); if (companyId) { $.ajax({ url: 'app/table/bt_sales_ltms_list.php', type: "POST", dataType: 'json', data: { apiKey: skey, cid: companyId }, beforeSend: function() { // You can show a loader if needed // $('#loader-main').show(); }, success: function(result) { // Clear current dealer options $('#dealer_sales_report').empty(); // Check if there are dealers in the result if (result.length > 0) { $('#dealer_sales_report').append('<option value="">Select Dealer</option>'); // Default option // Append each dealer to the dropdown $.each(result, function(index, dealer) { $('#dealer_sales_report').append( `<option value="${dealer.dealer_id}">${dealer.dealer_code} - ${dealer.dealer_name}</option>` ); }); } else { $('#dealer_sales_report').append('<option value="">No Dealers Available</option>'); } }, error: function(xhr, status, error) { // Handle any errors here console.error("Error fetching dealers:", error); } }); } else { // Reset the dealer dropdown if no company is selected $('#dealer_sales_report').empty().append('<option value="">Select Dealer</option>'); } }); $(document).on('click', '.view-images', function(e) { e.preventDefault(); // Get the image URLs from the data attribute var imageUrls = $(this).data('image-urls').split(','); var customerFullname = $(this).data('fullname'); // Clear the existing carousel items $('#carouselItems').empty(); // Populate the carousel items imageUrls.forEach(function(url, index) { var activeClass = index === 0 ? 'active' : ''; // Set the first item as active $('#carouselItems').append(` <div class="carousel-item ${activeClass}"> <img src="${url}" class="d-block w-100" alt="Image ${index + 1}" style="object-fit: contain; max-height: 70vh;"> </div> `); }); $('#imageModalLabel').text(customerFullname); $('#imageModal').modal('show'); }); $(document).on('click', '.tag-files', function(e) { e.preventDefault(); // Get the customer name for the confirmation message const customerName = $(this).data('name'); // Show the modal $('#customerModal').modal('show'); // Set up the click event for the tag button in the modal $("#btn-customer-tag").off('click').on('click', function() { const selectedCustomerId = $("#customer-id").val(); // Check if a customer is selected if (!selectedCustomerId) { Swal.fire('Warning!', 'Please select a customer to tag.', 'warning'); return; } // Display SweetAlert confirmation Swal.fire({ title: 'Are you sure?', text: `Do you want to tag the files for ${customerName}?`, icon: 'warning', showCancelButton: true, confirmButtonColor: '#3085d6', cancelButtonColor: '#d33', confirmButtonText: 'Yes, tag them!' }).then((result) => { if (result.isConfirmed) { // If confirmed, proceed with the AJAX request $.ajax({ url: "api/ltms_report/ltms_tag_files.php", type: "post", dataType: "json", data: { apiKey: "230802398022323", customer_id: selectedCustomerId, // Use the selected customer ID customer_name: customerName // The customer name from the button }, success: function(response) { if (response.status === 1) { Swal.fire('Success!', response.message, 'success'); } else { Swal.fire('Error!', response.message, 'error'); } $('#customerModal').modal('hide'); }, error: function() { Swal.fire('Error!', 'Something went wrong!', 'error'); } }); } }); }); }); // $(document).ready(function() { // // Apply filters // $('#apply-filters').on('click', function() { // var selectedDealer = $('#filter-dealer').val(); // var selectedSC = $('#filter-sc').val(); // var selectedMonth = $('#filter-month').val(); // var selectedYear = $('#filter-year').val(); // $('#filterModal').modal('hide'); // Close the modal after applying filters // }); // }); let data_set = []; // Global data set let totalDataCount = 0; // Total number of records to fetch // Function to disable buttons function disableButtons() { $('#generate-btn').prop('disabled', true); $('#btn-close-modal').prop('disabled', true); $('#export-customer-excel').prop('disabled', true); $('#export-customer-pdf').prop('disabled', true); } // Function to enable buttons function enableButtons() { $('#generate-btn').prop('disabled', false); $('#btn-close-modal').prop('disabled', false); $('#export-customer-excel').prop('disabled', false); $('#export-customer-pdf').prop('disabled', false); } // Function to fetch data in batches async function fetchData(offset) { try { const response = await $.ajax({ url: "api/ltms_report/ltms_report.php", type: "post", dataType: "json", data: { apiKey: "2222", date_from: $("#date_from_ltms").val(), date_to: $("#date_to_ltms").val(), offset: offset, limit: 50 // Limit for each request } }); // Update total data count if it's the first request if (offset === 0) { totalDataCount = response.total_data; // Total data from the first response } // Merge the new results into the data set data_set = data_set.concat(response.results); // Calculate progress percentage const progressPercentage = Math.min((data_set.length / totalDataCount) 100, 100); $('#data-fetch-progress').css('width', progressPercentage + '%').attr('aria-valuenow', progressPercentage).text(Math.round(progressPercentage) + '%'); // Check if more data exists if (response.results.length === 50) { // Fetch the next batch await fetchData(offset + 50); } else { // All data has been loaded console.log(data_set.length); enableButtons(); // Enable buttons after data fetch } } catch (error) { console.error("Error fetching data:", error); enableButtons(); // Enable buttons in case of an error } } // Event handler for the generate button $("#generate-btn").on('click', function() { data_set = []; // Reset dataset disableButtons(); // Disable buttons during data fetch fetchData(0); // Start fetching data from offset 0 }); // PDF Export Code document.getElementById('export-customer-pdf').addEventListener('click', function () { // Check if data_set has data console.log("Data Set Length:", data_set.length); // Log the length of the dataset if (data_set.length === 0) { alert("No data available to export."); return; } // Load jsPDF from the window object var { jsPDF } = window.jspdf; var doc = new jsPDF("p", "mm", "a4"); // A4 size in millimeters // Add Title to PDF centered doc.setFontSize(16); // Bigger font for title const title = "Customer LTMS Data"; const titleWidth = doc.getStringUnitWidth(title) * doc.internal.getFontSize() / doc.internal.scaleFactor; const xTitle = (doc.internal.pageSize.getWidth() - titleWidth) / 2; doc.text(title, xTitle, 15); // Centered title // Define column headers const headers = ["Customer Name", "CS Number", "Date Uploaded"]; const xPos = 10; // X position for the first column let yPos = 25; // Initial vertical position in PDF after title // Set a solid color for the header // doc.setFillColor(96, 117, 250); // RGB color for header // doc.rect(0, 20, doc.internal.pageSize.getWidth(), 10, 'F'); // Fill header rectangle with reduced height // Set font for headers doc.setFont("helvetica", "bold"); const headerCellWidths = [100, 30, 50]; // Define column widths headers.forEach((header, index) => { const headerX = xPos + headerCellWidths.slice(0, index).reduce((a, b) => a + b, 0); // Calculate X position based on previous headers' widths doc.text(header, headerX + 2, yPos); // Add headers with padding }); // Reset font for the body doc.setFont("helvetica", "normal"); doc.setFontSize(12); // Set font size for body text yPos += 10; // Move down after headers // Loop through data_set and add rows to PDF data_set.forEach((item) => { const rowText = [ item.fullname \|\| "", // Use empty string if undefined item.cs_number \|\| "", // Use empty string if undefined formatDate(item.created_at) \|\| "" // Use empty string if undefined ]; // Add border for each cell and write the text const customerNameWidth = headerCellWidths[0]; // Width for Customer Name const fileWidth = headerCellWidths[1]; // Width for File column const dateWidth = headerCellWidths[2]; // Width for Date Uploaded column // Add Customer Name doc.rect(xPos, yPos - 8, customerNameWidth, 10); // Border for Customer Name doc.text(item.fullname \|\| "", xPos + 2, yPos); // Add a little padding // Add File const fileX = xPos + customerNameWidth; // X position for File doc.rect(fileX, yPos - 8, fileWidth, 10); // Border for File doc.text(item.cs_number \|\| "", fileX + 2, yPos); // Add a little padding // Add Date Uploaded const dateX = fileX + fileWidth; // X position for Date Uploaded doc.rect(dateX, yPos - 8, dateWidth, 10); // Border for Date Uploaded doc.text(item.created_at \|\| "", dateX + 2, yPos); // Add a little padding yPos += 10; // Move to the next row position // Check if the page is full if (yPos > doc.internal.pageSize.getHeight() - 20) { doc.addPage(); // Add new page yPos = 10; // Reset Y position // Only add Title and Header on the first page if (doc.internal.getNumberOfPages() === 1) { // Add Title to new page centered doc.text(title, xTitle, 15); // Centered title // Fill header rectangle for new page doc.rect(0, 20, doc.internal.pageSize.getWidth(), 10, 'F'); // Fill header rectangle doc.setFont("helvetica", "bold"); headers.forEach((header, index) => { const headerX = xPos + headerCellWidths.slice(0, index).reduce((a, b) => a + b, 0); doc.text(header, headerX + 2, yPos); // Add headers with padding }); yPos += 10; // Move down after headers } } }); // Add page number at the bottom of each page const totalPages = doc.internal.getNumberOfPages(); for (let i = 1; i <= totalPages; i++) { doc.setPage(i); doc.setFontSize(10); doc.text(`Page ${i} of ${totalPages}`, doc.internal.pageSize.getWidth() - 30, doc.internal.pageSize.getHeight() - 10); // Position for page number } // Stream the PDF instead of downloading var pdfOutput = doc.output('datauristring'); window.open(pdfOutput); // Open the PDF in a new tab }); document.getElementById('export-customer-excel').addEventListener('click', function () { // Check if data_set has data if (data_set.length === 0) { alert("No data available to export."); return; } // Log data_set for debugging console.log(data_set); // Convert data_set to a format suitable for Excel const formattedData = data_set.map(item => ({ 'Customer Name': item.fullname, // Ensure the property names are correct 'CS Number': item.cs_number, // Ensure the property names are correct 'Date Uploaded': item.created_at, // Ensure the property names are correct // Add more fields as necessary })); // Log the formatted data to verify the structure before export console.log(formattedData); // Create a new workbook const wb = XLSX.utils.book_new(); // Convert the formatted data to a worksheet const ws = XLSX.utils.json_to_sheet(formattedData); // Append the worksheet to the workbook XLSX.utils.book_append_sheet(wb, ws, 'Customer Data'); // Export as Excel file XLSX.writeFile(wb, 'customer_data.xlsx'); }); function formatDate(date) { const formattedDate = date.toLocaleString('en-US', { year: 'numeric', month: 'long', // Full month name (e.g., "October") day: 'numeric', hour: 'numeric', minute: 'numeric', second: 'numeric', hour12: true // Enables AM/PM }); return formattedDate; } </script> </body> </html>��views/ltms/ltms_view10-24-24.php��0000644��00000264570�15025010632�0012221 0��ustar�00��<?php include('cfg/db.php'); include_once("api/controllers/utility.php"); // include('app/security/security.php'); if (!isset($_SESSION['user']['id'])) { header('location:signin.php'); } // $check_page = new CheckPage(); // $check_page->start($db); if (!(isset($global_action_permissions['12']) && in_array("1", $global_action_permissions['12']))) { header('location:signin.php'); } $dealer_id = $_SESSION['user']['dealer']; $utility = new Utility(); $granted_company_ids = $utility->isNotEmpty($_SESSION['user']['company_permissions_implode']) ? $_SESSION['user']['company_permissions_implode'] : '-1'; $employee_id = $_SESSION['user']['employee_id']; // $adminID = ['60585','60674','60638']; // $is_admin =(in_array($employee_id, $adminID)); // if (!isset($_REQUEST['q']) && !$is_admin) { // header('location:signin.php'); // } $ref_num_header ='';// ($is_admin ? '' : $_REQUEST['q']); if (isset($global_action_permissions['22']['55']) && in_array("4", $global_action_permissions['11']['55'])) { $has_force_edit_permission = 1; } else { $has_force_edit_permission = 0; } // echo'<pre>';print_r($_SESSION['user']);echo'</pre>';exit; ?> <!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']; ?> \| LTMS</title> <!-- <script src="dist/js/filter.js"></script> --> <!-- 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"> <!-- Default style --> <link rel="stylesheet" href="dist/css/default.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"> <link href="dist/img/<?php echo $variable['logo']; ?>" rel="icon" /> <!-- Ekko Lightbox --> <link rel="stylesheet" href="plugins/ekko-lightbox/ekko-lightbox.css"> <!-- SweetAlert2 --> <link rel="stylesheet" href="plugins/sweetalert2/sweetalert2.min.css"> <!-- Toastr --> <link rel="stylesheet" href="plugins/toastr/toastr.min.css"> <!-- STARTMULTI --> <link rel="stylesheet" href="dist/css/bootstrap-multiselect.css" type="text/css"> <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%; } #customer-table.loading tbody { position: relative; } #sales-table.loading tbody { position: relative; } #customer-table.loading tbody:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #fff; / background-color: rgba(0, 0, 0, 0.1); / background-image: url(data:image/png;base64,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); background-position: center; background-repeat: no-repeat; background-size: 277px 35px; font-weight: bold; content: ""; } </style> </head> <body class="hold-transition sidebar-mini text-sm layout-fixed"> <!-- body class="hold-transition sidebar-mini text-sm" oncopy = 'return false' oncut = 'return false' onselectstart = 'return false' > --> <div class="wrapper"> <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'); ?> <!-- Content Wrapper. Contains page content --> <div id="upper" class="content-wrapper"> <!-- START --> <section class="content"> <div class="container-fluid"> <div class="row"> <div class="col-md mt-3" > <div id="table" class="card card-primary"> <div class="card-header"> <h3 class="card-title" ><a href="#"><i class="fa fa-backward" aria-hidden="true" onclick="goBack();" style="text-decoration:none;"> Back </i></a> \| Customer LTMS</h3> </div> <div class="card"> <div class="card-body"> <div class="row"> <!-- Customer Table --> <div id="customer-list" class="col-md-6 col-lg-6 col-sm-12 customer-list"> <div class="card shadow-sm mb-4"> <div class="card-header bg-primary text-white text-center"> <h5 class="mb-0">LTMS Upload</h5> </div> <div class="card-body p-0"> <!-- Toolbar for Search and Export Buttons --> <div class="d-flex justify-content-between align-items-center p-2"> <!-- Export buttons next to the search box --> <div class="export-buttons ml-auto"> <div class="btn-group"> <button type="button" class="btn btn-default btn-sm" data-toggle="modal" data-target="#filterModal" title="Filter"> <i class="fa fa-filter" aria-hidden="true"></i> </button> </div> <!-- Modal --> <div class="modal fade" id="filterModal" tabindex="-1" role="dialog" aria-labelledby="filterModalLabel" aria-hidden="true" data-backdrop="static"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="filterModalLabel">Report</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <!-- <div class="form-group"> <input type="button" class="btn btn-primary btn-sm form-control" name="btnCustomerListNoFilter" id="btnCustomerListNoFilter" value="No Filter"> </div> --> <div class="form-group"> <label for="filter-start-date">Start Date:</label> <input type="date" value="<?=date('Y-m-d')?>" id="date_from_ltms" class="form-control datepicker" id="filter-start-date" name="filter-start-date" placeholder="Select start date"> </div> <div class="form-group"> <label for="filter-end-date">End Date:</label> <input type="date" value="<?=date('Y-m-d')?>" id="date_to_ltms" class="form-control datepicker" id="filter-end-date" name="filter-end-date" placeholder="Select end date"> </div> <!-- Progress Bar --> <div class="progress my-3"> <div id="data-fetch-progress" class="progress-bar" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">0%</div> </div> <!-- Export to Excel Button --> <button id="export-customer-excel" class="btn btn-sm btn-success"> <i class="fas fa-file-excel"></i> Excel </button> <!-- Export to PDF Button --> <button id="export-customer-pdf" class="btn btn-sm btn-danger"> <i class="fas fa-file-pdf"></i> PDF </button> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" id="btn-close-modal" data-dismiss="modal">Close</button> <button type="button" id="generate-btn" class="btn btn-primary" id="apply-filters">generate report</button> </div> </div> </div> </div> <!-- END MODAL FILTER --> </div> </div> <!-- Table Content --> <table id="customer-table" class="table table-bordered table-hover table-sm mb-0" data-search="true" data-pagination="true"> <thead class="thead-light"> <tr> <th data-field="customer_name" style="text-align: center;">Name</th> <th data-field="cs_number">CS Number</th> <th data-field="date_uploaded" style="text-align: center;">Date uploaded</th> <th data-field="file" style="text-align: center;">File</th> <th data-field="action_tag" style="text-align: center;">Action</th> </tr> </thead> <tbody> <!-- Dynamic Content --> </tbody> </table> </div> <div class="card-footer text-center"> <nav aria-label="Customer Page Navigation"> <ul class="pagination justify-content-center m-0" id="customer-grid-data-paging"> <!-- Pagination Links --> </ul> </nav> </div> </div> </div> <!-- Sales Table --> <div class="col-md-6 col-lg-6 col-sm-12 sales-table"> <div class="card shadow-sm mb-4"> <div class="card-header bg-success text-white text-center"> <h5 class="mb-0">Sales</h5> </div> <div class="card-body p-0"> <?php / <div class="row align-items-center p-2"> <div class="col-md-6 d-flex align-items-center"> <div class="d-flex align-items-center mr-2"> <label for="ltms-filter" class="mr-2 my-2">Company:</label> <select class="form-control form-control-sm" id="company_sales"> <option value="">Select Company</option> <?php $company_query = $db->connect()->query("select id,code,name from source_company where status =1 order by name"); if($company_query->num_rows>0) { foreach($company_query as $company) { ?> <option value="<?=$company['id']?>"><?=$company['code'].' - '.substr($company['name'],0,20).'..'?></option> <!-- <option value="<?=$dealer['id']?>"><?=$dealer['code']?></option> --> <?php } } ?> </select> </div> </div> <div class="col-md-5 d-flex align-items-center"> <div class="d-flex align-items-center mr-2"> <label for="ltms-filter" class="mr-2 my-2">Dealer:</label> <select class="form-control form-control-sm" id="dealer_sales"> <option value="">Select Dealer</option> </select> </div> </div> <div class="com-md-1"> <div class="btn-group ml-3"> <button type="button" class="btn btn-default btn-sm" data-toggle="modal" data-target="#filterModalSales" title="Filter"> <i class="fa fa-filter" aria-hidden="true"></i> </button> </div> </div> </div> <div class="d-flex justify-content-between align-items-center p-2"> <!-- Export buttons next to the search box --> <div class="d-flex align-items-center"> <!-- Date range filter --> <div class="d-flex date-range-filter"> <div class="col-md-4 d-flex align-items-center mr-2"> <label for="from-date" class="mr-2">From:</label> <input type="date" id="from-date" class="form-control form-control-sm"> </div> <div class="col-md-4 d-flex align-items-center"> <label for="to-date" class="mr-2">To:</label> <input type="date" id="to-date" class="form-control form-control-sm"> </div> <!-- LTMS filter --> <div class="col-md-4 d-flex align-items-center"> <label for="ltms-filter" class="mr-2">Status:</label> <select id="ltms-filter" class="form-control form-control-sm"> <option value="">All</option> <option value="1">Has LTMS</option> <option value="0">No LTMS</option> </select> </div> </div> </div> /?> <div class="container-fluid"> <!-- First row: Company, Dealer, Filter button --> <div class="row align-items-center p-1"> <div class="col-md-5"> <div class="d-flex align-items-center"> <label for="company_sales" class="mr-2 my-2">Company:</label> <select class="form-control form-control-sm company_sales" id="company_sales"> <option value="">Select Company</option> <?php $company_query = $db->connect()->query("SELECT id, code, name FROM source_company WHERE status = 1 ORDER BY name"); if ($company_query->num_rows > 0) { foreach ($company_query as $company) { ?> <option value="<?= $company['id'] ?>"><?= $company['code'].' - '.substr($company['name'], 0, 20) ?>..</option> <?php } } ?> </select> </div> </div> <div class="col-md-5"> <div class="d-flex align-items-center"> <label for="dealer_sales" class="mr-2 my-2">Dealer:</label> <select class="form-control form-control-sm dealer_sales" id="dealer_sales"> <option value="">Select Dealer</option> </select> </div> </div> <div class="col-md-2 text-right"> <button type="button" class="btn btn-default btn-sm" data-toggle="modal" data-target="#filterModalSales" title="Filter"> <i class="fa fa-filter" aria-hidden="true"></i> </button> </div> </div> <!-- Second row: Date range and LTMS status --> <div class="row align-items-center p-1"> <div class="col-md-4"> <div class="form-group"> <label for="from-date" class="mr-2">From:</label> <input type="date" id="from-date" class="form-control form-control-sm"> </div> </div> <div class="col-md-4"> <div class="form-group"> <label for="to-date" class="mr-2">To:</label> <input type="date" id="to-date" class="form-control form-control-sm"> </div> </div> <div class="col-md-4"> <div class="form-group"> <label for="ltms-filter" class="mr-2">Status:</label> <select id="ltms-filter" class="form-control form-control-sm"> <option value="">All</option> <option value="1">Uploaded</option> <option value="0">No LTMS</option> </select> </div> </div> </div> </div> <!-- Modal --> <div class="modal fade" id="filterModalSales" tabindex="-1" role="dialog" aria-labelledby="filterModalLabel" aria-hidden="true" data-backdrop="static"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="filterModalLabel">Report Generation</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div class="d-flex align-items-center mb-3"> <label for="company_sales" class="mr-2 my-2">Company:</label> <select class="form-control form-control-sm company_sales" id="company_sales_report"> <option value="">Select Company</option> <?php $company_query = $db->connect()->query("SELECT id, code, name FROM source_company WHERE status = 1 ORDER BY name"); if ($company_query->num_rows > 0) { foreach ($company_query as $company) { ?> <option value="<?= $company['id'] ?>"><?= $company['code'].' - '.substr($company['name'], 0, 20) ?>..</option> <?php } } ?> </select> </div> <div class="d-flex align-items-center mb-3"> <label for="ltms-filter" class="mr-2">Dealer:</label> <select class="form-control form-control-sm dealer_sales" id="dealer_sales_report"> <option value="">Select Dealer</option> </select> </div> <div class="d-flex align-items-center mb-3"> <label for="ltms-filter" class="mr-2">Status:</label> <select id="ltms-filter-sales" class="form-control form-control-sm"> <option value="">All</option> <option value="1">Uploaded</option> <option value="0">No LTMS</option> </select> </div> <div class="form-group"> <label for="filter-start-date">Start Date:</label> <input type="date" value="<?=date('Y-m-d')?>" id="date_from_ltms_sales" class="form-control datepicker" id="filter-start-date" name="filter-start-date" placeholder="Select start date"> </div> <div class="form-group"> <label for="filter-end-date">End Date:</label> <input type="date" value="<?=date('Y-m-d')?>" id="date_to_ltms_sales" class="form-control datepicker" id="filter-end-date" name="filter-end-date" placeholder="Select end date"> </div> <!-- Progress Bar --> <div class="progress my-3"> <div id="data-fetch-progress-sales" class="progress-bar bg-success" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">0%</div> </div> <!-- Export to Excel Button --> <button id="export-sales-excel" class="btn btn-sm btn-success"> <i class="fas fa-file-excel"></i> Excel </button> <!-- Export to PDF Button --> <button id="export-sales-pdf" class="btn btn-sm btn-danger"> <i class="fas fa-file-pdf"></i> PDF </button> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" id="btn-close-modal-sales" data-dismiss="modal">Close</button> <button type="button" id="generate-btn-sales" class="btn btn-primary" id="apply-filters">generate report</button> </div> </div> </div> </div> <!-- END MODAL FILTER --> </div> </div> <table id="sales-table" class="table table-bordered table-hover table-sm mb-0" data-query-params="queryParamsSales" data-search="true" data-pagination="true"> <!-- <table id="sales-table" data-search="true" data-custom-search="customSearch" data-buttons="buttonsFunction" data-url="" class="table table-bordered table-hover table-sm mb-0" data-query-params="queryParamsSales" data-search="true" data-pagination="true"> --> <thead class="thead-light"> <tr> <th data-field="company_dealer" data-sortable="false" style="text-align: center;">Dealer</th> <th data-field="sales_customer_name" data-sortable="false" style="text-align: center;">Name</th> <th data-field="mobile_phone_1" data-sortable="false" style="text-align: center;">Mobile</th> <th data-field="cs_number" style="text-align: center;">CS Number</th> <th data-field="activity_date" style="text-align: center;">Date Released</th> <th data-field="has_tag_ltms" style="text-align: center;">W/ LTMS</th> </tr> </thead> <tbody> <!-- Dynamic Content --> </tbody> </table> </div> <div class="card-footer text-center"> <nav aria-label="Sales Page Navigation"> <ul class="pagination justify-content-center m-0" id="sales-grid-data-paging"> <!-- Pagination Links --> </ul> </nav> </div> </div> </div> </div> <!-- END ROW --> <!-- Modal to view the image --> <?php /<div class="modal fade" id="imageModal" tabindex="-1" aria-labelledby="imageModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title" id="imageModalLabel">Image Preview</h4> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body text-center" style=" max-height: 80vh;overflow-y:auto;"> <!-- Add the img-responsive class for Bootstrap 3 --> <img id="modalImage" src="" alt="Image" class="img-responsive" style="max-width: 100%; height: auto;"> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> </div> </div> </div> </div> /?> <!-- Modal to view the image --> <div class="modal fade" id="imageModal" tabindex="-1" aria-labelledby="imageModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title" id="imageModalLabel">Image Preview</h4> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body text-center" style="max-height: 100vh; overflow-y:auto;"> <div id="carouselImages" class="carousel slide"> <div class="carousel-inner" id="carouselItems"> <!-- Carousel items will be injected here --> </div> <a class="carousel-control-prev" href="#carouselImages" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#carouselImages" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> </div> </div> </div> </div> <!--END Modal to view the image --> <?php //CUSTOMER MODAL ?> <div class="modal fade" id="customerModal" tabindex="-1" aria-labelledby="customerModalLabel" aria-hidden="true" data-backdrop="static" data-keyboard="false"> <div class="modal-dialog"> <!-- Use modal-sm for a smaller modal --> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="customerModalLabel">Select Customer</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <form> <div class="form-group"> <div class="alert alert-warning mt-2" role="alert"> <i class="fa fa-exclamation-triangle me-2"></i> <strong>Note:  </strong>Please ensure that you attach the customer-uploaded file to the appropriate customer to avoid incorrectly tagging LTMS data. </div> <label for="customer-id" class="font-weight-bold">Choose a customer:</label> <select class="form-control" id="customer-id"> <option value="">Select Customer</option> <?php $queryC = $db->connect()->query("SELECT DISTINCT c.id AS customer_id, IF(c.type = 1, CONCAT(c.first_name, ' ', c.middle_name, ' ', c.last_name), c.corporation_name) AS customer_name FROM sales AS s LEFT JOIN vehicle AS v ON s.vehicle_id = v.id LEFT JOIN customer AS c ON v.customer_record_id = c.id LEFT JOIN customer_ltms cl ON c.id = cl.customer_id WHERE s.activity_date >= '2024-09-01' AND cl.customer_id IS NULL ORDER BY c.first_name"); if ($queryC->num_rows > 0) { foreach ($queryC as $cusRow) { ?> <option value="<?= $cusRow['customer_id'] ?>"><?= $cusRow['customer_name'] ?></option> <?php } } ?> </select> </div> </form> </div> <div class="modal-footer"> <button type="button" id="btn-customer-tag" class="btn btn-primary btn-block text-white"><i class="fas fa-tag"></i> Tag</button> <!-- <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> --> </div> </div> </div> </div> <?php //END CUSTOMER MODAL ?> </div> <!-- card-body --> </div> <!-- card --> </div> <!--card-card-primary--> </div> <!--container-fluid--> </div> <!--row--> </div> <!--container-fluid--> <?php if ( (isset($global_action_permissions['2']['3']) && in_array("2", $global_action_permissions['2']['3'])) \|\| (isset($global_action_permissions['2']['3']) && in_array("3", $global_action_permissions['2']['3'])) ) { ?> <?php // include 'include/components/customer_update/customer_form.php'; ?> <?php } ?> </section> <!-- END --> </div> <!--content-wrapper--> <?php include('include/footer.php'); ?> <aside class="control-sidebar control-sidebar-dark"></aside> </div><!-- ./wrapper --> <!-- jQuery --> <script src="plugins/jquery/jquery.min.js"></script> <!-- jQuery UI 1.11.4 --> <script src="plugins/jquery-ui/jquery-ui.min.js"></script> <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip --> <script> $.widget.bridge('uibutton', $.ui.button) </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 --> <!-- jQuery Cookie--> <script src="plugins/jquery-cookie/jquery.cookie.js"></script> <!-- Ekko Lightbox --> <script src="plugins/ekko-lightbox/ekko-lightbox.min.js"></script> <!-- SweetAlert2 --> <script src="plugins/sweetalert2/sweetalert2.min.js"></script> <!-- Toastr --> <script src="plugins/toastr/toastr.min.js"></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 src="dist/js/jquery.balloon.min.js"></script> <!-- <script src="dist/js/customer_update/dealer_assigned_user_form.js"></script> --> <!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> --> <script src="plugins/datatables/jquery.dataTables.min.js"></script> <script src="plugins/datatables-bs4/js/dataTables.bootstrap4.min.js"></script> <script> //GLOBALS WITH PHP var customer_force_edit = <?php echo $has_force_edit_permission; ?>; // const ref_header = '<?=$ref_num_header?>' const skey ='<?= base64_encode('ZmtDl9SkyB')?>' </script> <script src="dist/js/ltms/ltms.js"></script> <script src="dist/js/ltms/report_sales_ltms.js"></script> <!-- <script src="dist/js/ltms/sales_customer.js"></script> --> <!-- SheetJS for Excel --> <script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.18.5/xlsx.full.min.js"></script> <!-- jsPDF for PDF --> <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script> --> <script src="https://unpkg.com/jspdf@latest/dist/jspdf.umd.min.js"></script> <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf-autotable/3.5.14/jspdf.plugin.autotable.min.js"></script> --> <script type="text/javascript"> // ExPORT DATA INSIDE TABLE // document.getElementById('export-customer-excel').addEventListener('click', function () { // var table = document.getElementById("customer-table"); // var wb = XLSX.utils.table_to_book(table, {sheet: "Sheet 1"}); // // Export as Excel file // XLSX.writeFile(wb, 'customer_data.xlsx'); // }); $(document).on('change', '#company_sales', function() { const companyId = $("#company_sales").val(); if (companyId) { $.ajax({ url: 'app/table/bt_sales_ltms_list.php', type: "POST", dataType: 'json', data: { apiKey: skey, cid: companyId }, beforeSend: function() { // You can show a loader if needed // $('#loader-main').show(); }, success: function(result) { // Clear current dealer options $('#dealer_sales').empty(); // Check if there are dealers in the result if (result.length > 0) { $('#dealer_sales').append('<option value="">Select Dealer</option>'); // Default option // Append each dealer to the dropdown $.each(result, function(index, dealer) { $('#dealer_sales').append( `<option value="${dealer.dealer_id}">${dealer.dealer_code} - ${dealer.dealer_name}</option>` ); }); } else { $('#dealer_sales').append('<option value="">No Dealers Available</option>'); } }, error: function(xhr, status, error) { // Handle any errors here console.error("Error fetching dealers:", error); } }); } else { // Reset the dealer dropdown if no company is selected $('#dealer_sales').empty().append('<option value="">Select Dealer</option>'); } }); $(document).on('change', '#company_sales_report', function() { const companyId = $("#company_sales_report").val(); if (companyId) { $.ajax({ url: 'app/table/bt_sales_ltms_list.php', type: "POST", dataType: 'json', data: { apiKey: skey, cid: companyId }, beforeSend: function() { // You can show a loader if needed // $('#loader-main').show(); }, success: function(result) { // Clear current dealer options $('#dealer_sales_report').empty(); // Check if there are dealers in the result if (result.length > 0) { $('#dealer_sales_report').append('<option value="">Select Dealer</option>'); // Default option // Append each dealer to the dropdown $.each(result, function(index, dealer) { $('#dealer_sales_report').append( `<option value="${dealer.dealer_id}">${dealer.dealer_code} - ${dealer.dealer_name}</option>` ); }); } else { $('#dealer_sales_report').append('<option value="">No Dealers Available</option>'); } }, error: function(xhr, status, error) { // Handle any errors here console.error("Error fetching dealers:", error); } }); } else { // Reset the dealer dropdown if no company is selected $('#dealer_sales_report').empty().append('<option value="">Select Dealer</option>'); } }); $(document).on('click', '.view-images', function(e) { e.preventDefault(); // Get the image URLs from the data attribute var imageUrls = $(this).data('image-urls').split(','); var customerFullname = $(this).data('fullname'); // Clear the existing carousel items $('#carouselItems').empty(); // Populate the carousel items imageUrls.forEach(function(url, index) { var activeClass = index === 0 ? 'active' : ''; // Set the first item as active $('#carouselItems').append(` <div class="carousel-item ${activeClass}"> <img src="${url}" class="d-block w-100" alt="Image ${index + 1}" style="object-fit: contain; max-height: 100vh;"> </div> `); }); $('#imageModalLabel').text(customerFullname); $('#imageModal').modal('show'); }); $(document).on('click', '.tag-files', function(e) { e.preventDefault(); // Get the customer name for the confirmation message const customerName = $(this).data('name'); // Show the modal $('#customerModal').modal('show'); // Set up the click event for the tag button in the modal $("#btn-customer-tag").off('click').on('click', function() { const selectedCustomerId = $("#customer-id").val(); // Check if a customer is selected if (!selectedCustomerId) { Swal.fire('Warning!', 'Please select a customer to tag.', 'warning'); return; } // Display SweetAlert confirmation Swal.fire({ title: 'Are you sure?', text: `Do you want to tag the files for ${customerName}?`, icon: 'warning', showCancelButton: true, confirmButtonColor: '#3085d6', cancelButtonColor: '#d33', confirmButtonText: 'Yes, tag them!' }).then((result) => { if (result.isConfirmed) { // If confirmed, proceed with the AJAX request $.ajax({ url: "api/ltms_report/ltms_tag_files.php", type: "post", dataType: "json", data: { apiKey: "230802398022323", customer_id: selectedCustomerId, // Use the selected customer ID customer_name: customerName // The customer name from the button }, success: function(response) { if (response.status === 1) { Swal.fire('Success!', response.message, 'success'); } else { Swal.fire('Error!', response.message, 'error'); } $('#customerModal').modal('hide'); }, error: function() { Swal.fire('Error!', 'Something went wrong!', 'error'); } }); } }); }); }); // $(document).ready(function() { // // Apply filters // $('#apply-filters').on('click', function() { // var selectedDealer = $('#filter-dealer').val(); // var selectedSC = $('#filter-sc').val(); // var selectedMonth = $('#filter-month').val(); // var selectedYear = $('#filter-year').val(); // $('#filterModal').modal('hide'); // Close the modal after applying filters // }); // }); let data_set = []; // Global data set let totalDataCount = 0; // Total number of records to fetch // Function to disable buttons function disableButtons() { $('#generate-btn').prop('disabled', true); $('#btn-close-modal').prop('disabled', true); $('#export-customer-excel').prop('disabled', true); $('#export-customer-pdf').prop('disabled', true); } // Function to enable buttons function enableButtons() { $('#generate-btn').prop('disabled', false); $('#btn-close-modal').prop('disabled', false); $('#export-customer-excel').prop('disabled', false); $('#export-customer-pdf').prop('disabled', false); } // Function to fetch data in batches async function fetchData(offset) { try { const response = await $.ajax({ url: "api/ltms_report/ltms_report.php", type: "post", dataType: "json", data: { apiKey: "2222", date_from: $("#date_from_ltms").val(), date_to: $("#date_to_ltms").val(), offset: offset, limit: 50 // Limit for each request } }); // Update total data count if it's the first request if (offset === 0) { totalDataCount = response.total_data; // Total data from the first response } // Merge the new results into the data set data_set = data_set.concat(response.results); // Calculate progress percentage const progressPercentage = Math.min((data_set.length / totalDataCount) 100, 100); $('#data-fetch-progress').css('width', progressPercentage + '%').attr('aria-valuenow', progressPercentage).text(Math.round(progressPercentage) + '%'); // Check if more data exists if (response.results.length === 50) { // Fetch the next batch await fetchData(offset + 50); } else { // All data has been loaded console.log(data_set.length); enableButtons(); // Enable buttons after data fetch } } catch (error) { console.error("Error fetching data:", error); enableButtons(); // Enable buttons in case of an error } } // Event handler for the generate button $("#generate-btn").on('click', function() { data_set = []; // Reset dataset disableButtons(); // Disable buttons during data fetch fetchData(0); // Start fetching data from offset 0 }); // PDF Export Code document.getElementById('export-customer-pdf').addEventListener('click', function () { // Check if data_set has data console.log("Data Set Length:", data_set.length); // Log the length of the dataset if (data_set.length === 0) { alert("No data available to export."); return; } // Load jsPDF from the window object var { jsPDF } = window.jspdf; var doc = new jsPDF("p", "mm", "a4"); // A4 size in millimeters // Add Title to PDF centered doc.setFontSize(16); // Bigger font for title const title = "Customer LTMS Data"; const titleWidth = doc.getStringUnitWidth(title) * doc.internal.getFontSize() / doc.internal.scaleFactor; const xTitle = (doc.internal.pageSize.getWidth() - titleWidth) / 2; doc.text(title, xTitle, 15); // Centered title // Define column headers const headers = ["Customer Name", "CS Number", "Date Uploaded"]; const xPos = 10; // X position for the first column let yPos = 25; // Initial vertical position in PDF after title // Set a solid color for the header // doc.setFillColor(96, 117, 250); // RGB color for header // doc.rect(0, 20, doc.internal.pageSize.getWidth(), 10, 'F'); // Fill header rectangle with reduced height // Set font for headers doc.setFont("helvetica", "bold"); const headerCellWidths = [100, 30, 50]; // Define column widths headers.forEach((header, index) => { const headerX = xPos + headerCellWidths.slice(0, index).reduce((a, b) => a + b, 0); // Calculate X position based on previous headers' widths doc.text(header, headerX + 2, yPos); // Add headers with padding }); // Reset font for the body doc.setFont("helvetica", "normal"); doc.setFontSize(12); // Set font size for body text yPos += 10; // Move down after headers // Loop through data_set and add rows to PDF data_set.forEach((item) => { const rowText = [ item.fullname \|\| "", // Use empty string if undefined item.cs_number \|\| "", // Use empty string if undefined formatDate(item.created_at) \|\| "" // Use empty string if undefined ]; // Add border for each cell and write the text const customerNameWidth = headerCellWidths[0]; // Width for Customer Name const fileWidth = headerCellWidths[1]; // Width for File column const dateWidth = headerCellWidths[2]; // Width for Date Uploaded column // Add Customer Name doc.rect(xPos, yPos - 8, customerNameWidth, 10); // Border for Customer Name doc.text(item.fullname \|\| "", xPos + 2, yPos); // Add a little padding // Add File const fileX = xPos + customerNameWidth; // X position for File doc.rect(fileX, yPos - 8, fileWidth, 10); // Border for File doc.text(item.cs_number \|\| "", fileX + 2, yPos); // Add a little padding // Add Date Uploaded const dateX = fileX + fileWidth; // X position for Date Uploaded doc.rect(dateX, yPos - 8, dateWidth, 10); // Border for Date Uploaded doc.text(item.created_at \|\| "", dateX + 2, yPos); // Add a little padding yPos += 10; // Move to the next row position // Check if the page is full if (yPos > doc.internal.pageSize.getHeight() - 20) { doc.addPage(); // Add new page yPos = 10; // Reset Y position // Only add Title and Header on the first page if (doc.internal.getNumberOfPages() === 1) { // Add Title to new page centered doc.text(title, xTitle, 15); // Centered title // Fill header rectangle for new page doc.rect(0, 20, doc.internal.pageSize.getWidth(), 10, 'F'); // Fill header rectangle doc.setFont("helvetica", "bold"); headers.forEach((header, index) => { const headerX = xPos + headerCellWidths.slice(0, index).reduce((a, b) => a + b, 0); doc.text(header, headerX + 2, yPos); // Add headers with padding }); yPos += 10; // Move down after headers } } }); // Add page number at the bottom of each page const totalPages = doc.internal.getNumberOfPages(); for (let i = 1; i <= totalPages; i++) { doc.setPage(i); doc.setFontSize(10); doc.text(`Page ${i} of ${totalPages}`, doc.internal.pageSize.getWidth() - 30, doc.internal.pageSize.getHeight() - 10); // Position for page number } // Stream the PDF instead of downloading var pdfOutput = doc.output('datauristring'); window.open(pdfOutput); // Open the PDF in a new tab }); document.getElementById('export-customer-excel').addEventListener('click', function () { // Check if data_set has data if (data_set.length === 0) { alert("No data available to export."); return; } // Log data_set for debugging console.log(data_set); // Convert data_set to a format suitable for Excel const formattedData = data_set.map(item => ({ 'Customer Name': item.fullname, // Ensure the property names are correct 'CS Number': item.cs_number, // Ensure the property names are correct 'Date Uploaded': item.created_at, // Ensure the property names are correct // Add more fields as necessary })); // Log the formatted data to verify the structure before export console.log(formattedData); // Create a new workbook const wb = XLSX.utils.book_new(); // Convert the formatted data to a worksheet const ws = XLSX.utils.json_to_sheet(formattedData); // Append the worksheet to the workbook XLSX.utils.book_append_sheet(wb, ws, 'Customer Data'); // Export as Excel file XLSX.writeFile(wb, 'customer_data.xlsx'); }); function formatDate(date) { const formattedDate = date.toLocaleString('en-US', { year: 'numeric', month: 'long', // Full month name (e.g., "October") day: 'numeric', hour: 'numeric', minute: 'numeric', second: 'numeric', hour12: true // Enables AM/PM }); return formattedDate; } </script> </body> </html>��views/vehicles/vehicle_view.php��0000644��00000066105�15025010632�0012667 0��ustar�00��<?php include_once('cfg/db.php'); // include('app/security/security.php'); include_once("api/controllers/utility.php"); if (!isset($_SESSION['user']['id'])) { header('location:signin.php'); } if (!(isset($global_action_permissions['2']['4']) && in_array("1", $global_action_permissions['2']['4']))) { header('location:signin.php'); } $utility = new Utility(); $granted_company_ids = $utility->isNotEmpty($_SESSION['user']['company_permissions_implode']) ? $_SESSION['user']['company_permissions_implode'] : '-1'; if (!isset($_REQUEST['q'])) { header('location:vehicle.php'); } $vehicle_record_id = $db->escape($_REQUEST['q']); $customer_record_id = $db->select("SELECT `customer_record_id` FROM `vehicle` v INNER JOIN customer c ON v.customer_record_id = c.id WHERE 1 AND v.`id` = '$vehicle_record_id' AND c.status = 1 "); ?> <!DOCTYPE html> <html lang="en"> <head> <!-- <script src="dist/js/filter.js"></script> --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="csrf-token" content="<?= csrf_token(); ?>"> <title><?php echo $variable['site_name']; ?> \| Vehicles</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"> <!-- Default style --> <link rel="stylesheet" href="dist/css/default.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"> <!-- <link rel="stylesheet" href="dist/css/dropzone.css"> --> <!-- Theme style --> <!-- <link rel="stylesheet" href="dist/css/adminlte.min.css"> --> <!-- SweetAlert2 --> <link rel="stylesheet" href="plugins/sweetalert2/sweetalert2.min.css"> <!-- Toastr --> <link rel="stylesheet" href="plugins/toastr/toastr.min.css"> <link href="dist/img/<?php echo $variable['logo']; ?>" rel="icon" /> <!-- Ekko Lightbox --> <link rel="stylesheet" href="plugins/ekko-lightbox/ekko-lightbox.css"> <!-- dropzonejs --> <!-- <link rel="stylesheet" href="plugins/dropzone/min/dropzone.min.css"> --> <style> /* Just add this CSS to your project / .dropzone { border: 2px dashed #3b9aff; border-radius: 5px; justify-content: center; background: #f5f5f5; } .dropzone i { font-size: 5rem; } .dropzone .dz-message { color: rgba(0, 0, 0, .54); font-weight: 500; font-size: initial; text-transform: uppercase; } .dropzone-image-preview { height: unset; width: 100%; } #vehicle-modal-tab .nav-link.active, .nav-item.active { color: rgb(0 123 255); border-bottom: 1px solid rgb(0 123 255) !important; } #vehicle-modal-tab-sale .nav-link.active, .nav-item.active { color: rgb(0 123 255); border-bottom: 1px solid rgb(0 123 255) !important; } .big-letter { text-transform: uppercase; } .profile-user-img { display: block; height: 160px; width: 160px; margin: 0px auto; border-radius: 50%; } #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); } .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" oncopy='return false' oncut='return false' onselectstart='return false'> --> <body class="hold-transition sidebar-mini text-sm layout-fixed"> <div id="wrapper" 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="6 0" width="60"> </div> <?php include('include/header.php'); ?> <?php include('include/sidebar.php'); ?> <!-- /.navbar --> <!-- Content Wrapper. Contains page content --> <div class="content-wrapper"> <!-- Content Header (Page header) --> <!-- Main content --> <section class="content"> <div class="container-fluid"> <div class="row"> <div class="col-md mt-3"> <!--card card-primary--> <form id="frm-vehicle-info"> <div id="vehicle-information" class="card card-primary"> <div class="card-header"> <h3 class="card-title"><button class="btn btn-tool" title="Go to Vehicle table list" type="button" onclick="back()"><i class="fas fa-arrow-alt-circle-left fa-2x"></i></button> Vehicle 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" style="border-bottom: 0px solid #ffffff;"> --> <ul class=" nav nav-tabs navbar-nav mr-auto" id="custom-tabs-three-tab" role="tablist"> <li class="nav-item"> <a class="nav-link vehicle-tab px-2" id="custom-tabs-three-home-tab" data-toggle="pill" href="#custom-tabs-three-home-tab-content" role="tab" aria-controls="custom-tabs-three-home-tab-content" aria-selected="true">Vehicle Information</a> </li> <li class="nav-item"> <a class="nav-link vehicle-tab px-2" id="custom-tabs-three-gallery-tab" data-toggle="pill" href="#custom-tabs-three-gallery-tab-content" role="tab" aria-controls="custom-tabs-three-gallery-tab-content" aria-selected="false">Photos</a> </li> <li class="nav-item"> <a class="nav-link vehicle-tab px-2" id="custom-tabs-sales-tab" data-toggle="pill" href="#custom-tabs-sales-tab-content" role="tab" aria-controls="custom-tabs-sales-tab-content" aria-selected="false">Sales Record</a> </li> <li class="nav-item"> <a class="nav-link vehicle-tab px-2" id="custom-tabs-service-tab" data-toggle="pill" href="#custom-tabs-service-tab-content" role="tab" aria-controls="custom-tabs-service-tab-content" aria-selected="false">Service Records</a> </li> <li class="nav-item"> <a class="nav-link vehicle-tab px-2" id="custom-tabs-customer-activities-tab" data-toggle="pill" href="#custom-tabs-customer-activities-tab-content" role="tab" aria-controls="custom-tabs-customer-activities-tab-content" aria-selected="false">Activities</a> </li> </ul> <ul class="navbar-nav mt-1" id="vehicle-info-button" style="display:none;"> <li class="nav-item"> <?php if ((isset($global_action_permissions['2']['4']) && in_array("3", $global_action_permissions['2']['4']))) { ?> <input type="button" id="customer-vehicle-button" class="btn btn-primary btn-sm mr-1" value="Edit Vehicle" title="Edit Vehicle"></input> <?php } ?> <?php if ((isset($global_action_permissions['2']['4']) && in_array("4", $global_action_permissions['2']['4']))) { ?> <input type="button" onclick="" style="width:100px;" class="btn btn-danger btn-sm" value="Remove" id="vehicle_delete_action" title="Remove Vehicle"></input> <?php } ?> </li> </ul> <ul class="navbar-nav mt-1" id="vehicle-sales-info-button" id="action-sales-div" style="display:none;"> <li class="nav-item"> <input style="width:100px;" type="button" class="btn btn-primary btn-sm mr-1" value="" title="Action Sales" data-toggle="modal" id="action-sales" data-target="#modal-sales"></input> </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 vehicle-tab-content" id="custom-tabs-three-home-tab-content" role="tabpanel" aria-labelledby="custom-tabs-three-home-tab"> <div class="row d-flex align-items-stretch"> <div class="col-md-4 d-flex align-items-stretch"> <?php include 'include/components/vehicle/vehicle_about_side.php'; ?> </div> <div class="col-md-8 d-flex align-items-stretch"> <?php include 'include/components/vehicle/vehicle_information.php'; ?> </div> </div> </div> <!--home tab--> <div class="tab-pane fade vehicle-tab-content" id="custom-tabs-service-tab-content" role="tabpanel" aria-labelledby="custom-tabs-service-tab"> <?php include 'include/components/vehicle/vehicle_service.php'; // include 'include/components/customer/customer_service_information.php'; ?> </div> <div class="tab-pane fade vehicle-tab-content" id="custom-tabs-sales-tab-content" role="tabpanel" aria-labelledby="custom-tabs-sales-tab"> <?php // include 'include/components/vehicle/vehicle_sales.php'; ?> <div class="row d-flex align-items-stretch"> <!-- <div class="col-md-4 d-flex align-items-stretch"> <?php // include 'include/components/vehicle/vehicle_sales_about_side.php'; // include 'include/components/vehicle/vehicle_sales_about_side.php'; ?> </div> --> <div class="col-md-12 d-flex align-items-stretch"> <?php include 'include/components/vehicle/vehicle_sales_information.php'; ?> </div> </div> </div> <div class="tab-pane fade vehicle-tab-content" id="custom-tabs-customer-activities-tab-content" role="tabpanel" aria-labelledby="custom-tabs-customer-activities-tab"> <?php include 'include/components/customer/customer_activities.php'; ?> </div> <div class="tab-pane fade vehicle-tab-content" id="custom-tabs-three-gallery-tab-content" role="tabpanel" aria-labelledby="custom-tabs-three-gallery-tab"> <div id="customer-sales-image-data" class="row"> </div> </div> </div> </div> </div> </div> </div> </div> <!--vehicle_information--> </form> </div> <!--col-md--> </div> <!--row--> </div> <!--container-fluid--> <div id="vehicle_form"> </div> <?php // include 'include/components/vehicle/modal/sale_form.php'; // include 'include/components/customer/modal/vehicle_form.php'; ?> <?php include __DIR__ . '/../customers/activity_modal.php'; ?> </section> <!-- /.content --> </div> <!-- /.content-wrapper --> <!--Modal here--> <!-- INSERT FOOTER --> <?php include('include/footer.php'); ?> <!-- Control Sidebar --> <aside class="control-sidebar control-sidebar-dark"> <!-- Control sidebar content goes here --> </aside> <!-- /.control-sidebar --> </div> <!-- ./wrapper --> </div> <!-- jQuery --> <script src="plugins/jquery/jquery.min.js"></script> <!-- jQuery UI 1.11.4 --> <script src="plugins/jquery-ui/jquery-ui.min.js"></script> <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip --> <script> $.widget.bridge('uibutton', $.ui.button) </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 --> <!-- jQuery Cookie--> <script src="plugins/jquery-cookie/jquery.cookie.js"></script> <!-- Ekko Lightbox --> <script src="plugins/ekko-lightbox/ekko-lightbox.min.js"></script> <!-- Toastr --> <script src="plugins/toastr/toastr.min.js"></script> <!-- SweetAlert2 --> <script src="plugins/sweetalert2/sweetalert2.min.js"></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 src="dist/js/jquery.balloon.min.js"></script> <script> //GLOBALS WITH PHP var customer_record_id = '<?php echo $customer_record_id; ?>'; var vehicle_record_id = '<?php echo $vehicle_record_id; ?>'; var location_url = '<?php echo $variable['site_link'] ?>'; var location_source = 'vehicle_view'; var new_record_data = false; </script> <script src="dist/js/vehicle/vehicle_view.js"></script> <script src="dist/js/customer/activity_modal.js"></script> </body> </html>��views/vehicles/vehicle.php��0000644��00000143770�15025010632�0011641 0��ustar�00��<?php include_once('cfg/db.php'); // include('app/security/security.php'); include_once("api/controllers/utility.php"); if(!isset($_SESSION['user']['id'])){ header('location:signin.php'); } if(!(isset($global_action_permissions['2']['4']) && in_array("1", $global_action_permissions['2']['4']))){ header('location:signin.php'); } // echo $_SERVER['HTTP_REFERER']; $utility = new Utility(); $granted_company_ids = $utility->isNotEmpty($_SESSION['user']['company_permissions_implode']) ? $_SESSION['user']['company_permissions_implode'] : '-1' ; // $isRoNumberSet = 0; // $isPlateCsIsSet = 0; // $isOrderNumberSet = 0; // $plate_number = ""; // $cs_number = ""; // $vehicle_id = ""; // $vehicle_customer_id = ""; // if(isset($_GET['vehicle'])){ // $table = $_GET['vehicle']; // } else { // $table = "true"; // } // if($table == "true"){ // $isPlateCsIsSet = 0; // } else { // if((isset($_GET['plate_number']) && isNotEmpty($_GET['plate_number'])) \|\| (isset($_GET['cs_number']) && isNotEmpty($_GET['cs_number']))){ // $plate_number = $db->escape(trim($_GET['plate_number'])); // $cs_number = $db->escape(trim($_GET['cs_number'])); // $vehicle_id = $db->escape(trim($_GET['vehicle_id'])); // $vehicle_customer_id = $db->escape(trim($_GET['vehicle_customer_id'])); // $isPlateCsIsSet = 1; // } else if((isset($_GET['order_number'])) && (isNotEmpty($_GET['order_number']))){ // $isPlateCsIsSet = 1; // } // } // function isNotEmpty($data){ // return preg_match('/\S/', $data); // } ?> <!DOCTYPE html> <html lang="en"> <head> <!-- <script src="dist/js/filter.js"></script> --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title><?php echo $variable['site_name']; ?> \| Vehicles</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"> <!-- Default style --> <link rel="stylesheet" href="dist/css/default.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"> <!-- <link rel="stylesheet" href="dist/css/dropzone.css"> --> <!-- Theme style --> <link rel="stylesheet" href="dist/css/adminlte.min.css"> <!-- SweetAlert2 --> <link rel="stylesheet" href="plugins/sweetalert2/sweetalert2.min.css"> <!-- Toastr --> <link rel="stylesheet" href="plugins/toastr/toastr.min.css"> <link href="dist/img/<?php echo $variable['logo']; ?>" rel="icon" /> <!-- Ekko Lightbox --> <link rel="stylesheet" href="plugins/ekko-lightbox/ekko-lightbox.css"> <!-- dropzonejs --> <!-- <link rel="stylesheet" href="plugins/dropzone/min/dropzone.min.css"> --> <style> / Just add this CSS to your project / .dropzone { border: 2px dashed #3b9aff; border-radius: 5px; justify-content: center; background: #f5f5f5; } .dropzone i { font-size: 5rem; } .dropzone .dz-message { color: rgba(0, 0, 0, .54); font-weight: 500; font-size: initial; text-transform: uppercase; } .dropzone-image-preview { height: unset; width: 100%; } #vehicle-modal-tab .nav-link.active, .nav-item.active { color: rgb(0 123 255); border-bottom: 1px solid rgb(0 123 255) !important; } #vehicle-modal-tab-sale .nav-link.active, .nav-item.active { color: rgb(0 123 255); border-bottom: 1px solid rgb(0 123 255) !important; } .big-letter { text-transform: uppercase; } .profile-user-img { display: block; height: 160px; width: 160px; margin: 0px auto; border-radius: 50%; } #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); } .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%; } #vehicle-table.loading tbody { position: relative; } #vehicle-table.loading tbody:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #fff; / background-color: rgba(0, 0, 0, 0.1); / background-image: url(data:image/png;base64,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); background-position: center; background-repeat: no-repeat; background-size: 277px 35px; font-weight: bold; content: ""; } </style> </head> <!-- <body class="hold-transition sidebar-mini text-sm" oncopy='return false' oncut='return false' onselectstart='return false'> --> <body class="hold-transition sidebar-mini text-sm layout-fixed"> <div id="wrapper" 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="6 0" width="60"> </div> <?php include('include/header.php'); ?> <?php include('include/sidebar.php'); ?> <!-- /.navbar --> <!-- Content Wrapper. Contains page content --> <div class="content-wrapper"> <!-- Content Header (Page header) --> <!-- <section class="content-header"> <div class="container-fluid"> <div class="row mb-0"> <div class="col-sm-6"> --> <!-- <h1>Vehicles</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">Vehicles</li> </ol> </div> </div> --> <!-- </div> --> <!-- /.container-fluid --> <!-- </section> --> <!-- Main content --> <section class="content"> <div class="container-fluid"> <div class="row"> <div class="col-md mt-3"> <div id="vehicle_table_list" class="card card-primary" style="display: "> <div class="card-header"> <h3 class="card-title">Vehicles</h3> </div> <div class="card"> <div class="card-body"> <!-- SHORT SUMMARY AND ACTION --> <div class="row mb-2"> <div class="col-6"> <?php if((isset($global_action_permissions['2']['4']) && in_array("2", $global_action_permissions['2']['4']))){ ?> <input type="button" style="display:;" id="customer-vehicle-button" class="btn btn-primary btn-sm mr-1" value="New Vehicle" title="New Vehicle"></input> <?php } ?> </div> <div class="col-6 text-right"> <div class="btn-group"> <button type="button" class="tooltip-me btn btn-default dropdown-toggle btn-sm" data-toggle="dropdown" aria-haspopup="true" title="Filter" data-html="true" data-placement="left" aria-expanded="true"> <i class="fa fa-filter" aria-hidden="true"></i> </button> <div id="dropdown-filter" class="dropdown-menu dropdown-menu-right"> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <div id="filter-date" class="p-1" name="filter-date" style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc; width: 100%"> <i class="fa fa-calendar"></i>  <span></span> <i class="fa fa-angle-down mt-1 float-right"></i> </div> </div> </div> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <input type="button" class="btn btn-primary btn-sm form-control form-control-sm " name="btnCustomerListNoFilter" id="btnCustomerListNoFilter" value="No Filter" style="width: 100%;"></input> </div> <!--form-group dropdown--> </div> <!--form-group--> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="dms" id="dms" class="form-control form-control-sm" style="width: 100%;"> <option></option> <?php $company = $db -> return_result("SELECT `id`, `name` FROM `source_dms` WHERE status = 1 ORDER BY name ASC"); foreach($company as $data){ if($dashboard_filter && $dashboard_type == '1'){ if($data['name'] == $dashboard_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--> <!-- text input --> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="company-filter" id="company-filter" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php $company = $db -> return_result("SELECT `id`, `code` FROM `source_company` WHERE status = 1 AND id IN (".$granted_company_ids.") ORDER BY code ASC"); foreach($company as $data){ if($dashboard_filter && $dashboard_type == '5'){ if($data['code'] == $dashboard_value){ echo "<option value='{$data['id']}' selected>".$data['code']."</option>"; }else{ echo "<option value='{$data['id']}' >".$data['code']."</option>"; } }else{ echo "<option value='{$data['id']}' >".$data['code']."</option>"; } } ?> </select> </div> <!--form-group dropdown--> </div> <!--form-group--> <div class="form-group mb-0" hidden> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="vehicle-actions" id="vehicle-actions" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php $vehicle_actions_menu = array("all","new","updated","added"); foreach($vehicle_actions_menu as $menu){ echo "<option value='$menu'>$menu</option>"; } ?> </select> </div> </div> <div class="form-group mb-0"> <div class="text-center form-group dropdown-input mr-2 ml-2 mb-0"> <div class="icheck-primary d-inline"> <input type="checkbox" id="my_record_filter" /> <label class="mb-0" for="my_record_filter"> My Records </label> </div> </div> </div> </div> </div> </div> </div> <hr> <div class="row"> <!-- <div class="col-md-12"> <h4 class="no-margin">Vehicles Summary</h4> </div> --> <div id="vehicle_action_all" class="col-md-3 col-sm-6 col-12" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-primary"><i class="fa fa-car"></i></span> <div class="info-box-content"> <span class="info-box-text">Total</span> <span class="info-box-number" id="total_vehicle_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> <div id="vehicle_action_new" class="col-md-3 col-sm-6 col-12" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-info"><i class="fa fa-car"></i></span> <div class="info-box-content"> <div class="row"> <div class="col-10"> <span class="info-box-text">New </span> </div> <div class="col-2"> <i class="float-right tooltip-me mt-2 mr-2 mb-0 fas fa-question-circle" style="color:blue; cursor: help;" title="Record count from last 7 days"></i> </div> </div> <span class="info-box-number" id="new_vehicle_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> <div id="vehicle_action_updated" class="col-md-3 col-sm-6 col-12" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-warning"><i class="fa fa fa-sync"></i></span> <div class="info-box-content"> <div class="row"> <div class="col-10"> <span class="info-box-text">Updated </span> </div> <div class="col-2"> <i class="float-right tooltip-me mt-2 mr-2 mb-0 fas fa-question-circle" style="color:blue; cursor: help;" title="Record count from last 7 days"></i> </div> </div> <span class="info-box-number" id="updated_vehicle_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> <div id="vehicle_action_added" class="col-md-3 col-sm-6 col-12" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-success"><i class="fa fa-plus"></i></span> <div class="info-box-content"> <span class="info-box-text">Added Today</span> <span class="info-box-number" id="new_today_vehicle_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> </div> <!-- <div class="row mbot15"> <div class="col-md-12"> <h4 class="no-margin">Vehicle Summary</h4> </div> <div class="col-md-2 col-xs-6 border-right"> <h3 class="bold"> <span id="total_vehicle_count">0</span> </h3> <span class="text-dark">Total Vehicles</span> </div> <div class="col-md-2 col-xs-6 border-right"> <h3 class="bold"> <span id="new_vehicle_count">0</span> </h3> <span class="text-info">New Vehicles</span> </div> <div class="col-md-2 col-xs-6 border-right"> <h3 class="bold"> <span id="updated_vehicle_count">0</span> </h3> <span class="text-success">Updated Vehicles</span> </div> <div class="col-md-2 col-xs-6 border-right"> <h3 class="bold"> <span id="new_today_vehicle_count">0</span> </h3> <span class="">Added Today</span> </div> </div> --> <!-- <hr class="mb-1"> --> <!-- SHORT SUMMARY AND ACTION --> <div> <!-- <table id="vehicle-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]" data-minimum-count-columns="2" data-show-pagination-switch="false" data-pagination="true" data-query-params="queryParams" data-click-to-select="true"> --> <table id="vehicle-table" data-search="true" data-show-refresh="true" data-custom-search="customSearch" data-buttons="buttonsFunction" data-url="" class="table table-bordered table-hover table-sm" data-query-params="queryParams" data-pagination="true"> <thead> <tr> <th data-formatter="checkIfEmpty" data-field="brand">Brand</th> <th data-formatter="checkIfEmpty" data-field="model">Model</th> <th data-formatter="checkIfEmpty" data-field="conduction_sticker">CS Number</th> <th data-formatter="checkIfEmpty" data-field="plate_number"> Plate Number</th> <th data-formatter="checkIfEmpty" data-field="customer_name_id"> Customer Name</th> <!-- <th data-formatter="checkIfEmpty" data-field="customer_name_id">Customer ID / Name</th> --> </tr> </thead> </table> </div> </div> <!--card-body--> </div> <!--card--> </div> </div> <!--col-md--> </div> <!--row--> </div> <!--container-fluid--> <div id="vehicle_form"> </div> <?php // include 'include/components/vehicle/modal/sale_form.php'; // include 'include/components/customer/modal/vehicle_form.php'; ?> </section> <!-- /.content --> </div> <!-- /.content-wrapper --> <!--Modal here--> <!-- INSERT FOOTER --> <?php include('include/footer.php'); ?> <!-- Control Sidebar --> <aside class="control-sidebar control-sidebar-dark"> <!-- Control sidebar content goes here --> </aside> <!-- /.control-sidebar --> </div> <!-- ./wrapper --> </div> <!-- jQuery --> <script src="plugins/jquery/jquery.min.js"></script> <!-- jQuery UI 1.11.4 --> <script src="plugins/jquery-ui/jquery-ui.min.js"></script> <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip --> <script> $.widget.bridge('uibutton', $.ui.button) </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> <script src="plugins/moment/moment.min.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 --> <!-- jQuery Cookie--> <script src="plugins/jquery-cookie/jquery.cookie.js"></script> <!-- Ekko Lightbox --> <script src="plugins/ekko-lightbox/ekko-lightbox.min.js"></script> <!-- Toastr --> <script src="plugins/toastr/toastr.min.js"></script> <!-- SweetAlert2 --> <script src="plugins/sweetalert2/sweetalert2.min.js"></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 src="dist/js/jquery.balloon.min.js"></script> <script> //GLOBALS WITH PHP var location_url = '<?php echo $variable['site_link']?>'; var location_source = 'vehicle'; </script> <script src="dist/js/vehicle/vehicle.js"></script> <script type="text/javascript"> $(document).ready(function () { // Initialize daterangepicker with default options $('#filter-date').daterangepicker({ autoUpdateInput: false, showDropdowns: true, parentEl: '#dropdown-filter', locale: { cancelLabel: 'Cancel', }, startDate: moment(), // Default start date endDate: moment(), // Default end date opens: "left", // Alignment of the dropdown ranges: { 'Today': [moment(), moment()], 'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')], 'Last 7 Days': [moment().subtract(6, 'days'), moment()], 'Last 30 Days': [moment().subtract(29, 'days'), moment()], 'This Month': [moment().startOf('month'), moment().endOf('month')], 'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')], 'This Year': [moment().startOf('year'), moment().endOf('year')], 'Last Year': [moment().subtract(1, 'year').startOf('year'), moment().subtract(1, 'year').endOf('year')] } }); // Retrieve initialized daterangepicker's start and end dates // if ($('#filter-date').data('daterangepicker')) { // var start = $('#filter-date').data('daterangepicker').startDate; // var end = $('#filter-date').data('daterangepicker').endDate; // // Display default date range in the span // $('#filter-date span').html(start.format('MMMM DD, YYYY') + ' - ' + end.format('MMMM DD, YYYY')); // // Reset date range picker to specific dates // resetDateRangePicker(start, end); // } else { // console.error('Daterangepicker not initialized on #filter-date'); // } // // Function to reset the date range picker // function resetDateRangePicker(start, end) { // var datePicker = $('#filter-date').data('daterangepicker'); // if (datePicker) { // datePicker.setStartDate(start); // datePicker.setEndDate(end); // $('#filter-date span').html(start.format('MMMM DD, YYYY') + ' - ' + end.format('MMMM DD, YYYY')); // } else { // console.error('Daterangepicker not initialized. Cannot reset dates.'); // } // } // Clear the input field and span initially $('#filter-date').on('cancel.daterangepicker', function () { $(this).find('span').html(''); // Clear the span text }); // Add event listener to update span only when a range is selected $('#filter-date').on('apply.daterangepicker', function (ev, picker) { var start = picker.startDate.format('MMMM DD, YYYY'); var end = picker.endDate.format('MMMM DD, YYYY'); $(this).find('span').html(start + ' - ' + end); // Update the span with selected date range }); // Set the span to empty on page load $('#filter-date span').html(''); }); </script> </body> </html>��views/test1.php��0000644��00000000106�15025010632�0007441 0��ustar�00��<?php echo $id.' '.$plate.' '.$date.' '.$_REQUEST['test'] ;��views/misc/curl.php��0000644��00000001760�15025010632�0010310 0��ustar�00��<?php $data = array( 'username' => 'user', 'password' => 'pass', ); $post_data = json_encode($data); // Prepare new cURL resource $crl = curl_init('https://api.appery.io/rest/1/db/login'); curl_setopt($crl, CURLOPT_RETURNTRANSFER, true); curl_setopt($crl, CURLINFO_HEADER_OUT, true); curl_setopt($crl, CURLOPT_POST, true); curl_setopt($crl, CURLOPT_POSTFIELDS, $post_data); // Set HTTP Header for POST request curl_setopt($crl, CURLOPT_HTTPHEADER, array( 'X-Appery-Database-Id: 62060a062e22d7678bee0302', 'Content-Type: application/json') ); // Submit the POST request $result = curl_exec($crl); // handle curl error if ($result === false) { // throw new Exception('Curl error: ' . curl_error($crl)); //print_r('Curl error: ' . curl_error($crl)); $result_noti = 0; die(); } else { $result_noti = 1; var_dump($result); die(); } // Close cURL session handle curl_close($crl); ?>��views/misc/key.php��0000644��00000000146�15025010632�0010130 0��ustar�00��<?php include('cfg/db.php'); echo $db->select("SELECT REPLACE(UUID(), '-', '')");exit; //gen key ?>��views/customers/customer011625.php��0000644��00000157366�15025010632�0012772 0��ustar�00��<?php include('cfg/db.php'); include_once("api/controllers/utility.php"); // include('app/security/security.php'); if (!isset($_SESSION['user']['id'])) { header('location:signin.php'); } // $check_page = new CheckPage(); // $check_page->start($db); if (!(isset($global_action_permissions['2']['3']) && in_array("1", $global_action_permissions['2']['3']))) { header('location:signin.php'); } $utility = new Utility(); $granted_company_ids = $utility->isNotEmpty($_SESSION['user']['company_permissions_implode']) ? $_SESSION['user']['company_permissions_implode'] : '-1'; if (isset($global_action_permissions['2']['3']) && in_array("4", $global_action_permissions['2']['3'])) { $has_force_edit_permission = 1; } else { $has_force_edit_permission = 0; } ?> <!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']; ?> \| Customers</title> <!-- <script src="dist/js/filter.js"></script> --> <!-- 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"> <!-- Default style --> <link rel="stylesheet" href="dist/css/default.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"> <link href="dist/img/<?php echo $variable['logo']; ?>" rel="icon" /> <!-- Ekko Lightbox --> <link rel="stylesheet" href="plugins/ekko-lightbox/ekko-lightbox.css"> <!-- SweetAlert2 --> <link rel="stylesheet" href="plugins/sweetalert2/sweetalert2.min.css"> <!-- Toastr --> <link rel="stylesheet" href="plugins/toastr/toastr.min.css"> <!-- STARTMULTI --> <link rel="stylesheet" href="dist/css/bootstrap-multiselect.css" type="text/css"> <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%; } #customer-table.loading tbody { position: relative; } #customer-table.loading tbody:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #fff; / background-color: rgba(0, 0, 0, 0.1); / background-image: url(data:image/png;base64,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); background-position: center; background-repeat: no-repeat; background-size: 277px 35px; font-weight: bold; content: ""; } </style> </head> <body class="hold-transition sidebar-mini text-sm layout-fixed"> <!-- body class="hold-transition sidebar-mini text-sm" oncopy = 'return false' oncut = 'return false' onselectstart = 'return false' > --> <div class="wrapper"> <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'); ?> <!-- Content Wrapper. Contains page content --> <div id="upper" class="content-wrapper"> <!-- Content Header (Page header) --> <!-- <section class="content-header "> --> <!-- <div class="container-fluid"> <div class="row mb-0"> <div class="col-sm-6"> --> <!-- <h1 id="h1">Customers</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">Customers</li> </ol> </div> </div> </div> --> <!-- /.container-fluid --> <!-- </section> --> <!-- START --> <section class="content"> <div class="container-fluid"> <div class="row"> <div class="col-md mt-3"> <div id="table" class="card card-primary"> <div class="card-header"> <h3 class="card-title">Customers</h3> </div> <div class="card"> <div class="card-body"> <!-- ./FILTER --> <div class="row mb-2"> <div class="col-6"> <?php if ((isset($global_action_permissions['2']['3']) && in_array("2", $global_action_permissions['2']['3']))) { ?> <input type="button" id="new-customer" class="btn btn-primary btn-sm mr-1" value="New Customer"></input> <?php } ?> </div> <div class="col-6 text-right"> <div class="btn-group"> <button type="button" class="tooltip-me btn btn-default dropdown-toggle btn-sm" data-toggle="dropdown" aria-haspopup="true" title="Filter" data-html="true" data-placement="left" aria-expanded="true"> <i class="fa fa-filter" aria-hidden="true"></i> </button> <div id="dropdown-filter" class="dropdown-menu dropdown-menu-right"> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <input type="button" class="btn btn-primary btn-sm form-control form-control-sm " name="btnCustomerListNoFilter" id="btnCustomerListNoFilter" value="No Filter" style="width: 100%;"></input> </div> <!--form-group dropdown--> </div> <!--form-group--> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="dms" id="dms" class="form-control form-control-sm" style="width: 100%;"> <option></option> <?php $company = $db->return_result("SELECT `id`, `name` FROM `source_dms` WHERE status = 1 ORDER BY name ASC"); foreach ($company as $data) { // if($dashboard_filter && $dashboard_type == '1'){ if (isset($_GET['selected_dms'])) { $selected_dms = $db->escape($_GET['selected_dms']); if ($data['id'] == $selected_dms) { 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--> <!-- text input --> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="company-filter" id="company-filter" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php $company = $db->return_result("SELECT `id`, `code` FROM `source_company` WHERE status = 1 AND id IN (" . $granted_company_ids . ") ORDER BY code ASC"); foreach ($company as $data) { // if($dashboard_filter && $dashboard_type == '5'){ if (isset($_GET['selected_company'])) { $selected_company = $db->escape($_GET['selected_company']); if ($data['id'] == $selected_company) { echo "<option value='{$data['id']}' selected>" . $data['code'] . "</option>"; } else { echo "<option value='{$data['id']}' >" . $data['code'] . "</option>"; } } else { echo "<option value='{$data['id']}' >" . $data['code'] . "</option>"; } } ?> </select> </div> <!--form-group dropdown--> </div> <!--form-group--> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="type" id="type" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php if (isset($_GET['selected_type'])) { $selected_type = $db->escape($_GET['selected_type']); if ($selected_type == '1') { ?> <option value="1" selected>Individual</option> <option value="2">Corporation</option> <?php } else if ($selected_type == '2') { ?> <option value="1">Individual</option> <option value="2" selected>Corporation</option> <?php } } else { ?> <option value="1">Individual</option> <option value="2">Corporation</option> <?php } ?> </select> </div> </div> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="gender" id="gender" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?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) { // if($dashboard_filter && $dashboard_type == '2'){ if (isset($_GET['selected_gender'])) { $selected_gender = $db->escape($_GET['selected_gender']); if ($data['id'] == $selected_gender) { echo "<option value='{$data['id']}' selected>" . $data['gender_name'] . "</option>"; } else { echo "<option value='{$data['id']}'>" . $data['gender_name'] . "</option>"; } } else { echo "<option value='{$data['id']}'>" . $data['gender_name'] . "</option>"; } } ?> </select> </div> <!--form-group dropdown--> </div> <!--form-group--> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="filter-age" id="filter-age" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php if (isset($_GET['selected_age'])) { $selected_age = $db->escape($_GET['selected_age']); if ($selected_age == 'below') { ?> <option value="below" selected>Below 30</option> <option value="between">Between 31 and 50</option> <option value="above">Age 51 and Up</option> <?php } else if ($selected_age == 'between') { ?> <option value="below">Below 30</option> <option value="between" selected>Between 31 and 50 </option> <option value="above">Age 51 and Up</option> <?php } else if ($selected_age == 'above') { ?> <option value="below">Below 30</option> <option value="between">Between 31 and 50</option> <option value="above" selected>Age 51 and Up </option> <?php } } else { ?> <option value="below">Below 30</option> <option value="between">Between 31 and 50</option> <option value="above">Age 51 and Up </option> <?php } ?> </select> </div> </div> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="filter-data" id="filter-data" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php $filter_data_menu = array("No Email", "Complete Data", "Incomplete Data", "No Address", "No Gender", "No Date of birth"); foreach ($filter_data_menu as $menu) { // if($dashboard_filter && $dashboard_type == '3'){ if (isset($_GET['incomplete_data'])) { $incomplete_data = $db->escape($_GET['incomplete_data']); if ($incomplete_data == $menu) { echo "<option value='$menu' selected >$menu</option>"; } else { echo "<option value='$menu'>$menu</option>"; } } else { echo "<option value='$menu'>$menu</option>"; } } ?> </select> </div> </div> <div class="form-group mb-0" hidden> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="customer-actions" id="customer-actions" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php $customer_actions_menu = array("all", "new", "updated", "added"); foreach ($customer_actions_menu as $menu) { echo "<option value='$menu'>$menu</option>"; } ?> </select> </div> </div> <div class="form-group mb-0"> <div class="text-center form-group dropdown-input mr-2 ml-2 mb-0"> <div class="icheck-primary d-inline"> <input type="checkbox" id="my_record_filter" /> <label class="mb-0" for="my_record_filter"> My Records </label> </div> </div> </div> </div> </div> </div> </div> <!-- ./FILTER --> <hr> <div class="row"> <!-- <div class="col-md-12"> <h4 class="no-margin">Customer Summary</h4> </div> --> <div id="customer_action_all" class="col-md-3 col-sm-6 col-12" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-primary"><i class="fa fa-users"></i></span> <div class="info-box-content"> <span class="info-box-text">Total</span> <span class="info-box-number" id="total_customer_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> <div id="customer_action_new" class="col-md-3 col-sm-6 col-12" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-info"><i class="fa fa-users"></i></span> <div class="info-box-content"> <div class="row"> <div class="col-10"> <span class="info-box-text">New</span> </div> <div class="col-2"> <i class="float-right tooltip-me mt-2 mr-2 mb-0 fas fa-question-circle" style="color:blue; cursor: help;" title="Record count from last 7 days"></i> </div> </div> <span class="info-box-number" id="new_customer_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> <div id="customer_action_updated" class="col-md-3 col-sm-6 col-12" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-warning"><i class="fa fa fa-sync"></i></span> <div class="info-box-content"> <div class="row"> <div class="col-10"> <span class="info-box-text">Updated </span> </div> <div class="col-2"> <i class="float-right tooltip-me mt-2 mr-2 mb-0 fas fa-question-circle" style="color:blue; cursor: help;" title="Record count from last 7 days"></i> </div> </div> <span class="info-box-number" id="updated_customer_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> <div id="customer_action_added" class="col-md-3 col-sm-6 col-12" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-success"><i class="fa fa-plus"></i></span> <div class="info-box-content"> <span class="info-box-text">Added Today</span> <span class="info-box-number" id="new_today_customer_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> </div> <!-- /.row --> <div id="customer-list" class="customer-table"> <table id="customer-table" data-search="true" data-custom-search="customSearch" data-buttons="buttonsFunction" data-url="" class="table table-bordered table-hover table-sm" data-query-params="queryParams" data-pagination="true"> <!-- id="table" data-toggle="table" data-height="460" data-ajax="ajaxRequest" data-search="true" data-side-pagination="server" data-pagination="true" --> <thead> <tr> <th data-align="center" data-formatter="imageFormatter" data-field="photo">Picture</th> <!-- <th data-formatter="checkIfEmpty" data-field="id">Customer No</th> --> <th data-formatter="tableNameFormatter" data-field="name" data-sortable="false">Name</th> <!-- <th data-formatter="checkIfEmpty" data-field="gender_name">Gender</th> --> <!-- <th data-field="age_number">Age</th> --> <th data-formatter="tableEmailFormatter" data-field="email_1"> Email </th> <th data-formatter="tableMobileFormatter" data-field="mobile_phone_1"> Mobile</th> <th data-formatter="checkIfEmpty" data-field="type">Type</th> </tr> </thead> <tbody> </tbody> </table> <div class="card" id="grid-card" style="box-shadow: 0 0 0 0"> <div class="overlay" id="loader-main" style="display:none;"> <div class="fas fa-2x fa-sync-alt fa-spin "> </div> <strong><span class="ml-2" id="loading-message-grid"> Loading, please wait...</span></strong> </div> <div class="card-body pb-0" id="customer-grid" style="padding: .50rem"> <div class="row d-flex align-items-stretch" id="customer-grid-data"> </div> </div> <div id="grid-page-footer-customer"> <div class="card-footer"> <nav aria-label="Customer Page Navigation"> <ul class="pagination justify-content-center m-0" id="customer-grid-data-paging"> </ul> </nav> </div> </div> </div> </div> <!-- </div> --> </div> </div> </div> <!--card-card-primary--> <!--row--> </div> <!--container-fluid--> </div> <!--container-fluid--> </div> <!--container-fluid--> <?php if ( (isset($global_action_permissions['2']['3']) && in_array("2", $global_action_permissions['2']['3'])) \|\| (isset($global_action_permissions['2']['3']) && in_array("3", $global_action_permissions['2']['3'])) ) { ?> <?php include 'include/components/customer/modal/customer_form.php'; ?> <?php } ?> </section> <!-- END --> </div> <!--content-wrapper--> <!-- Modal Here --> <?php include('include/footer.php'); ?> <aside class="control-sidebar control-sidebar-dark"></aside> </div><!-- ./wrapper --> <!-- jQuery --> <script src="plugins/jquery/jquery.min.js"></script> <!-- jQuery UI 1.11.4 --> <script src="plugins/jquery-ui/jquery-ui.min.js"></script> <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip --> <script> $.widget.bridge('uibutton', $.ui.button) </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 --> <!-- jQuery Cookie--> <script src="plugins/jquery-cookie/jquery.cookie.js"></script> <!-- Ekko Lightbox --> <script src="plugins/ekko-lightbox/ekko-lightbox.min.js"></script> <!-- SweetAlert2 --> <script src="plugins/sweetalert2/sweetalert2.min.js"></script> <!-- Toastr --> <script src="plugins/toastr/toastr.min.js"></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 src="dist/js/jquery.balloon.min.js"></script> <script src="dist/js/customer_form.js"></script> <script> //GLOBALS WITH PHP var customer_force_edit = <?php echo $has_force_edit_permission; ?>; </script> <script src="dist/js/customer/customer.js"></script> </body> </html>��views/customers/activity_modal copy.php��0000644��00000001242�15025010632�0014372 0��ustar�00��<!-- Content Wrapper. Contains page content --> <div class="content-wrapper kanban"> <section class="content-header"> <div class="container-fluid"> <div class="row"> <div class="col-sm-6"> <h1>Kanban Board</h1> </div> <div class="col-sm-6 d-none d-sm-block"> <ol class="breadcrumb float-sm-right"> <li class="breadcrumb-item"><a href="#">Home</a></li> <li class="breadcrumb-item active">Kanban Board</li> </ol> </div> </div> </div> </section> </div>��views/customers/customer_view.php��0000644��00000163107�15025010632�0013333 0��ustar�00��<?php include_once('cfg/db.php'); include_once("api/controllers/utility.php"); // include('app/security/security.php'); if (!isset($_SESSION['user']['id'])) { header('location:signin.php'); } // $check_page = new CheckPage(); // $check_page->start($db); //modify $bgColor ='transparent'; $disabled=''; if($_SESSION['user']['employee_role_id'] ==='156' ? 'disabled' : ''){ $bgColor ='#e9ecef'; $disabled ='disabled'; } //end modify if (!(isset($global_action_permissions['2']['3']) && in_array("1", $global_action_permissions['2']['3']))) { header('location:signin.php'); } $utility = new Utility(); $granted_company_ids = $utility->isNotEmpty($_SESSION['user']['company_permissions_implode']) ? $_SESSION['user']['company_permissions_implode'] : '-1'; if (!isset($_REQUEST['q'])) { header('location:customer.php'); } $customer_record_id = $db->escape($_REQUEST['q']); if (isset($global_action_permissions['2']['3']) && in_array("4", $global_action_permissions['2']['3'])) { $has_force_edit_permission = 1; } else { $has_force_edit_permission = 0; } ?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="csrf-token" content="<?= csrf_token(); ?>"> <title><?php echo $variable['site_name']; ?> \| Customers</title> <!-- <script src="dist/js/filter.js"></script> --> <!-- 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"> <!-- Default style --> <link rel="stylesheet" href="dist/css/default.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"> --> <!-- 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"> <link href="dist/img/<?php echo $variable['logo']; ?>" rel="icon" /> <!-- Ekko Lightbox --> <link rel="stylesheet" href="plugins/ekko-lightbox/ekko-lightbox.css"> <!-- SweetAlert2 --> <link rel="stylesheet" href="plugins/sweetalert2/sweetalert2.min.css"> <!-- Toastr --> <link rel="stylesheet" href="plugins/toastr/toastr.min.css"> <!-- Tempusdominus Bootstrap 4 --> <link rel="stylesheet" href="plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css"> <!-- STARTMULTI --> <link rel="stylesheet" href="dist/css/bootstrap-multiselect.css" type="text/css"> <style> /.dropzone { border: 2px dashed #3b9aff; border-radius: 5px; justify-content: center; background: #f5f5f5; } .dropzone i { font-size: 5rem; } .dropzone .dz-message { color: rgba(0, 0, 0, .54); font-weight: 500; font-size: initial; text-transform: uppercase; } .dropzone-image-preview { height: unset; width: 100%; }/ / modify/ .dropzone { border: 2px dashed #007bff; border-radius: 10px; background: #f8f9fa; padding: 20px; text-align: center; transition: background 0.3s ease-in-out; } .dropzone:hover { background: #e2e6ea; } .dropzone .dz-message { color: #6c757d; font-size: 18px; margin: 0; } .dropzone .dz-message i { font-size: 50px; color: #007bff; } .dropzone .dz-preview .dz-remove { background-color: #dc3545; color: #fff; border: none; border-radius: 5px; padding: 5px 10px; cursor: pointer; } .dropzone .dz-preview .dz-remove:hover { background-color: #c82333; } #ltms-submit { / background-color: #007bff; border-color: #007bff;/ border-radius: 5px; padding: 5px 10px; font-size: 16px; } #btn-upload-ltms { background-color: #007bff; border-color: #007bff; border-radius: 5px; padding: 5px 10px; font-size: 16px; } #ltms-submit-cancel { /background-color: #007bff; border-color: #007bff;/ border-radius: 5px; padding: 5px 10px; font-size: 16px; } #btn-upload-ltms { float: right; border-radius: 5px; padding: 5px 10px; font-size: 16px; } .btn-info:hover { background-color: #0056b3; border-color: #004085; } .loading-indicator { display: flex; align-items: center; justify-content: center; color: #007bff; } .loading-indicator i { font-size: 24px; } /end modify/ #customer-modal-tab .nav-link.active, #vehicle-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%; } .bootstrap-datetimepicker-widget { z-index: 99999 !important; } / SEARCH/ / Styles for wrapping the search box / .main { width: 50%; margin: 50px auto; } / Bootstrap 4 text input with search icon / .has-search .form-control { padding-left: 2.375rem; } .has-search .form-control-feedback { position: absolute; z-index: 2; display: block; width: 2.375rem; height: 2.375rem; line-height: 2.375rem; text-align: center; pointer-events: none; color: #aaa; } / modal image view css/ #imageModal .modal-dialog { width: 90%; / Adjust modal width as needed / max-width: 1200px; / Maximum width of the modal / } #imageModal .modal-body { text-align: center; } #imageModal .modal-body img { max-width: 100%; / Ensure the image doesn't exceed the modal width / height: auto; / Maintain aspect ratio / } #imageModal .modal-custom { width: 80%; / Adjust the width as needed / max-width: 800px; / Set a maximum width / } #imageModal { z-index: 1051; / Increase this value if needed / } / Custom modal styling for smaller size / #modal-ltms-filter .modal-dialog.modal-sm { max-width: 600px; margin: 30px auto; } / Center and contain image within modal / #modalImage { width: 100%; max-height: 500px; object-fit: contain; } </style> </head> <body class="hold-transition sidebar-mini text-sm layout-fixed"> <!-- body class="hold-transition sidebar-mini text-sm" oncopy = 'return false' oncut = 'return false' onselectstart = 'return false' > --> <div class="wrapper"> <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'); ?> <!-- Content Wrapper. Contains page content --> <div id="upper" class="content-wrapper"> <!-- Content Header (Page header) --> <!-- START --> <section class="content"> <div class="container-fluid"> <div class="row"> <div class="col-md mt-3"> <div id="customer-details" class="div-block card card-primary"> <div class="card-header"> <h3 class="card-title"><button class="btn btn-tool" title="Go to Customer table list" type="button" onclick="back()"><i class="fas fa-arrow-alt-circle-left fa-2x"></i></button>&nbsp<span id="h3-card-title"></span></h3> </div> <!--card-header--> <div class="card shadow-none mb-0"> <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="overlay" id="loader-vehicle" 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 card-tabs shadow-none mb-0"> <div class="card-header p-0 pt-1 border-bottom-0"> <!-- <div id="app" class=" border-bottom"> --> <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" style="border-bottom: 0px solid #ffffff;"> --> <ul class=" nav nav-tabs navbar-nav mr-auto" id="custom-tabs-three-tab" role="tablist"> <li class="nav-item"> <a class="nav-link customer-tab px-2" id="custom-tabs-three-home-tab" data-toggle="pill" href="#custom-tabs-three-home-tab-content" role="tab" aria-controls="custom-tabs-three-home-tab-content" aria-selected="true">Information</a> </li> <li class="nav-item" id="customer-family-tab"> <a class="nav-link customer-tab px-2" id="custom-tabs-three-family-tab" data-toggle="pill" href="#custom-tabs-three-family-tab-content" role="tab" aria-controls="custom-tabs-three-family-tab-content" aria-selected="false">Family</a> </li> <li class="nav-item"> <a class="nav-link customer-tab px-2" id="custom-tabs-three-hobbies-tab" data-toggle="pill" href="#custom-tabs-three-hobbies-tab-content" role="tab" aria-controls="custom-tabs-three-hobbies-tab-content" aria-selected="false">Affiliations</a> </li> <li class="nav-item"> <a class="nav-link customer-tab px-2" id="custom-tabs-three-gallery-tab" data-toggle="pill" href="#custom-tabs-three-gallery-tab-content" role="tab" aria-controls="custom-tabs-three-gallery-tab-content" aria-selected="false">Gallery</a> </li> <li class="nav-item" style="display:none;" id="customer-corporation_individuals-tab"> <a class="nav-link customer-tab px-2" id="custom-tabs-three-individuals-tab" data-toggle="pill" href="#custom-tabs-three-individuals-tab-content" role="tab" aria-controls="custom-tabs-three-individuals-tab-content" aria-selected="false">Connected Individuals</a> </li> <li class="nav-item"> <a class="nav-link customer-tab px-2" id="custom-tabs-vehicle-tab" data-toggle="pill" href="#custom-tabs-vehicle-tab-content" role="tab" aria-controls="custom-tabs-vehicle-tab-content" aria-selected="false">Vehicles</a> </li> <li class="nav-item"> <a class="nav-link customer-tab px-2" id="custom-tabs-service-tab" data-toggle="pill" href="#custom-tabs-service-tab-content" role="tab" aria-controls="custom-tabs-service-tab-content" aria-selected="false">Service</a> </li> <?php / <li class="nav-item"> <a class="nav-link customer-tab px-2" id="custom-tabs-sales-tab" data-toggle="pill" href="#custom-tabs-sales-tab-content" role="tab" aria-controls="custom-tabs-sales-tab-content" aria-selected="false">Sales</a> </li> / ?> <?php /<li class="nav-item"> <a class="nav-link customer-tab px-2" id="custom-tabs-insurance-tab" data-toggle="pill" href="#custom-tabs-insurance-tab-content" role="tab" aria-controls="custom-tabs-insurance-tab-content" aria-selected="false">Insurance</a> </li> / ?> <!-- <li class="nav-item"> <a class="nav-link customer-tab px-2" id="custom-tabs-customer-activity-tab" data-toggle="pill" href="#custom-tabs-customer-activity-tab-content" role="tab" aria-controls="custom-tabs-customer-activity-tab-content" aria-selected="false">Activities</a> </li> --> <li class="nav-item"> <a class="nav-link customer-tab px-2" id="custom-tabs-customer-activities-tab" data-toggle="pill" href="#custom-tabs-customer-activities-tab-content" role="tab" aria-controls="custom-tabs-customer-activities-tab-content" aria-selected="false">Activities</a> </li> <li class="nav-item"> <a class="nav-link customer-tab px-2" id="custom-tabs-customer-ltms-tab" data-toggle="pill" href="#custom-tabs-customer-ltms-tab-content" role="tab" aria-controls="custom-tabs-customer-ltms-tab-content" aria-selected="false">LTMS</a> </li> <li class="nav-item"> <a class="nav-link customer-tab px-2" id="custom-tabs-customer-logs-tab" data-toggle="pill" href="#custom-tabs-customer-logs-tab-content" role="tab" aria-controls="custom-tabs-customer-logs-tab-content" aria-selected="false">Logs</a> </li> </ul> <ul class="navbar-nav mt-1" id="customer-info-button" style="display:none;"> <li class="nav-item"> <?php if ( isset($global_action_permissions['2']['3']) && in_array("3", $global_action_permissions['2']['3']) ) { ?> <input type="button" onclick="customerModal()" class="btn btn-primary btn-sm mr-1" value="Edit Customers" title="Edit Customer" data-toggle="modal" data-target="#modal-customer"></input> <?php } ?> <?php if (isset($global_action_permissions['2']['3']) && in_array("5", $global_action_permissions['2']['3'])) { ?> <input type="button" onclick="" style="width:65px;" id="customer_delete_action" class="btn btn-danger btn-sm" value="Remove" title="Remove Customer"></input> <?php } ?> </li> </ul> <ul class="navbar-nav mt-1" id="customer-gallery-button" style="display:none;"> <li class="nav-item"> </li> </ul> <ul class="navbar-nav mt-1" id="customer-vehicle-button" style="display:none;"> <li class="nav-item"> <input type="button" class="btn btn-primary btn-sm mr-1" value="New Vehicle" title="New Vehicle"></input> </li> </ul> </div> </nav> </div> </div> <div class="card-body" style="padding-top: 0.30rem;padding-right: .50rem;padding-left: .50rem;"> <div class="tab-content" id="custom-tabs-three-tabContent"> <div class="tab-pane fade show customer-tab-content" id="custom-tabs-three-home-tab-content" role="tabpanel" aria-labelledby="custom-tabs-three-home-tab"> <div class="row d-flex align-items-stretch"> <div class="col-md-4 d-flex align-items-stretch"> <?php include 'include/components/customer/customer_about_side.php'; ?> </div> <div class="col-md-8 d-flex align-items-stretch"> <?php // include 'include/components/customer/customer_individual_information.php'; // include 'include/components/customer/customer_corporate_information.php'; include 'include/components/customer/customer_information.php'; ?> <!-- DITO ILALAGAY YUNG MODAL KASI GAGAMITIN RIN YAN SA PAG ADD --> </div> </div> </div> <div class="tab-pane fade customer-tab-content" id="custom-tabs-three-family-tab-content" role="tabpanel" aria-labelledby="custom-tabs-three-family-tab"> <?php include 'include/components/customer/customer_family.php'; ?> </div> <div class="tab-pane fade customer-tab-content" id="custom-tabs-vehicle-tab-content" role="tabpanel" aria-labelledby="custom-tabs-vehicle-tab"> <?php include 'include/components/customer/customer_vehicle.php'; // include 'include/components/customer/customer_vehicle_information.php'; ?> </div> <div class="tab-pane fade customer-tab-content" id="custom-tabs-service-tab-content" role="tabpanel" aria-labelledby="custom-tabs-service-tab"> <?php include 'include/components/customer/customer_service.php'; // include 'include/components/customer/customer_service_information.php'; ?> </div> <?php / <div class="tab-pane fade customer-tab-content" id="custom-tabs-sales-tab-content" role="tabpanel" aria-labelledby="custom-tabs-sales-tab"> <?php include 'include/components/customer/customer_sales.php'; // include 'include/components/customer/customer_sales_information.php'; ?> </div> / ?> <div class="tab-pane fade customer-tab-content" id="custom-tabs-customer-activities-tab-content" role="tabpanel" aria-labelledby="custom-tabs-customer-activities-tab"> <?php include 'include/components/customer/customer_activities.php'; ?> </div> <!-- LTMS --> <!-- <div class="tab-pane fade vehicle-tab-content" id="custom-tabs-customer-ltms-tab-content" role="tabpanel" aria-labelledby="custom-tabs-three-gallery-tab"> <div class="row col-md-12"><button class="btn btn-sm btn-info float-right mt-3 mb-2 float-right" type="button" id="btn-upload-ltms">Upload</button></div> <div id="ltms-container" style="display:none"> <div class="col-md-12"> <form id="upload-ltms-photo" class="dropzone dz-clickable" action="javascript:void(0);"> <input type="hidden" id="did" name="did"> <div class="dz-message d-flex flex-column" > <i class="fa fa-cloud-upload-alt"></i> <strong>Drag & Drop here or click</strong> </div> </form> </div> <button class="btn btn-sm btn-success float-right mt-3" id="ltms-submit" type="button">Submit</button> <button class="btn btn-sm btn-secondary float-right mt-3 mr-1" id="ltms-submit-cancel" type="button">Cancel</button> <div id="customer-sales-image-data" class="row"></div> <div id="loading-indicator" style="display:none;"> <i class="fa fa-spinner fa-spin"></i> Uploading... </div> </div> <div id="customer-ltms-image-data" class="row"></div> </div> --> <div class="tab-pane fade customer-tab-content" id="custom-tabs-customer-ltms-tab-content" role="tabpanel" aria-labelledby="custom-tabs-customer-ltms-tab"> <!-- <div class="row col-md-12"> <button class="btn btn-sm btn-info float-right mt-3 mb-2" type="button" id="btn-upload-ltms">Upload</button> </div> --> <div class="row"> <div class="col-md-12 text-right"> <button type="button" id="btn-attach-ltms" class="btn btn-sm btn-primary ml-2" data-toggle="modal" data-target="#modal-ltms-filter"> <i class="fa fa-paperclip"></i> Attach </button> <button class="btn btn-sm btn-primary ml-2" type="button" id="btn-upload-ltms"> <i class="fa fa-upload"></i> Upload </button> </div> </div> <!-- IMAGE MODAL --> <div id="imageModal" class="modal fade" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="imageModalLabel" aria-hidden="true"> <div class="modal-dialog modal-sm" role="document"> <!-- Use modal-sm for smaller size --> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body view-modal-img-body"> <div class="form-group"> <label for="modalCustomerName">Customer Name:</label> <p id="modalCustomerName" class="form-control-static"></p> </div> <div class="form-group"> <label for="modalFilename">Filename:</label> <p id="modalFilename" class="form-control-static"></p> </div> <div class="form-group"> <img id="modalImage" src="" alt="Uploaded Image" class="img-responsive"> </div> </div> <!-- <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> --> </div> </div> </div> <!-- END IMAGE MODAL --> <!-- LTMS FILTER MODAL --> <div id="modal-ltms-filter" class="modal fade" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="ltmsFilterLabel" aria-hidden="true"> <div class="modal-dialog modal-sm" role="document"> <!-- Use modal-sm for smaller size --> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body modal-ltms-list-modal"> <div id="ltms-list" class="ltms-table"> <table id="ltms-table" data-search="true" data-custom-search="customSearch" data-buttons="buttonsFunction" data-url="" class="table table-bordered table-hover table-sm" data-query-params="queryParams" data-pagination="true"> <thead> <tr> <th data-field="fullname" data-sortable="false" style="text-align: center;">Name</th> <th data-field="filename">File</th> <th data-field="created_at">Date uploaded</th> <th data-field="action">Action</th> </tr> </thead> <tbody> </tbody> </table> <div class="card" id="grid-card" style="box-shadow: 0 0 0 0"> <div class="overlay" id="loader-main" style="display:none;"> <div class="fas fa-2x fa-sync-alt fa-spin "></div> <strong><span class="ml-2" id="loading-message-grid"> Loading, please wait...</span></strong> </div> <div class="card-body pb-0" id="customer-grid" style="padding: .50rem"> <div class="row d-flex align-items-stretch" id="customer-grid-data"></div> </div> <div id="grid-page-footer-customer"> <div class="card-footer"> <nav aria-label="Customer Page Navigation"> <ul class="pagination justify-content-center m-0" id="customer-grid-data-paging"></ul> </nav> </div> </div> </div> </div> </div> <!-- <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> --> </div> </div> </div> <!-- END LTMS FILTER MODAL --> <!-- END MODAL SEARCH --> <div id="ltms-container" style="display:none"> <div class="col-md-12"> <form id="upload-ltms-photo" class="dropzone dz-clickable" action="javascript:void(0);"> <input type="hidden" id="did" name="did"> <div class="dz-message d-flex flex-column"> <i class="fa fa-cloud-upload-alt"></i> <strong>Drag & Drop here or click</strong> </div> </form> </div> <button class="btn btn-sm btn-success float-right mt-3" id="ltms-submit" type="button">Submit</button> <button class="btn btn-sm btn-secondary float-right mt-3 mr-1" id="ltms-submit-cancel" type="button">Cancel</button> <div id="customer-sales-image-data" class="row"></div> <div id="loading-indicator" style="display:none;"> <i class="fa fa-spinner fa-spin"></i> Uploading... </div> </div> <div id="customer-ltms-image-data" class="row"></div> </div> <!-- END LTMS --> <div class="tab-pane fade customer-tab-content" id="custom-tabs-customer-logs-tab-content" role="tabpanel" aria-labelledby="custom-tabs-customer-logs-tab"> <?php include 'include/components/customer/customer_logs.php'; ?> </div> <div class="tab-pane fade customer-tab-content" id="custom-tabs-three-individuals-tab-content" role="tabpanel" aria-labelledby="custom-tabs-three-individuals-tab"> <?php include 'include/components/customer/corporation_individual.php'; ?> </div> <div class="tab-pane fade customer-tab-content" id="custom-tabs-three-hobbies-tab-content" role="tabpanel" aria-labelledby="custom-tabs-three-hobbies-tab"> <?php include 'include/components/customer/customer_affiliations.php'; // include 'include/components/customer/customer_sales_information.php'; ?> </div> <div class="tab-pane fade customer-tab-content" id="custom-tabs-three-gallery-tab-content" role="tabpanel" aria-labelledby="custom-tabs-three-gallery-tab"> <div id="customer-sales-image-data" class="row"> </div> </div> <!-- <div class="tab-pane fade customer-tab-content" id="custom-tabs-insurance-tab-content" role="tabpanel" aria-labelledby="custom-tabs-insurance-tab"> <?php include 'include/components/customer/customer_insurance.php'; ?> </div> --> <!-- /.card --> </div> </div> </div> <!--card-body--> </div> <!--card--> </div> <!--card card-primary--> </div> <!--col-md--> </div> <!--row--> </div> <!--container-fluid--> </div> <!--container-fluid--> </div> <!--container-fluid--> <?php if ( (isset($global_action_permissions['2']['3']) && in_array("3", $global_action_permissions['2']['3'])) ) { ?> <?php include 'include/components/customer/modal/customer_form.php'; ?> <?php } ?> <?php include __DIR__ . '/activity_modal.php'; ?> <div id="vehicle_form"> </div> </section> <!-- END --> </div> <!--content-wrapper--> <!-- Modal Here --> <?php include('include/footer.php'); ?> <aside class="control-sidebar control-sidebar-dark"></aside> </div><!-- ./wrapper --> <!-- jQuery --> <script src="plugins/jquery/jquery.min.js"></script> <!-- AdminLTE App --> <script src="dist/js/adminlte.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> <!-- 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 --> <!-- jQuery Cookie--> <script src="plugins/jquery-cookie/jquery.cookie.js"></script> <!-- Ekko Lightbox --> <script src="plugins/ekko-lightbox/ekko-lightbox.min.js"></script> <!-- SweetAlert2 --> <script src="plugins/sweetalert2/sweetalert2.min.js"></script> <!-- Toastr --> <script src="plugins/toastr/toastr.min.js"></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 src="dist/js/jquery.balloon.min.js"></script> <script src="dist/js/customer_form.js"></script> <script> //GLOBALS WITH PHP const customer_record_id = '<?php echo $customer_record_id; ?>'; const apiKeyss = '<?=base64_encode('0384059835093403')?>'; const location_url = '<?php echo $variable['site_link'] ?>'; const location_source = 'customer_view'; const customer_force_edit = <?php echo $has_force_edit_permission; ?>; // ------ working code yet to be fixed (khel) $('#finance-table').on('click-cell.bs.table', function(field, value, row, $el) { // alert(1); plate_cs_number = $el.plate_cs_number1; window.location.href = "/financelist/" + plate_cs_number; }); </script> <script src="dist/js/customer/customer_view.js"></script> <script src="dist/js/customer/activity_modal.js"></script> <script src="dist/js/customer/ltms.js"></script> <!-- <script src="dist/js/customer/ltms_list_uploaded.js"></script> <script src="dist/js/customer/ltms_uploaded.js"></script> --> <script type="text/javascript"> function loadScript(url, callback) { var script = document.createElement('script'); script.type = 'text/javascript'; script.src = url; script.onload = function () { if (callback) { callback(); } }; document.body.appendChild(script); } $(document).ready(function() { $('#btn-attach-ltms').on('click', function() { loadScript('dist/js/customer/ltms_list_uploaded.js', function() { console.log('ltms_list_uploaded.js loaded.'); }); loadScript('dist/js/customer/ltms_uploaded.js', function() { console.log('ltms_uploaded.js loaded.'); }); }); $('#ltms-table').on('click', '.image-link', function (e) { e.preventDefault(); // Get the image URL and other data from the data attributes const imageUrl = $(this).data('url'); const customerName = $(this).data('customer-name'); const filename = $(this).data('filename'); // Set the image source and text in the modal $('#modalImage').attr('src', imageUrl); $('#modalCustomerName').text('Customer Name: ' + customerName); $('#modalFilename').text('Filename: ' + filename); // Show the image modal and hide the current one $('#imageModal').modal('show'); }); // When the image modal is hidden, show the first modal again $('#imageModal').on('hidden.bs.modal', function () { $('#modal-ltms-filter').modal('show'); }); $('#ltms-table').on('click', '#btn-attach-cu', function() { // Get the data-id attribute value of the clicked button var ltmsId = $(this).data('id'); Swal.fire({ icon: 'question', html: 'Are you sure you want to attach this file to this customer?', showDenyButton: false, showCancelButton: true, confirmButtonText: `Confirm`, denyButtonText: `Don't Confirm`, timer: 1500, }).then((result) => { if (result.isConfirmed) { $.ajax({ url: 'api/customer/ltms_ajax.php', // Replace with your server endpoint URL method: 'POST', data: { apiKey: apiKeyss , id: ltmsId ,cid: customer_record_id}, dataType: 'json', success: function(response) { // Handle successful response console.log('Success:', response); console.log(response.status); if(response.status ==1) { Swal.fire({ title: "Success!", text: response.message, icon: "success" }); refreshTableCustomer(); } }, error: function(xhr, status, error) { // Handle errors console.error('Error:', error); Swal.fire({ title: "Error!", text: response.message, icon: "danger" }); } }); } }); }); }); </script> </body> </html>��views/customers/activity_modal copy 2.php��0000644��00000010474�15025010632�0014523 0��ustar�00�� <!-- Modal --> <div class="modal fade" id="modal-customer-activity" role="dialog" data-backdrop="static" aria-labelledby="" aria-hidden="true"> <div class="modal-dialog modal-dialog-scrollable modal-md" role="document"> <div class="modal-content"> <div class="modal-header py-1 " style="cursor:pointer;"> <h5 class="modal-title mr-2"><span>Create Activity</span></h5> <!-- <div class="fas fa-2x fa-sync-alt fa-spin customer-modal-overlay"> </div> --> <!-- <div class="fas fa-2x fa-plus"> </div> --> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body p-1"> <div class="card-body p-1"> <div class="col-sm-12 p-0 "> <!-- textarea --> <div class="form-group"> <!-- <label>Textarea</label> --> <textarea class="form-control" rows="3" placeholder="Enter the activity here..."></textarea> </div> </div> <div class="card card-primary card-outline"> <div class="card-header"> <h5 class="card-title">Create Actions</h5> <div class="card-tools"> <!-- <a href="#" class="btn btn-tool btn-link">12/13/2023</a> --> <a href="#" class="btn btn-tool"> <i class="fas fa-pen"></i> </a> </div> </div> <div class="card-body"> <p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </p> </div> <div class="card-footer py-0"> <div class="text-right"> <span>12/12/2024 - Clarence Andaya</span> </div> </div> </div> <div class="card card-primary card-outline"> <div class="card-header"> <h5 class="card-title">Create Actions</h5> <div class="card-tools"> <!-- <a href="#" class="btn btn-tool btn-link">12/13/2023</a> --> <a href="#" class="btn btn-tool"> <i class="fas fa-pen"></i> </a> </div> </div> <div class="card-body"> <p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </p> </div> <div class="card-footer py-0"> <div class="text-right"> <span>12/12/2024 - Clarence Andaya</span> </div> </div> </div> </div> </div> <div class="modal-footer py-1"> <!-- <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">Close</button> --> <button type="button" class="btn btn-success btn-md"><span>Save</span></button> </div> </div> </div> </div> <!-- Modal -->��views/customers/activity_modal copy 4.php��0000644��00000003757�15025010632�0014533 0��ustar�00��<div class="modal fade" id="modal-customer-activity" tabindex="-1" role="dialog" aria-labelledby="modal" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title" id="modalLabel">Modal</h4> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div class="container"> <div class="row"> <div class="form-group col-md-6"> <label>Date and time</label> <input type="text" class="form-control datetimepicker-input" id="datetimepicker1" data-toggle="datetimepicker" data-target="#datetimepicker1" /> </div> </div> <div class="row"> <div class="form-group col-md-6"> <label>Date only</label> <input type="text" class="form-control datetimepicker-input" id="datetimepicker2" data-toggle="datetimepicker" data-target="#datetimepicker2" /> </div> </div> <div class="row"> <div class="form-group col-md-6"> <label>Time only</label> <input type="text" class="form-control datetimepicker-input" id="datetimepicker3" data-toggle="datetimepicker" data-target="#datetimepicker3" /> </div> </div> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <button type="button" class="btn btn-primary">Save changes</button> </div> </div> </div> </div>��views/customers/customer.php��0000644��00000167024�15025010632�0012303 0��ustar�00��<?php include('cfg/db.php'); include_once("api/controllers/utility.php"); // include('app/security/security.php'); if (!isset($_SESSION['user']['id'])) { header('location:signin.php'); } // $check_page = new CheckPage(); // $check_page->start($db); if (!(isset($global_action_permissions['2']['3']) && in_array("1", $global_action_permissions['2']['3']))) { header('location:signin.php'); } $utility = new Utility(); $granted_company_ids = $utility->isNotEmpty($_SESSION['user']['company_permissions_implode']) ? $_SESSION['user']['company_permissions_implode'] : '-1'; if (isset($global_action_permissions['2']['3']) && in_array("4", $global_action_permissions['2']['3'])) { $has_force_edit_permission = 1; } else { $has_force_edit_permission = 0; } ?> <!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']; ?> \| Customers</title> <!-- <script src="dist/js/filter.js"></script> --> <!-- 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"> <!-- Default style --> <link rel="stylesheet" href="dist/css/default.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"> <link href="dist/img/<?php echo $variable['logo']; ?>" rel="icon" /> <!-- Ekko Lightbox --> <link rel="stylesheet" href="plugins/ekko-lightbox/ekko-lightbox.css"> <!-- SweetAlert2 --> <link rel="stylesheet" href="plugins/sweetalert2/sweetalert2.min.css"> <!-- Toastr --> <link rel="stylesheet" href="plugins/toastr/toastr.min.css"> <!-- STARTMULTI --> <link rel="stylesheet" href="dist/css/bootstrap-multiselect.css" type="text/css"> <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%; } #customer-table.loading tbody { position: relative; } #customer-table.loading tbody:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #fff; / background-color: rgba(0, 0, 0, 0.1); / background-image: url(data:image/png;base64,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); background-position: center; background-repeat: no-repeat; background-size: 277px 35px; font-weight: bold; content: ""; } </style> </head> <body class="hold-transition sidebar-mini text-sm layout-fixed"> <!-- body class="hold-transition sidebar-mini text-sm" oncopy = 'return false' oncut = 'return false' onselectstart = 'return false' > --> <div class="wrapper"> <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'); ?> <!-- Content Wrapper. Contains page content --> <div id="upper" class="content-wrapper"> <!-- Content Header (Page header) --> <!-- <section class="content-header "> --> <!-- <div class="container-fluid"> <div class="row mb-0"> <div class="col-sm-6"> --> <!-- <h1 id="h1">Customers</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">Customers</li> </ol> </div> </div> </div> --> <!-- /.container-fluid --> <!-- </section> --> <!-- START --> <section class="content"> <div class="container-fluid"> <div class="row"> <div class="col-md mt-3"> <div id="table" class="card card-primary"> <div class="card-header"> <h3 class="card-title">Customers</h3> </div> <div class="card"> <div class="card-body"> <!-- ./FILTER --> <div class="row mb-2"> <div class="col-6"> <?php if ((isset($global_action_permissions['2']['3']) && in_array("2", $global_action_permissions['2']['3']))) { ?> <input type="button" id="new-customer" class="btn btn-primary btn-sm mr-1" value="New Customer"></input> <?php } ?> </div> <div class="col-6 text-right"> <div class="btn-group"> <button type="button" class="tooltip-me btn btn-default dropdown-toggle btn-sm" data-toggle="dropdown" aria-haspopup="true" title="Filter" data-html="true" data-placement="left" aria-expanded="true"> <i class="fa fa-filter" aria-hidden="true"></i> </button> <div id="dropdown-filter" class="dropdown-menu dropdown-menu-right"> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <input type="button" class="btn btn-primary btn-sm form-control form-control-sm " name="btnCustomerListNoFilter" id="btnCustomerListNoFilter" value="No Filter" style="width: 100%;"></input> </div> <!--form-group dropdown--> </div> <!--form-group--> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <div id="filter-date" class="p-1" name="filter-date" style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc; width: 100%"> <i class="fa fa-calendar"></i>  <span></span> <i class="fa fa-angle-down mt-1 float-right"></i> </div> </div> <!--form-group dropdown--> </div> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="dms" id="dms" class="form-control form-control-sm" style="width: 100%;"> <option></option> <?php $company = $db->return_result("SELECT `id`, `name` FROM `source_dms` WHERE status = 1 ORDER BY name ASC"); foreach ($company as $data) { // if($dashboard_filter && $dashboard_type == '1'){ if (isset($_GET['selected_dms'])) { $selected_dms = $db->escape($_GET['selected_dms']); if ($data['id'] == $selected_dms) { 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--> <!-- text input --> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="company-filter" id="company-filter" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php $company = $db->return_result("SELECT `id`, `code` FROM `source_company` WHERE status = 1 AND id IN (" . $granted_company_ids . ") ORDER BY code ASC"); foreach ($company as $data) { // if($dashboard_filter && $dashboard_type == '5'){ if (isset($_GET['selected_company'])) { $selected_company = $db->escape($_GET['selected_company']); if ($data['id'] == $selected_company) { echo "<option value='{$data['id']}' selected>" . $data['code'] . "</option>"; } else { echo "<option value='{$data['id']}' >" . $data['code'] . "</option>"; } } else { echo "<option value='{$data['id']}' >" . $data['code'] . "</option>"; } } ?> </select> </div> <!--form-group dropdown--> </div> <!--form-group--> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="type" id="type" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php if (isset($_GET['selected_type'])) { $selected_type = $db->escape($_GET['selected_type']); if ($selected_type == '1') { ?> <option value="1" selected>Individual</option> <option value="2">Corporation</option> <?php } else if ($selected_type == '2') { ?> <option value="1">Individual</option> <option value="2" selected>Corporation</option> <?php } } else { ?> <option value="1">Individual</option> <option value="2">Corporation</option> <?php } ?> </select> </div> </div> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="gender" id="gender" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?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) { // if($dashboard_filter && $dashboard_type == '2'){ if (isset($_GET['selected_gender'])) { $selected_gender = $db->escape($_GET['selected_gender']); if ($data['id'] == $selected_gender) { echo "<option value='{$data['id']}' selected>" . $data['gender_name'] . "</option>"; } else { echo "<option value='{$data['id']}'>" . $data['gender_name'] . "</option>"; } } else { echo "<option value='{$data['id']}'>" . $data['gender_name'] . "</option>"; } } ?> </select> </div> <!--form-group dropdown--> </div> <!--form-group--> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="filter-age" id="filter-age" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php if (isset($_GET['selected_age'])) { $selected_age = $db->escape($_GET['selected_age']); if ($selected_age == 'below') { ?> <option value="below" selected>Below 30</option> <option value="between">Between 31 and 50</option> <option value="above">Age 51 and Up</option> <?php } else if ($selected_age == 'between') { ?> <option value="below">Below 30</option> <option value="between" selected>Between 31 and 50 </option> <option value="above">Age 51 and Up</option> <?php } else if ($selected_age == 'above') { ?> <option value="below">Below 30</option> <option value="between">Between 31 and 50</option> <option value="above" selected>Age 51 and Up </option> <?php } } else { ?> <option value="below">Below 30</option> <option value="between">Between 31 and 50</option> <option value="above">Age 51 and Up </option> <?php } ?> </select> </div> </div> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="filter-data" id="filter-data" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php $filter_data_menu = array("No Email", "Complete Data", "Incomplete Data", "No Address", "No Gender", "No Date of birth"); foreach ($filter_data_menu as $menu) { // if($dashboard_filter && $dashboard_type == '3'){ if (isset($_GET['incomplete_data'])) { $incomplete_data = $db->escape($_GET['incomplete_data']); if ($incomplete_data == $menu) { echo "<option value='$menu' selected >$menu</option>"; } else { echo "<option value='$menu'>$menu</option>"; } } else { echo "<option value='$menu'>$menu</option>"; } } ?> </select> </div> </div> <div class="form-group mb-0" hidden> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="customer-actions" id="customer-actions" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php $customer_actions_menu = array("all", "new", "updated", "added"); foreach ($customer_actions_menu as $menu) { echo "<option value='$menu'>$menu</option>"; } ?> </select> </div> </div> <div class="form-group mb-0"> <div class="text-center form-group dropdown-input mr-2 ml-2 mb-0"> <div class="icheck-primary d-inline"> <input type="checkbox" id="my_record_filter" /> <label class="mb-0" for="my_record_filter"> My Records </label> </div> </div> </div> </div> </div> </div> </div> <!-- ./FILTER --> <hr> <div class="row"> <!-- <div class="col-md-12"> <h4 class="no-margin">Customer Summary</h4> </div> --> <div id="customer_action_all" class="col-md-3 col-sm-6 col-12" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-primary"><i class="fa fa-users"></i></span> <div class="info-box-content"> <span class="info-box-text">Total</span> <span class="info-box-number" id="total_customer_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> <div id="customer_action_new" class="col-md-3 col-sm-6 col-12" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-info"><i class="fa fa-users"></i></span> <div class="info-box-content"> <div class="row"> <div class="col-10"> <span class="info-box-text">New</span> </div> <div class="col-2"> <i class="float-right tooltip-me mt-2 mr-2 mb-0 fas fa-question-circle" style="color:blue; cursor: help;" title="Record count from last 7 days"></i> </div> </div> <span class="info-box-number" id="new_customer_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> <div id="customer_action_updated" class="col-md-3 col-sm-6 col-12" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-warning"><i class="fa fa fa-sync"></i></span> <div class="info-box-content"> <div class="row"> <div class="col-10"> <span class="info-box-text">Updated </span> </div> <div class="col-2"> <i class="float-right tooltip-me mt-2 mr-2 mb-0 fas fa-question-circle" style="color:blue; cursor: help;" title="Record count from last 7 days"></i> </div> </div> <span class="info-box-number" id="updated_customer_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> <div id="customer_action_added" class="col-md-3 col-sm-6 col-12" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-success"><i class="fa fa-plus"></i></span> <div class="info-box-content"> <span class="info-box-text">Added Today</span> <span class="info-box-number" id="new_today_customer_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> </div> <!-- /.row --> <div id="customer-list" class="customer-table"> <table id="customer-table" data-search="true" data-custom-search="customSearch" data-buttons="buttonsFunction" data-url="" class="table table-bordered table-hover table-sm" data-query-params="queryParams" data-pagination="true"> <!-- id="table" data-toggle="table" data-height="460" data-ajax="ajaxRequest" data-search="true" data-side-pagination="server" data-pagination="true" --> <thead> <tr> <th data-align="center" data-formatter="imageFormatter" data-field="photo">Picture</th> <!-- <th data-formatter="checkIfEmpty" data-field="id">Customer No</th> --> <th data-formatter="tableNameFormatter" data-field="name" data-sortable="false">Name</th> <!-- <th data-formatter="checkIfEmpty" data-field="gender_name">Gender</th> --> <!-- <th data-field="age_number">Age</th> --> <th data-formatter="tableEmailFormatter" data-field="email_1"> Email </th> <th data-formatter="tableMobileFormatter" data-field="mobile_phone_1"> Mobile</th> <th data-formatter="checkIfEmpty" data-field="type">Type</th> </tr> </thead> <tbody> </tbody> </table> <div class="card" id="grid-card" style="box-shadow: 0 0 0 0"> <div class="overlay" id="loader-main" style="display:none;"> <div class="fas fa-2x fa-sync-alt fa-spin "> </div> <strong><span class="ml-2" id="loading-message-grid"> Loading, please wait...</span></strong> </div> <div class="card-body pb-0" id="customer-grid" style="padding: .50rem"> <div class="row d-flex align-items-stretch" id="customer-grid-data"> </div> </div> <div id="grid-page-footer-customer"> <div class="card-footer"> <nav aria-label="Customer Page Navigation"> <ul class="pagination justify-content-center m-0" id="customer-grid-data-paging"> </ul> </nav> </div> </div> </div> </div> <!-- </div> --> </div> </div> </div> <!--card-card-primary--> <!--row--> </div> <!--container-fluid--> </div> <!--container-fluid--> </div> <!--container-fluid--> <?php if ( (isset($global_action_permissions['2']['3']) && in_array("2", $global_action_permissions['2']['3'])) \|\| (isset($global_action_permissions['2']['3']) && in_array("3", $global_action_permissions['2']['3'])) ) { ?> <?php include 'include/components/customer/modal/customer_form.php'; ?> <?php } ?> </section> <!-- END --> </div> <!--content-wrapper--> <!-- Modal Here --> <?php include('include/footer.php'); ?> <aside class="control-sidebar control-sidebar-dark"></aside> </div><!-- ./wrapper --> <!-- jQuery --> <script src="plugins/jquery/jquery.min.js"></script> <!-- jQuery UI 1.11.4 --> <script src="plugins/jquery-ui/jquery-ui.min.js"></script> <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip --> <script> $.widget.bridge('uibutton', $.ui.button) </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 --> <!-- jQuery Cookie--> <script src="plugins/jquery-cookie/jquery.cookie.js"></script> <!-- Ekko Lightbox --> <script src="plugins/ekko-lightbox/ekko-lightbox.min.js"></script> <!-- SweetAlert2 --> <script src="plugins/sweetalert2/sweetalert2.min.js"></script> <!-- Toastr --> <script src="plugins/toastr/toastr.min.js"></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 src="dist/js/jquery.balloon.min.js"></script> <script src="dist/js/customer_form.js"></script> <script> //GLOBALS WITH PHP var customer_force_edit = <?php echo $has_force_edit_permission; ?>; </script> <script src="dist/js/customer/customer.js"></script> <script src="plugins/moment/moment.min.js"></script> <script src="plugins/daterangepicker/daterangepicker.js"></script> <script type="text/javascript"> $(document).ready(function () { // Initialize daterangepicker with default options $('#filter-date').daterangepicker({ autoUpdateInput: false, showDropdowns: true, parentEl: '#dropdown-filter', locale: { cancelLabel: 'Cancel', }, startDate: moment(), // Default start date endDate: moment(), // Default end date opens: "left", // Alignment of the dropdown ranges: { 'Today': [moment(), moment()], 'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')], 'Last 7 Days': [moment().subtract(6, 'days'), moment()], 'Last 30 Days': [moment().subtract(29, 'days'), moment()], 'This Month': [moment().startOf('month'), moment().endOf('month')], 'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')], 'This Year': [moment().startOf('year'), moment().endOf('year')], 'Last Year': [moment().subtract(1, 'year').startOf('year'), moment().subtract(1, 'year').endOf('year')] } }); // Retrieve initialized daterangepicker's start and end dates if ($('#filter-date').data('daterangepicker')) { var start = $('#filter-date').data('daterangepicker').startDate; var end = $('#filter-date').data('daterangepicker').endDate; // Display default date range in the span $('#filter-date span').html(start.format('MMMM DD, YYYY') + ' - ' + end.format('MMMM DD, YYYY')); // Reset date range picker to specific dates resetDateRangePicker(start, end); } else { console.error('Daterangepicker not initialized on #filter-date'); } // Function to reset the date range picker function resetDateRangePicker(start, end) { var datePicker = $('#filter-date').data('daterangepicker'); if (datePicker) { datePicker.setStartDate(start); datePicker.setEndDate(end); $('#filter-date span').html(start.format('MMMM DD, YYYY') + ' - ' + end.format('MMMM DD, YYYY')); } else { console.error('Daterangepicker not initialized. Cannot reset dates.'); } } }); </script> </body> </html>��views/customers/activity_modal copy 3.php��0000644��00000020325�15025010632�0014520 0��ustar�00��<!-- Modal --> <div class="modal " id="modal-customer-activity" role="dialog" data-backdrop="static" tabindex="-1" aria-labelledby="" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-md" role="document"> <div class="modal-content"> <form class="customer-activity-form"> <div class="modal-header py-1 " style="cursor:pointer;"> <h5 class="modal-title mr-2"><span>Create Activity</span></h5> <!-- <div class="fas fa-2x fa-sync-alt fa-spin customer-modal-overlay"> </div> --> <!-- <div class="fas fa-2x fa-plus"> </div> --> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body p-1"> <div class="card-body p-1"> <div class="col-sm-12 p-0 "> <!-- textarea --> <div class="form-group m-0"> <!-- <label>Textarea</label> --> <textarea class="form-control" rows="3" name="activity" placeholder="Enter the activity here..."></textarea> </div> </div> <div class="col-sm-12 pt-1 px-0 mb-2"> <?php $act_templates = $db->return_result("SELECT `activity` FROM `customer_activity_template` WHERE 1 AND status = 1 ORDER BY activity ASC"); foreach ($act_templates as $act_template) { ?> <span class=" badge badge-primary text-sm font-weight-normal customer-activity-template" style="cursor:pointer;"><?= $act_template['activity'] ?></span> <?php } ?> </div> </div> </div> <div class="modal-footer py-1 px-1" style="justify-content: space-between!important;"> <button type="button" class="text-left btn btn-primary btn-sm btn-close-deal"><span class="text-sm">Tag as Close Deal</span></button> <button type="submit" class="btn btn-success btn-sm">Save</button> </div> </form> </div> </div> </div> <!-- Modal --> <!-- Modal --> <div class="modal " id="modal-customer-activity-close-deal" role="dialog" data-backdrop="static" aria-labelledby="" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-md" role="document"> <div class="modal-content"> <form class="customer-activity-close-deal-form"> <div class="modal-header py-1 " style="cursor:pointer;"> <h5 class="modal-title mr-2"><span>Information</span></h5> <!-- <div class="fas fa-2x fa-sync-alt fa-spin customer-modal-overlay"> </div> --> <!-- <div class="fas fa-2x fa-plus"> </div> --> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body p-1"> <div class="row px-2"> <div class=" col-6 "> <div class=" form-group mb-1 "> <label class=" mb-0">Plate Number</label> <input name="plate_number" type="text" class="big-letter form-control form-control-sm"> </div> </div> <div class="col-6"> <div class="form-group mb-1 "> <label class="mb-0">CS Number</label> <input name="conduction_sticker" type="text" class="big-letter form-control form-control-sm"> </div> </div> </div> <div class="form-group mb-1 px-2"> <label class="mb-0">Insurance Company</label> <input name="insurance_company" type="text" class=" form-control form-control-sm"> </div> <div class="form-group mb-1 px-2"> <label class="mb-0">Policy No.</label> <input name="policy_number" type="text" class=" form-control form-control-sm"> </div> <div class="row"> <div class="form-group col-md-6"> <label>Date only</label> <input type="text" class="form-control datetimepicker-input" id="datetimepicker2" data-toggle="datetimepicker" data-target="#datetimepicker2" /> </div> </div> <!-- <div id="div-mod-issuedate" class="form-group dropdown-input mb-1 px-2"> <label class="mb-0" class="">Issue Date</label> <div class="input-group date activity-date" id="mod-issue-date" data-target-input="nearest"> <input name="issue_date" id="issue_date" data-inputmask-alias="datetime" data-inputmask-inputformat="mm/dd/yyyy" data-mask type="text" class=" form-control form-control-sm datetimepicker-input" data-target="#mod-issue-date" /> <div class=" input-group-append" data-target="#mod-issue-date" data-toggle="datetimepicker"> <div class="input-group-text"><i class="fa fa-calendar"></i></div> </div> </div> </div> --> <div id="div-mod-startdate" class="form-group dropdown-input mb-1 px-2"> <label class="mb-0" class="">Start Date</label> <div class="input-group date activity-date" id="mod-start-date" data-target-input="nearest"> <input name="start_date" id="start_date" data-inputmask-alias="datetime" data-inputmask-inputformat="mm/dd/yyyy" data-mask type="text" class=" form-control form-control-sm datetimepicker-input" data-target="#mod-start-date" /> <div class=" input-group-append" data-target="#mod-start-date" data-toggle="datetimepicker"> <div class="input-group-text"><i class="fa fa-calendar"></i></div> </div> </div> </div> <div id="div-mod-enddate" class="form-group dropdown-input mb-1 px-2"> <label class="mb-0" class="">End Date</label> <div class="input-group date activity-date" id="mod-end-date" data-target-input="nearest"> <input name="end_date" id="end_date" data-inputmask-alias="datetime" data-inputmask-inputformat="mm/dd/yyyy" data-mask type="text" class=" form-control form-control-sm datetimepicker-input" data-target="#mod-end-date" /> <div class="input-group-append" data-target="#mod-end-date" data-toggle="datetimepicker"> <div class="input-group-text"><i class="fa fa-calendar"></i></div> </div> </div> </div> </div> <div class="modal-footer py-1 px-1" style="justify-content: space-between!important;"> <!-- <button type="button" class="text-left btn btn-primary btn-sm btn-close-deal"><span class="text-sm">Tag as Close Deal</span></button> --> <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">Cancel</button> <button type="submit" class="btn btn-success btn-sm">Close Deal</button> </div> </form> </div> </div> </div> <!-- Modal -->��views/customers/activity_modal.php��0000644��00000020372�15025010632�0013444 0��ustar�00��<div class="modal" id="modal-customer-activity-close-deal" tabindex="-1" role="dialog" aria-labelledby="modal" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-md"> <div class="modal-content"> <form class="customer-activity-close-deal-form"> <div class="modal-header py-1 " style="cursor:pointer;"> <h5 class="modal-title mr-2"><span>Information</span></h5> <!-- <div class="fas fa-2x fa-sync-alt fa-spin customer-modal-overlay"> </div> --> <!-- <div class="fas fa-2x fa-plus"> </div> --> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body p-1"> <div class="row px-2 activity-vehicle-info"> <div class=" col-6 "> <div class=" form-group mb-1 "> <label class=" mb-0">Plate Number</label> <input name="plate_number" type="text" class="big-letter form-control form-control-sm"> </div> </div> <div class="col-6"> <div class="form-group mb-1 "> <label class="mb-0">CS Number</label> <input name="conduction_sticker" type="text" class="big-letter form-control form-control-sm"> </div> </div> </div> <div class="form-group mb-1 px-2"> <label class="mb-0">Insurance Company</label> <input name="insurance_company" type="text" class=" form-control form-control-sm"> </div> <div class="form-group mb-1 px-2"> <label class="mb-0">Policy No.</label> <input name="policy_number" type="text" class=" form-control form-control-sm"> </div> <!-- <div class="row"> <div class="form-group col-md-6"> <label>Date only</label> <input type="text" class="form-control datetimepicker-input" id="datetimepicker2" data-toggle="datetimepicker" data-target="#datetimepicker2" /> </div> </div> --> <div id="div-mod-issuedate" class="form-group dropdown-input mb-1 px-2"> <label class="mb-0" class="">Issue Date</label> <div class="input-group date activity-date" id="mod-issue-date" data-target-input="nearest"> <input name="issue_date" id="issue_date" data-inputmask-alias="datetime" data-inputmask-inputformat="mm/dd/yyyy" data-mask type="text" class=" form-control form-control-sm datetimepicker-input" data-target="#mod-issue-date" /> <div class=" input-group-append" data-target="#mod-issue-date" data-toggle="datetimepicker"> <div class="input-group-text"><i class="fa fa-calendar"></i></div> </div> </div> </div> <div id="div-mod-startdate" class="form-group dropdown-input mb-1 px-2"> <label class="mb-0" class="">Start Date</label> <div class="input-group date activity-date" id="mod-start-date" data-target-input="nearest"> <input name="start_date" id="start_date" data-inputmask-alias="datetime" data-inputmask-inputformat="mm/dd/yyyy" data-mask type="text" class=" form-control form-control-sm datetimepicker-input" data-target="#mod-start-date" /> <div class=" input-group-append" data-target="#mod-start-date" data-toggle="datetimepicker"> <div class="input-group-text"><i class="fa fa-calendar"></i></div> </div> </div> </div> <div id="div-mod-enddate" class="form-group dropdown-input mb-1 px-2"> <label class="mb-0" class="">End Date</label> <div class="input-group date activity-date" id="mod-end-date" data-target-input="nearest"> <input name="end_date" id="end_date" data-inputmask-alias="datetime" data-inputmask-inputformat="mm/dd/yyyy" data-mask type="text" class=" form-control form-control-sm datetimepicker-input" data-target="#mod-end-date" /> <div class="input-group-append" data-target="#mod-end-date" data-toggle="datetimepicker"> <div class="input-group-text"><i class="fa fa-calendar"></i></div> </div> </div> </div> </div> <div class="modal-footer py-1 px-1" style="justify-content: space-between!important;"> <!-- <button type="button" class="text-left btn btn-primary btn-sm btn-close-deal"><span class="text-sm">Tag as Close Deal</span></button> --> <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">Cancel</button> <button type="submit" class="btn btn-success btn-sm">Close Deal</button> </div> </form> </div> </div> </div> <!-- Modal --> <div class="modal " id="modal-customer-activity" role="dialog" data-backdrop="static" tabindex="-1" aria-labelledby="" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-md" role="document"> <div class="modal-content"> <form class="customer-activity-form"> <div class="modal-header py-1 " style="cursor:pointer;"> <h5 class="modal-title mr-2"><span>Create Activity</span></h5> <!-- <div class="fas fa-2x fa-sync-alt fa-spin customer-modal-overlay"> </div> --> <!-- <div class="fas fa-2x fa-plus"> </div> --> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body p-1"> <div class="card-body p-1"> <div class="col-sm-12 p-0 "> <!-- textarea --> <div class="form-group m-0"> <!-- <label>Textarea</label> --> <textarea class="form-control" rows="3" name="activity" placeholder="Enter the activity here..."></textarea> </div> </div> <div class="col-sm-12 pt-1 px-0 mb-2"> <?php $act_templates = $db->return_result("SELECT `activity` FROM `customer_activity_template` WHERE 1 AND status = 1 ORDER BY activity ASC"); foreach ($act_templates as $act_template) { ?> <span class=" badge badge-primary text-sm font-weight-normal customer-activity-template" style="cursor:pointer;"><?= $act_template['activity'] ?></span> <?php } ?> </div> </div> </div> <!-- <div class="modal-footer py-1 px-1" style="justify-content: space-between!important;"> --> <div class="modal-footer py-1 px-1"> <button type="button" class="text-left btn btn-primary btn-sm btn-close-deal"><span class="text-sm">Tag as Close Deal</span></button> <button type="submit" class="btn btn-success btn-sm">Save Activity</button> </div> </form> </div> </div> </div> <!-- Modal -->��views/customers/customer_view08-1124.php��0000644��00000116246�15025010632�0014072 0��ustar�00��<?php include_once('cfg/db.php'); include_once("api/controllers/utility.php"); // include('app/security/security.php'); if (!isset($_SESSION['user']['id'])) { header('location:signin.php'); } // $check_page = new CheckPage(); // $check_page->start($db); //modify $bgColor ='transparent'; $disabled=''; if($_SESSION['user']['employee_role_id'] ==='158' ? 'disabled' : ''){ $bgColor ='#e9ecef'; $disabled ='disabled'; } //end modify if (!(isset($global_action_permissions['2']['3']) && in_array("1", $global_action_permissions['2']['3']))) { header('location:signin.php'); } $utility = new Utility(); $granted_company_ids = $utility->isNotEmpty($_SESSION['user']['company_permissions_implode']) ? $_SESSION['user']['company_permissions_implode'] : '-1'; if (!isset($_REQUEST['q'])) { header('location:customer.php'); } $customer_record_id = $db->escape($_REQUEST['q']); if (isset($global_action_permissions['2']['3']) && in_array("4", $global_action_permissions['2']['3'])) { $has_force_edit_permission = 1; } else { $has_force_edit_permission = 0; } ?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="csrf-token" content="<?= csrf_token(); ?>"> <title><?php echo $variable['site_name']; ?> \| Customers</title> <!-- <script src="dist/js/filter.js"></script> --> <!-- 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"> <!-- Default style --> <link rel="stylesheet" href="dist/css/default.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"> --> <!-- 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"> <link href="dist/img/<?php echo $variable['logo']; ?>" rel="icon" /> <!-- Ekko Lightbox --> <link rel="stylesheet" href="plugins/ekko-lightbox/ekko-lightbox.css"> <!-- SweetAlert2 --> <link rel="stylesheet" href="plugins/sweetalert2/sweetalert2.min.css"> <!-- Toastr --> <link rel="stylesheet" href="plugins/toastr/toastr.min.css"> <!-- Tempusdominus Bootstrap 4 --> <link rel="stylesheet" href="plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css"> <!-- STARTMULTI --> <link rel="stylesheet" href="dist/css/bootstrap-multiselect.css" type="text/css"> <style> /.dropzone { border: 2px dashed #3b9aff; border-radius: 5px; justify-content: center; background: #f5f5f5; } .dropzone i { font-size: 5rem; } .dropzone .dz-message { color: rgba(0, 0, 0, .54); font-weight: 500; font-size: initial; text-transform: uppercase; } .dropzone-image-preview { height: unset; width: 100%; } / / modify/ .dropzone { border: 2px dashed #007bff; border-radius: 10px; background: #f8f9fa; padding: 20px; text-align: center; transition: background 0.3s ease-in-out; } .dropzone:hover { background: #e2e6ea; } .dropzone .dz-message { color: #6c757d; font-size: 18px; margin: 0; } .dropzone .dz-message i { font-size: 50px; color: #007bff; } .dropzone .dz-preview .dz-remove { background-color: #dc3545; color: #fff; border: none; border-radius: 5px; padding: 5px 10px; cursor: pointer; } .dropzone .dz-preview .dz-remove:hover { background-color: #c82333; } #ltms-submit { / background-color: #007bff; border-color: #007bff;/ border-radius: 5px; padding: 5px 10px; font-size: 16px; } #btn-upload-ltms { background-color: #007bff; border-color: #007bff; border-radius: 5px; padding: 5px 10px; font-size: 16px; } #ltms-submit-cancel { /background-color: #007bff; border-color: #007bff;/ border-radius: 5px; padding: 5px 10px; font-size: 16px; } #btn-upload-ltms { float: right; border-radius: 5px; padding: 5px 10px; font-size: 16px; } .btn-info:hover { background-color: #0056b3; border-color: #004085; } .loading-indicator { display: flex; align-items: center; justify-content: center; color: #007bff; } .loading-indicator i { font-size: 24px; } /end modify/ #customer-modal-tab .nav-link.active, #vehicle-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%; } .bootstrap-datetimepicker-widget { z-index: 99999 !important; } </style> </head> <body class="hold-transition sidebar-mini text-sm layout-fixed"> <!-- body class="hold-transition sidebar-mini text-sm" oncopy = 'return false' oncut = 'return false' onselectstart = 'return false' > --> <div class="wrapper"> <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'); ?> <!-- Content Wrapper. Contains page content --> <div id="upper" class="content-wrapper"> <!-- Content Header (Page header) --> <!-- START --> <section class="content"> <div class="container-fluid"> <div class="row"> <div class="col-md mt-3"> <div id="customer-details" class="div-block card card-primary"> <div class="card-header"> <h3 class="card-title"><button class="btn btn-tool" title="Go to Customer table list" type="button" onclick="back()"><i class="fas fa-arrow-alt-circle-left fa-2x"></i></button>&nbsp<span id="h3-card-title"></span></h3> </div> <!--card-header--> <div class="card shadow-none mb-0"> <div class="overlay" id="loader-vehicle" 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 card-tabs shadow-none mb-0"> <div class="card-header p-0 pt-1 border-bottom-0"> <!-- <div id="app" class=" border-bottom"> --> <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" style="border-bottom: 0px solid #ffffff;"> --> <ul class=" nav nav-tabs navbar-nav mr-auto" id="custom-tabs-three-tab" role="tablist"> <li class="nav-item"> <a class="nav-link customer-tab px-2" id="custom-tabs-three-home-tab" data-toggle="pill" href="#custom-tabs-three-home-tab-content" role="tab" aria-controls="custom-tabs-three-home-tab-content" aria-selected="true">Information</a> </li> <li class="nav-item" id="customer-family-tab"> <a class="nav-link customer-tab px-2" id="custom-tabs-three-family-tab" data-toggle="pill" href="#custom-tabs-three-family-tab-content" role="tab" aria-controls="custom-tabs-three-family-tab-content" aria-selected="false">Family</a> </li> <li class="nav-item"> <a class="nav-link customer-tab px-2" id="custom-tabs-three-hobbies-tab" data-toggle="pill" href="#custom-tabs-three-hobbies-tab-content" role="tab" aria-controls="custom-tabs-three-hobbies-tab-content" aria-selected="false">Affiliations</a> </li> <li class="nav-item"> <a class="nav-link customer-tab px-2" id="custom-tabs-three-gallery-tab" data-toggle="pill" href="#custom-tabs-three-gallery-tab-content" role="tab" aria-controls="custom-tabs-three-gallery-tab-content" aria-selected="false">Gallery</a> </li> <li class="nav-item" style="display:none;" id="customer-corporation_individuals-tab"> <a class="nav-link customer-tab px-2" id="custom-tabs-three-individuals-tab" data-toggle="pill" href="#custom-tabs-three-individuals-tab-content" role="tab" aria-controls="custom-tabs-three-individuals-tab-content" aria-selected="false">Connected Individuals</a> </li> <li class="nav-item"> <a class="nav-link customer-tab px-2" id="custom-tabs-vehicle-tab" data-toggle="pill" href="#custom-tabs-vehicle-tab-content" role="tab" aria-controls="custom-tabs-vehicle-tab-content" aria-selected="false">Vehicles</a> </li> <li class="nav-item"> <a class="nav-link customer-tab px-2" id="custom-tabs-service-tab" data-toggle="pill" href="#custom-tabs-service-tab-content" role="tab" aria-controls="custom-tabs-service-tab-content" aria-selected="false">Service</a> </li> <li class="nav-item"> <a class="nav-link customer-tab px-2" id="custom-tabs-sales-tab" data-toggle="pill" href="#custom-tabs-sales-tab-content" role="tab" aria-controls="custom-tabs-sales-tab-content" aria-selected="false">Sales</a> </li> <li class="nav-item"> <a class="nav-link customer-tab px-2" id="custom-tabs-insurance-tab" data-toggle="pill" href="#custom-tabs-insurance-tab-content" role="tab" aria-controls="custom-tabs-insurance-tab-content" aria-selected="false">Insurance</a> </li> <!-- <li class="nav-item"> <a class="nav-link customer-tab px-2" id="custom-tabs-customer-activity-tab" data-toggle="pill" href="#custom-tabs-customer-activity-tab-content" role="tab" aria-controls="custom-tabs-customer-activity-tab-content" aria-selected="false">Activities</a> </li> --> <li class="nav-item"> <a class="nav-link customer-tab px-2" id="custom-tabs-customer-activities-tab" data-toggle="pill" href="#custom-tabs-customer-activities-tab-content" role="tab" aria-controls="custom-tabs-customer-activities-tab-content" aria-selected="false">Activities</a> </li> <li class="nav-item"> <a class="nav-link customer-tab px-2" id="custom-tabs-customer-ltms-tab" data-toggle="pill" href="#custom-tabs-customer-ltms-tab-content" role="tab" aria-controls="custom-tabs-customer-ltms-tab-content" aria-selected="false">LTMS</a> </li> <li class="nav-item"> <a class="nav-link customer-tab px-2" id="custom-tabs-customer-logs-tab" data-toggle="pill" href="#custom-tabs-customer-logs-tab-content" role="tab" aria-controls="custom-tabs-customer-logs-tab-content" aria-selected="false">Logs</a> </li> </ul> <ul class="navbar-nav mt-1" id="customer-info-button" style="display:none;"> <li class="nav-item"> <?php if ( isset($global_action_permissions['2']['3']) && in_array("3", $global_action_permissions['2']['3']) ) { ?> <input type="button" onclick="customerModal()" class="btn btn-primary btn-sm mr-1" value="Edit Customer" title="Edit Customer" data-toggle="modal" data-target="#modal-customer"></input> <?php } ?> <?php if (isset($global_action_permissions['2']['3']) && in_array("5", $global_action_permissions['2']['3'])) { ?> <input type="button" onclick="" style="width:65px;" id="customer_delete_action" class="btn btn-danger btn-sm" value="Remove" title="Remove Customer"></input> <?php } ?> </li> </ul> <ul class="navbar-nav mt-1" id="customer-gallery-button" style="display:none;"> <li class="nav-item"> </li> </ul> <ul class="navbar-nav mt-1" id="customer-vehicle-button" style="display:none;"> <li class="nav-item"> <input type="button" class="btn btn-primary btn-sm mr-1" value="New Vehicle" title="New Vehicle"></input> </li> </ul> </div> </nav> </div> </div> <div class="card-body" style="padding-top: 0.30rem;padding-right: .50rem;padding-left: .50rem;"> <div class="tab-content" id="custom-tabs-three-tabContent"> <div class="tab-pane fade show customer-tab-content" id="custom-tabs-three-home-tab-content" role="tabpanel" aria-labelledby="custom-tabs-three-home-tab"> <div class="row d-flex align-items-stretch"> <div class="col-md-4 d-flex align-items-stretch"> <?php include 'include/components/customer/customer_about_side.php'; ?> </div> <div class="col-md-8 d-flex align-items-stretch"> <?php // include 'include/components/customer/customer_individual_information.php'; // include 'include/components/customer/customer_corporate_information.php'; include 'include/components/customer/customer_information.php'; ?> <!-- DITO ILALAGAY YUNG MODAL KASI GAGAMITIN RIN YAN SA PAG ADD --> </div> </div> </div> <div class="tab-pane fade customer-tab-content" id="custom-tabs-three-family-tab-content" role="tabpanel" aria-labelledby="custom-tabs-three-family-tab"> <?php include 'include/components/customer/customer_family.php'; ?> </div> <div class="tab-pane fade customer-tab-content" id="custom-tabs-vehicle-tab-content" role="tabpanel" aria-labelledby="custom-tabs-vehicle-tab"> <?php include 'include/components/customer/customer_vehicle.php'; // include 'include/components/customer/customer_vehicle_information.php'; ?> </div> <div class="tab-pane fade customer-tab-content" id="custom-tabs-service-tab-content" role="tabpanel" aria-labelledby="custom-tabs-service-tab"> <?php include 'include/components/customer/customer_service.php'; // include 'include/components/customer/customer_service_information.php'; ?> </div> <div class="tab-pane fade customer-tab-content" id="custom-tabs-sales-tab-content" role="tabpanel" aria-labelledby="custom-tabs-sales-tab"> <?php include 'include/components/customer/customer_sales.php'; // include 'include/components/customer/customer_sales_information.php'; ?> </div> <div class="tab-pane fade customer-tab-content" id="custom-tabs-customer-activities-tab-content" role="tabpanel" aria-labelledby="custom-tabs-customer-activities-tab"> <?php include 'include/components/customer/customer_activities.php'; ?> </div> <!-- LTMS --> <div class="tab-pane fade customer-tab-content" id="custom-tabs-customer-ltms-tab-content" role="tabpanel" aria-labelledby="custom-tabs-customer-ltms-tab"> <!-- <div class="row col-md-12"> <button class="btn btn-sm btn-info float-right mt-3 mb-2" type="button" id="btn-upload-ltms">Upload</button> </div> --> <div class="row"> <div class="col-md-12"> <button class="btn btn-sm btn-info float-right mt-3 mb-2" type="button" id="btn-upload-ltms"> <i class="fa fa-upload"></i> Upload </button> </div> </div> <div id="ltms-container" style="display:none"> <div class="col-md-12"> <form id="upload-ltms-photo" class="dropzone dz-clickable" action="javascript:void(0);"> <input type="hidden" id="did" name="did"> <div class="dz-message d-flex flex-column"> <i class="fa fa-cloud-upload-alt"></i> <strong>Drag & Drop here or click</strong> </div> </form> </div> <button class="btn btn-sm btn-success float-right mt-3" id="ltms-submit" type="button">Submit</button> <button class="btn btn-sm btn-secondary float-right mt-3 mr-1" id="ltms-submit-cancel" type="button">Cancel</button> <div id="customer-sales-image-data" class="row"></div> <div id="loading-indicator" style="display:none;"> <i class="fa fa-spinner fa-spin"></i> Uploading... </div> </div> <div id="customer-ltms-image-data" class="row"></div> </div> <!-- END LTMS --> <div class="tab-pane fade customer-tab-content" id="custom-tabs-customer-logs-tab-content" role="tabpanel" aria-labelledby="custom-tabs-customer-logs-tab"> <?php include 'include/components/customer/customer_logs.php'; ?> </div> <div class="tab-pane fade customer-tab-content" id="custom-tabs-three-individuals-tab-content" role="tabpanel" aria-labelledby="custom-tabs-three-individuals-tab"> <?php include 'include/components/customer/corporation_individual.php'; ?> </div> <div class="tab-pane fade customer-tab-content" id="custom-tabs-three-hobbies-tab-content" role="tabpanel" aria-labelledby="custom-tabs-three-hobbies-tab"> <?php include 'include/components/customer/customer_affiliations.php'; // include 'include/components/customer/customer_sales_information.php'; ?> </div> <div class="tab-pane fade customer-tab-content" id="custom-tabs-three-gallery-tab-content" role="tabpanel" aria-labelledby="custom-tabs-three-gallery-tab"> <div id="customer-sales-image-data" class="row"> </div> </div> <div class="tab-pane fade customer-tab-content" id="custom-tabs-insurance-tab-content" role="tabpanel" aria-labelledby="custom-tabs-insurance-tab"> <?php include 'include/components/customer/customer_insurance.php'; ?> </div> <!-- /.card --> </div> </div> </div> <!--card-body--> </div> <!--card--> </div> <!--card card-primary--> </div> <!--col-md--> </div> <!--row--> </div> <!--container-fluid--> </div> <!--container-fluid--> </div> <!--container-fluid--> <?php if ( (isset($global_action_permissions['2']['3']) && in_array("3", $global_action_permissions['2']['3'])) ) { ?> <?php include 'include/components/customer/modal/customer_form.php'; ?> <?php } ?> <?php include __DIR__ . '/activity_modal.php'; ?> <div id="vehicle_form"> </div> </section> <!-- END --> </div> <!--content-wrapper--> <!-- Modal Here --> <?php include('include/footer.php'); ?> <aside class="control-sidebar control-sidebar-dark"></aside> </div><!-- ./wrapper --> <!-- jQuery --> <script src="plugins/jquery/jquery.min.js"></script> <!-- AdminLTE App --> <script src="dist/js/adminlte.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> <!-- 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 --> <!-- jQuery Cookie--> <script src="plugins/jquery-cookie/jquery.cookie.js"></script> <!-- Ekko Lightbox --> <script src="plugins/ekko-lightbox/ekko-lightbox.min.js"></script> <!-- SweetAlert2 --> <script src="plugins/sweetalert2/sweetalert2.min.js"></script> <!-- Toastr --> <script src="plugins/toastr/toastr.min.js"></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 src="dist/js/jquery.balloon.min.js"></script> <script src="dist/js/customer_form.js"></script> <script> //GLOBALS WITH PHP const customer_record_id = '<?php echo $customer_record_id; ?>'; const location_url = '<?php echo $variable['site_link'] ?>'; const location_source = 'customer_view'; const customer_force_edit = <?php echo $has_force_edit_permission; ?>; // ------ working code yet to be fixed (khel) $('#finance-table').on('click-cell.bs.table', function(field, value, row, $el) { // alert(1); plate_cs_number = $el.plate_cs_number1; window.location.href = "/financelist/" + plate_cs_number; }); </script> <script src="dist/js/customer/customer_view.js"></script> <script src="dist/js/customer/activity_modal.js"></script> <script src="dist/js/customer/ltms.js"></script> <script> </script> </body> </html>��views/sms_service/auto_sms_service.php��0000644��00000076217�15025010632�0014315 0��ustar�00��<?php include('cfg/db.php'); // include('app/security/security.php'); if(!isset($_SESSION['user']['id'])){ header('location:signin.php'); } if(!(isset($global_action_permissions['6']['29']) && in_array("1", $global_action_permissions['6']['29']))){ header('location:signin.php'); } $mobile_view_unmasking = 0; if((isset($global_action_permissions['6']['29']) && in_array("2", $global_action_permissions['6']['29']))){ $mobile_view_unmasking = 1; } $now = $db->sql_query("SELECT NOW() AS today"); $today = ""; foreach($now AS $data){ $today = substr($data['today'], 0, 10); } function conv($today){// 2021-08-18 $val = $today; return substr($today, 5, 2) . "/" . substr($today, 8, 2) . "/" . substr($today, 0, 4); // 08/18/2021 } $text_balance = "API not loaded"; // $url = 'https://www.itexmo.com/php_api/apicode_info.php?apicode=PR-AUTOH172111_IE74I'; // $response = (file_get_contents($url)); //Converting in json string // $arr = array(); // $arr = json_decode($response, true); // $text_balance = $arr['Result']['MessagesLeft']; ?> <!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']; ?> \| SMS Services</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="dist/img/<?php echo $variable['logo']; ?>" rel="icon" /> <!-- 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"> <!-- Toastr --> <link rel="stylesheet" href="plugins/toastr/toastr.min.css"> <!-- iCheck for checkboxes and radio inputs --> <link rel="stylesheet" href="plugins/icheck-bootstrap/icheck-bootstrap.min.css"> <!-- Bootstrap Table --> <link href="plugins/bootstrap-table/css/bootstrap-table.min.css" rel="stylesheet"> <style> .color-palette { height: 35px; line-height: 35px; text-align: right; padding-right: .75rem; } .color-palette.disabled { text-align: center; padding-right: 0; display: block; } .color-palette-set { margin-bottom: 15px; } .color-palette span { display: none; font-size: 12px; } .color-palette:hover span { display: block; } .color-palette.disabled span { display: block; text-align: left; padding-left: .75rem; } .color-palette-box h4 { position: absolute; left: 1.25rem; margin-top: .75rem; color: rgba(255, 255, 255, 0.8); font-size: 12px; display: block; z-index: 7; } #tool{ text-align: left; } table{ cursor: pointer; } </style> </head> <body class="hold-transition sidebar-mini text-sm layout-fixed"> <div class="wrapper"> <?php include('include/header.php'); ?> <?php include('include/sidebar.php'); ?> <!-- Content Wrapper. Contains page content --> <div class="content-wrapper"> <section class="content-header"> <div class="container-fluid"> <div class="row mb-2"> </div> </div> </section> <section class="content"> <div class="container-fluid"> <div class="row"> <div class="col-md"> <div class="card card-primary"> <div class="card-header"> <h3 class="card-title">Automated SMS Services</h3> </div> <div class="card-body"> <div class="row mb-2"> <div class="col-sm-6"> <div class="col-12 text-left"> <div class="row my-1"> <select name="message-type" id="message-type" class="form-control form-control-sm report-field" style="width: 100%;"> <option value="1" selected>Birthday Greetings</option> <option value="2">FNI Date Reminder</option> <option value="3">Newly Imported Customer (Thank you message)</option> <option value="4">PDC Reminder</option> </select> </div> </div> </div> <div class="col-sm-6 text-right"> <div id="div-filter-date" class="col-sm-6 mb-1 float-right" style="height: 28px;"> <div class="edit-customer input-group date" data-target-input="nearest"> <div id="previous-date" class="edit-customer input-group-append mr-2" title="Previous date"> <div class="input-group-text"><i class="fas fa-chevron-left"></i></div> </div> <input name="filter-date" id="filter-date" placeholder="Filter Date" data-inputmask-alias="datetime" data-inputmask-inputformat="mm/dd/yyyy" data-mask type="text" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm datetimepicker-input" data-target="#filter-date"/> <div id="cal-div" class="edit-customer input-group-append" data-target="#filter-date" data-toggle="datetimepicker"> <div id="calendar" class="input-group-text"><i class="fa fa-calendar"></i></div> </div> <div id="next-date" class="edit-customer input-group-append ml-2" title="Next date"> <div class="input-group-text"><i class="fas fa-chevron-right"></i></div> </div> </div> </div> </div> </div> <div class="row float-right mr-2 icheck-primary"> <input type="checkbox" id="chkMaskedMain" checked <?php if($mobile_view_unmasking == 0){ echo "disabled"; } else { echo ""; } ?> > <label for="chkMaskedMain">Mask mobile number</label> </div> <br> <hr> <div id="details-div" class="color-palette-box"> <div class="row"> <div id="sms-total" class="col-12 col-sm-6 col-md-3" style="cursor: pointer;"> <div class="info-box mb-3"> <span class="info-box-icon bg-primary elevation-1"><i class="fas fa-clipboard-list"></i></span> <div class="info-box-content"> <span class="info-box-text" id="lbl-total">TOTAL / ALL</span> <span class="info-box-number" id="span-total"></span> </div> </div> </div> <div id="sms-pending" class="col-12 col-sm-6 col-md-3" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-warning elevation-1"><i class="fas fa-comment-dots"></i></span> <div class="info-box-content"> <span class="info-box-text" id="lbl-pending">ON GOING</span> <span class="info-box-number" id="span-pending"></span> </div> </div> </div> <div id="sms-unsent" class="col-12 col-sm-6 col-md-3" style="cursor: pointer;"> <div class="info-box mb-3"> <span class="info-box-icon bg-danger elevation-1"><i class="fas fa-comment-slash"></i></span> <div class="info-box-content"> <span class="info-box-text" id="lbl-unsent">UNSENT</span> <span class="info-box-number" id="span-unsent"></span> </div> </div> </div> <div class="clearfix hidden-md-up"></div> <div id="sms-sent" class="col-12 col-sm-6 col-md-3" style="cursor: pointer;"> <div class="info-box mb-3"> <span class="info-box-icon bg-success elevation-1"><i class="fas fa-paper-plane"></i></span> <div class="info-box-content"> <span class="info-box-text" id="lbl-sent">SENT</span> <span class="info-box-number" id="span-sent"></span> </div> </div> </div> </div> <div id="celebrant-div" class="table-responsive"> <table id="customer-celebrant-table" class="table table-sm" data-toggle="table" data-url="" data-pagination="true" data-search="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="queryParamsCelebrantTable" data-click-to-select="false"> <thead> <tr> <th class="main-header-table" data-formatter="" data-field="name">Customer Name</th> <th class="main-header-table" data-formatter="" data-field="number">Customer Mobile</th> <th class="main-header-table" data-formatter="" data-field="company">Company</th> <th class="main-header-table" data-formatter="" data-field="dealer">Dealer</th> <th class="main-header-table" data-formatter="" data-field="birthdate">Birthdate</th> <th class="main-header-table text-center" data-formatter="" data-field="status">Status</th> </tr> </thead> </table> </div> <div id="insurance-reminder-div" class="table-responsive" hidden> <table id="insurance-reminder-table" class="table table-sm" data-toggle="table" data-url="" data-pagination="true" data-search="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="queryParamsInsuranceReminderTable" data-click-to-select="false"> <thead> <tr> <th class="main-header-table" data-formatter="" data-field="plate_cs_number">Plate/CS No</th> <th class="main-header-table" data-formatter="" data-field="policy_number">Policy Number</th> <th class="main-header-table" data-formatter="" data-field="customer_fullname">Customer Name</th> <th class="main-header-table" data-formatter="" data-field="mobile_number">Mobile #</th> <th class="main-header-table" data-formatter="" data-field="company_dealer">Company/Dealer</th> <th class="main-header-table" data-formatter="" data-field="reminder_type">Type</th> <th class="main-header-table text-center" data-formatter="" data-field="status">Status</th> </tr> </thead> </table> </div> <div id="newly-imported-div" class="table-responsive" hidden> <table id="customer-newly-imported-table" class="table table-sm" data-toggle="table" data-url="" data-pagination="true" data-search="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="queryParamsNewlyImportedTable" data-click-to-select="false"> <thead> <tr> <th class="main-header-table" data-formatter="" data-field="name">Customer Name</th> <th class="main-header-table" data-formatter="" data-field="number">Customer Mobile</th> <th class="main-header-table" data-formatter="" data-field="company">Company</th> <th class="main-header-table" data-formatter="" data-field="dealer">Dealer</th> <th class="main-header-table" data-formatter="" data-field="released_date">Released Date</th> <th class="main-header-table" data-formatter="" data-field="time_uploaded">Time Uploaded</th> <th class="main-header-table" data-formatter="" data-field="uploaded_by">Uploaded By</th> <th class="main-header-table text-center" data-formatter="" data-field="status">Status</th> </tr> </thead> </table> </div> <div id="pdc-reminder-div" class="table-responsive" hidden> <table id="pdc-reminder-table" class="table table-sm" data-toggle="table" data-url="" data-pagination="true" data-search="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="queryParamsPDCReminderTable" data-click-to-select="false"> <thead> <tr> <th class="main-header-table" data-formatter="" data-field="plate_cs_number">Plate/CS No</th> <th class="main-header-table" data-formatter="" data-field="check_number">Check Number</th> <th class="main-header-table" data-formatter="" data-field="client_name">Client Name</th> <th class="main-header-table" data-formatter="" data-field="client_mobile">Mobile #</th> <th class="main-header-table" data-formatter="" data-field="company_dealer">Company/Dealer</th> <th class="main-header-table" data-formatter="" data-field="reminder_type">Type</th> <th class="main-header-table text-center" data-formatter="" data-field="status">Status</th> </tr> </thead> </table> </div> <br/> <button id="button-import-today" type="button" class="btn btn-primary" data-toggle="modal" data-target="#viewTodayImport" hidden> View Today's Import </button> <!-- Modal --> <div class="modal fade" id="viewTodayImport" tabindex="-1" role="dialog" aria-labelledby="viewTodayImportTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-xl" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="viewTodayImportTitle">Imported Today<span id="import-total"></span></h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div id="view-today-imported-div" class="table-responsive"> <table id="view-imported-today-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, all]" data-minimum-count-columns="2" data-show-pagination-switch="false" data-pagination="true" data-query-params="queryParamsImportedTodayTable" data-click-to-select="false"> <thead> <tr> <th class="main-header-table" data-formatter="" data-field="name">Customer Name</th> <th class="main-header-table" data-formatter="" data-field="number">Customer Mobile</th> <th class="main-header-table" data-formatter="" data-field="company">Company</th> <th class="main-header-table" data-formatter="" data-field="dealer">Dealer</th> <th class="main-header-table" data-formatter="" data-field="released_date">Released Date</th> <th class="main-header-table" data-formatter="" data-field="time_uploaded">Time Uploaded</th> <th class="main-header-table" data-formatter="" data-field="uploaded_by">Uploaded By</th> </tr> </thead> </table> </div> </div> <div class="modal-footer"> <div class="icheck-primary d-inline mr-auto"> <input type="checkbox" id="chkMasked" checked> <label for="chkMasked">Mask customer mobile</label>    <div class="icheck-primary d-inline mr-auto"> <input type="checkbox" id="chkMaskedExclude" checked> <label for="chkMaskedExclude">Exclude corporation</label> </div> <i class="float-right tooltip-me mt-1 ml-1 mb-0 fas fa-question-circle" style="color:blue;" data-html="true" data-placement="right" id="tip-print"></i> </div> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> <?php include('include/footer.php'); ?> <aside class="control-sidebar control-sidebar-dark"> </aside> </div><!-- ./wrapper --> <!-- jQuery --> <script src="plugins/jquery/jquery.min.js"></script> <script src="plugins/jquery-ui/jquery-ui.min.js"></script> <script> $.widget.bridge('uibutton', $.ui.button) </script> <!-- overlayScrollbars --> <script src="plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></script> <!-- InputMask --> <script src="plugins/moment/moment.min.js"></script> <!-- Bootstrap 4 --> <script src="plugins/bootstrap/js/bootstrap.bundle.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> <!-- Navigation Highlight --> <script src="dist/js/main.js"></script> <!-- Tempusdominus Bootstrap 4 --> <script src="plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js"></script> <!-- Select2 --> <script src="plugins/select2/js/select2.full.min.js"></script> <!-- Toastr --> <script src="plugins/toastr/toastr.min.js"></script> <!-- Bootstrap Switch --> <script src="plugins/bootstrap-switch/js/bootstrap-switch.min.js"></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-file--> <?php include('resources/views/common/scripts/sms_service/script_auto_sms_service.php'); ?> </body> </html> ��views/home/home.php��0000644��00000021102�15025010632�0010260 0��ustar�00��<?php include('cfg/db.php'); if(!isset($_SESSION['user']['id'])){ 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>AutoHub Connect Menu</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="canonical" href="https://www.connect.autohub.ph/"> <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="dist/img/<?php echo $variable['logo']; ?>" rel="icon" /> <style> .bg-light { / background-color: transparent !important; / } .card { / box-shadow: 0 0 0 0 !important; / } .card-header { padding: .50rem 1.25rem !important; } </style> </head> <body class="hold-transition sidebar-mini text-sm layout-fixed"> <div class="wrapper"> <?php include('include/header_home.php'); ?> <?php include('include/sidebar_home.php'); ?> <!-- Content Wrapper. Contains page content --> <div class="content-wrapper"> <!-- Main content --> <section class="content"> <div class="container-fluid"> <h2 class=" text-center display-5" style="font-weight: 300;" hidden>Search</h2> <br> <div class="row"> <div class="col-md-6 offset-md-3"> <div class="input-group"> <input type="text" name="search-criteria" id="search-criteria" class="form-control form-control-md" placeholder="Search Menu Here"> <div class="input-group-append"> <!-- <input type="button" id="search" value="search"/> --> <!-- <button type="submit" name="submit" id="submit" class="btn btn-md btn-default"> --> <!-- <i class="fa fa-search"></i> --> </button> </div> </div> </div> </div> <div id="menus" class="col-md-12 offset-md-0 mt-4"> </div> </div> </section> </div> <!-- INSERT FOOTER --> <?php include('include/footer.php'); ?> <!-- /.control-sidebar --> </div> <!-- ./wrapper --> <!-- jQuery --> <script src="plugins/jquery/jquery.min.js"></script> <!-- jQuery UI 1.11.4 --> <script src="plugins/jquery-ui/jquery-ui.min.js"></script> <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip --> <script> $.widget.bridge('uibutton', $.ui.button) </script> <!-- overlayScrollbars --> <script src="plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></script> <!-- Bootstrap 4 --> <script src="plugins/bootstrap/js/bootstrap.bundle.min.js"></script> <!-- AdminLTE App --> <script src="dist/js/adminlte.min.js"></script> <!-- Navigation Highlight --> <script src="dist/js/main.js"></script> <!-- <script src="dist/js/jquery.balloon.min.js"></script> --> <!-- font awesome --> <!-- <script src="https://kit.fontawesome.com/49d9af4506.js" crossorigin="anonymous"></script> --> <script> $(document).ready(function() { // var search = $("#search").val(); $.ajax({ url: 'app/menu/menu_list.php', type: "GET", dataType: 'json', // data: {search:search}, beforeSend: function() { // $('#loader-main').show(); }, success: function(result) { var category_counter = 0; var category_counter_description = 0; $('#menus').html(''); var obj = jQuery.parseJSON(JSON.stringify(result)); var menu_content = ''; $(obj).each(function(key, value) { category_counter++; $.each(value.autohub_automation, function(k, v) { // The contents inside autohub_automation category_counter_description++; menu_content = menu_content + `<div class='col-md-3 align-items-stretch flex-column menu-list-` + category_counter + `' style='cursor: pointer;' data-original-title='` + v.description + `' > <div class='card bg-light d-flex flex-fill' > <div class='text-right mt-1 mr-2 mb-0 '> <i id='menu-description-` + category_counter_description + `' class='tooltip-me fas fa-question-circle' style='color:blue; cursor: help;' data-original-title='` + v.description + `'></i> </div> <a href='` + v.url + `' ` + ((parseInt(v.new_tab) != 0) ? "target = '_blank' " : "") + `> <div class='text-center mt-0'> <img width='90px' height='90px' src='dist/img/menu/` + v.image + `' alt='menu-icon' class='img-circle img-fluid'> </div> <div class='card-header text-muted border-bottom-0 text-center'> <span>` + v.name + `</span> </div> </a> </div> </div>`; // $('#menu-description-' + category_counter_description).attr('data-original-title', v.description); }); }); $('#menus').html(''); $('#menus').append("<label class='category-name category-name-" + category_counter + "' hidden>" + "Applications" + "</label><div class='row'>" + menu_content + '</div>'); // for (var i = 1; i <= category_counter_description; i++) { // $('#menu-description-' + i).attr('data-original-title', menuDescription); // // shownBalloon[i] = true; // // initBalloon(menuDescription, shownBalloon[i]); // // initBalloonMouseUp(menuDescription, shownBalloon[i]); // } initToolTip(); } }); $('#search-criteria').on('input', function(e) { var txt = $('#search-criteria').val().toLowerCase(); var numItems = $('.category-name').length for (var i = 0; i < numItems; i++) { var count = 0; $('.category-name-' + (i + 1)).each(function() { $('.menu-list-' + (i + 1)).each(function() { if ($(this).text().toUpperCase().indexOf(txt.toUpperCase()) != - 1) { $(this).show(); count++; } else { $(this).hide(); } }); }); if (count <= 0) { $('.category-name-' + (i + 1)).hide(); } else { $('.category-name-' + (i + 1)).show(); } // alert(i+1) } }); }); function initToolTip() { var bootstrapTooltip = $.fn.tooltip.noConflict(); $.fn.bstooltip = bootstrapTooltip; $('.tooltip-me').bstooltip(); } </script> </body> </html>��views/common/css/style.php��0000644��00000036137�15025010632�0011636 0��ustar�00�� <style> .toast { opacity: 1 !important; } #toast-container > div { opacity: 1 !important; } .remove-list-space li { margin: -2px; } .lbl-forms-sm-customer-main { / font-size: 90%; / } #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; } #contact-person-list-table .bootstrap-autocomplete { 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; } .select2-search__field,.select2-results__option{ 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: 550 !important; } .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%; } #customer-table.loading tbody { position: relative; } #customer-table.loading tbody:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #fff; / background-color: rgba(0, 0, 0, 0.1); / background-image: url(data:image/png;base64,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); background-position: center; background-repeat: no-repeat; background-size: 277px 35px; font-weight: bold; content: ""; } </style>��views/common/css.php��0000644��00000001745�15025010632�0010473 0��ustar�00��<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/alt/adminlte.light.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"> <!-- Toastr --> <link rel="stylesheet" href="/plugins/toastr/toastr.min.css"> <!-- SweetAlert2 --> <link rel="stylesheet" href="/plugins/sweetalert2-theme-bootstrap-4/bootstrap-4.min.css"> <!-- <link rel="stylesheet" href="/plugins/sweetalert2/sweetalert2.min.css"> --> <style> .uppercase { text-transform: uppercase; } .cursor { cursor: pointer; } .hide-sm { display: none !important; } </style> <link href="<?= SITE_FAVICON ?>" rel="icon" />��views/common/scripts/sms_service/script_auto_sms_service.php��0000644��00000056240�15025010632�0020652 0��ustar�00��<!--GLOBAL VARIABLES--> <script> var filter_date = ""; var type = 1; // default is birthday var filter_status = ""; var curret_date = ""; var page_count = 0; var char_count = 0; var new_line = 0; var total = 0; var mask = 1; var mask_main = 1; var mask_exclude_corp = 1; var first_load = 1; var nav_date = 0; var prev_date = ""; var prev_nav_button = 0; // 0-not set, 1-prev, 2-next var nav_set_changed = 0; var prev_next_clicked = 0; var current_big = 1; // 1: total, 2: on going, 3: unsent, 4: sent var total_balance = '<?php echo $text_balance;?>'; </script> <!--INITIALIZATIONS--> <script> $("input[data-bootstrap-switch]").each(function(){ $(this).bootstrapSwitch('state', $(this).prop('checked')); }); </script> <script> function getCurrentDate(){ var d = new Date(); var month = d.getMonth()+1; var day = d.getDate(); var output = (month<10 ? '0' : '') + month + "/" + (day<10 ? '0' : '') + day + "/" + d.getFullYear(); return output; } </script> <script> $(function(){ $('#filter-date').datetimepicker({ format: 'L' }); current_date = getCurrentDate(); prev_date = getCurrentDate(); filter_date = $('filter-date').datetimepicker('format'); $('#auto-txt-status-checkbox').bootstrapSwitch('state', true); $('#auto-txt-status-checkbox').bootstrapSwitch('disabled', true); totalBig(); $('#table-newly-imported').attr('hidden', true); $('#message-counter').attr('hidden', true); $('#span-balance').text(total_balance); $('#tip-print').attr('hidden', true); $('#tip-print').attr('data-original-title', "<div id='tool' class=''>Customer names with asterisk are corporation<div>"); $('#filter-date').val("<?php $now = $db->sql_query("SELECT NOW() AS today"); $today = ""; foreach($now AS $data){ $today = substr($data['today'], 0, 10); } echo conv($today); ?> "); filter_date = '<?php echo conv($today);?>'; refreshCelebrantTable(); countingBoxes(); $('#celebrant-div').attr('hidden', false); $('#insurance-reminder-div').attr('hidden', true); $('#newly-imported-div').attr('hidden', true); $('#pdc-reminder-div').attr('hidden', true); $('#button-import-today').attr('hidden', true); $('#message-type').val(1); $('#chkMasked').prop('checked', true); initTableCelebrant(); initTableImportedToday(); initTableInsuranceReminder(); initTablePDCReminder(); initToolTip(); }) function refreshCelebrantTable() { var $table = $('#customer-celebrant-table') $(function() { $table.bootstrapTable('refresh', { // 1 url: 'app/table/reload_table.php' }); }) } function refreshInsuranceReminderTable() { var $table = $('#insurance-reminder-table') $(function() { $table.bootstrapTable('refresh', { // 2 url: 'app/table/reload_table.php' }); }) } function refreshNewlyImportedTable() { var $table = $('#customer-newly-imported-table') $(function() { $table.bootstrapTable('refresh', { // 3 url: 'app/table/reload_table.php' }); }) } function refreshPDCReminderTable() { var $table = $('#pdc-reminder-table') $(function() { $table.bootstrapTable('refresh', { // 4 url: 'app/table/reload_table.php' }); }) } function refreshImportedTodayTable() { var $table = $('#view-imported-today-table') $(function() { $table.bootstrapTable('refresh', { // 15 url: 'app/table/reload_table.php' }); }) $.ajax({ url:"app/auto_txt_blast/filter_table.php", method:"POST", dataType:"json", data: { type: 10, // NEW IMPORT TOTAL HEADER mask_exclude_corp: mask_exclude_corp }, success: function(data){ $('#import-total').text(" (Total: " + data.new_import_count + ")"); } }); } function queryParamsCelebrantTable(params) { filter_date = ($("#filter-date").val() == '') ? '' : $("#filter-date").val(); return { search: params.search, offset: params.offset, filter_date: filter_date, filter_status: filter_status, type: type, // 1 mask_main: mask_main, limit: params.limit }; } function queryParamsInsuranceReminderTable(params) { filter_date = ($("#filter-date").val() == '') ? '' : $("#filter-date").val(); return { search: params.search, offset: params.offset, filter_date: filter_date, filter_status: filter_status, type: type, // 2 mask_main: mask_main, limit: params.limit }; } function queryParamsNewlyImportedTable(params) { filter_date = ($("#filter-date").val() == '') ? '' : $("#filter-date").val(); return { search: params.search, offset: params.offset, filter_date: filter_date, filter_status: filter_status, type: type, // 3 mask: mask, mask_main: mask_main, limit: params.limit }; } function queryParamsPDCReminderTable(params) { filter_date = ($("#filter-date").val() == '') ? '' : $("#filter-date").val(); return { search: params.search, offset: params.offset, filter_date: filter_date, filter_status: filter_status, type: type, // 4 pdc reminder mask: mask, mask_main: mask_main, limit: params.limit }; } function queryParamsImportedTodayTable(params) { filter_date = ($("#filter-date").val() == '') ? '' : $("#filter-date").val(); return { search: params.search, offset: params.offset, filter_status: filter_status, type: 15, // imported today mask: mask, mask_main: mask_main, mask_exclude_corp: mask_exclude_corp, limit: params.limit }; } function initTableCelebrant() { var $table = $('#customer-celebrant-table') $table.bootstrapTable('destroy').bootstrapTable({ }) } function totalBig(){ var curr_font_size = $('#lbl-total').css('font-size'); var new_font_size = parseFloat(curr_font_size) + 7; $('#lbl-total').animate({fontSize: new_font_size}, 100); $('#lbl-total').css("font-weight","Bold"); var curr_font_size = $('#span-total').css('font-size'); var new_font_size = parseFloat(curr_font_size) + 7; $('#span-total').animate({fontSize: new_font_size}, 100); $('#span-total').css("font-weight","Bold"); } function pendingBig(){ var curr_font_size = $('#lbl-pending').css('font-size'); var new_font_size = parseFloat(curr_font_size) + 7; $('#lbl-pending').animate({fontSize: new_font_size}, 100); $('#lbl-pending').css("font-weight","Bold"); var curr_font_size = $('#span-pending').css('font-size'); var new_font_size = parseFloat(curr_font_size) + 7; $('#span-pending').animate({fontSize: new_font_size}, 100); $('#span-pending').css("font-weight","Bold"); } function unsentBig(){ var curr_font_size = $('#lbl-unsent').css('font-size'); var new_font_size = parseFloat(curr_font_size) + 7; $('#lbl-unsent').animate({fontSize: new_font_size}, 100); $('#lbl-unsent').css("font-weight","Bold"); var curr_font_size = $('#span-unsent').css('font-size'); var new_font_size = parseFloat(curr_font_size) + 7; $('#span-unsent').animate({fontSize: new_font_size}, 100); $('#span-unsent').css("font-weight","Bold"); } function sentBig(){ var curr_font_size = $('#lbl-sent').css('font-size'); var new_font_size = parseFloat(curr_font_size) + 7; $('#lbl-sent').animate({fontSize: new_font_size}, 100); $('#lbl-sent').css("font-weight","Bold"); var curr_font_size = $('#span-sent').css('font-size'); var new_font_size = parseFloat(curr_font_size) + 7; $('#span-sent').animate({fontSize: new_font_size}, 100); $('#span-sent').css("font-weight","Bold"); } function resetBox(){ if(current_big == 1){ var curr_font_size = $('#lbl-total').css('font-size'); var new_font_size = parseFloat(curr_font_size) - 7; $('#lbl-total').animate({fontSize: new_font_size}, 100); $('#lbl-total').css("font-weight","normal"); var curr_font_size = $('#span-total').css('font-size'); var new_font_size = parseFloat(curr_font_size) - 7; $('#span-total').animate({fontSize: new_font_size}, 100); $('#span-total').css("font-weight","normal"); } else if(current_big == 2){ var curr_font_size = $('#lbl-pending').css('font-size'); var new_font_size = parseFloat(curr_font_size) - 7; $('#lbl-pending').animate({fontSize: new_font_size}, 100); $('#lbl-pending').css("font-weight","normal"); var curr_font_size = $('#span-pending').css('font-size'); var new_font_size = parseFloat(curr_font_size) - 7; $('#span-pending').animate({fontSize: new_font_size}, 100); $('#span-pending').css("font-weight","normal"); } else if(current_big == 3){ var curr_font_size = $('#lbl-unsent').css('font-size'); var new_font_size = parseFloat(curr_font_size) - 7; $('#lbl-unsent').animate({fontSize: new_font_size}, 100); $('#lbl-unsent').css("font-weight","normal"); var curr_font_size = $('#span-unsent').css('font-size'); var new_font_size = parseFloat(curr_font_size) - 7; $('#span-unsent').animate({fontSize: new_font_size}, 100); $('#span-unsent').css("font-weight","normal"); } else if(current_big == 4){ var curr_font_size = $('#lbl-sent').css('font-size'); var new_font_size = parseFloat(curr_font_size) - 7; $('#lbl-sent').animate({fontSize: new_font_size}, 100); $('#lbl-sent').css("font-weight","normal"); var curr_font_size = $('#span-sent').css('font-size'); var new_font_size = parseFloat(curr_font_size) - 7; $('#span-sent').animate({fontSize: new_font_size}, 100); $('#span-sent').css("font-weight","normal"); } } function initTableNewImport() { var $table = $('#customer-newly-imported-table') $table.bootstrapTable('destroy').bootstrapTable({ }) } $(function() { initTableNewImport() }) function initTableImportedToday() { var $table = $('#view-imported-today-table') $table.bootstrapTable('destroy').bootstrapTable({ }) } function initTableInsuranceReminder() { var $table = $('#insurance-reminder-table') $table.bootstrapTable('destroy').bootstrapTable({ }) } function initTablePDCReminder() { var $table = $('#pdc-reminder-table') $table.bootstrapTable('destroy').bootstrapTable({ }) } function initToolTip(){ var bootstrapTooltip = $.fn.tooltip.noConflict(); $.fn.bstooltip = bootstrapTooltip; $('.tooltip-me').bstooltip(); } function fetch(){ filter_date = ($("#filter-date").val() == '') ? '' : $("#filter-date").val(); if(type == 1){ refreshCelebrantTable(); } else if(type == 2){ refreshInsuranceReminderTable(); } else if(type == 3){ refreshNewlyImportedTable(); } else if(type == 4){ refreshPDCReminderTable(); } // update counting boxes countingBoxes(); } $('#filter-button').on('click', function(){ fetch(); }); $('#filter-status').on('change', function(){ fetch(); }); $('#sms-total').on('click', function(){ filter_status = ""; fetch(); if(current_big != 1){ totalBig(); resetBox(); } current_big = 1; }); $('#sms-pending').on('click', function(){ filter_status = -1; fetch(); if(current_big != 2){ pendingBig(); resetBox(); } current_big = 2; }); $('#sms-unsent').on('click', function(){ filter_status = 1; fetch(); if(current_big != 3){ unsentBig(); resetBox(); } current_big = 3; }); $('#sms-sent').on('click', function(){ filter_status = 0; fetch(); if(current_big != 4){ sentBig(); resetBox(); } current_big = 4; }); $('#previous-date').on('click', function(){ if(prev_nav_button == 0){ prev_nav_button = 1; // set prev date to last nav_set_changed = 0; } else if(prev_nav_button == 1){ nav_set_changed = 0; } else if(prev_nav_button == 2) { nav_set_changed = 1; } prev_nav_button = 1; nav_date--; // alert("Filter: " + filter_date + "\nNav: " + nav_date + "\nPrev: " + prev_date); filter_date = moment().add(nav_date, 'days').format('MM/DD/YYYY'); prev_date = filter_date; $('#filter-date').val(filter_date); fetch(); }); $('#next-date').on('click', function(){ if(prev_nav_button == 0){ nav_set_changed = 0; } else if(prev_nav_button == 1){ nav_set_changed = 1; } else if(prev_nav_button == 2) { nav_set_changed = 0; } prev_nav_button = 2; nav_date++; filter_date = moment().add(nav_date, 'days').format('MM/DD/YYYY'); prev_date = filter_date; $('#filter-date').val(filter_date); fetch(); }); $('#filter-date').on('change.datetimepicker', function(e){ filter_date = moment(e.date).format('MM/DD/YYYY'); current_date = getCurrentDate(); // for navigating dates var dt1 = new Date(current_date); var dt2 = new Date(filter_date); var time_difference = dt2.getTime() - dt1.getTime(); // alert(time_difference / (1000 60 * 60 * 24)); if(filter_date == current_date){ nav_date = 0; } else { nav_date = time_difference / (1000 * 60 * 60 * 24); } if(nav_set_changed == 0){ prev_date = filter_date; } else { prev_date = current_date; } // alert("Filter: " + filter_date + "\nNav: " + nav_date + "\nPrev: " + prev_date); // end nav fetch(); /////// }); $('#customer-celebrant-table').on('click-cell.bs.table', function(field, value, row, $el) { var customer_id = $el.customer_id; window.location.href = "customer_view.php?q=" + customer_id; }); $('#insurance-reminder-table').on('click-cell.bs.table', function(field, value, row, $el) { var finance_id = $el.finance_id; var plate_cs_number = $el.plate_cs_number; window.location.href = "/financelist/" + plate_cs_number; }); $('#customer-newly-imported-table').on('click-cell.bs.table', function(field, value, row, $el) { var customer_id = $el.customer_id; window.location.href = "customer_view.php?q=" + customer_id; }); $('#view-imported-today-table').on('click-cell.bs.table', function(field, value, row, $el) { var id = $el.id; window.location.href = "customer_view.php?q=" + id; }); $('#pdc-reminder-table').on('click-cell.bs.table', function(field, value, row, $el) { var pdc_id = $el.pdc_id; var plate_cs_number = $el.plate_cs_number; window.location.href = "/financepdc/" + plate_cs_number; }); </script> <script> function countingBoxes(){ $.ajax({ url:"app/auto_txt_blast/filter_table.php", method:"POST", dataType:"json", cache:false, data: { filter_date: filter_date, filter_status: filter_status, type: type }, success: function(data){ // if(data.count_total > 0){ // if(data.count_pending > 0){ // $('#print').attr('disabled', true); // } // else { // $('#print').attr('disabled', false); // } // } // else { // $('#print').attr('disabled', true); // } // if(filter_status == -1){ // $('#print').attr('disabled', true); // } // if(filter_status == 1 && data.count_unsent == 0){ // $('#print').attr('disabled', true); // } $('#span-total').text(data.count_total); $('#span-pending').text(data.count_pending); $('#span-sent').text(data.count_sent); $('#span-unsent').text(data.count_unsent); } }); } </script> <script> $('#chkMasked').on('click', function() { mask == 0 ? mask = 1 : mask = 0; refreshImportedTodayTable(); }) $('#chkMaskedMain').on('click', function() { mask_main == 0 ? mask_main = 1 : mask_main = 0; refreshCelebrantTable(); refreshInsuranceReminderTable(); refreshNewlyImportedTable(); refreshPDCReminderTable(); }) </script> <script> $('#chkMaskedExclude').on('click', function() { mask_exclude_corp == 0 ? mask_exclude_corp = 1: mask_exclude_corp = 0; mask_exclude_corp == 0 ? $('#tip-print').attr('hidden', false) : $('#tip-print').attr('hidden', true); refreshImportedTodayTable(); }) </script> <script> $('#message-type').on('change', function() { type = $('#message-type').val(); $('#details-div').attr('hidden', false); if(type == 1){ $('#div-remaining-days').attr('hidden', true); $('#remaining-days').val(""); $('#header-title').text("Birthday Celebrant Table"); // onLoad(); // type: birthday celebrant // button setup getDetails(); // type: birthday celebrant // details setup $('#celebrant-div').attr('hidden', false); $('#insurance-reminder-div').attr('hidden', true); $('#newly-imported-div').attr('hidden', true); $('#pdc-reminder-div').attr('hidden', true); $('#button-import-today').attr('hidden', true); // $('#filter-date').val(current_date); // var nav_date = 0; prev_date = $('#filter-date').val(); // var prev_nav_button = 0; // 0-not set, 1-prev, 2-next // var nav_set_changed = 0; // $('#message-counter').attr('hidden', true); refreshCelebrantTable(); } if(type == 2){ $('#celebrant-div').attr('hidden', true); $('#insurance-reminder-div').attr('hidden', false); $('#newly-imported-div').attr('hidden', true); $('#pdc-reminder-div').attr('hidden', true); $('#button-import-today').attr('hidden', true); // $('#filter-date').val(current_date); // var nav_date = 0; prev_date = $('#filter-date').val(); // var prev_nav_button = 0; // 0-not set, 1-prev, 2-next // var nav_set_changed = 0; // getDetails(); refreshInsuranceReminderTable(); } if(type == 3){ $('#celebrant-div').attr('hidden', true); $('#insurance-reminder-div').attr('hidden', true); $('#newly-imported-div').attr('hidden', false); $('#pdc-reminder-div').attr('hidden', true); $('#button-import-today').attr('hidden', false); $('#header-title').text("Newly Imported Customer Table"); // $('#filter-date').val(current_date); // var nav_date = 0; prev_date = $('#filter-date').val(); // var prev_nav_button = 0; // 0-not set, 1-prev, 2-next // var nav_set_changed = 0; // onLoad(); //set the status of print button getDetails(); refreshNewlyImportedTable(); } if(type == 4){ $('#celebrant-div').attr('hidden', true); $('#insurance-reminder-div').attr('hidden', true); $('#newly-imported-div').attr('hidden', true); $('#pdc-reminder-div').attr('hidden', false); $('#button-import-today').attr('hidden', true); $('#header-title').text("Newly Imported Customer Table"); // $('#filter-date').val(current_date); // var nav_date = 0; prev_date = $('#filter-date').val(); // var prev_nav_button = 0; // 0-not set, 1-prev, 2-next // var nav_set_changed = 0; // onLoad(); //set the status of print button getDetails(); refreshPDCReminderTable(); } countingBoxes(); }); </script> <script> function getDetails(){ $.ajax({ url:"app/auto_txt_blast/get_message_details.php", method:"POST", dataType:"json", cache: false, data: { type: type, filter_date: filter_date }, beforeSend: function(){ }, success: function(data){ // $('#message-content').val(data.message_content); // $('#remaining-days').val(data.remaining_days); // $('#auto-txt-status-checkbox').bootstrapSwitch('disabled', false); // $('#auto-txt-status-checkbox').bootstrapSwitch('state', data.status); $('#span-total').text(data.count_total); $('#span-pending').text(data.count_pending); $('#span-sent').text(data.count_sent); $('#span-unsent').text(data.count_unsent); } }); } </script> <script> $('#button-import-today').click(function(){ refreshImportedTodayTable(); }); </script>��views/common/scripts/industry/industry.js��0000644��00000012435�15025010632�0014757 0��ustar�00��// GLOBAL VARIABLES var start_date = ""; var end_date = ""; var start = null; var end = null; var company = 0; var dealer = 0; var reset = 1; var filter_date = 0; var filter_box = 0; $(function(){ start = moment().startOf('month'); end = moment().endOf('month'); // $('#tip-categorized-vehicle').attr('data-original-title', "<div id='tool' class=''>Grouped by plate / cs number</div>"); // $('#tip-individual-insurance').attr('data-original-title', "<div id='tool' class=''>Total count of individual insurance</div>"); $('#filter-date').daterangepicker({ autoUpdateInput: false, showDropdowns: true, parentEl: '#dropdown-filter', locale: { cancelLabel: 'Cancel' }, startDate: start, opens: "left", endDate: end, ranges: { 'Today': [moment(), moment()], 'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')], 'Last 7 Days': [moment().subtract(6, 'days'), moment()], 'Last 30 Days': [moment().subtract(29, 'days'), moment()], 'This Month': [moment().startOf('month'), moment().endOf('month')], 'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')], 'This Year': [moment().startOf('year'), moment().endOf('year')], 'Last Year': [moment().subtract(1, 'year').startOf('year'), moment().subtract(1, 'year').endOf('year')] } }); // resetDateRangePicker(start, end); let isMobile = window.matchMedia("only screen and (max-width: 760px)").matches; $(".daterangepicker").on('click', function() { setDateRangePickerWidth(isMobile); }); $("#filter-date").on('click', function() { setDateRangePickerWidth(isMobile); }); $('#fni-add-brand').select2({ placeholder: "Brand", allowClear: true }); $('#fni-add-model').select2({ placeholder: "Model", allowClear: true }); $('#fni-add-variant').select2({ placeholder: "Variant", allowClear: true }); $('#fni-add-dealer').select2({ placeholder: "Dealer", allowClear: true }) $('#fni-add-insurance-provider').select2({ placeholder: "Insurance Provider", allowClear: true }) $('#fni-add-insurance-type').select2({ placeholder: "Insurance Type", allowClear: true }) $('#company-filter').select2({ placeholder: "Company", allowClear: true }) $('#dealer').select2({ placeholder: "Dealer", allowClear: false }) $('#issue-date').datetimepicker({ format: 'L' }); $('#start-date').datetimepicker({ format: 'L' }); $('#end-date').datetimepicker({ format: 'L' }); $('[data-mask]').inputmask(); addListenerCompanyFilter(); $('#filter-date').on('apply.daterangepicker', function(ev, picker) { $('#filter-date span').html(picker.startDate.format('MMMM D, YYYY') + ' - ' + picker.endDate .format( 'MMMM D, YYYY')); filter_date = 1; cb(picker.startDate, picker.endDate); }); $('#filter-date').on('cancel.daterangepicker', function(ev, picker) { $('#filter-date').data('daterangepicker').hideCalendars(); filter_date = 0; }); $('#btn-no-filter').on('click', function() { $('#company-filter').off('change.mychange'); //off the company filter built in change event $('#company-filter').val('').trigger('change'); $('#dealer').off('change.mychange'); //off the company filter built in change event $('#dealer').val(0).trigger('change'); $('#dealer').html(''); company = 0; dealer = 0; addListenerCompanyFilter(); //enable again the company filter event start = moment().startOf('month'); end = moment().endOf('month'); reset = 1; filter_date = 0; resetDateRangePicker(start, end); }); document.getElementById("dropdown-filter").addEventListener('click', function(event) { event.stopPropagation(); }); setTimeout(function(){ }, 3000); $('#date-range').text("No Filter"); }); function addListenerCompanyFilter() { $('#company-filter').off('change.mychange').on('change.mychange', function() { var start = $('#filter-date').data('daterangepicker').startDate; var end = $('#filter-date').data('daterangepicker').endDate; company = ($("#company-filter").val() == '') ? '0' : $("#company-filter").val(); fillDealer(); reset = 0; cb(start, end); }); } function initToolTip(){ var bootstrapTooltip = $.fn.tooltip.noConflict(); $.fn.bstooltip = bootstrapTooltip; $('.tooltip-me').bstooltip(); } function setDateRangePickerWidth(isMobile) { if ($(".daterangepicker").hasClass('show-calendar') && !isMobile) { $('.daterangepicker').css('width', '630px'); } else { $('.daterangepicker').css('width', 'auto'); } reset = 0; } function passDate(startDate, endDate) { refreshFinanceTable(); } function cb(start, end) { var startDate = start.format('YYYY-MM-DD'); passDate(start, end); //pass empty dates }��views/common/scripts/finance_pdc/finance_pdc_list.js��0000644��00000054077�15025010632�0016742 0��ustar�00��// GLOBAL VARIABLES var pdc_id = ""; var pdc_plate_cs_number1 = ""; var company = 0; var dealer = 0; var company_id = 0; var dealer_id = 0; var start = null; var end = null; var reset = 1; var filter_date = 0; var filter_box = 0; // Add variables var pdc_add_client_name = ""; var pdc_add_client_mobile = ""; var pdc_add_client_other_contact = ""; var pdc_add_client_email = ""; var pdc_add_plate_cs_number = ""; var pdc_add_dealer = ""; var pdc_add_brand = 0; var pdc_add_model = ""; var pdc_add_variant = ""; var pdc_add_check_number = ""; var pdc_add_check_amount = ""; var pdc_add_check_date = ""; var pdc_add_policy_number = ""; var pdc_add_insurance_company = ""; var pdc_add_bank = ""; var pdc_add_branch = ""; $(function(){ initTableFinancePDC(); refreshFinancePDCTable(); addListenerCompanyFilter(); start = moment().startOf('month'); end = moment().endOf('month'); $('#filter-date').daterangepicker({ autoUpdateInput: false, showDropdowns: true, parentEl: '#dropdown-filter', locale: { cancelLabel: 'Cancel' }, startDate: start, opens: "left", endDate: end, ranges: { 'Today': [moment(), moment()], 'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')], 'Last 7 Days': [moment().subtract(6, 'days'), moment()], 'Last 30 Days': [moment().subtract(29, 'days'), moment()], 'This Month': [moment().startOf('month'), moment().endOf('month')], 'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')], 'This Year': [moment().startOf('year'), moment().endOf('year')], 'Last Year': [moment().subtract(1, 'year').startOf('year'), moment().subtract(1, 'year').endOf('year')] } }); let isMobile = window.matchMedia("only screen and (max-width: 760px)").matches; $(".daterangepicker").on('click', function() { setDateRangePickerWidth(isMobile); }); $("#filter-date").on('click', function() { setDateRangePickerWidth(isMobile); }); $('#company-filter').select2({ placeholder: "Company", allowClear: true }) $('#dealer').select2({ placeholder: "Dealer", allowClear: false }) $('#pdc-add-dealer').select2({ placeholder: "Dealer", allowClear: true }) $('#pdc-add-brand').select2({ placeholder: "Brand", allowClear: true }) $('#pdc-add-model').select2({ placeholder: "Model", allowClear: true }) $('#pdc-add-variant').select2({ placeholder: "Variant", allowClear: true }) $('#pdc-add-insurance-company').select2({ placeholder: "Insurance Company", allowClear: true }) $('#pdc-add-bank').select2({ placeholder: "Bank", allowClear: true }) $('#check-date').datetimepicker({ format: 'L' }); $('[data-mask]').inputmask(); $('#filter-date').on('apply.daterangepicker', function(ev, picker) { $('#filter-date span').html(picker.startDate.format('MMMM D, YYYY') + ' - ' + picker.endDate .format( 'MMMM D, YYYY')); cb(picker.startDate, picker.endDate); filter_date = 1; }); $('#filter-date').on('cancel.daterangepicker', function(ev, picker) { $('#filter-date').data('daterangepicker').hideCalendars(); filter_date = 0; }); $('#btn-no-filter').on('click', function() { $('#company-filter').off('change.mychange'); //off the company filter built in change event $('#company-filter').val('').trigger('change'); $('#dealer').off('change.mychange'); //off the company filter built in change event $('#dealer').val(0).trigger('change'); $('#dealer').html(''); company = 0; dealer = 0; addListenerCompanyFilter(); //enable again the company filter event start = moment().startOf('month'); end = moment().endOf('month'); reset = 1; filter_date = 0; resetDateRangePicker(start, end); }); document.getElementById("dropdown-filter").addEventListener('click', function(event) { event.stopPropagation(); }); setTimeout(function(){ }, 3000); $('#date-range').text("No Filter"); }) function initTableFinancePDC() { var $table = $('#finance-pdc-table') $table.bootstrapTable('destroy').bootstrapTable({ }) } function refreshFinancePDCTable() { var $table = $('#finance-pdc-table') $(function() { $table.bootstrapTable('refresh', { // 1 url: 'app/table/finance_pdc_table.php' }); }) } function queryParamsFinancePDCTable(params) { start = $('#filter-date').data('daterangepicker').startDate; end = $('#filter-date').data('daterangepicker').endDate; company = ($("#company-filter").val() == '') ? '0' : $("#company-filter").val(); dealer = $("#dealer").val(); if(filter_date == 1){ start_date = start.format('YYYY-MM-DD'); end_date = end.format('YYYY-MM-DD'); } else { start_date = ""; end_date = ""; } return { search: params.search, offset: params.offset, limit: params.limit, type: 1, // app/table/finance_pdc_table > finance pdc list company: company, dealer: dealer, filter_box: filter_box }; } function fillDealer(){ var comp = $('#company-filter').val(); dealer = 0; $.ajax({ url:"app/misc/get_dealer3.php", type:"POST", data: { company: comp, type: 1 }, beforeSend: function(){ }, success: function(result){ $('#dealer').html(''); // $('#dealer').append("\"<option value=''>ALL</option>\""); $('#dealer').append("\"" + result + "\""); } }); } function setDateRangePickerWidth(isMobile) { if ($(".daterangepicker").hasClass('show-calendar') && !isMobile) { $('.daterangepicker').css('width', '630px'); } else { $('.daterangepicker').css('width', 'auto'); } reset = 0; } function passDate(startDate, endDate) { refreshFinancePDCTable(); // detailsCount(); } function cb(start, end) { var startDate = start.format('YYYY-MM-DD'); passDate(start, end); //pass empty dates } function addListenerCompanyFilter() { $('#company-filter').off('change.mychange').on('change.mychange', function() { var start = $('#filter-date').data('daterangepicker').startDate; var end = $('#filter-date').data('daterangepicker').endDate; company = ($("#company-filter").val() == '') ? '0' : $("#company-filter").val(); fillDealer(); reset = 0; cb(start, end); }); } function fillModelDropdown(brand){ $.ajax({ url:"/app/finance_pdc/dd_get_model.php", type:"POST", async: false, data: { brand_id: brand, type: 1 }, beforeSend: function(){ }, success: function(result){ $('#pdc-add-model').html(''); $('#pdc-add-model').append("\"<option value=''></option>\""); $('#pdc-add-model').append("\"" + result + "\""); } }); } function fillVariantDropdown(model){ $.ajax({ url:"/app/finance_pdc/dd_get_variant.php", type:"POST", data: { model_id: model, type: 1 }, beforeSend: function(){ }, success: function(result){ $('#pdc-add-variant').html(''); $('#pdc-add-variant').append("\"<option value=''></option>\""); $('#pdc-add-variant').append("\"" + result + "\""); } }); } function isEmail(email) { var regex = /^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/; if(!regex.test(email)) { return false; } else { return true; } } function resetDateRangePicker(start, end) { $("#filter-date").data('daterangepicker').setStartDate(start); $("#filter-date").data('daterangepicker').setEndDate(end); $('#filter-date').data('daterangepicker').hideCalendars(); $('.daterangepicker').css('width', 'auto'); var startDate = start.format('MMMM DD, YYYY'); var endDate = end.format('MMMM DD, YYYY'); if(reset == 0) {$('#date-range').text(startDate + ' - ' + endDate);} else if(reset == 1) {$('#date-range').text("No Filter");} cb(start, end); } function addPDCModalTabSelectedTab(type){ $('#pdc-modal-tab .nav-link').removeClass('active'); $('#pdc-add-modal-tab-content .tab-pane').removeClass('show'); $('#pdc-add-modal-tab-content .tab-pane').removeClass('active'); switch (type) { case 1: $('#pdc-add-modal-tab-information').addClass('active'); $('#pdc-add-modal-information').addClass('active'); $('#pdc-add-modal-information').addClass('show'); break; case 2: $('#pdc-add-modal-tab-insurance').addClass('active'); $('#pdc-add-modal-insurance').addClass('active'); $('#pdc-add-modal-insurance').addClass('show'); break; } } function clearAddModal(){ $('#pdc-add-client-fullname').val(""); $('#pdc-add-client-mobile').val(""); $('#pdc-add-client-email').val(""); $('#pdc-add-plate-cs-number').val(""); $('#pdc-add-dealer').val(null).trigger('change'); $('#pdc-add-brand').val(null).trigger('change'); $('#pdc-add-model').val(null).trigger('change'); $('#pdc-add-variant').val(null).trigger('change'); $('#pdc-add-check-number').val(""); $('#pdc-add-check-amount').val(""); $('#check-date').val(""); $('#pdc-add-policy-number').val(""); $('#pdc-add-insurance-company').val(null).trigger('change'); $('#pdc-add-bank').val(null).trigger('change'); $('#pdc-add-branch').val(""); } $('#dealer').on('change', function(){ dealer = $('#dealer').val(); var start = $('#filter-date').data('daterangepicker').startDate; var end = $('#filter-date').data('daterangepicker').endDate; reset = 0; cb(start, end); }); $('#pdc-add-brand').on('change', function(){ var selected_brand = $('#pdc-add-brand').val(); fillModelDropdown(selected_brand); }) $('#pdc-add-model').on('change', function(){ var selected_model = $('#pdc-add-model').val(); fillVariantDropdown(selected_model); }) $('#button-new-pdc-details').on('click', function(){ $('#modal-financepdc-add-pdc').modal('show'); addPDCModalTabSelectedTab(1); }) $('#pdc-close-modal').on('click', function(){ clearAddModal(); }) $('#button-add-pdc-details').on('click', function(){ pdc_add_client_name = $('#pdc-add-client-fullname').val(); pdc_add_client_mobile = "+63" + $('#pdc-add-client-mobile').val(); pdc_add_client_other_contact = $('#pdc-add-client-other-contact').val(); pdc_add_client_email = $('#pdc-add-client-email').val(); pdc_add_plate_cs_number = $('#pdc-add-plate-cs-number').val(); pdc_add_dealer = $('#pdc-add-dealer').val(); if(pdc_add_dealer === null \|\| pdc_add_dealer == "" \|\| typeof pdc_add_dealer === "undefined"){ pdc_add_dealer = 0; } pdc_add_brand = $('#pdc-add-brand').val(); if(pdc_add_brand === null \|\| pdc_add_brand == "" \|\| typeof pdc_add_brand === "undefined"){ pdc_add_brand = 0; } pdc_add_model = $('#pdc-add-model').val(); if(pdc_add_model === null \|\| pdc_add_model == "" \|\| typeof pdc_add_model === "undefined"){ pdc_add_model = 0; } pdc_add_variant = $('#pdc-add-variant').val(); if(pdc_add_variant === null \|\| pdc_add_variant == "" \|\| typeof pdc_add_variant === "undefined"){ pdc_add_variant = 0; } pdc_add_check_number = $('#pdc-add-check-number').val(); pdc_add_check_amount = $('#pdc-add-check-amount').val(); pdc_add_check_date = $('#check-date').val(); pdc_add_policy_number = $('#pdc-add-policy-number').val(); pdc_add_insurance_company = $('#pdc-add-insurance-company').val(); if(pdc_add_insurance_company === null \|\| pdc_add_insurance_company == "" \|\| typeof pdc_add_insurance_company === "undefined"){ pdc_add_insurance_company = 0; } pdc_add_bank = $('#pdc-add-bank').val(); if(pdc_add_bank === null \|\| pdc_add_bank == "" \|\| typeof pdc_add_bank === "undefined"){ pdc_add_bank = 0; } pdc_add_branch = $('#pdc-add-branch').val(); // alert(pdc_add_client_mobile); return; // required fields if(pdc_add_client_name == ""){ toastr.remove(); toastr.error("Client name field cannot be empty", "Incomplete data"); addPDCModalTabSelectedTab(1); $('#pdc-add-client-fullname').trigger('focus'); $('#pdc-add-client-fullname').css('border-color', 'red'); setTimeout(function(){ $('#pdc-add-client-fullname').css("border", ""); $("#pdc-add-client-fullname").trigger('blur'); }, 3000); return; } if(pdc_add_client_mobile == ""){ toastr.remove(); toastr.error("Client mobile field cannot be empty", "Incomplete data"); addPDCModalTabSelectedTab(1); $('#pdc-add-client-mobile').trigger('focus'); $('#pdc-add-client-mobile').css('border-color', 'red'); setTimeout(function(){ $('#pdc-add-client-mobile').css("border", ""); $("#pdc-add-client-mobile").trigger('blur'); }, 3000); return; } if(pdc_add_client_email == ""){ toastr.remove(); toastr.error("Client email field cannot be empty", "Incomplete data"); addPDCModalTabSelectedTab(1); $('#pdc-add-client-email').trigger('focus'); $('#pdc-add-client-email').css('border-color', 'red'); setTimeout(function(){ $('#pdc-add-client-fullname').css("border", ""); $("#pdc-add-client-fullname").trigger('blur'); }, 3000); return; } if(pdc_add_plate_cs_number == ""){ toastr.remove(); toastr.error("Plate/CS Number field cannot be empty", "Incomplete data"); addPDCModalTabSelectedTab(1); $('#pdc-add-plate-cs-number').trigger('focus'); $('#pdc-add-plate-cs-number').css('border-color', 'red'); setTimeout(function(){ $('#pdc-add-plate-cs-number').css("border", ""); $("#pdc-add-plate-cs-number").trigger('blur'); }, 3000); return; } if(pdc_add_dealer == 0){ toastr.remove(); toastr.error("Please specify dealer", "Incomplete data"); addPDCModalTabSelectedTab(1); $('#div-dealer').css('border', '1px solid #dc3545'); setTimeout(function(){ $('#div-dealer').css("border", ""); $("#div-dealer").trigger('blur'); }, 3000); return; } if(pdc_add_brand == 0){ toastr.remove(); toastr.error("Please specify brand", "Incomplete data"); addPDCModalTabSelectedTab(1); $('#div-brand').css('border', '1px solid #dc3545'); setTimeout(function(){ $('#div-brand').css("border", ""); $("#div-brand").trigger('blur'); }, 3000); return; } if(pdc_add_model == 0){ toastr.remove(); toastr.error("Please specify model", "Incomplete data"); addPDCModalTabSelectedTab(1); $('#div-model').css('border', '1px solid #dc3545'); setTimeout(function(){ $('#div-model').css("border", ""); $("#div-model").trigger('blur'); }, 3000); return; } if(pdc_add_check_number == ""){ toastr.remove(); toastr.error("Check number field cannot be empty", "Incomplete data"); addPDCModalTabSelectedTab(2); $('#pdc-add-check-number').trigger('focus'); $('#pdc-add-check-number').css('border-color', 'red'); setTimeout(function(){ $('#pdc-add-check-number').css("border", ""); $("#pdc-add-check-number").trigger('blur'); }, 3000); return; } if(pdc_add_check_amount == ""){ toastr.remove(); toastr.error("Check amount field cannot be empty", "Incomplete data"); addPDCModalTabSelectedTab(2); $('#pdc-add-check-amount').trigger('focus'); $('#pdc-add-check-amount').css('border-color', 'red'); setTimeout(function(){ $('#pdc-add-check-amount').css("border", ""); $("#pdc-add-check-amount").trigger('blur'); }, 3000); return; } if(pdc_add_check_date == ""){ toastr.remove(); toastr.error("Check date field cannot be empty", "Incomplete data"); addPDCModalTabSelectedTab(2); $('#pdc-add-check-date').trigger('focus'); $('#pdc-add-check-date').css('border-color', 'red'); setTimeout(function(){ $('#pdc-add-check-date').css("border", ""); $("#pdc-add-check-date").trigger('blur'); }, 3000); return; } if(pdc_add_policy_number == ""){ toastr.remove(); toastr.error("Policy number field cannot be empty", "Incomplete data"); addPDCModalTabSelectedTab(2); $('#pdc-edit-policy-number').trigger('focus'); $('#pdc-edit-policy-number').css('border-color', 'red'); setTimeout(function(){ $('#pdc-edit-policy-number').css("border", ""); $("#pdc-edit-policy-number").trigger('blur'); }, 3000); return; } if(pdc_add_insurance_company == 0){ toastr.remove(); toastr.error("Please specify insurance company", "Incomplete data"); addPDCModalTabSelectedTab(2); $('#div-insurance-company').css('border', '1px solid #dc3545'); setTimeout(function(){ $('#div-insurance-company').css("border", ""); $("#div-insurance-company").trigger('blur'); }, 3000); return; } if(pdc_add_bank == 0){ toastr.remove(); toastr.error("Please specify bank", "Incomplete data"); addPDCModalTabSelectedTab(2); $('#div-bank').css('border', '1px solid #dc3545'); setTimeout(function(){ $('#div-bank').css("border", ""); $("#div-bank").trigger('blur'); }, 3000); return; } // VALIDATIONS // mobile if(pdc_add_client_mobile.length != 13 \|\| pdc_add_client_mobile.substring(0, 4) != "+639"){ toastr.remove(); toastr.warning("It seems that client mobile is invalid", "Warning"); addPDCModalTabSelectedTab(1); $('#pdc-add-client-mobile').trigger('focus'); $('#pdc-add-client-mobile').css('border-color', 'red'); setTimeout(function(){ $('#pdc-add-client-mobile').css("border", ""); $("#pdc-add-client-mobile").trigger('blur'); }, 3000); return; } // email if(isEmail(pdc_add_client_email) == false){ toastr.remove(); toastr.warning("It seems that client email is invalid", "Warning"); addPDCModalTabSelectedTab(1); $('#pdc-add-client-email').trigger('focus'); $('#pdc-add-client-email').css('border-color', 'red'); setTimeout(function(){ $('#pdc-add-client-email').css("border", ""); $("#pdc-add-client-email").trigger('blur'); }, 3000); return; } $.ajax({ url: "/app/finance_pdc/pdc_crud.php", method: "POST", dataType: 'json', data: { new_client_fullname: pdc_add_client_name, new_client_mobile: pdc_add_client_mobile, new_client_other_contact: pdc_add_client_other_contact, new_client_email: pdc_add_client_email, new_plate_cs_number: pdc_add_plate_cs_number, new_dealer: pdc_add_dealer, new_brand: pdc_add_brand, new_model: pdc_add_model, new_variant: pdc_add_variant, new_check_number: pdc_add_check_number, new_check_amount: pdc_add_check_amount, new_check_date: pdc_add_check_date, new_policy_number: pdc_add_policy_number, new_insurance_company: pdc_add_insurance_company, new_bank: pdc_add_bank, new_branch: pdc_add_branch, type: 1 // add details }, beforeSend: function(){ }, success: function(result) { if(result.status == 0){ // add success toastr.remove(); toastr.success("Successfully added"); clearAddModal(); $('#modal-financepdc-add-pdc').modal('hide'); refreshFinancePDCTable(); return; } else if(result.status == 1){ // update failed toastr.remove(); toastr.error("Something went wrong, please try again", "Update failed"); return; } else if(result.status == 2){ // no company found toastr.remove(); toastr.error("It seems that the dealer selected is not designated to any company", "Dealer error / Company not found"); return; } else if(result.status == 3){ // duplicate found toastr.remove(); toastr.error("You may be entering a record that is already existing", "Duplicate found"); return; } else if(result.status == 4){ // invalid mobile toastr.remove(); toastr.warning("It seems that client mobile is invalid", "Invalid mobile"); addPDCModalTabSelectedTab(1); $('#pdc-add-client-mobile').trigger('focus'); $('#pdc-add-client-mobile').css('border-color', 'red'); setTimeout(function(){ $('#pdc-add-client-mobile').css("border", ""); $("#pdc-add-client-mobile").trigger('blur'); }, 3000); return; } } }); }) $('#finance-pdc-table').on('click-cell.bs.table', function(field, value, row, $el) { pdc_plate_cs_number = $el.plate_cs_number1; window.location.href = "/financepdc/" + pdc_plate_cs_number; });��views/common/scripts/finance_pdc/pdc_information.js��0000644��00000070010�15025010632�0016612 0��ustar�00�� var record_id = ""; var edit_id = ""; // Update variables var pdc_edit_client_name = ""; var pdc_edit_client_mobile = ""; var pdc_edit_client_other_contact = ""; var pdc_edit_client_email = ""; var pdc_edit_plate_cs_number = ""; var pdc_edit_dealer = ""; var pdc_edit_brand = ""; var pdc_edit_model = ""; var pdc_edit_variant = ""; var pdc_edit_check_number = ""; var pdc_edit_check_amount = ""; var pdc_edit_check_date = ""; var pdc_edit_policy_number = ""; var pdc_edit_insurance_company = ""; var pdc_edit_bank = ""; var pdc_edit_branch = ""; $(function(){ initTablePDCInformation(); initTableRemainingDays(); refreshPDCInformationTable(); loadPDCInformation(); editPDCModalTabSelectedTab(1); // INITIALIZATION $('#pdc-edit-dealer').select2({ placeholder: "Dealer", allowClear: true }) $('#pdc-edit-brand').select2({ placeholder: "Brand", allowClear: true }) $('#pdc-edit-model').select2({ placeholder: "Model", allowClear: true }) $('#pdc-edit-variant').select2({ placeholder: "Variant", allowClear: true }) $('#pdc-edit-insurance-company').select2({ placeholder: "Insurance Company", allowClear: true }) $('#pdc-edit-bank').select2({ placeholder: "Bank", allowClear: true }) $('#check-date').datetimepicker({ format: 'L' }); $('[data-mask]').inputmask(); }) function initTablePDCInformation() { var $table = $('#pdc-information-table') $table.bootstrapTable('destroy').bootstrapTable({ // onLoadSuccess: function(data){ // $('#pdc-info-plate-cs').val(data.rows[0].plate_cs_number); // $('#pdc-info-brand').val(data.rows[0].brand); // $('#pdc-info-company-dealer').val(data.rows[0].company_dealer); // } }) } function initTableRemainingDays() { var $table = $('#pdc-remaining-days') $table.bootstrapTable('destroy').bootstrapTable({ }) } function initTablePDCActivityLog() { var $table = $('#pdc-activity-log-table') $table.bootstrapTable('destroy').bootstrapTable({ }) } function refreshPDCInformationTable() { // 2 var $table = $('#pdc-information-table') $(function() { $table.bootstrapTable('refresh', { url: '/app/table/finance_pdc_table.php' }); }) } function refreshPDCRemainingDays() { // 3 var $table = $('#pdc-remaining-days'); $(function() { $table.bootstrapTable('refresh', { url: '/app/table/finance_pdc_table.php' }); }) } function refreshPDCActivityLogTable() { // 4 activity log table initTablePDCActivityLog(); $('#modal-act-log-title').text("Activity Log (" + pdc_plate_cs_number + ")"); var $table = $('#pdc-activity-log-table'); $(function() { $table.bootstrapTable('refresh', { url: '/app/table/finance_pdc_table.php' }); }) } function queryParamsPDCInformationTable(params) { return { search: params.search, offset: params.offset, limit: params.limit, type: 2, // app/table/finance_pdc_table > pdc information insurance table list pdc_plate_cs_number: pdc_plate_cs_number }; } function queryParamsPDCRemainingDaysTable(params) { return { search: params.search, offset: params.offset, limit: params.limit, type: 3, // app/table/finance_pdc_table > finance information insurance table list record_id: record_id }; } function queryParamsPDCActivityLogTable(params) { return { search: params.search, offset: params.offset, limit: params.limit, type: 4, // app/table/finance_table > finance activity log table list plate_cs_number1: pdc_plate_cs_number }; } function back(){ window.history.back(); } function editPDCModalTabSelectedTab(type){ $('#pdc-modal-tab .nav-link').removeClass('active'); $('#pdc-edit-modal-tab-content .tab-pane').removeClass('show'); $('#pdc-edit-modal-tab-content .tab-pane').removeClass('active'); switch (type) { case 1: $('#pdc-edit-modal-tab-information').addClass('active'); $('#pdc-edit-modal-information').addClass('active'); $('#pdc-edit-modal-information').addClass('show'); break; case 2: $('#pdc-edit-modal-tab-insurance').addClass('active'); $('#pdc-edit-modal-insurance').addClass('active'); $('#pdc-edit-modal-insurance').addClass('show'); break; } } function editPDCInfo(value, row, index){ if(can_edit_record == 0){ if(can_delete_record == 0){ return '<div class="row">' + '<div class="col-6 btn btn-tertiary btn-sm" style="border-right: 1px solid #e5e4e2; border-radius: 0px;" title="Edit this info" onclick="editInformation(' + row.record_id + ')">' + '<i class="fas fa-pen" style="color: gray;"></i>' + '</div>' + '<div class="col-6 btn btn-tertiary btn-sm" title="Delete record" onclick="deleteInformation(' + row.record_id + ')">' + '<i class="fas fa-times" style="color: gray;"></i>' + '</div>' + '</div>' ; } else { return '<div class="row">' + '<div class="col-6 btn btn-tertiary btn-sm" style="border-right: 1px solid #e5e4e2; border-radius: 0px;" title="Edit this info" onclick="editInformation(' + row.record_id + ')">' + '<i class="fas fa-pen" style="color: gray;"></i>' + '</div>' + '<div class="col-6 btn btn-tertiary btn-sm" title="Delete record" onclick="deleteInformation(' + row.record_id + ')">' + '<i class="fas fa-times" style="color: red;"></i>' + '</div>' + '</div>' ; } } else { if(can_delete_record == 0){ return '<div class="row">' + '<div class="col-6 btn btn-tertiary btn-sm" style="border-right: 1px solid #e5e4e2; border-radius: 0px;" title="Edit this info" onclick="editInformation(' + row.record_id + ')" data-toggle="modal" data-target="#modal-pdc-edit-info">' + '<i class="fas fa-pen" style="color: #007BFF;"></i>' + '</div>' + '<div class="col-6 btn btn-tertiary btn-sm" title="Delete record" onclick="deleteInformation(' + row.record_id + ')">' + '<i class="fas fa-times" style="color: gray;"></i>' + '</div>' + '</div>' ; } else { return '<div class="row">' + '<div class="col-6 btn btn-tertiary btn-sm" style="border-right: 1px solid #e5e4e2; border-radius: 0px;" title="Edit this info" onclick="editInformation(' + row.record_id + ')" data-toggle="modal" data-target="#modal-pdc-edit-info">' + '<i class="fas fa-pen" style="color: #007BFF;"></i>' + '</div>' + '<div class="col-6 btn btn-tertiary btn-sm" title="Delete record" onclick="deleteInformation(' + row.record_id + ')">' + '<i class="fas fa-times" style="color: red;"></i>' + '</div>' + '</div>' ; } } } function loadPDCInformation(){ $.ajax({ url: "/app/finance_pdc/pdc_information.php", method: "POST", dataType: 'json', data: { pdc_plate_cs_number1: pdc_plate_cs_number, type: 1 // (function) }, beforeSend: function() { }, success: function(result) { $('#pdc-info-plate-cs').val(result.plate_cs_number); $('#pdc-info-brand').val(result.brand); $('#pdc-info-company-dealer').val(result.company + "/" + result.dealer); $('#span-date-uploaded').text(result.date_uploaded); $('#span-uploaded-by').text(result.uploaded_by); $('#span-modified-by').text(result.modified_by); } }); } function editInformation(row_id){ if(can_edit_record == 0){ toastr.remove(); toastr.error("Sorry, you have no access in updating record", "No access"); return; } else { edit_id = row_id; editPDCModalTabSelectedTab(1); $.ajax({ url: "/app/finance_pdc/pdc_crud.php", method: "POST", dataType: 'json', data: { edit_id: edit_id, type: 2 // read details }, beforeSend: function(){ }, success: function(result) { // alert(result.client_mobile); $('#pdc-edit-client-fullname').val(result.client_name); $('#pdc-edit-client-mobile').val(parseInt(result.client_mobile)); $('#pdc-edit-client-other-contact').val(result.client_other_contact); $('#pdc-edit-client-email').val(result.client_email); $('#pdc-edit-plate-cs-number').val(result.plate_cs_number); $('#pdc-edit-dealer').val(result.dealer_id).trigger('change'); $('#pdc-edit-brand').val(result.brand_id).trigger('change'); $('#pdc-edit-model').off('change.mychange'); $('#pdc-edit-model').val(result.model_id).trigger('change'); $('#pdc-edit-model').on('change'); $('#pdc-edit-variant').off('change.mychange'); $('#pdc-edit-variant').val(result.variant_id).trigger('change'); $('#pdc-edit-variant').on('change'); $('#check-date').val(result.check_date); $('#pdc-edit-policy-number').val(result.policy_number); $('#pdc-edit-bank').val(result.bank_id).trigger('change'); $('#pdc-edit-branch').val(result.branch); $('#pdc-edit-insurance-company').val(result.insurance_company_id).trigger('change'); $('#pdc-edit-check-amount').val(result.check_amount); $('#pdc-edit-check-number').val(result.check_number); } }); } } function deleteInformation(row_id){ if(can_delete_record == 0){ toastr.remove(); toastr.error('Sorry, you have no access in deleting record', 'No access'); } else { swalDeletePDCRecord(row_id); } } function swalDeletePDCRecord(record_id){ Swal.fire({ icon: 'question', html: 'Are you sure you want to remove this record?', showDenyButton: false, showCancelButton: true, confirmButtonText: `Confirm`, denyButtonText: `Don't Confirm`, }).then((result) => { if (result.isConfirmed) { $.ajax({ url: "/app/finance_pdc/pdc_crud.php", method: "POST", dataType: 'json', data: { type: 4, // delete record_id: record_id }, beforeSend: function() { // sweetAlertSimple('info', 'Oops...', 'Removing PDC record...'); }, success: function(result) { if(parseInt(result.status) === 0) { // deletion success if(result.record_count > 0){ window.location.href = "/financepdc/" + pdc_plate_cs_number; } else { window.location.href = "/financepdc"; } toastr.remove(); toastr.success('Record successfully deleted', 'Success'); } else { toastr.remove(); toastr.error('Oops.. an error has occurred in deleting', 'Deletion failed'); } }, error: function() { toastr.remove(); toastr.error('Oops.. an error has occurred in deleting', 'Deletion failed'); } }); } else if (result.isDenied) { // Swal.fire('', 'Changes are not saved', 'info') } }) } function loadPDCDetails(record_id){ $.ajax({ url: "/app/finance_pdc/pdc_information.php", method: "POST", dataType: 'json', data: { record_id: record_id, type: 2 // inner table }, beforeSend: function() { }, success: function(result) { // alert(result.check_amount); return; if(result.client_name == ""){ $('#span-client-fullname').css('color', 'red'); $('#span-client-fullname').text("(Not provided)");} else { $('#span-client-fullname').css('color', 'black'); $('#span-client-fullname').text(result.client_name); } if(result.client_mobile == ""){ $('#span-client-mobile').css('color', 'red'); $('#span-client-mobile').text("(Not provided)");} else { $('#span-client-mobile').css('color', 'black'); $('#span-client-mobile').text(result.client_mobile); } if(result.client_email == ""){ $('#span-client-email').css('color', 'red'); $('#span-client-email').text("(Not provided)");} else { $('#span-client-email').css('color', 'black'); $('#span-client-email').text(result.client_email); } if(result.bank_branch == ""){ $('#span-bank-branch-name').css('color', 'red'); $('#span-bank-branch-name').text("(Not provided)");} else { $('#span-bank-branch-name').css('color', 'black'); $('#span-bank-branch-name').text(result.bank_branch); } if(result.check_amount == ""){ $('#span-check-amount').css('color', 'red'); $('#span-check-amount').text("(Not provided)");} else { $('#span-check-amount').css('color', 'black'); $('#span-check-amount').text(result.check_amount); } if(result.model == "-"){ $('#span-model').css('color', 'red'); $('#span-model').text("(Not provided)");} else { $('#span-model').css('color', 'black'); $('#span-model').text(result.model); } if(result.variant == "-"){ $('#span-variant').css('color', 'red'); $('#span-variant').text("(Not provided)");} else { $('#span-variant').css('color', 'black'); $('#span-variant').text(result.variant); } $('#span-date-uploaded').text(result.date_added); $('#span-uploaded-by').text(result.added_by); $('#span-modified-by').text(result.modified_by); refreshPDCRemainingDays(); } }); } function isEmail(email) { var regex = /^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/; if(!regex.test(email)) { return false; } else { return true; } } function fillModelDropdown(brand){ $.ajax({ url:"/app/finance_pdc/dd_get_model.php", type:"POST", async: false, data: { brand_id: brand, type: 1 }, beforeSend: function(){ }, success: function(result){ $('#pdc-edit-model').html(''); $('#pdc-edit-model').append("\"<option value=''></option>\""); $('#pdc-edit-model').append("\"" + result + "\""); } }); } function fillVariantDropdown(model){ $.ajax({ url:"/app/finance_pdc/dd_get_variant.php", type:"POST", async: false, data: { model_id: model, type: 1 }, beforeSend: function(){ }, success: function(result){ $('#pdc-edit-variant').html(''); $('#pdc-edit-variant').append("\"<option value=''></option>\""); $('#pdc-edit-variant').append("\"" + result + "\""); } }); } $('#pdc-edit-brand').on('change', function(){ var selected_brand = $('#pdc-edit-brand').val(); fillModelDropdown(selected_brand); }); $('#pdc-edit-model').on('change', function(){ var selected_model = $('#pdc-edit-model').val(); fillVariantDropdown(selected_model); }); $('#pdc-information-table').on('click-cell.bs.table', function(field, value, row, $el) { record_id = $el.record_id; loadPDCDetails(record_id); }); $('#button-edit-pdc-details').on('click', function(){ if(can_edit_record == 0){ toastr.remove(); toastr.error("You do not have access in updating record", "No access"); return; } pdc_edit_client_name = $('#pdc-edit-client-fullname').val(); pdc_edit_client_mobile = "+63" + $('#pdc-edit-client-mobile').val(); pdc_edit_client_other_contact = $('#pdc-edit-client-other-contact').val(); pdc_edit_client_email = $('#pdc-edit-client-email').val(); pdc_edit_plate_cs_number = $('#pdc-edit-plate-cs-number').val(); pdc_edit_dealer = $('#pdc-edit-dealer').val(); if(pdc_edit_dealer === null \|\| pdc_edit_dealer == "" \|\| typeof pdc_edit_dealer === "undefined"){ pdc_edit_dealer = 0; } pdc_edit_brand = $('#pdc-edit-brand').val(); if(pdc_edit_brand === null \|\| pdc_edit_brand == "" \|\| typeof pdc_edit_brand === "undefined"){ pdc_edit_brand = 0; } pdc_edit_model = $('#pdc-edit-model').val(); if(pdc_edit_model === null \|\| pdc_edit_model == "" \|\| typeof pdc_edit_model === "undefined"){ pdc_edit_model = 0; } pdc_edit_variant = $('#pdc-edit-variant').val(); if(pdc_edit_variant === null \|\| pdc_edit_variant == "" \|\| typeof pdc_edit_variant === "undefined"){ pdc_edit_variant = 0; } pdc_edit_check_number = $('#pdc-edit-check-number').val(); pdc_edit_check_amount = $('#pdc-edit-check-amount').val(); pdc_edit_check_date = $('#check-date').val(); pdc_edit_policy_number = $('#pdc-edit-policy-number').val(); pdc_edit_insurance_company = $('#pdc-edit-insurance-company').val(); if(pdc_edit_insurance_company === null \|\| pdc_edit_insurance_company == "" \|\| typeof pdc_edit_insurance_company === "undefined"){ pdc_edit_insurance_company = 0; } pdc_edit_bank = $('#pdc-edit-bank').val(); if(pdc_edit_bank === null \|\| pdc_edit_bank == "" \|\| typeof pdc_edit_bank === "undefined"){ pdc_edit_bank = 0; } pdc_edit_branch = $('#pdc-edit-branch').val(); // required fields if(pdc_edit_client_name == ""){ toastr.remove(); toastr.error("Client name field cannot be empty", "Incomplete data"); editPDCModalTabSelectedTab(1); $('#pdc-edit-client-fullname').trigger('focus'); $('#pdc-edit-client-fullname').css('border-color', 'red'); setTimeout(function(){ $('#pdc-edit-client-fullname').css("border", ""); $("#pdc-edit-client-fullname").trigger('blur'); }, 3000); return; } if(pdc_edit_client_mobile == ""){ toastr.remove(); toastr.error("Client mobile field cannot be empty", "Incomplete data"); editPDCModalTabSelectedTab(1); $('#pdc-edit-client-mobile').trigger('focus'); $('#pdc-edit-client-mobile').css('border-color', 'red'); setTimeout(function(){ $('#pdc-edit-client-mobile').css("border", ""); $("#pdc-edit-client-mobile").trigger('blur'); }, 3000); return; } if(pdc_edit_client_email == ""){ toastr.remove(); toastr.error("Client email field cannot be empty", "Incomplete data"); editPDCModalTabSelectedTab(1); $('#pdc-edit-client-email').trigger('focus'); $('#pdc-edit-client-email').css('border-color', 'red'); setTimeout(function(){ $('#pdc-edit-client-fullname').css("border", ""); $("#pdc-edit-client-fullname").trigger('blur'); }, 3000); return; } if(pdc_edit_plate_cs_number == ""){ toastr.remove(); toastr.error("Plate/CS Number field cannot be empty", "Incomplete data"); editPDCModalTabSelectedTab(1); $('#pdc-edit-plate-cs-number').trigger('focus'); $('#pdc-edit-plate-cs-number').css('border-color', 'red'); setTimeout(function(){ $('#pdc-edit-plate-cs-number').css("border", ""); $("#pdc-edit-plate-cs-number").trigger('blur'); }, 3000); return; } if(pdc_edit_dealer == 0){ toastr.remove(); toastr.error("Please specify dealer", "Incomplete data"); editPDCModalTabSelectedTab(1); $('#div-dealer').css('border', '1px solid #dc3545'); setTimeout(function(){ $('#div-dealer').css("border", ""); $("#div-dealer").trigger('blur'); }, 3000); return; } if(pdc_edit_brand == 0){ toastr.remove(); toastr.error("Please specify brand", "Incomplete data"); editPDCModalTabSelectedTab(1); $('#div-brand').css('border', '1px solid #dc3545'); setTimeout(function(){ $('#div-brand').css("border", ""); $("#div-brand").trigger('blur'); }, 3000); return; } if(pdc_edit_check_number == ""){ toastr.remove(); toastr.error("Check number field cannot be empty", "Incomplete data"); editPDCModalTabSelectedTab(2); $('#pdc-edit-check-number').trigger('focus'); $('#pdc-edit-check-number').css('border-color', 'red'); setTimeout(function(){ $('#pdc-edit-check-number').css("border", ""); $("#pdc-edit-check-number").trigger('blur'); }, 3000); return; } if(pdc_edit_check_amount == ""){ toastr.remove(); toastr.error("Check amount field cannot be empty", "Incomplete data"); editPDCModalTabSelectedTab(2); $('#pdc-edit-check-amount').trigger('focus'); $('#pdc-edit-check-amount').css('border-color', 'red'); setTimeout(function(){ $('#pdc-edit-check-amount').css("border", ""); $("#pdc-edit-check-amount").trigger('blur'); }, 3000); return; } if(pdc_edit_check_date == ""){ toastr.remove(); toastr.error("Check date field cannot be empty", "Incomplete data"); editPDCModalTabSelectedTab(2); $('#pdc-edit-check-date').trigger('focus'); $('#pdc-edit-check-date').css('border-color', 'red'); setTimeout(function(){ $('#pdc-edit-check-date').css("border", ""); $("#pdc-edit-check-date").trigger('blur'); }, 3000); return; } // if(pdc_edit_policy_number == ""){ // toastr.remove(); // toastr.error("Policy number field cannot be empty", "Incomplete data"); // editPDCModalTabSelectedTab(2); // $('#pdc-edit-policy-number').trigger('focus'); // $('#pdc-edit-policy-number').css('border-color', 'red'); // setTimeout(function(){ // $('#pdc-edit-policy-number').css("border", ""); // $("#pdc-edit-policy-number").trigger('blur'); // }, 3000); // return; // } if(pdc_edit_insurance_company == 0){ toastr.remove(); toastr.error("Please specify insurance company", "Incomplete data"); editPDCModalTabSelectedTab(2); $('#div-insurance-company').css('border', '1px solid #dc3545'); setTimeout(function(){ $('#div-insurance-company').css("border", ""); $("#div-insurance-company").trigger('blur'); }, 3000); return; } if(pdc_edit_bank == 0){ toastr.remove(); toastr.error("Please specify bank", "Incomplete data"); editPDCModalTabSelectedTab(2); $('#div-bank').css('border', '1px solid #dc3545'); setTimeout(function(){ $('#div-bank').css("border", ""); $("#div-bank").trigger('blur'); }, 3000); return; } // alert(pdc_edit_client_mobile); return; // VALIDATIONS // mobile if(pdc_edit_client_mobile.length != 13 \|\| pdc_edit_client_mobile.substring(0, 4) != "+639"){ toastr.remove(); toastr.warning("It seems that client mobile is invalid", "Warning"); editPDCModalTabSelectedTab(1); $('#pdc-edit-client-mobile').trigger('focus'); $('#pdc-edit-client-mobile').css('border-color', 'red'); setTimeout(function(){ $('#pdc-edit-client-mobile').css("border", ""); $("#pdc-edit-client-mobile").trigger('blur'); }, 3000); return; } // email if(isEmail(pdc_edit_client_email) == false){ toastr.remove(); toastr.warning("It seems that client email is invalid", "Warning"); editPDCModalTabSelectedTab(1); $('#pdc-edit-client-email').trigger('focus'); $('#pdc-edit-client-email').css('border-color', 'red'); setTimeout(function(){ $('#pdc-edit-client-email').css("border", ""); $("#pdc-edit-client-email").trigger('blur'); }, 3000); return; } $.ajax({ url: "/app/finance_pdc/pdc_crud.php", method: "POST", dataType: 'json', data: { edit_id: edit_id, update_client_fullname: pdc_edit_client_name, update_client_mobile: pdc_edit_client_mobile, update_client_other_contact: pdc_edit_client_other_contact, update_client_email: pdc_edit_client_email, update_plate_cs_number: pdc_edit_plate_cs_number, update_dealer: pdc_edit_dealer, update_brand: pdc_edit_brand, update_model: pdc_edit_model, update_variant: pdc_edit_variant, update_check_number: pdc_edit_check_number, update_check_amount: pdc_edit_check_amount, update_check_date: pdc_edit_check_date, update_policy_number: pdc_edit_policy_number, update_insurance_company: pdc_edit_insurance_company, update_bank: pdc_edit_bank, update_branch: pdc_edit_branch, type: 3 // update details }, beforeSend: function(){ }, success: function(result) { if(result.status == 0){ // update success toastr.remove(); toastr.success("Successfully updated"); $('#modal-pdc-edit-info').modal('hide'); pdc_plate_cs_number1 = result.plate_cs_number1; refreshPDCInformationTable(); window.history.pushState({ "html": Response.html, "pageTitle": Response.pageTitle }, "", "/financepdc/" + pdc_plate_cs_number1 ); loadPDCInformation(); loadPDCDetails(result.record_id); return; } else if(result.status == 1){ // update failed toastr.remove(); toastr.error("Something went wrong, please try again", "Update failed"); return; } else if(result.status == 2){ // no company found toastr.remove(); toastr.error("It seems that the dealer selected is not designated to any company", "Dealer error / Company not found"); return; } else if(result.status == 3){ // duplicate found toastr.remove(); toastr.error("You may be entering a record that is already existing", "Duplicate found"); return; } // else if(result.status == 4){ // invalid mobile // toastr.remove(); // toastr.warning("It seems that both client mobile is invalid", "Invalid mobile"); // editPDCModalTabSelectedTab(1); // $('#pdc-edit-client-mobile').trigger('focus'); // $('#pdc-edit-client-mobile').css('border-color', 'red'); // setTimeout(function(){ // $('#pdc-edit-client-mobile').css("border", ""); // $("#pdc-edit-client-mobile").trigger('blur'); // }, 3000); // return; // } } }); })��views/common/scripts/functions.php��0000644��00000011175�15025010632�0013400 0��ustar�00��<script> //common start function checkIfEmpty(value, row, index) { if (isEmpty(value)) { return "<span style='color:red;'> (Not Provided) </span>"; } return value; } function uniqId() { return Math.round(new Date().getTime() + (Math.random() * 100)); } function isEmpty(string) { // alert(string) var flag = false; try { if (string == null) { flag = true; } else if (typeof string === 'undefined') { flag = true; } else if (string.trim() == '') { flag = true; } } catch (err) { console.log(err); flag = true; } return flag; } function check_if_empty_field($element, msg) { if (isEmpty($element.val())) { $element.focus(); toastr.remove(); toastr.error(msg); return true; } else { return false; } } function tbl_field_formatter_dash(value, row, index) { if (isEmpty(value)) { return "-"; } return value; } function back() { window.history.back(); } $(document).on('click', '[data-toggle="lightbox"]', function(event) { event.preventDefault(); $(this).ekkoLightbox({ alwaysShowClose: true }); }); function addCommas(nStr) { nStr += ''; x = nStr.split('.'); x1 = x[0]; x2 = x.length > 1 ? '.' + x[1] : ''; var rgx = /(\d+)(\d{3})/; while (rgx.test(x1)) { x1 = x1.replace(rgx, '$1' + ',' + '$2'); } return x1 + x2; } 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; } } //common end function generate_json(attribute, $element) { var /* Create an object. / obj = {}, / Create a variable that references the current object (default → obj). / ref = obj; / Iterate over every input. / $element.each(function() { / Cache the id of the input. / var id = this.id; / Check whether the nodetype attribute is set to 'parent'. / if (this.getAttribute(attribute) == "parent") { / Set a new object to the property and set ref to refer to it. / ref = obj[id] = {}; } else { / Set the value of the input to the referred object. / if (this.getAttribute(attribute) == "true") { if (isEmpty($(this).val())) { ref[id] = ''; } else { ref[id] = $(this).val().trim(); } } } }); / Stringify the object and return it. / return JSON.stringify(obj); } function generate_json_attr_key(attribute, attr_key, $element) { var / Create an object. / obj = {}, / Create a variable that references the current object (default → obj). / ref = obj; / Iterate over every input. / $element.each(function() { / Cache the id of the input. / var id = this.id; / Check whether the nodetype attribute is set to 'parent'. / if (this.getAttribute(attribute) == "parent") { / Set a new object to the property and set ref to refer to it. / ref = obj[id] = {}; } else { / Set the value of the input to the referred object. / if (this.getAttribute(attribute) == "true") { var key = $(this).attr(attr_key); if (isEmpty($(this).val())) { ref[key] = ''; } else { ref[key] = $(this).val().trim(); } } } }); / Stringify the object and return it. / return JSON.stringify(obj); } </script>��views/common/scripts/car_club.php��0000644��00000105160�15025010632�0013140 0��ustar�00��<script> function common() { document.getElementById("dropdown-filter").addEventListener('click', function(event) { event.stopPropagation(); }); } function carClubNameEvt() { var xhr = null; $('#txt_name').autoComplete({ resolver: 'custom', noResultsText: '', events: { search: function(qry, callback) { // let's do a custom ajax call if (xhr != null) { //kill the request xhr.abort() } xhr = $.ajax( '/api/car_club/car_club.php', { data: { 'search': qry, offset: 0, limit: 10, 'apiKey': '81c753aa8afe11eca54300ff70631b9a' } } ).done(function(res) { // console.log(res) results = JSON.parse(res) // console.log(results.rows); callback(results.rows) }); } } }); $('#txt_name').on('autocomplete.select', function(evt, item) { $('#txt_name_id').val(item.id); }); $("#txt_name").on("keyup change", function(e) { $("#txt_name_id").val(''); }) } function assignedPersonEvt() { var xhr = null; $('#txt_assigned_person').autoComplete({ resolver: 'custom', noResultsText: '', events: { search: function(qry, callback) { // let's do a custom ajax call if (xhr != null) { //kill the request xhr.abort() } xhr = $.ajax( '/api/car_club/car_club.php', { data: { 'search': qry, offset: 0, limit: 10, 'apiKey': '4958c8c78b0811eca54300ff70631b9a' } } ).done(function(res) { // console.log(res) results = JSON.parse(res) // console.log(results.rows); callback(results.rows) }); } } }); $('#txt_assigned_person').on('autocomplete.select', function(evt, item) { $('#txt_assigned_person_id').val(item.id); }); $("#txt_assigned_person").on("keyup change", function(e) { $("#txt_assigned_person_id").val(''); }) } function officerPosEvt($el) { var xhr = null; $el.autoComplete({ resolver: 'custom', noResultsText: '', events: { search: function(qry, callback) { // let's do a custom ajax call if (xhr != null) { //kill the request xhr.abort() } xhr = $.ajax( '/api/car_club/car_club.php', { data: { 'search': qry, offset: 0, limit: 5, 'apiKey': '0e2858e48b1211eca54300ff70631b9a' } } ).done(function(res) { // console.log(res) results = JSON.parse(res) // console.log(results.rows); callback(results.rows) }); } } }); $el.on('autocomplete.select', function(evt, item) { // $('#txt_name_id').val(item.id); }); $el.on("keyup change", function(e) { // $("#txt_name_id").val(''); }) } function initSelect2Element() { $("#dd_brand").select2({ tags: true, // minimumResultsForSearch: -1, placeholder: "All", allowClear: true, escapeMarkup: function(markup) { return markup; }, ajax: { url: '/api/brand/brand.php', dataType: 'json', delay: 250, data: function(data) { return { apiKey: '6019050878857324', search: data.term // search term }; }, processResults: function(response) { return { results: response }; }, cache: true } }); $('#dd_club_status').select2({ minimumResultsForSearch: -1 }); $('#dd_member_status').select2({ minimumResultsForSearch: -1 }); $('#dd_model').select2({ placeholder: "All", minimumResultsForSearch: -1, language: { noResults: function() { return 'Select brand first' } } }); $('#dd_brand').on('select2:select select2:unselecting change', function(e) { $('#dd_model').val('').trigger('change'); // $('#dd_model').select2('destroy'); $('#dd_model').val(null).empty().trigger('change').select2('destroy') if (isEmpty($('#dd_brand').val())) { $('#dd_model').select2({ placeholder: "All", minimumResultsForSearch: -1, language: { noResults: function() { return 'Select brand first' } } }); } else { $("#dd_model").select2({ tags: true, placeholder: "All", allowClear: true, "language": { "noResults": function() { return 'Select brand first' } }, escapeMarkup: function(markup) { return markup; }, ajax: { url: '/api/model/model.php', dataType: 'json', delay: 250, data: function(data) { return { brand_id: $("#dd_brand").val(), apiKey: '8732194955663346', search: data.term // search term }; }, processResults: function(response) { return { results: response }; }, cache: true } }); } }); $('#filter_club_status').select2({ placeholder: "Status (All)", minimumResultsForSearch: -1, allowClear: true }); $('#filter_member_status').select2({ placeholder: "Member Status (All)", minimumResultsForSearch: -1, allowClear: true }); $("#filter_brand").select2({ // tags: true, minimumResultsForSearch: -1, placeholder: "Brand (All)", allowClear: true, escapeMarkup: function(markup) { return markup; }, ajax: { url: '/api/brand/brand.php', dataType: 'json', delay: 250, data: function(data) { return { apiKey: '6019050878857325', search: data.term // search term }; }, processResults: function(response) { return { results: response }; }, cache: true } }); $('#filter_brand').on('select2:select select2:unselecting change', function(e) { $('#filter_model').val('').trigger('change'); $('#filter_model').val(null).empty().trigger('change').select2('destroy') if (isEmpty($('#filter_brand').val())) { $('#filter_model').select2({ placeholder: "Model (All)", minimumResultsForSearch: -1, language: { noResults: function() { return 'Select brand first' } } }); } else { $("#filter_model").select2({ // tags: true, placeholder: "Model (All)", minimumResultsForSearch: -1, allowClear: true, "language": { "noResults": function() { return 'Select brand first' } }, escapeMarkup: function(markup) { return markup; }, ajax: { url: '/api/model/model.php', dataType: 'json', delay: 250, data: function(data) { return { brand_id: $("#filter_brand").val(), apiKey: '8732194955663346', search: data.term // search term }; }, processResults: function(response) { return { results: response }; }, cache: true } }); } }); $('#filter_model,#filter_club_status').on('select2:select select2:unselecting change', function(e) { refreshCarClubTableSilent(); }); $('#filter_member_status').on('select2:select select2:unselecting change', function(e) { refreshCarClubTableSilentMembers(); }); $('#filter_model').select2({ placeholder: "Model (All)", minimumResultsForSearch: -1, language: { noResults: function() { return 'Select brand first' } } }); } function initOfficers() { $('#addRowOfficers').click(function() { var validate_data_contact_person = checkIfContactPersonIncomplete(); if (!validate_data_contact_person[0] && $('#contact-person-list-table tbody tr').length > 0) { sweetAlertSimple('error', 'Oops...', 'Complete the data of officer first') } else if (!validate_data_contact_person[1]) { sweetAlertSimple('error', 'Oops...', 'Officer mobile is invalid') } else { addCustomerContactPerson(); } }); $("#contact-person-list").on("click", ".btnRemoveContactPerson", function() { $(this).closest("tr").remove(); }); } function checkIfContactPersonIncomplete() { rows = getAllContactPersonTableData(); var contactPersonJsonRow = rows; var hasMatch = []; hasMatch[0] = true; hasMatch[1] = true; for (var index = 0; index < contactPersonJsonRow.length; ++index) { var contactPersonJson = contactPersonJsonRow[index]; if (contactPersonJson.Position == "" \|\| contactPersonJson.Firstname == "" \|\| contactPersonJson.Lastname == "" ) { hasMatch[0] = false; break; } if (!isEmpty(contactPersonJson.Mobile)) { if (contactPersonJson.Mobile.length < 10) { hasMatch[1] = false; break; } } } // alert(hasMatch) return hasMatch; } function getAllContactPersonTableData() { var $table = $("#contact-person-list-table") rows = [], header = []; $table.find("thead th").each(function() { header.push($(this).html()); }); $table.find("tbody tr").each(function() { var row = {}; $(this).find("td").each(function(i) { var key = header[i], value = $(this).find('input').val(); row[key] = value; }); rows.push(row); }); // alert(JSON.stringify(rows)); // return JSON.stringify(rows); return rows; } function addCustomerContactPerson() { var contact_person_list = document.getElementById('contact-person-list'); const contact_person_list_base = document.querySelector('#contact-person-list-clone tbody tr'); contact_person_list.appendChild(contact_person_list_base.cloneNode(true)); // Generate a unique ID for the select> in the new row. var generatedId = uniqId(); var newContactPersonPosId = 'contact-person-position-' + generatedId; var newContactPersonFirstnameId = 'contact-person-firstname-' + generatedId; var newContactPersonLastnameId = 'contact-person-lastname-' + generatedId; var newContactPersonMobileId = 'contact-person-mobile-' + generatedId; var item = []; item[0] = (newContactPersonPosId); item[1] = (newContactPersonFirstnameId); item[2] = (newContactPersonLastnameId); item[3] = (newContactPersonMobileId); $('#txt_officer_pos').attr('id', newContactPersonPosId); officerPosEvt($('#' + newContactPersonPosId)); $('#txt_officer_fname').attr('id', newContactPersonFirstnameId); $('#txt_officer_lname').attr('id', newContactPersonLastnameId); $('#txt_officer_mobile').attr('id', newContactPersonMobileId); return item; } function showDuplicateCarclubMsg(id) { Swal.fire({ icon: 'warning', html: 'Car club already exist.', showDenyButton: false, showCancelButton: true, confirmButtonText: `View`, denyButtonText: `Don't Confirm`, }).then((result) => { if (result.isConfirmed) { var url = "/car_club/" + id; window.location.href = url; } else if (result.isDenied) { // Swal.fire('', 'Changes are not saved', 'info') } }) } function resetCarClubModal() { $("#contact-person-list-table > tbody").empty(); $('#dd_brand').val(null).empty().trigger('change'); $('#dd_model').val(null).empty().trigger('change'); $('#dd_club_status').val('1').trigger('change'); $('#modal_car_club') .find("input,textarea") .val('') .end() .find("input[type=checkbox], input[type=radio]") .prop("checked", "") .end(); } function resetCarClubMemberModal() { $('#dd_member_status').val('1').trigger('change'); $('#modal_car_club_members') .find("input,textarea") .val('') .end() .find("input[type=checkbox], input[type=radio]") .prop("checked", "") .end(); } function proceedBtnListener() { $('#proceed-button').on('click', function(evt) { if (check_if_empty_field($('#txt_name'), 'Car club name is required.')) { return; } if (check_if_empty_field($('#txt_assigned_person'), 'Assigned person is required.')) { return; } var validate_data_contact_person = checkIfContactPersonIncomplete(); if (!validate_data_contact_person[0] && $('#contact-person-list-table tbody tr').length > 0) { $('#contact-person-list-table input').first().focus(); sweetAlertSimple('error', 'Oops...', 'Complete the data of officer first') return; } else if (!validate_data_contact_person[1]) { $('#contact-person-list-table input').first().focus(); sweetAlertSimple('error', 'Oops...', 'Officer mobile is invalid') return; } var $element = $("[json-modal]"); var json_data = generate_json('json-modal', $element); var officers = getAllContactPersonTableData(); // alert(json_data); // alert(JSON.stringify(officers)); $.ajax({ url: '/api/car_club/car_club.php', type: "GET", dataType: 'json', data: { apiKey: '8b932f1f8ba111ec9f3e00ff70631b9a', id: car_club_record_id, json_data: json_data, officers: JSON.stringify(officers) }, beforeSend: function() { $('#proceed-button').prop("disabled", true); }, success: function(result) { if (result.status == '1') { sweetAlertSimple('success', 'Oops...', result.message); resetCarClubModal(); $('#modal_car_club').modal('hide'); if (isEmpty(car_club_record_id)) { refreshCarClubTableSilent(); } else { // car_club_officers loadCarClubInformation(); if (officers.length > 0) { refreshCarClubTableSilentMembers(); } } } else if (result.status == '2') { // sweetAlertSimple('error', 'Oops...', result.message); showDuplicateCarclubMsg(result.id); } $('#proceed-button').prop("disabled", false); }, error: function(xhr, status, error) { sweetAlertSimple('error', 'Oops...', 'Error has occurred, Try again...'); $('#proceed-button').prop("disabled", false); } }); }); } function proceedBtnListenerMember() { $('#proceed-button-member').on('click', function(evt) { if (check_if_empty_field($('#txt_member_fname'), 'Firstname is required.')) { return; } if (check_if_empty_field($('#txt_member_lname'), 'Lastname is required.')) { return; } if (!isEmpty($('#txt_member_mobile').val())) { if ($('#txt_member_mobile').val().length < 10) { toastr.remove(); toastr.error("Invalid mobile number."); return; } } var $element = $("[json-modal-member]"); var json_data = generate_json('json-modal-member', $element); $.ajax({ url: '/api/car_club/car_club.php', type: "POST", dataType: 'json', data: { apiKey: '21f8621b8ed411ecb64500ff70631b9a', id: car_club_record_id, member_id: global_car_club_member_data, json_data: json_data }, beforeSend: function() { $('#proceed-button-member').prop("disabled", true); }, success: function(result) { if (result.status == '1') { sweetAlertSimple('success', 'Oops...', result.message); resetCarClubMemberModal(); $('#modal_car_club_members').modal('hide'); // if(isEmpty(car_club_record_id)){ refreshCarClubTableSilentMembers(); // }else{ // // car_club_officers // loadCarClubInformation(); // } } $('#proceed-button-member').prop("disabled", false); }, error: function(xhr, status, error) { sweetAlertSimple('error', 'Oops...', 'Error has occurred, Try again...'); $('#proceed-button-member').prop("disabled", false); } }); }); } function refreshCarClubTableSilent() { var $table = $('#car_club_table') $(function() { try { $table.bootstrapTable('refresh', { url: '/api/car_club/car_club.php' }); } catch (e) { console.log('reply from viewer. error: ' + e) } }) } function initTicketList() { var $table = $('#car_club_table'); $table.bootstrapTable('destroy').bootstrapTable({ sidePagination: 'server', formatSearch: function() { return 'Search...' }, onLoadSuccess: function() { // initTicketActionColVisibility(); // initTicketActionEvent(); }, exportOptions: { fileName: function() { return 'titile' } } }); } function queryParams(params) { return { search: params.search, offset: params.offset, limit: params.limit, sort: params.sort, order: params.order, apiKey: 'a6fea5ab8d4111ecb31800ff70631b9a', brand_id: $('#filter_brand').val(), model_id: $('#filter_model').val(), club_status: $('#filter_club_status').val() }; } /////////////////////////////// function refreshCarClubTableSilentMembers() { var $table = $('#car_club_members_table') $(function() { try { $table.bootstrapTable('refresh', { url: '/api/car_club/car_club.php' }); } catch (e) { console.log('reply from viewer. error: ' + e) } }) } function initTicketListMembers() { var $table = $('#car_club_members_table'); $table.bootstrapTable('destroy').bootstrapTable({ sidePagination: 'server', formatSearch: function() { return 'Search...' }, onLoadSuccess: function() { $("[member-action-edit]").each(function() { // if (this.id.startsWith('released_')) { $(this).on('click', function(evt) { global_car_club_member_data = (this.getAttribute('member-action-edit-id')); $('#modal_car_club_members').modal('show'); $.ajax({ url: '/api/car_club/car_club.php', method: "POST", dataType: 'json', data: { apiKey: 'b70507fa8ef211ecb64500ff70631b9a', id: global_car_club_member_data }, beforeSend: function() {}, success: function(result) { $('#txt_member_fname').val(result.firstname) $('#txt_member_lname').val(result.lastname) $('#txt_member_mobile').val(result.mobile) $('#dd_member_status').val(result.member_status).trigger('change') }, error: function() { sweetAlertSimple('error', 'Oops...', 'Error has been occurred, please try again.') } }); //read member data }) }) $("[member-action-remove]").each(function() { // if (this.id.startsWith('released_')) { $(this).on('click', function(evt) { var member_id = (this.getAttribute('member-action-remove')); Swal.fire({ icon: 'question', html: 'Are you sure you want to remove this member?', showDenyButton: false, showCancelButton: true, confirmButtonText: `Confirm`, denyButtonText: `Don't Confirm`, }).then((result) => { if (result.isConfirmed) { $.ajax({ url: '/api/car_club/car_club.php', method: "POST", dataType: 'json', data: { apiKey: '2b5e93968ef011ecb64500ff70631b9a', id: member_id, car_club_id: car_club_record_id }, beforeSend: function() { sweetAlertSimple('info', 'Oops...', 'Removing...') }, success: function(result) { sweetAlertSimple('success', 'Nice...', result.message); refreshCarClubTableSilentMembers(); }, error: function() { sweetAlertSimple('error', 'Oops...', 'Error has been occurred, please try again.') } }); } else if (result.isDenied) { // Swal.fire('', 'Changes are not saved', 'info') } }) }) }) }, exportOptions: { fileName: function() { return 'titile' } } }); } function queryParamsMembers(params) { return { search: params.search, offset: params.offset, limit: params.limit, sort: params.sort, order: params.order, car_club_id: car_club_record_id, apiKey: '1e9afe598ee811ecb64500ff70631b9a', member_status: $('#filter_member_status').val() }; } ////////////////////////////// function field_formatter(value, row, index) { if (isEmpty(value)) { return "-"; } return value; } function member_action_formatter(value, row, index) { return ` <a style="cursor:pointer;" member-action-edit-id=` + row.id + ` member-action-edit=` + row.member_id + ` class="edit m-1 btn btn-primary btn-icon btn-sm" title="Edit"><i class="fa fa-pen "></i></a> <a style="cursor:pointer;" member-action-remove=` + row.member_id + ` class="remove m-1 btn btn-sm btn-danger" title="Remove"><i class="fa fa-trash "></i></a> `; } function carClubTableCellClickEvt() { $('#car_club_table').on('click-cell.bs.table', function(field, value, row, $el) { window.location.href = 'car_club/' + $el.id; return; }); } function removeCarClub() { $('#btn_remove_car_club').on('click', function(evt) { Swal.fire({ icon: 'question', html: 'Are you sure you want to remove this car club?', showDenyButton: false, showCancelButton: true, confirmButtonText: `Confirm`, denyButtonText: `Don't Confirm`, }).then((result) => { if (result.isConfirmed) { $.ajax({ url: '/api/car_club/car_club.php', method: "POST", dataType: 'json', data: { apiKey: '6eaafd758d6211ecb31800ff70631b9a', id: car_club_record_id }, beforeSend: function() { $('#btn_update_car_club').prop("disabled", true); sweetAlertSimple('info', 'Oops...', 'Removing...') }, success: function(result) { if (result.status == '1') { sweetAlertSimple('success', 'Nice...', result.message); window.location.href = '/car_club' } else { sweetAlertSimple('error', 'Oops...', result.message) $('#btn_update_car_club').prop("disabled", false); } }, error: function() { sweetAlertSimple('error', 'Oops...', 'Error has been occurred, please try again.') $('#btn_update_car_club').prop("disabled", false); } }); } else if (result.isDenied) { // Swal.fire('', 'Changes are not saved', 'info') } }) }); } function updateCarClub() { $('#btn_update_car_club').on('click', function(evt) { resetCarClubModal(); $('#modal_car_club').modal('show'); $('.customer-modal-overlay').hide(); //load car club information var information = global_car_club_data['information']; // console.log(information); $('#txt_name').val(information.name); $('#txt_name_id').val(information.name_id); $('#txt_fee').val(information.fee); $('#txt_assigned_person').val(information.assigned_person); $('#txt_assigned_person_id').val(information.assigned_person_id); $('#txt_members_count').val(information.members_count); $('#txt_active_members_count').val(information.active_members_count); $('#txt_fb_members_count').val(information.fb_members_count); $('#dd_club_status').val(information.car_club_status_id).trigger('change'); var newBrand = new Option(information.brand, information.brand_id, true, true); $("#dd_brand").append(newBrand).trigger('change'); var newModel = new Option(information.model, information.model_id, true, true); $("#dd_model").append(newModel).trigger('change'); $.each(global_car_club_data['officers'], function(i, n) { var elements_ids = addCustomerContactPerson(); setTimeout(function timer() { $('#' + elements_ids[0]).val(n.position); $('#' + elements_ids[1]).val(n.firstname); $('#' + elements_ids[2]).val(n.lastname); $('#' + elements_ids[3]).val(n.mobile); }, 500); }); }); } function readCarClubField() { $.ajax({ url: '/api/car_club/car_club.php', type: "POST", dataType: 'json', data: { apiKey: 'd50fdb5292b011ecb80c00ff70631b9a', }, beforeSend: function() {}, success: function(result) { // console.log(result[1].field) $("#txt_field_name").val(result[1].field); $("#txt_field_brand").val(result[2].field); $("#txt_field_model").val(result[3].field); $("#txt_field_fee").val(result[4].field); $("#txt_field_president").val(result[5].field); $("#txt_field_members_count").val(result[6].field); $("#txt_field_active_members_count").val(result[7].field); $("#txt_field_fb_members_count").val(result[8].field); $("#txt_field_assigned_person").val(result[9].field); $("#txt_field_club_status").val(result[10].field); }, error: function(xhr, status, error) { sweetAlertSimple('error', 'Oops...', 'Error has occurred...'); } }); } function loadCarClubInformation() { $.ajax({ url: '/api/car_club/car_club.php', type: "POST", dataType: 'json', data: { apiKey: 'e3a50dda8d6e11ecb31800ff70631b9a', id: car_club_record_id }, beforeSend: function() { $('#car_club_officers').html(''); }, success: function(result) { global_car_club_data = result; $.each(result['information'], function(i, n) { $("#" + i).text(n); $("#" + i).val(n); $("#" + i).trigger('change') }); $.each(result['officers'], function(i, n) { $('#car_club_officers').append(` <tr> <td>` + n.position + `</td> <td>` + n.name + `</td> <td>` + n.mobilef + `</td> </tr> `); }); }, error: function(xhr, status, error) { sweetAlertSimple('error', 'Oops...', 'Error has occurred...'); } }); } </script>��views/common/scripts/finance/financedashboard.js��0000644��00000045141�15025010632�0016073 0��ustar�00��// GLOBALS var graph_companies = null; var lineChart = null; var box = 0; var granted = granted_company_ids; var start_date = ""; var end_date = ""; var start = null; var end = null; var company = 0; var dealer = 0; var reset = 1; var filter_date = 0; var filter_box = 0; $(function(){ initToolTip(); detailsCount(); showGraphCompany(); showLineGraph(); initTableFinanceDashboard(); start = moment().startOf('month'); end = moment().endOf('month'); $('#tip-new').attr('data-original-title', "<div id='tool-newly-added' class=''>Newly added this year, first time</div>"); $('#tip-company-count').attr('data-original-title', "<div id='tool-comp-count' class=''>Overall count</div>"); $('#tip-versus-years').attr('data-original-title', "<div id='tool-versus-years' class=''>Individual insurance count</div>"); $('#tip-with-vehicle').attr('data-original-title', "<div id='tool-with-vehicle' class=''>Insurance that have vehicle record</div>"); $('#filter-date').daterangepicker({ autoUpdateInput: false, showDropdowns: true, parentEl: '#dropdown-filter', locale: { cancelLabel: 'Cancel' }, startDate: start, opens: "left", endDate: end, ranges: { 'Today': [moment(), moment()], 'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')], 'Last 7 Days': [moment().subtract(6, 'days'), moment()], 'Last 30 Days': [moment().subtract(29, 'days'), moment()], 'This Month': [moment().startOf('month'), moment().endOf('month')], 'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')], 'This Year': [moment().startOf('year'), moment().endOf('year')], 'Last Year': [moment().subtract(1, 'year').startOf('year'), moment().subtract(1, 'year').endOf('year')] } }); // resetDateRangePicker(start, end); let isMobile = window.matchMedia("only screen and (max-width: 760px)").matches; $(".daterangepicker").on('click', function() { setDateRangePickerWidth(isMobile); }); $("#filter-date").on('click', function() { setDateRangePickerWidth(isMobile); }); $('#company-filter').select2({ placeholder: "Company", allowClear: true }) $('#dealer').select2({ placeholder: "Dealer", allowClear: false }) $('[data-mask]').inputmask(); addListenerCompanyFilter(); $('#filter-date').on('apply.daterangepicker', function(ev, picker) { $('#filter-date span').html(picker.startDate.format('MMMM D, YYYY') + ' - ' + picker.endDate .format( 'MMMM D, YYYY')); filter_date = 1; cb(picker.startDate, picker.endDate); }); $('#filter-date').on('cancel.daterangepicker', function(ev, picker) { $('#filter-date').data('daterangepicker').hideCalendars(); filter_date = 0; }); $('#btn-no-filter').on('click', function() { $('#company-filter').off('change.mychange'); //off the company filter built in change event $('#company-filter').val('').trigger('change'); $('#dealer').off('change.mychange'); //off the company filter built in change event $('#dealer').val(0).trigger('change'); $('#dealer').html(''); company = 0; dealer = 0; addListenerCompanyFilter(); //enable again the company filter event start = moment().startOf('month'); end = moment().endOf('month'); reset = 1; filter_date = 0; resetDateRangePicker(start, end); }); document.getElementById("dropdown-filter").addEventListener('click', function(event) { event.stopPropagation(); }); $('#date-range').text("No Filter"); }) function initToolTip(){ var bootstrapTooltip = $.fn.tooltip.noConflict(); $.fn.bstooltip = bootstrapTooltip; $('#tip-new').bstooltip(); $('#tip-company-count').bstooltip(); $('#tip-versus-years').bstooltip(); $('#tip-with-vehicle').bstooltip(); } function initTableFinanceDashboard() { var $table = $('#finance-table-dashboard') $table.bootstrapTable('destroy').bootstrapTable({ }) } function refreshFinanceDashboardTable() { // 5 var $table = $('#finance-dashboard-table') $(function() { $table.bootstrapTable('refresh', { url: '/app/table/finance_table.php' }); }) } function queryParamsFinanceDashboardTable(params) { // $('#company-filter').text(company == '0' ? 'All' : $("#company-filter option:selected").text()); return { search: params.search, offset: params.offset, limit: params.limit, company: company, dealer: dealer, type: 5, box: box }; } function addCommas(nStr) { nStr += ''; x = nStr.split('.'); x1 = x[0]; x2 = x.length > 1 ? '.' + x[1] : ''; var rgx = /(\d+)(\d{3})/; while (rgx.test(x1)) { x1 = x1.replace(rgx, '$1' + ',' + '$2'); } return x1 + x2; } function fillDealer(){ var comp = $('#company-filter').val(); dealer = 0; hideTable(); $.ajax({ url:"app/misc/get_dealer3.php", type:"POST", data: { company: comp, type: 1 }, beforeSend: function(){ }, success: function(result){ $('#dealer').html(''); // $('#dealer').append("\"<option value=''>ALL</option>\""); $('#dealer').append("\"" + result + "\""); } }); } function resetDateRangePicker(start, end) { $("#filter-date").data('daterangepicker').setStartDate(start); $("#filter-date").data('daterangepicker').setEndDate(end); $('#filter-date').data('daterangepicker').hideCalendars(); $('.daterangepicker').css('width', 'auto'); var startDate = start.format('MMMM DD, YYYY'); var endDate = end.format('MMMM DD, YYYY'); if(reset == 0) {$('#date-range').text(startDate + ' - ' + endDate);} else if(reset == 1) {$('#date-range').text("No Filter");} cb(start, end); } function addListenerCompanyFilter() { $('#company-filter').off('change.mychange').on('change.mychange', function() { var start = $('#filter-date').data('daterangepicker').startDate; var end = $('#filter-date').data('daterangepicker').endDate; company = ($("#company-filter").val() == '') ? '0' : $("#company-filter").val(); if(company === null \|\| company == "" \|\| typeof company === "undefined"){ company = 0; } fillDealer(); hideTable(); reset = 0; $('#span-company').text($('#company-filter').select2('data')[0].text); $('#span-dealer').text(""); cb(start, end); }); } function setDateRangePickerWidth(isMobile) { if ($(".daterangepicker").hasClass('show-calendar') && !isMobile) { $('.daterangepicker').css('width', '630px'); } else { $('.daterangepicker').css('width', 'auto'); } reset = 0; } function passDate(startDate, endDate) { detailsCount(); showGraphCompany(); showLineGraph(); } function cb(start, end) { var startDate = start.format('YYYY-MM-DD'); passDate(start, end); //pass empty dates } function buttonsFunction() { return { grid_toggle_off: { 'icon': 'far fa-times', 'event': 'hideTable', 'attributes': { 'id': 'hide-table', 'title': 'Close / Hide table', 'class': 'error' } } // , // excel_export: { // 'icon': 'fa-file-excel', // 'event': 'exportXlsx', // 'attributes': { // 'id': 'download-excel-bg', // 'title': 'Download XLSX (Excel)', // 'data-test': 'test123' // } // } } } function hideTable(){ $('#fni-dashboard-div').fadeOut(); } function showGraphCompany(){ $.ajax({ url: "/app/finance/dashboard/company_count.php", method: "POST", dataType: 'json', data: { // startDate: startDate, // endDate: endDate, company: company, dealer: dealer }, beforeSend: function() { $('#loading_company_count').show(); }, success: function(data) { var tooltip = ""; var id = []; var name = []; var marks = []; var total = 0; for(var i in data) { name.push(data[i].code); marks.push(data[i].total); id.push(data[i].id); total = total + parseInt(data[i].total); tooltip = tooltip + data[i].code + ' - ' +addCommas(data[i].total) + ' <br>'; } $('#bar-chart-company-title').attr('data-original-title', tooltip); var chartdata = { labels: name, ids: id, datasets: [{ label: 'Total: ' + addCommas(total), backgroundColor: '#17a2b8', borderColor: '#46d5f1', hoverBackgroundColor: '#00c0ef', hoverBorderColor: '#666666', data: marks }] }; var barOptions = { responsive: true, maintainAspectRatio: false, // onClick: graphClickEventCompany, tooltips: { callbacks: { label: function(tooltipItem, data) { var value = data.datasets[0].data[tooltipItem.index]; return addCommas(value) } } // end callbacks: }, //end tooltips scales: { yAxes: [{ ticks: { precision: 0, beginAtZero: true, callback: function(label, index, labels) { if (parseInt(label) >= 1000000) { return label / 1000000 + 'M'; } else if (parseInt(label) >= 1000) { return label / 1000 + 'K'; } else { return label; } } }, }], xAxes: [{ ticks: { autoSkip: false, maxRotation: 90, minRotation: 90 } }] } } var graphTarget = $("#bar-chart-company"); if(graph_companies != null) { graph_companies.destroy(); } graph_companies = new Chart(graphTarget, { type: 'bar', data: chartdata, options: barOptions }); $('.company_countings_loading').hide(); } }) } function showLineGraph(){ $.ajax({ url: "/app/finance/dashboard/versus_years.php", method: "POST", dataType: 'json', data: { // startDate: startDate, // endDate: endDate, company: company, dealer: dealer }, beforeSend: function() { $('#loading_versus_years').show(); }, success: function(data) { var current_year = data.current_year; var current = data.current; var previous = data.previous; var previous_2 = data.previous_2; var lineChartData = { labels : ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'], datasets: [ { label : current_year, backgroundColor : 'rgba(45,85,255,1)', borderColor : 'rgba(45,85,255,1)', pointRadius : true, pointColor : '#3b8bba', pointStrokeColor : 'rgba(60,141,188,1)', pointHighlightFill : '#fff', pointHighlightStroke: 'rgba(60,141,188,1)', data : current }, { label : current_year-1, backgroundColor : 'rgba(0, 181, 204, 1)', borderColor : 'rgba(0, 181, 204, 1)', pointRadius : true, pointColor : 'rgba(210, 214, 222, 1)', pointStrokeColor : '#c1c7d1', pointHighlightFill : '#fff', pointHighlightStroke: 'rgba(220,220,220,1)', data : previous }, { label : current_year-2, backgroundColor : 'rgba(210, 214, 222, 1)', borderColor : 'rgba(210, 214, 222, 1)', pointRadius : true, pointColor : '', pointStrokeColor : 'rgba(60,141,188,1)', pointHighlightFill : '#fff', pointHighlightStroke: 'rgba(60,141,188,1)', data : previous_2 }, ] } var lineChartCanvas = $('#line-chart').get(0).getContext('2d'); lineChartData.datasets[0].fill = false; lineChartData.datasets[1].fill = false; lineChartData.datasets[2].fill = false; var lineChartOptions = { responsive: true, maintainAspectRatio: false, scales: { yAxes: [{ ticks: { precision: 0, beginAtZero: true, callback: function(label, index, labels) { if (parseInt(label) >= 1000000) { return label / 1000000 + 'M'; } else if (parseInt(label) >= 1000) { return label / 1000 + 'K'; } else { return label; } } }, }], xAxes: [{ ticks: { autoSkip: false, maxRotation: 90, minRotation: 90 } }] }, title: { fontSize: 15, display: true, text: 'Versus previous years', padding: 3 }, } lineChart = new Chart(lineChartCanvas, { type: 'line', data: lineChartData, options: lineChartOptions }) $('#loading_versus_years').hide(); } }) } function detailsCount(){ $.ajax({ url:"/app/finance/dashboard/details_count.php", type:"POST", dataType:"json", data: { company: company, dealer: dealer, type: 1 // details box count }, beforeSend: function(){ }, success: function(result){ $('#span-categorized-vehicle').text(result.categorized); // $('#span-individual-insurance').text(result.individual_insurance); $('#span-inactive').text(result.inactive); $('#span-newly-added').text(result.newly_added); $('#span-vehicle-record').text(result.vehicle_record); } }); } $('#dealer').on('change', function(){ dealer = $('#dealer').val(); var start = $('#filter-date').data('daterangepicker').startDate; var end = $('#filter-date').data('daterangepicker').endDate; reset = 0; $('#span-dealer').text($('#dealer').find(':selected').text()); cb(start, end); }) // COUNT BOXES $('#box-categorized-by-vehicle').on('click', function() { box = 1; // categorized by vehicle $('#fni-dashboard-div').attr('hidden', false); $('#fni-dashboard-div').fadeIn(); refreshFinanceDashboardTable(); }) $('#box-inactive').on('click', function() { // alert("On going"); return; box = 2; // inactive $('#fni-dashboard-div').attr('hidden', false); $('#fni-dashboard-div').fadeIn(); refreshFinanceDashboardTable(); }) $('#box-new').on('click', function() { // alert("Maintenance"); return; box = 3; // new $('#fni-dashboard-div').attr('hidden', false); $('#fni-dashboard-div').fadeIn(); refreshFinanceDashboardTable(); }) $('#box-with-vehicle').on('click', function() { // alert("On going"); return; box = 4; // with vehicle $('#fni-dashboard-div').attr('hidden', false); $('#fni-dashboard-div').fadeIn(); refreshFinanceDashboardTable(); }) $('#finance-dashboard-table').on('click-cell.bs.table', function(field, value, row, $el) { var finance_id = $el.id; var plate_cs_number = $el.plate_cs_number; window.location.href = "/financelist/" + plate_cs_number; }); $('#btn-no-filter').on('click', function() { $('#company-filter').off('change.mychange'); //off the company filter built in change event $('#company-filter').val('').trigger('change'); $('#dealer').off('change.mychange'); //off the company filter built in change event $('#dealer').val(0).trigger('change'); $('#dealer').html(''); hideTable(); company = 0; dealer = 0; $('#span-company').text(""); $('#span-dealer').text(""); addListenerCompanyFilter(); //enable again the company filter event start = moment().startOf('month'); end = moment().endOf('month'); reset = 1; filter_date = 0; resetDateRangePicker(start, end); });��views/common/scripts/finance/finance.js��0000644��00000060673�15025010632�0014232 0��ustar�00��// GLOBAL VARIABLES var finance_id = 0; var plate_cs_number = ""; var policy_number = ""; var policy_issue_date = ""; var start_date = ""; var end_date = ""; var start = null; var end = null; var company = 0; var dealer = 0; var reset = 1; var filter_date = 0; var filter_box = 0; // ADD FNI RECORD var fni_add_plate_cs_number = ""; var fni_add_brand = ""; var fni_add_model = ""; var fni_add_variant = ""; var fni_add_dealer = ""; var fni_add_customer_fullname = ""; var fni_add_customer_mobile = ""; var fni_add_customer_other_contact = ""; var fni_add_customer_email = ""; var fni_add_customer_address = ""; var fni_add_policy_issue_date = ""; var fni_add_policy_start_date = ""; var fni_add_policy_end_date = ""; var fni_add_policy_number = ""; var fni_add_bank = ""; var fni_add_insurance_provider = ""; var fni_add_insurance_type = ""; var fni_add_sales_consultant = ""; var fni_add_paid_amount = ""; var fni_add_lock_in_year = ""; var fni_add_terms = ""; var fni_add_locked_in = 1; $(function(){ initTableFinance(); refreshFinanceTable(); initToolTip(); detailsCount(); start = moment().startOf('month'); end = moment().endOf('month'); $('#tip-categorized-vehicle').attr('data-original-title', "<div id='tool' class=''>Grouped by plate / cs number</div>"); $('#tip-individual-insurance').attr('data-original-title', "<div id='tool' class=''>Total count of individual insurance</div>"); $('#filter-date').daterangepicker({ autoUpdateInput: false, showDropdowns: true, parentEl: '#dropdown-filter', locale: { cancelLabel: 'Cancel' }, startDate: start, opens: "left", endDate: end, ranges: { 'Today': [moment(), moment()], 'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')], 'Last 7 Days': [moment().subtract(6, 'days'), moment()], 'Last 30 Days': [moment().subtract(29, 'days'), moment()], 'This Month': [moment().startOf('month'), moment().endOf('month')], 'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')], 'This Year': [moment().startOf('year'), moment().endOf('year')], 'Last Year': [moment().subtract(1, 'year').startOf('year'), moment().subtract(1, 'year').endOf('year')] } }); // resetDateRangePicker(start, end); let isMobile = window.matchMedia("only screen and (max-width: 760px)").matches; $(".daterangepicker").on('click', function() { setDateRangePickerWidth(isMobile); }); $("#filter-date").on('click', function() { setDateRangePickerWidth(isMobile); }); $('#fni-add-brand').select2({ placeholder: "Brand", allowClear: true }); $('#fni-add-model').select2({ placeholder: "Model", allowClear: true }); $('#fni-add-variant').select2({ placeholder: "Variant", allowClear: true }); $('#fni-add-dealer').select2({ placeholder: "Dealer", allowClear: true }) $('#fni-add-insurance-provider').select2({ placeholder: "Insurance Provider", allowClear: true }) $('#fni-add-insurance-type').select2({ placeholder: "Insurance Type", allowClear: true }) $('#company-filter').select2({ placeholder: "Company", allowClear: true }) $('#dealer').select2({ placeholder: "Dealer", allowClear: false }) $('#issue-date').datetimepicker({ format: 'L' }); $('#start-date').datetimepicker({ format: 'L' }); $('#end-date').datetimepicker({ format: 'L' }); $('[data-mask]').inputmask(); addListenerCompanyFilter(); $('#filter-date').on('apply.daterangepicker', function(ev, picker) { $('#filter-date span').html(picker.startDate.format('MMMM D, YYYY') + ' - ' + picker.endDate .format( 'MMMM D, YYYY')); filter_date = 1; cb(picker.startDate, picker.endDate); }); $('#filter-date').on('cancel.daterangepicker', function(ev, picker) { $('#filter-date').data('daterangepicker').hideCalendars(); filter_date = 0; }); $('#btn-no-filter').on('click', function() { $('#company-filter').off('change.mychange'); //off the company filter built in change event $('#company-filter').val('').trigger('change'); $('#dealer').off('change.mychange'); //off the company filter built in change event $('#dealer').val(0).trigger('change'); $('#dealer').html(''); company = 0; dealer = 0; addListenerCompanyFilter(); //enable again the company filter event start = moment().startOf('month'); end = moment().endOf('month'); reset = 1; filter_date = 0; resetDateRangePicker(start, end); }); document.getElementById("dropdown-filter").addEventListener('click', function(event) { event.stopPropagation(); }); setTimeout(function(){ }, 3000); $('#date-range').text("No Filter"); }); function addFNIModalTabSelectedTab(type){ $('#fni-modal-tab .nav-link').removeClass('active'); $('#fni-add-modal-tab-content .tab-pane').removeClass('show'); $('#fni-add-modal-tab-content .tab-pane').removeClass('active'); switch (type) { case 1: $('#fni-add-modal-tab-information').addClass('active'); $('#fni-add-modal-information').addClass('active'); $('#fni-add-modal-information').addClass('show'); break; case 2: $('#fni-add-modal-tab-insurance').addClass('active'); $('#fni-add-modal-insurance').addClass('active'); $('#fni-add-modal-insurance').addClass('show'); break; } } function fillDealer(){ var comp = $('#company-filter').val(); dealer = 0; $.ajax({ url:"app/misc/get_dealer3.php", type:"POST", data: { company: comp, type: 1 }, beforeSend: function(){ }, success: function(result){ $('#dealer').html(''); // $('#dealer').append("\"<option value=''>ALL</option>\""); $('#dealer').append("\"" + result + "\""); } }); } function initTableFinance() { var $table = $('#finance-table') $table.bootstrapTable('destroy').bootstrapTable({ onLoadSuccess: function(data) { detailsCount(start_date, end_date); } }) } function refreshFinanceTable() { var $table = $('#finance-table') $(function() { $table.bootstrapTable('refresh', { // 1 url: 'app/table/finance_table.php' }); }) } function queryParamsFinanceTable(params) { start = $('#filter-date').data('daterangepicker').startDate; end = $('#filter-date').data('daterangepicker').endDate; company = ($("#company-filter").val() == '') ? '0' : $("#company-filter").val(); if(company === null \|\| company == "" \|\| typeof company === "undefined"){ company = 0; } dealer = ($("#dealer").val() == '') ? '0' : $("#dealer").val(); if(dealer === null \|\| dealer == "" \|\| typeof dealer === "undefined"){ dealer = 0; } if(filter_date == 1){ start_date = start.format('YYYY-MM-DD'); end_date = end.format('YYYY-MM-DD'); } else { start_date = ""; end_date = ""; } if(reset == 0){ if(filter_date == 0){ $('#span-date-range').text("No Filter"); } else { $('#span-date-range').text(start.format('MMM D, YYYY') + ' - ' + end.format('MMM D, YYYY')); } } else { $('#span-date-range').text("No Filter"); } $('#span-company').text(company == 0 ? 'ALL' : $("#company-filter option:selected").text()); if(reset == 1){ $('#span-dealer').text("ALL"); } else { $('#span-dealer').text(dealer == 0 ? 'ALL' :$("#dealer option:selected").text()); } return { search: params.search, offset: params.offset, limit: params.limit, type: 1, company: company, dealer: dealer, start_date: start_date, end_date: end_date, filter_box: filter_box }; } function initToolTip(){ var bootstrapTooltip = $.fn.tooltip.noConflict(); $.fn.bstooltip = bootstrapTooltip; $('.tooltip-me').bstooltip(); } function setDateRangePickerWidth(isMobile) { if ($(".daterangepicker").hasClass('show-calendar') && !isMobile) { $('.daterangepicker').css('width', '630px'); } else { $('.daterangepicker').css('width', 'auto'); } reset = 0; } function passDate(startDate, endDate) { refreshFinanceTable(); } function cb(start, end) { var startDate = start.format('YYYY-MM-DD'); passDate(start, end); //pass empty dates } function addListenerCompanyFilter() { $('#company-filter').off('change.mychange').on('change.mychange', function() { var start = $('#filter-date').data('daterangepicker').startDate; var end = $('#filter-date').data('daterangepicker').endDate; company = ($("#company-filter").val() == '') ? '0' : $("#company-filter").val(); fillDealer(); reset = 0; cb(start, end); }); } function resetDateRangePicker(start, end) { $("#filter-date").data('daterangepicker').setStartDate(start); $("#filter-date").data('daterangepicker').setEndDate(end); $('#filter-date').data('daterangepicker').hideCalendars(); $('.daterangepicker').css('width', 'auto'); var startDate = start.format('MMMM DD, YYYY'); var endDate = end.format('MMMM DD, YYYY'); if(reset == 0) {$('#date-range').text(startDate + ' - ' + endDate);} else if(reset == 1) {$('#date-range').text("No Filter");} cb(start, end); } function fillModelDropdown(brand){ $.ajax({ url:"/app/finance/dd_get_model.php", type:"POST", data: { brand_id: brand, type: 1 }, beforeSend: function(){ }, success: function(result){ $('#fni-add-model').html(''); $('#fni-add-model').append("\"<option value=''></option>\""); $('#fni-add-model').append("\"" + result + "\""); } }); } function fillVariantDropdown(model){ $.ajax({ url:"/app/finance/dd_get_variant.php", type:"POST", data: { model_id: model, type: 1 }, beforeSend: function(){ }, success: function(result){ $('#fni-add-variant').html(''); $('#fni-add-variant').append("\"<option value=''></option>\""); $('#fni-add-variant').append("\"" + result + "\""); } }); } function detailsCount(sd, ed){ $.ajax({ url:"app/finance/finance_list_boxes.php", type:"POST", dataType:"json", data: { company: company, dealer: dealer, start_date: sd, end_date: ed, type: 1 // details box count }, beforeSend: function(){ }, success: function(result){ $('#span-total').text(result.total_count); $('#span-expiring').text(result.exp_this_month); $('#span-individual-insurance').text(result.individual_insurance); $('#span-added').text(result.added_today); } }); } function initToolTip() { var bootstrapTooltip = $.fn.tooltip.noConflict(); $.fn.bstooltip = bootstrapTooltip; $('.tooltip-me').bstooltip(); } function removeCustomer(customer_record_id){ Swal.fire({ icon: 'question', html: 'Are you sure you want to remove this customer?', showDenyButton: false, showCancelButton: true, confirmButtonText: `Confirm`, denyButtonText: `Don't Confirm`, }).then((result) => { if (result.isConfirmed) { $.ajax({ url: "api/customer/customerv2.php", method: "POST", dataType: 'json', data: { apiKey: '3695340036334748', customer_id: customer_record_id }, beforeSend: function() { sweetAlertSimple('info', 'Oops...', 'Removing customer...') }, success: function(result) { if(parseInt(result.status) === 1) { sweetAlertSimple('success', 'Nice...', result.message); var url = location_url+"customer.php"; window.location.href = url; } else { sweetAlertSimple('error', 'Oops...', result.message) } }, error: function() { sweetAlertSimple('error', 'Oops...', 'Error has been occurred, please try again.') } }); } else if (result.isDenied) { // Swal.fire('', 'Changes are not saved', 'info') } }) } function clearElements(){ $('.el-add').val(""); $('.dd-add').val(0).trigger('change'); } $('#dealer').on('change', function(){ dealer = $('#dealer').val(); var start = $('#filter-date').data('daterangepicker').startDate; var end = $('#filter-date').data('daterangepicker').endDate; reset = 0; cb(start, end); }) $('#finance-table').on('click-cell.bs.table', function(field, value, row, $el) { plate_cs_number = $el.plate_cs_number1; window.location.href = "/financelist/" + plate_cs_number; }); $('#company-filter').on('select2: unselecting', function(event){ $('#company-filter').val(""); }) $('#fni-add-brand').on('select2: unselecting', function(event){ fni_add_brand = ""; }) $('#fni-add-dealer').on('select2: unselecting', function(event){ fni_add_dealer = ""; }) $('#fni-add-insurance-provider').on('select2: unselecting', function(event){ fni_add_ins_provider = ""; }) $('#fni-add-insurance-type').on('select2: unselecting', function(event){ fni_add_ins_type = ""; }); $('#fni-add-brand').on('change', function(){ var brand_selected = $('#fni-add-brand').val(); fillModelDropdown(brand_selected); }); $('#fni-add-model').on('change', function(){ var model_selected = $('#fni-add-model').val(); fillVariantDropdown(model_selected); }); $('#box-categorized').on('click', function(){ filter_box = 1; refreshFinanceTable(); }); $('#box-individual-insurance').on('click', function(){ filter_box = 2; refreshFinanceTable(); }); $('#box-expiring').on('click', function(){ filter_box = 3; refreshFinanceTable(); }); $('#box-added').on('click', function(){ filter_box = 4; refreshFinanceTable(); }); $('#button-new-fni-details').on('click', function(){ $('#modal-finance-add-fni').modal('show'); addFNIModalTabSelectedTab(1); }) $('#check-lock-in').on('click', function(){ if(fni_add_locked_in == 0){fni_add_locked_in = 1;} else {fni_add_locked_in = 0;} }); $('#button-add-fni-details').on('click', function(){ fni_add_plate_cs_number = $('#fni-add-plate-cs-number').val(); fni_add_brand = $('#fni-add-brand').val(); fni_add_model = $('#fni-add-model').val(); fni_add_variant = $('#fni-add-variant').val(); fni_add_dealer = $('#fni-add-dealer').val(); fni_add_customer_fullname = $('#fni-add-customer-fullname').val(); fni_add_customer_mobile = "+63" + $('#fni-add-customer-mobile').val(); fni_add_customer_other_contact = $('#fni-add-customer-other-contact').val(); fni_add_customer_email = $('#fni-add-customer-email').val(); fni_add_customer_address = $('#fni-add-customer-address').val(); fni_add_policy_issue_date = $('#issue-date').val(); fni_add_policy_start_date = $('#start-date').val(); fni_add_policy_end_date = $('#end-date').val(); fni_add_policy_number = $('#fni-add-policy-number').val(); fni_add_bank = $('#fni-add-bank').val(); fni_add_insurance_provider = $('#fni-add-insurance-provider').val(); fni_add_insurance_type = $('#fni-add-insurance-type').val(); fni_add_sales_consultant = $('#fni-add-sales-consultant').val(); fni_add_paid_amount = $('#fni-add-paid-amount').val(); fni_add_lock_in_year = $('#fni-add-lock-in-year').val(); fni_add_terms = $('#fni-add-terms').val(); // REQUIREMENTS if(fni_add_plate_cs_number == ""){ toastr.remove(); toastr.error("Plate/CS Number cannot be empty", "Incomplete data"); return; } if(fni_add_brand == ""){ toastr.remove(); toastr.error("Please specify brand", "Incomplete data"); return; } if(fni_add_model == ""){ toastr.remove(); toastr.error("Please specify model", "Incomplete data"); return; } if(fni_add_dealer == ""){ toastr.remove(); toastr.error("Please specify dealer", "Incomplete data"); return; } if(fni_add_customer_fullname == ""){ toastr.remove(); toastr.error("Customer name cannot be empty", "Incomplete data"); return; } if(add_mobile_required == 1){ if(fni_add_customer_mobile == ""){ toastr.remove(); toastr.error("Customer mobile cannot be empty", "Incomplete data"); return; } else { // VALIDATIONS if(fni_add_customer_mobile.length != 13){ toastr.remove(); toastr.error("Customer mobile seems invalid"); return; } if(fni_add_customer_mobile.substring(0, 4) != "+639"){ toastr.remove(); toastr.error("Customer mobile seems invalid"); return; } } } if(add_email_required == 1){ if(fni_add_customer_email == ""){ toastr.remove(); toastr.error("Customer email cannot be empty", "Incomplete data"); return; } } if(fni_add_policy_issue_date == ""){ toastr.remove(); toastr.error("Please specify Policy Issue date", "Incomplete data"); return; } if(fni_add_policy_start_date == ""){ toastr.remove(); toastr.error("Please specify Policy Start date", "Incomplete data"); return; } if(fni_add_policy_end_date == ""){ toastr.remove(); toastr.error("Please specify Policy End date", "Incomplete data"); return; } if(add_policy_required == 1){ if(fni_add_policy_number == ""){ toastr.remove(); toastr.error("Policy Number cannot be empty", "Incomplete data"); return; } } if(fni_add_insurance_provider == ""){ toastr.remove(); toastr.error("Please specify Insurance Provider", "Incomplete data"); return; } if(fni_add_insurance_type == ""){ toastr.remove(); toastr.error("Please specify Insurance Type", "Incomplete data"); return; } // date validation var sd = new Date(fni_add_policy_start_date); var ed = new Date(fni_add_policy_end_date); var time_difference = ed.getTime() - sd.getTime(); var date_diff = time_difference / (1000606024); if(date_diff < 0){ toastr.remove(); toastr.warning("It seems that start date and end date interchange", "Confusing date: Start date is less than End date"); return; } else if(date_diff < 365){ toastr.remove(); toastr.warning("It seems that the interval between start date and end date is less than a year", "Not one year"); return; } // ADD RECORD $.ajax({ url:"app/finance/finance_crud.php", type:"POST", dataType:"json", data: { new_plate_cs_number: fni_add_plate_cs_number, new_brand: fni_add_brand, new_model: fni_add_model, new_variant: fni_add_variant, new_dealer: fni_add_dealer, new_customer_fullname: fni_add_customer_fullname, new_customer_mobile: fni_add_customer_mobile, new_customer_other_contact: fni_add_customer_other_contact, new_customer_email: fni_add_customer_email, new_customer_address: fni_add_customer_address, new_policy_issue_date: fni_add_policy_issue_date, new_policy_start_date: fni_add_policy_start_date, new_policy_end_date: fni_add_policy_end_date, new_policy_number: fni_add_policy_number, new_bank: fni_add_bank, new_insurance_provider: fni_add_insurance_provider, new_insurance_type: fni_add_insurance_type, new_sales_consultant: fni_add_sales_consultant, new_paid_amount: fni_add_paid_amount, new_lock_in_year: fni_add_lock_in_year, new_terms: fni_add_terms, new_lock_in: fni_add_locked_in, type: 1 // add new record }, beforeSend: function(){ $('#loading-view').attr('hidden', false); $('.el-add').attr('disabled', true); }, success: function(result){ if(result.status == 0){ // success toastr.remove(); toastr.success("Added successfully"); $('#modal-finance-add-fni').modal('hide'); $('#loading-view').attr('hidden', true); $('.el-add').attr('disabled', false); refreshFinanceTable(); detailsCount(); clearElements(); } else if(result.status == 1){ // failed add $('#loading-view').attr('hidden', true); $('.el-add').attr('disabled', false); toastr.remove(); toastr.error("Adding failed, please try again"); } else if(result.status == 2){ // dealer validation error $('#loading-view').attr('hidden', true); $('.el-add').attr('disabled', false); toastr.remove(); toastr.error("Dealer validation error"); } else if(result.status == 3){ // duplicate toastr.remove(); toastr.warning("Duplicate record"); // var duplicate_id = result.duplicate_id; // var duplicate_plate_cs_number = result.duplicate_plate_cs_number; // alertDuplicate(duplicate_id, duplicate_plate_cs_number); $('#loading-view').attr('hidden', true); $('#button-add-fni-details').attr('disabled', false); return; } else if(result.status == 4){ // invalid email $('#loading-view').attr('hidden', true); $('.el-add').attr('disabled', false); toastr.remove(); toastr.error("Invalid email"); return; } } }) }) function alertDuplicate(id, plate_cs_number){ Swal.fire({ icon: 'question', html: 'Are you sure you want to remove this customer?', showDenyButton: false, showCancelButton: true, confirmButtonText: `Confirm`, denyButtonText: `Don't Confirm`, }).then((result) => { if (result.isConfirmed) { $.ajax({ url: "api/customer/customerv2.php", method: "POST", dataType: 'json', data: { apiKey: '3695340036334748', customer_id: customer_record_id }, beforeSend: function() { sweetAlertSimple('info', 'Oops...', 'Removing customer...') }, success: function(result) { if(parseInt(result.status) === 1) { sweetAlertSimple('success', 'Nice...', result.message); var url = location_url+"customer.php"; window.location.href = url; } else { sweetAlertSimple('error', 'Oops...', result.message) } }, error: function() { sweetAlertSimple('error', 'Oops...', 'Error has been occurred, please try again.') } }); } else if (result.isDenied) { // Swal.fire('', 'Changes are not saved', 'info') } }) }��views/common/scripts/finance/finance_information.js��0000644��00000104715�15025010632�0016633 0��ustar�00��//GLOBAL VARIABLES var fin_id = 0; // Update variables var fni_edit_plate_cs_number = ""; var fni_edit_brand = ""; var fni_edit_model = ""; var fni_edit_variant = ""; var fni_edit_dealer = ""; var fni_edit_customer_fullname = ""; var fni_edit_customer_mobile = ""; var fni_edit_customer_other_contact = ""; var fni_edit_customer_email = ""; var fni_edit_customer_address = ""; var fni_edit_policy_issue_date = ""; var fni_edit_policy_start_date = ""; var fni_edit_policy_end_date = ""; var fni_edit_policy_number = ""; var fni_edit_bank = ""; var fni_edit_insurance_provider = ""; var fni_edit_insurance_type = ""; var fni_edit_sales_consultant = ""; var fni_edit_paid_amount = ""; var fni_edit_lock_in_year = ""; var fni_edit_terms = ""; var fni_edit_locked_in = 1; // others: for dropdown var selected_brand = ""; var selected_model = ""; $(function(){ refreshFinanceInformationTable(); loadFinanceInformation(); initTableFinanceInformation(); initTableRemainingDays(); editFNIModalTabSelectedTab(1); $('#finance-information-table').on('click', '.clickable-row', function(event) { // wala lang ito, 'di pa gumagana if($(this).hasClass('active')){ $(this).removeClass('active'); } else { $(this).addClass('active').siblings().removeClass('active'); } }); $('#fni-edit-brand').select2({ placeholder: "Brand", allowClear: true }); $('#fni-edit-model').select2({ placeholder: "Model", allowClear: true }); $('#fni-edit-variant').select2({ placeholder: "Variant", allowClear: true }); $('#fni-edit-dealer').select2({ placeholder: "Dealer", allowClear: true }) $('#fni-edit-insurance-provider').select2({ placeholder: "Insurance Provider", allowClear: true }) $('#fni-edit-insurance-type').select2({ placeholder: "Insurance Type", allowClear: true }) $('#issue-date').datetimepicker({ format: 'L' }); $('#start-date').datetimepicker({ format: 'L' }); $('#end-date').datetimepicker({ format: 'L' }); //Date picker $('#mod-birth-date').datetimepicker({ format: 'L' }); $('[data-mask]').inputmask(); }); function initTableFinanceInformation() { var $table = $('#finance-information-table') $table.bootstrapTable('destroy').bootstrapTable({ }) } function initTableRemainingDays() { var $table = $('#finance-remaining-days') $table.bootstrapTable('destroy').bootstrapTable({ onLoadSuccess: function(data) { // alert(data.rows.length); } }) } function initTableFinanceActivityLog() { var $table = $('#finance-activity-log-table') $table.bootstrapTable('destroy').bootstrapTable({ }); } function refreshFinanceInformationTable() { // 2 finance information table var $table = $('#finance-information-table') $(function() { $table.bootstrapTable('refresh', { url: '/app/table/finance_table.php' }); }) } function refreshFinanceRemainingDays() { // 3 remaining days table var $table = $('#finance-remaining-days') $(function() { $table.bootstrapTable('refresh', { url: '/app/table/finance_table.php' }); }) } function refreshFNIActivityLogTable() { // 6 activity log table initTableFinanceActivityLog(); $('#modal-act-log-title').text("Activity Log (" + plate_cs_number + ")"); var $table = $('#finance-activity-log-table'); $(function() { $table.bootstrapTable('refresh', { url: '/app/table/finance_table.php' }); }) } function queryParamsFinanceInformationTable(params) { return { search: params.search, offset: params.offset, limit: params.limit, type: 2, // app/table/finance_table > finance information insurance table list plate_cs_number: plate_cs_number }; } function queryParamsFinanceRemainingDaysTable(params) { return { search: params.search, offset: params.offset, limit: params.limit, type: 3, // app/table/finance_table > finance information insurance table list fin_id: fin_id, plate_cs_number: plate_cs_number, policy_number: policy_number }; } function queryParamsFinanceActivityLogTable(params) { return { search: params.search, offset: params.offset, limit: params.limit, type: 6, // app/table/finance_table > finance activity log table list plate_cs_number1: plate_cs_number }; } function back(){ $('#span-customer-fullname').text(""); $('#span-mobile-number').text(""); $('#span-email').text(""); $('#span-sales-consultant').text(""); $('#span-address').text(""); $('#span-bank-name').text(""); $('#span-locked-in-status').text(""); $('#span-locked-in-years').text(""); $('#span-terms').text(""); window.history.back(); } function loadFinanceInformation(){ $.ajax({ url: "/app/finance/finance_information.php", method: "POST", dataType: 'json', data: { plate_cs_number: plate_cs_number, type: 1 // (function) }, beforeSend: function() { }, success: function(result) { // $('#span-plate-cs').text(result.plate_cs_number); $('#fni-info-plate-cs').val(result.plate_cs_number); // if(result.brand == "(None)"){$('#span-brand').text("(Not provided)"); $('#span-brand').css('color', 'red'); } else { $('#span-brand').css('color', 'black'); $('#span-brand').text(result.brand); } $('#fni-info-brand').val(result.brand); $('#fni-info-company-dealer').val(result.company + "/" + result.dealer); // $('#span-company-dealer').text(result.company + "/" + result.dealer); // $('#span-date-uploaded').text(result.date_uploaded); // $('#span-uploaded-by').text(result.uploaded_by); // $('#span-modified-by').text(result.modified_by); } }); } function loadFinanceDetails(fin_id, policy_number, policy_issue_date){ $.ajax({ url: "/app/finance/finance_information.php", method: "POST", dataType: 'json', data: { policy_number: policy_number, policy_issue_date: policy_issue_date, type: 2 // inner table }, beforeSend: function() { }, success: function(result) { // alert($.trim(result.modified_by)); return; if(result.customer_fullname == ""){ $('#span-customer-fullname').css('color', 'red'); $('#span-customer-fullname').text("(Not provided)");} else { $('#span-customer-fullname').css('color', 'black'); $('#span-customer-fullname').text(result.customer_fullname); } if(result.mobile_number == ""){ $('#span-mobile-number').css('color', 'red'); $('#span-mobile-number').text("(Not provided)");} else { $('#span-mobile-number').css('color', 'black'); $('#span-mobile-number').text(result.mobile_number); } if(result.email == ""){ $('#span-email').css('color', 'red'); $('#span-email').text("(Not provided)");} else { $('#span-email').css('color', 'black'); $('#span-email').text(result.email); } if(result.sales_consultant == ""){ $('#span-sales-consultant').css('color', 'red'); $('#span-sales-consultant').text("(Not provided)");} else { $('#span-sales-consultant').css('color', 'black'); $('#span-sales-consultant').text(result.sales_consultant); } if(result.customer_address == ""){ $('#span-address').css('color', 'red'); $('#span-address').text("(Not provided)");} else { $('#span-address').css('color', 'black'); $('#span-address').text(result.customer_address); } if(result.bank_name == ""){ $('#span-bank-name').css('color', 'red'); $('#span-bank-name').text("(Not provided)");} else { $('#span-bank-name').css('color', 'black'); $('#span-bank-name').text(result.bank_name); } $('#span-locked-in-status').text(result.locked_in); if(result.locked_in_years == ""){ $('#span-locked-in-years').css('color', 'red'); $('#span-locked-in-years').text("(Not provided)");} else { $('#span-locked-in-years').css('color', 'black'); $('#span-locked-in-years').text(result.locked_in_years); } $('#span-terms').text(result.terms); // if(result.brand == "-"){ $('#span-brand').css('color', 'red'); $('#span-brand').text("(Not provided)");} else { $('#span-brand').css('color', 'black'); $('#span-brand').text(result.brand); } if(result.model == "-"){ $('#span-car-model').css('color', 'red'); $('#span-car-model').text("(Not provided)");} else { $('#span-car-model').css('color', 'black'); $('#span-car-model').text(result.model); } if(result.variant == "-"){ $('#span-variant').css('color', 'red'); $('#span-variant').text("(Not provided)");} else { $('#span-variant').css('color', 'black'); $('#span-variant').text(result.variant); } $('#span-date-uploaded').text(result.date_uploaded + " " + result.add_source); $('#span-uploaded-by').text(result.uploaded_by); if($.trim(result.modified_by) == "Unknown"){ $('#span-modified-by').text(""); } else { $('#span-modified-by').text(result.modified_by + " (" + result.date_modified + ")"); } $('#finance-plate-cs-information').attr('hidden', false); } }); refreshFinanceRemainingDays(); } function editFNIInfo(value, row, index){ if(can_edit_record == 0){ if(can_delete_record == 0){ return '<div class="row">' + '<div class="col-6 btn btn-tertiary btn-sm" style="border-right: 1px solid #e5e4e2; border-radius: 0px;" title="Edit this info" onclick="editInformation(' + row.finance_id + ')">' + '<i class="fas fa-pen" style="color: gray;"></i>' + '</div>' + '<div class="col-6 btn btn-tertiary btn-sm" title="Delete record" onclick="deleteInformation(' + row.finance_id + ')">' + '<i class="fas fa-times" style="color: gray;"></i>' + '</div>' + '</div>' ; } else { return '<div class="row">' + '<div class="col-6 btn btn-tertiary btn-sm" style="border-right: 1px solid #e5e4e2; border-radius: 0px;" title="Edit this info" onclick="editInformation(' + row.finance_id + ')">' + '<i class="fas fa-pen" style="color: gray;"></i>' + '</div>' + '<div class="col-6 btn btn-tertiary btn-sm" title="Delete record" onclick="deleteInformation(' + row.finance_id + ')">' + '<i class="fas fa-times" style="color: red;"></i>' + '</div>' + '</div>' ; } } else { if(can_delete_record == 0){ return '<div class="row">' + '<div class="col-6 btn btn-tertiary btn-sm" style="border-right: 1px solid #e5e4e2; border-radius: 0px;" title="Edit this info" onclick="editInformation(' + row.finance_id + ')" data-toggle="modal" data-target="#modal-finance-edit-info">' + '<i class="fas fa-pen" style="color: #007BFF;"></i>' + '</div>' + '<div class="col-6 btn btn-tertiary btn-sm" title="Delete record" onclick="deleteInformation(' + row.finance_id + ')">' + '<i class="fas fa-times" style="color: gray;"></i>' + '</div>' + '</div>' ; } else { return '<div class="row">' + '<div class="col-6 btn btn-tertiary btn-sm" style="border-right: 1px solid #e5e4e2; border-radius: 0px;" title="Edit this info" onclick="editInformation(' + row.finance_id + ')" data-toggle="modal" data-target="#modal-finance-edit-info">' + '<i class="fas fa-pen" style="color: #007BFF;"></i>' + '</div>' + '<div class="col-6 btn btn-tertiary btn-sm" title="Delete record" onclick="deleteInformation(' + row.finance_id + ')">' + '<i class="fas fa-times" style="color: red;"></i>' + '</div>' + '</div>' ; } } } function editInformation(row_id){ if(can_edit_record == 0){ toastr.remove(); toastr.error("Sorry, you have no access in updating record", "No access"); return; } else { edit_id = row_id; editFNIModalTabSelectedTab(1); $.ajax({ url: "/app/finance/finance_crud.php", method: "POST", dataType: 'json', data: { edit_id: edit_id, type: 2 // read details }, beforeSend: function(){ }, success: function(result) { // alert(result.customer_mobile_number); return; $('#fni-edit-plate-cs-number').val(result.plate_cs_number); $('#fni-edit-brand').val(result.brand_id).trigger('change'); // var promises = fillModelDropdown(result.brand_id); // $.when.apply($, promises).then(function(){ // fillVariantDropdown(result.model_id); // }); // $.when(a(result.brand_id)).done(function(){ // b(result.model_id); // }); $('#fni-edit-model').off('change.mychange'); $('#fni-edit-model').val(result.model_id).trigger('change'); $('#fni-edit-model').on('change'); $('#fni-edit-variant').off('change.mychange'); $('#fni-edit-variant').val(result.variant_id).trigger('change'); $('#fni-edit-variant').on('change'); $('#fni-edit-dealer').val(result.dealer_id).trigger('change'); $('#fni-edit-customer-fullname').val(result.customer_fullname); $('#fni-edit-customer-mobile').val(parseInt(result.customer_mobile_number)); $('#fni-edit-customer-other-contact').val(result.customer_other_contact); $('#fni-edit-customer-email').val(result.customer_email); $('#fni-edit-customer-address').val(result.customer_address); $('#issue-date').val(result.policy_issue_date); $('#start-date').val(result.policy_start_date); $('#end-date').val(result.policy_end_date); $('#fni-edit-policy-number').val(result.policy_number); $('#fni-edit-bank').val(result.bank_name); $('#fni-edit-insurance-provider').val(result.insurance_provider).trigger('change'); $('#fni-edit-insurance-type').val(result.insurance_business_type).trigger('change'); $('#fni-edit-sales-consultant').val(result.sales_consultant); $('#fni-edit-paid-amount').val(result.paid_amount); $('#fni-edit-lock-in-year').val(result.locked_in_years); $('#fni-edit-terms').val(result.terms); // check box locked in if(result.locked_in == 0){ $('#check-lock-in').prop('checked', false); fni_edit_locked_in = 0; } else { $('#check-lock-in').prop('checked', true); fni_edit_locked_in = 1; } } }); } } function a(value){ $('#fni-edit-model').off('change.mychange'); $('#fni-edit-model').val(value).trigger('change'); $('#fni-edit-model').on('change'); } function b(value){ $('#fni-edit-variant').off('change.mychange'); $('#fni-edit-variant').val(value).trigger('change'); $('#fni-edit-variant').on('change'); } function editFNIModalTabSelectedTab(type){ $('#fni-modal-tab .nav-link').removeClass('active'); $('#fni-edit-modal-tab-content .tab-pane').removeClass('show'); $('#fni-edit-modal-tab-content .tab-pane').removeClass('active'); switch (type) { case 1: $('#fni-edit-modal-tab-information').addClass('active'); $('#fni-edit-modal-information').addClass('active'); $('#fni-edit-modal-information').addClass('show'); break; case 2: $('#fni-edit-modal-tab-insurance').addClass('active'); $('#fni-edit-modal-insurance').addClass('active'); $('#fni-edit-modal-insurance').addClass('show'); break; } } function isEmail(email) { var regex = /^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/; if(!regex.test(email)) { return false; } else { return true; } } function fillModelDropdown(){ $.ajax({ url:"/app/finance/dd_get_model.php", type:"POST", async: false, data: { brand_id: selected_brand, type: 1 }, beforeSend: function(){ }, success: function(result){ $('#fni-edit-model').html(''); $('#fni-edit-model').append("\"<option value=''></option>\""); $('#fni-edit-model').append("\"" + result + "\""); } }); } function fillVariantDropdown(){ $.ajax({ url:"/app/finance/dd_get_variant.php", type:"POST", async: false, data: { model_id: selected_model, type: 1 }, beforeSend: function(){ }, success: function(result){ $('#fni-edit-variant').html(''); $('#fni-edit-variant').append("\"<option value=''></option>\""); $('#fni-edit-variant').append("\"" + result + "\""); } }); } function deleteInformation(row_id){ if(can_delete_record == 0){ toastr.remove(); toastr.error('Sorry, you have no access in deleting record', 'No access'); } else { swalDeleteFNIRecord(row_id); } } function swalDeleteFNIRecord(record_id){ Swal.fire({ icon: 'question', html: 'Are you sure you want to remove this record?', showDenyButton: false, showCancelButton: true, confirmButtonText: `Confirm`, denyButtonText: `Don't Confirm`, }).then((result) => { if (result.isConfirmed) { $.ajax({ url: "/app/finance/finance_crud.php", method: "POST", dataType: 'json', data: { type: 4, // delete record_id: record_id }, beforeSend: function() { // sweetAlertSimple('info', 'Oops...', 'Removing FNI record...'); }, success: function(result) { if(parseInt(result.status) === 0) { // deletion success if(result.record_count > 0){ window.location.href = "/financelist/" + plate_cs_number; } else { window.location.href = "/financelist"; } toastr.remove(); toastr.success('Record successfully deleted', 'Success'); } else { toastr.remove(); toastr.error('Oops.. an error has occurred in deleting', 'Deletion failed'); } }, error: function() { toastr.remove(); toastr.error('Oops.. an error has occurred in deleting', 'Deletion failed'); } }); } else if (result.isDenied) { // Swal.fire('', 'Changes are not saved', 'info') } }) } $('#finance-information-table').on('click-cell.bs.table', function(field, value, row, $el) { fin_id = $el.finance_id; policy_number = $el.policy_number; policy_issue_date = $el.policy_issue_date; loadFinanceDetails(fin_id, policy_number, policy_issue_date); loadFinanceInformation(); }); $('#fni-edit-brand').on('change', function(){ selected_brand = $('#fni-edit-brand').val(); $('#fni-edit-variant').html(''); // fillModelDropdown(selected_brand); $.when(fillModelDropdown()).done(function(){ fillVariantDropdown(); }); // var promises = fillModelDropdown(selected_brand); // $.when.apply($, promises).then(function(){ // fillVariantDropdown(selected_model); // }); }); $('#fni-edit-model').on('change', function(){ selected_model = $('#fni-edit-model').val(); fillVariantDropdown(selected_model); }); $('#fni-edit-brand').on('select2: unselecting', function(event){ fni_edit_brand = 0; }) $('#check-lock-in').on('click', function(){ if(fni_edit_locked_in == 0){ fni_edit_locked_in = 1; } else { fni_edit_locked_in = 0; } }); $('#button-edit-fni-details').on('click', function(){ // alert("Working"); return; if(can_edit_record == 0){ toastr.remove(); toastr.error("You do not have access in updating record", "No access"); return; } fni_edit_plate_cs_number = $('#fni-edit-plate-cs-number').val(); fni_edit_dealer = $('#fni-edit-dealer').val(); fni_edit_brand = $('#fni-edit-brand').val(); if(fni_edit_brand === null \|\| fni_edit_brand == "" \|\| typeof fni_edit_brand === "undefined"){ fni_edit_brand = 0; } fni_edit_model = $('#fni-edit-model').val(); if(fni_edit_model === null \|\| fni_edit_model == "" \|\| typeof fni_edit_model === "undefined"){ fni_edit_model = 0; } fni_edit_variant = $('#fni-edit-variant').val(); if(fni_edit_variant === null \|\| fni_edit_variant == "" \|\| typeof fni_edit_variant === "undefined"){ fni_edit_variant = 0; } fni_edit_customer_fullname = $('#fni-edit-customer-fullname').val(); fni_edit_customer_mobile = "+63" + $('#fni-edit-customer-mobile').val(); fni_edit_customer_other_contact = $('#fni-edit-customer-other-contact').val(); fni_edit_customer_email = $('#fni-edit-customer-email').val(); fni_edit_customer_address = $('#fni-edit-customer-address').val(); fni_edit_policy_issue_date = $('#issue-date').val(); fni_edit_policy_start_date = $('#start-date').val(); fni_edit_policy_end_date = $('#end-date').val(); fni_edit_policy_number = $('#fni-edit-policy-number').val(); fni_edit_bank = $('#fni-edit-bank').val(); fni_edit_sales_consultant = $('#fni-edit-sales-consultant').val(); fni_edit_paid_amount = $('#fni-edit-paid-amount').val(); fni_edit_lock_in_year = $('#fni-edit-lock-in-year').val(); fni_edit_terms = $('#fni-edit-terms').val(); // dropdowns fni_edit_brand = $('#fni-edit-brand').val(); if(fni_edit_brand === null \|\| fni_edit_brand == "" \|\| typeof fni_edit_brand === "undefined"){ fni_edit_brand = 0; } fni_edit_insurance_provider = $('#fni-edit-insurance-provider').val(); if(fni_edit_insurance_provider === null \|\| fni_edit_insurance_provider == "" \|\| typeof fni_edit_insurance_provider === "undefined"){ fni_edit_insurance_provider = 0; } fni_edit_insurance_type = $('#fni-edit-insurance-type').val(); if(fni_edit_insurance_type === null \|\| fni_edit_insurance_type == "" \|\| typeof fni_edit_insurance_type === "undefined"){ fni_edit_insurance_type = 0; } // required fields if(fni_edit_plate_cs_number == ""){ // plate/cs number toastr.remove(); toastr.error("Plate/CS Number field cannot be empty", "Incomplete!"); editFNIModalTabSelectedTab(1); $('#fni-edit-plate-cs-number').trigger('focus'); $('#fni-edit-plate-cs-number').css('border-color', 'red'); setTimeout(function(){ $('#fni-edit-plate-cs-number').css("border", ""); $("#fni-edit-plate-cs-number").trigger('blur'); }, 3000); return; } if(fni_edit_brand == 0){ // brand toastr.remove(); toastr.error("Please specify brand", "Incomplete!"); editFNIModalTabSelectedTab(1); $('#div-brand').css('border', '1px solid #dc3545'); setTimeout(function(){ $('#div-brand').css("border", ""); $("#div-brand").trigger('blur'); }, 3000); return; } // if(fni_edit_model == 0){ // model // toastr.remove(); // toastr.error("Please specify model", "Incomplete!"); // editFNIModalTabSelectedTab(1); // $('#div-model').css('border', '1px solid #dc3545'); // setTimeout(function(){ // $('#div-model').css("border", ""); // $("#div-model").trigger('blur'); // }, 3000); // return; // } if(fni_edit_dealer == 0){ // dealer toastr.remove(); toastr.error("Please specify dealer", "Incomplete!"); editFNIModalTabSelectedTab(1); $('#div-dealer').css('border', '1px solid #dc3545'); setTimeout(function(){ $('#div-dealer').css("border", ""); $("#div-dealer").trigger('blur'); }, 3000); return; } if(fni_edit_customer_fullname == ""){ // customer fullname toastr.remove(); toastr.error("Customer fullname field cannot be empty", "Incomplete!"); editFNIModalTabSelectedTab(1); $('#fni-edit-customer-fullname').trigger('focus'); $('#fni-edit-customer-fullname').css('border-color', 'red'); setTimeout(function(){ $('#fni-edit-customer-fullname').css("border", ""); $("#fni-edit-customer-fullname").trigger('blur'); }, 3000); return; } if(edit_mobile_required == 1){ if(fni_edit_customer_mobile == "+63"){ // customer mobile toastr.remove(); toastr.error("Customer mobile is required", "Incomplete!"); editFNIModalTabSelectedTab(1); $('#fni-edit-customer-mobile').trigger('focus'); $('#fni-edit-customer-mobile').css('border-color', 'red'); setTimeout(function(){ $('#fni-edit-customer-mobile').css("border", ""); $("#fni-edit-customer-mobile").trigger('blur'); }, 3000); return; } else { if(fni_edit_customer_mobile.length != 13 \|\| fni_edit_customer_mobile.substring(0, 4) != "+639"){ toastr.remove(); toastr.warning("It seems that customer mobile is invalid", "Warning!"); editFNIModalTabSelectedTab(1); $('#fni-edit-customer-mobile').trigger('focus'); $('#fni-edit-customer-mobile').css('border-color', 'red'); setTimeout(function(){ $('#fni-edit-customer-mobile').css("border", ""); $("#fni-edit-customer-mobile").trigger('blur'); }, 3000); return; } } } else { if(fni_edit_customer_mobile != ""){ if(fni_edit_customer_mobile.length != 13 \|\| fni_edit_customer_mobile.substring(0, 4) != "+639"){ toastr.remove(); toastr.warning("It seems that customer mobile is invalid", "Invalid mobile"); editFNIModalTabSelectedTab(1); $('#fni-edit-customer-mobile').trigger('focus'); $('#fni-edit-customer-mobile').css('border-color', 'red'); setTimeout(function(){ $('#fni-edit-customer-mobile').css("border", ""); $("#fni-edit-customer-mobile").trigger('blur'); }, 3000); return; } } } if(edit_email_required == 1){ if(fni_edit_customer_email == ""){ // customer email toastr.remove(); toastr.error("Customer email is required", "Incomplete!"); editFNIModalTabSelectedTab(1); $('#fni-edit-customer-email').trigger('focus'); $('#fni-edit-customer-email').css('border-color', 'red'); setTimeout(function(){ $('#fni-edit-customer-email').css("border", ""); $("#fni-edit-customer-email").trigger('blur'); }, 3000); return; } else { if(isEmail(fni_edit_customer_email) == false){ toastr.remove(); toastr.warning("It seems that customer email is invalid", "Invalid email"); editFNIModalTabSelectedTab(1); $('#fni-edit-customer-email').trigger('focus'); $('#fni-edit-customer-email').css('border-color', 'red'); setTimeout(function(){ $('#fni-edit-customer-email').css("border", ""); $("#fni-edit-customer-email").trigger('blur'); }, 3000); return; } } } if(fni_edit_policy_issue_date == ""){ // policy issue date toastr.remove(); toastr.error("Policy Issue Date field cannot be empty", "Incomplete!"); editFNIModalTabSelectedTab(2); $('#issue-date').trigger('focus'); $('#issue-date').css('border-color', 'red'); setTimeout(function(){ $('#issue-date').css("border", ""); $("#issue-date").trigger('blur'); }, 3000); return; } if(fni_edit_policy_start_date == ""){ // policy start date toastr.remove(); toastr.error("Policy Start Date field cannot be empty", "Incomplete!"); editFNIModalTabSelectedTab(2); $('#start-date').trigger('focus'); $('#start-date').css('border-color', 'red'); setTimeout(function(){ $('#start-date').css("border", ""); $("#start-date").trigger('blur'); }, 3000); return; } if(fni_edit_policy_end_date == ""){ // policy end date toastr.remove(); toastr.error("Policy End Date field cannot be empty", "Incomplete!"); editFNIModalTabSelectedTab(2); $('#end-date').trigger('focus'); $('#end-date').css('border-color', 'red'); setTimeout(function(){ $('#end-date').css("border", ""); $("#end-date").trigger('blur'); }, 3000); return; } if(edit_policy_required == 1){ if(fni_edit_policy_number == ""){ // policy number toastr.remove(); toastr.error("Policy Number field cannot be empty", "Incomplete!"); editFNIModalTabSelectedTab(2); $('#fni-edit-policy-number').trigger('focus'); $('#fni-edit-policy-number').css('border-color', 'red'); setTimeout(function(){ $('#fni-edit-policy-number').css("border", ""); $("#fni-edit-policy-number").trigger('blur'); }, 3000); return; } } if(fni_edit_insurance_provider == 0){ // insurance company/provider toastr.remove(); toastr.error("Please specify Insurance Company/Provider", "Incomplete!"); editFNIModalTabSelectedTab(2); $('#div-insurance-provider').css('border', '1px solid #dc3545'); setTimeout(function(){ $('#div-insurance-provider').css("border", ""); $("#div-insurance-provider").trigger('blur'); }, 3000); return; } if(fni_edit_insurance_type == 0){ // insurance company/provider toastr.remove(); toastr.error("Please specify Insurance Type", "Incomplete!"); editFNIModalTabSelectedTab(2); $('#div-insurance-type').css('border', '1px solid #dc3545'); setTimeout(function(){ $('#div-insurance-type').css("border", ""); $("#div-insurance-type").trigger('blur'); }, 3000); return; } // alert("No invalid"); // return; $.ajax({ url: "/app/finance/finance_crud.php", method: "POST", dataType: 'json', data: { edit_id: edit_id, update_plate_cs_number: fni_edit_plate_cs_number, update_brand: fni_edit_brand, update_model: fni_edit_model, update_variant: fni_edit_variant, update_dealer: fni_edit_dealer, update_customer_fullname: fni_edit_customer_fullname, update_customer_mobile: fni_edit_customer_mobile, update_customer_other_contact: fni_edit_customer_other_contact, update_customer_email: fni_edit_customer_email, update_customer_address: fni_edit_customer_address, update_policy_issue_date: fni_edit_policy_issue_date, update_policy_start_date: fni_edit_policy_start_date, update_policy_end_date: fni_edit_policy_end_date, update_policy_number: fni_edit_policy_number, update_bank: fni_edit_bank, update_insurance_provider: fni_edit_insurance_provider, update_insurance_type: fni_edit_insurance_type, update_sales_consultant: fni_edit_sales_consultant, update_paid_amount: fni_edit_paid_amount, update_lock_in_year: fni_edit_lock_in_year, update_terms: fni_edit_terms, update_lock_in: fni_edit_locked_in, type: 3 // update details }, beforeSend: function(){ }, success: function(result) { if(result.status == 0){ // update success toastr.remove(); toastr.success("Successfully updated"); $('#modal-finance-edit-info').modal('hide'); refreshFinanceInformationTable(); loadFinanceDetails(fin_id, fni_edit_policy_number, fni_edit_policy_issue_date); return; } else if(result.status == 1){ // update failed toastr.remove(); toastr.error("Something went wrong, please try again", "Update failed"); return; } else if(result.status == 2){ // duplicate found toastr.remove(); toastr.error("It seems that the dealer selected is not designated to any company", "Dealer error / Company not found"); return; } else if(result.status == 3){ // duplicate found toastr.remove(); toastr.error("Updated details matched a record", "Duplicate found"); return; } } }); });��views/common/meta.php��0000644��00000007143�15025010632�0010627 0��ustar�00��<head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>LMS</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"> <!-- JQeury UI --> <link rel="stylesheet" href="plugins/jquery-ui/jquery-ui.min.css"> <!-- Font Awesome Icons --> <link rel="stylesheet" href="plugins/fontawesome-free/css/all.min.css"> <!-- overlayScrollbars --> <link rel="stylesheet" href="plugins/overlayScrollbars/css/OverlayScrollbars.min.css"> <!-- Theme style --> <link rel="stylesheet" href="dist/css/adminlte.min.css"> <!-- Toastr --> <link rel="stylesheet" href="plugins/toastr/toastr.min.css"> <link href="plugins/bootstrap-table/css/bootstrap-table.min.css" rel="stylesheet"> <!-- SweetAlert2 --> <link rel="stylesheet" href="plugins/sweetalert2/sweetalert2.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"> <!-- summernote --> <link rel="stylesheet" href="plugins/summernote/summernote-bs4.min.css"> <!-- Tempusdominus Bootstrap 4 --> <link rel="stylesheet" href="plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css"> </head> <style> .hidden{ display:none; } .auth-form-header h1 { font-size: 24px; font-weight: 300; letter-spacing: -0.5px; text-align:center; } .cursor-pointer{ cursor: pointer; } .uppercase{ text-transform: uppercase; } .no-arrow::-webkit-inner-spin-button, .no-arrow::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .swal-height { height: 230px; } .swal2-styled { padding: .20em 0.8em !important; } .swal2-actions { margin-top:0px!important; } .swal2-input { font-size: .875rem!important; } /* SELECT2 / .select2-selection{ padding-left: .5rem!important; padding-right: 1.2rem!important; } .select2-selection__rendered { padding: 0px !important; } .select2-selection__arrow { top: 1px !important; } .select2-container--default .select2-selection--single { border: 1px solid #ced4da !important; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: 1px solid #ced4da !important; } .select2-container--default .select2-selection--multiple .select2-selection__choice { color: black !important; } .select2-search__field{ text-transform: uppercase; } #table_masterfile,#table_leadfile,#table_groupfile,#table_rolefile,#table_group_member_file td{ cursor: pointer; font-size: 13px; } .search-transition{ transition: all .5s; } .default-search-size{ width:105px; } .expand-search-size{ width:220px; } .dropdown-toggle{ padding-bottom: 0!important; padding-top: 0!important; } .pagination-detail{ margin: 0!important; } .btn-tool:hover { color: white; } #group-modal-tab .nav-link.active, #role-modal-tab .nav-link.active, #company-modal-tabs .nav-link.active, .nav-item.active { color: rgb(0 123 255); border-bottom: 1px solid rgb(0 123 255) !important; } #dd_lead_company .select2-selection__choice{ background-color: #ffffff; border: 10px solid #ffffff; } .lead-progress-box{ height:40px; width:100px; / or whatever width you want. / max-width:100px; / or whatever width you want. / display: inline-block; } .style-underline { text-decoration: underline; text-decoration-color: #007bff!important; } .role-toggle:hover { color: #000 !important; } </style>��views/common/script.php��0000644��00000003211�15025010632�0011175 0��ustar�00��<!-- jQuery --> <script src="/plugins/jquery/jquery.min.js"></script> <!-- jQuery UI 1.11.4 --> <script src="/plugins/jquery-ui/jquery-ui.min.js"></script> <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip --> <script> $.widget.bridge('uibutton', $.ui.button) </script> <!-- overlayScrollbars --> <script src="/plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></script> <!-- Bootstrap 4 --> <script src="/plugins/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="/dist/js/adminlte.min.js"></script> <!-- Toastr --> <script src="/plugins/toastr/toastr.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> <!-- SweetAlert2 --> <script src="/plugins/sweetalert2/sweetalert2.min.js"></script> <!-- common --> <script src="/dist/js/main.js"></script> <script> 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); }; } function getRandomColor() { var letters = '0123456789ABCDEF'.split(''); var color = '#'; for (var i = 0; i < 6; i++) { color += letters[Math.floor(Math.random() 16)]; } return color; } $(function() { $(document).on('click', '.dropdown-filter,.daterangepicker', function(e) { e.stopPropagation(); }); }) </script>��views/asa_v1/asav1download.php��0000644��00000004263�15025010632�0012326 0��ustar�00��<?php // Start output buffering to prevent accidental output ob_start(); if (isset($_GET['download'])) { // Define the path to the file $filePath = __DIR__ . '/../../../dist/AUTOHUB_CONNECT-release.apk'; // Check if the file exists if (!file_exists($filePath)) { // If the file does not exist, show an error message header("HTTP/1.0 404 Not Found"); echo "File not found!"; exit; } // Get the file name $fileName = basename($filePath); // Set headers to force download header('Content-Description: File Transfer'); header('Content-Type: application/vnd.android.package-archive'); // MIME type for APK files header('Content-Disposition: attachment; filename="' . $fileName . '"'); header('Content-Transfer-Encoding: binary'); header('Expires: 0'); header('Cache-Control: must-revalidate'); header('Pragma: public'); header('Content-Length: ' . filesize($filePath)); // Clear output buffer and flush ob_clean(); flush(); // Read the file and send it to the user readfile($filePath); exit; } // End output buffering ob_end_flush(); ?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Download APK</title> <style> body { font-family: Arial, sans-serif; text-align: center; margin-top: 100px; } .download-btn { background-color: #4CAF50; /* Green / border: none; color: white; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; cursor: pointer; border-radius: 5px; } .download-btn:hover { background-color: #45a049; } </style> </head> <body> <h1>Download the old ASA APK installer</h1> <p>Click the button below to download Old ASA the APK file:</p> <a href="?download=true" class="download-btn">Download APK</a> </body> </html>��views/asa_v1/download.php��0000644��00000001710�15025010632�0011364 0��ustar�00��<?php // Define the path to the file $filePath = '/../../dist/AUTOHUB_CONNECT-release.apk'; // Replace with your actual file path // Check if the file exists if (!file_exists($filePath)) { // If the file does not exist, show an error message header("HTTP/1.0 404 Not Found"); echo "File not found!"; exit; } // Get the file name $fileName = basename($filePath); // Set headers to force download header('Content-Description: File Transfer'); header('Content-Type: application/vnd.android.package-archive'); // MIME type for APK files header('Content-Disposition: attachment; filename="' . $fileName . '"'); header('Content-Transfer-Encoding: binary'); header('Expires: 0'); header('Cache-Control: must-revalidate'); header('Pragma: public'); header('Content-Length: ' . filesize($filePath)); // Clear output buffer and flush ob_clean(); flush(); // Read the file and send it to the user readfile($filePath); exit; ?>��views/dashboard/dashboard.php��0000644��00000071105�15025010632�0012266 0��ustar�00��<?php include('cfg/db.php'); // include('api/controllers/utility.php'); if (!isset($_SESSION['user']['id'])) { header('location:signin.php'); } // if(!(isset($global_action_permissions['1']) && // in_array("1", $global_action_permissions['1']))){ // header('location:signin.php'); // } // $utility = new Utility(); $granted_company_ids = $utility_class->isNotEmpty($_SESSION['user']['company_permissions_implode']) ? $_SESSION['user']['company_permissions_implode'] : '-1'; // $check_page = new CheckPage(); // $check_page->start($db); ?> <?php // $granted_company_ids = $utility->isNotEmpty($_SESSION['user']['company_permissions_implode']) ? $_SESSION['user']['company_permissions_implode'] : '-1' ; // $customer_individidual_count = $db -> select("SELECT SUM((SELECT count(1) FROM // (SELECT cd.dms_id FROM customer ci // INNER JOIN customer_dms cd ON ci.id = cd.customer_record_id // INNER JOIN source_company_dealer scd ON cd.company_dealer_id = scd.id // WHERE ci.status = 1 AND scd.company_id IN (".$granted_company_ids.") GROUP BY ci.id ) as t2 WHERE t2.dms_id = source_dms.id ) // ) as total FROM `source_dms` WHERE status = 1"); // $customer_total = $customer_individidual_count; // $vehicle_count = $db -> select(" // SELECT SUM((SELECT count(1) FROM // (SELECT v.dms_id FROM vehicle v // INNER JOIN source_company_dealer scd ON v.company_dealer_id = scd.id // WHERE v.status = 1 AND scd.company_id IN (".$granted_company_ids.") GROUP BY v.id ) as t2 WHERE t2.dms_id = source_dms.id ) // ) as total_count // FROM `source_dms` WHERE status = 1"); // $sale_count = $db -> select("SELECT count(1) FROM sales WHERE status = 1 "); // $service_count = $db -> select("SELECT count(1) FROM service WHERE status = 1 "); // $gender_query = "SELECT SUM( (SELECT count(1) FROM ( SELECT cd.dms_id FROM customer ci INNER JOIN customer_dms cd ON ci.id = cd.customer_record_id INNER JOIN source_company_dealer scd ON cd.company_dealer_id = scd.id WHERE ci.gender_id = %d AND ci.status = 1 AND scd.company_id IN (".$granted_company_ids.") GROUP BY ci.id ) as t2 WHERE t2.dms_id = source_dms.id ) ) as total FROM `source_dms` WHERE status = 1"; // $customer_with_gender_query_total = $db -> select("SELECT SUM( (SELECT count(1) FROM ( SELECT cd.dms_id FROM customer ci INNER JOIN customer_dms cd ON ci.id = cd.customer_record_id INNER JOIN source_company_dealer scd ON cd.company_dealer_id = scd.id WHERE ci.gender_id <> 0 AND ci.status = 1 AND scd.company_id IN (".$granted_company_ids.") GROUP BY ci.id ) as t2 WHERE t2.dms_id = source_dms.id ) ) as total FROM `source_dms` WHERE status = 1"); // $male_percent = "0%"; // $male_count_query = $db -> select(sprintf($gender_query,1)); // if($male_count_query > 0){ // $male_percent = ($male_count_query100) / $customer_with_gender_query_total.'%'; // }else{ // $male_percent = '0%'; // } // $female_percent = "0%"; // $female_count_query = $db -> select(sprintf($gender_query,2)); // if($female_count_query > 0){ // $female_percent = ($female_count_query100) / $customer_with_gender_query_total.'%'; // }else{ // $female_percent = '0%'; // } // $where_age = " TIMESTAMPDIFF(YEAR, date_of_birth , CURDATE() ) "; // $age_count_query = "SELECT SUM( (SELECT count(1) FROM ( SELECT cd.dms_id FROM customer ci INNER JOIN customer_dms cd ON ci.id = cd.customer_record_id INNER JOIN source_company_dealer scd ON cd.company_dealer_id = scd.id WHERE $where_age %s AND ci.status = 1 AND scd.company_id IN (".$granted_company_ids.") GROUP BY ci.id ) as t2 WHERE t2.dms_id = source_dms.id ) ) as total FROM `source_dms` WHERE status = 1"; // $age_count_query_total = $db -> select("SELECT SUM( (SELECT count(1) FROM ( SELECT cd.dms_id FROM customer ci INNER JOIN customer_dms cd ON ci.id = cd.customer_record_id INNER JOIN source_company_dealer scd ON cd.company_dealer_id = scd.id WHERE ci.date_of_birth <> '' AND ci.status = 1 AND scd.company_id IN (".$granted_company_ids.") GROUP BY ci.id ) as t2 WHERE t2.dms_id = source_dms.id ) ) as total FROM `source_dms` WHERE status = 1"); // $age_count_query_below = $db -> select(sprintf($age_count_query," <= 30 ")); // if($age_count_query_below > 0){ // $below_percent = ($age_count_query_below100) / $age_count_query_total.'%'; // }else{ // $below_percent = '0%'; // } // $age_count_query_between = $db -> select(sprintf($age_count_query," <= 50 and $where_age >= 31 ")); // if( $age_count_query_between > 0){ // $age_between_percent = ($age_count_query_between100) / $age_count_query_total.'%'; // }else{ // $age_between_percent = '0%'; // } // $age_count_query_above = $db -> select(sprintf($age_count_query," >= 51 ")); // if( $age_count_query_above > 0){ // $above_percent = ($age_count_query_above100) / $age_count_query_total.'%'; // }else{ // $above_percent = '0%'; // } ?> <!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']; ?> \| Dashboard</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"> <!-- Ionicons --> <!-- <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css"> --> <!-- Tempusdominus Bootstrap 4 --> <!-- <link rel="stylesheet" href="plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css"> --> <!-- iCheck --> <!-- <link rel="stylesheet" href="plugins/icheck-bootstrap/icheck-bootstrap.min.css"> --> <!-- JQVMap --> <!-- <link rel="stylesheet" href="plugins/jqvmap/jqvmap.min.css"> --> <!-- Select2 --> <link rel="stylesheet" href="plugins/select2/css/select2.min.css"> <!-- Theme style --> <link rel="stylesheet" href="dist/css/adminlte.min.css"> <!-- overlayScrollbars --> <link rel="stylesheet" href="plugins/overlayScrollbars/css/OverlayScrollbars.min.css"> <!-- Daterange picker --> <link rel="stylesheet" href="plugins/daterangepicker/daterangepicker.css"> <!-- summernote --> <!-- <link rel="stylesheet" href="plugins/summernote/summernote-bs4.min.css"> --> <link href="dist/img/<?php echo $variable['logo']; ?>" rel="icon" /> <style> .progress-group { cursor: pointer; } .overlay { background-color: transparent !important; } </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'); ?> <!-- Content Wrapper. Contains page content --> <div class="content-wrapper"> <!-- Content Header (Page header) --> <div class="content-header"> <div class="container-fluid"> <div class="row mb-0"> <div class="col-sm-6"> <div id="debuggger"></div> <!-- <h1 class="m-0">Dashboard</h1> --> <!-- <div class="col-md-5 p-0 col-md-offset-4 filter-date-div"> <div class="input-group "> <input type="text" id="filter-date" class="edit-customer lbl-forms-sm form-control form-control-sm" placeholder="Filter by date" style="background-color: transparent;"> <div class=" edit-customer input-group-append" style="height: 31px;"> <div class="input-group-text" id="filter-date-side"><i class="fa fa-calendar"></i></div> </div> </div> </div> --> </div><!-- /.col --> <div class="col-6 text-right"> <div class="btn-group"> <button type="button" class="tooltip-me btn btn-default dropdown-toggle btn-sm" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" title="Filter" data-html="true" data-placement="left"> <i class="fa fa-filter" aria-hidden="true"></i> </button> <div id="dropdown-filter" class="dropdown-menu dropdown-menu-right"> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <input type="button" class="btn btn-primary btn-sm form-control form-control-sm " name="btnCustomerListNoFilter" id="btnCustomerListNoFilter" value="No Filter" style="width: 100%;"></input> </div> <!--form-group dropdown--> </div> <!--form-group--> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <div id="filter-date" class="p-1" name="filter-date" style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc; width: 100%"> <i class="fa fa-calendar"></i>  <span></span> <i class="fa fa-angle-down mt-1 float-right"></i> </div> </div> <!--form-group dropdown--> </div> <!--form-group--> <!-- text input --> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="company-filter" id="company-filter" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php $company = $db->return_result("SELECT `id`, `code` FROM `source_company` WHERE status = 1 AND id IN (" . $granted_company_ids . ") ORDER BY code ASC"); foreach ($company as $data) { echo "<option value='{$data['id']}' >" . $data['code'] . "</option>"; } ?> </select> </div> <!--form-group dropdown--> </div> <!--form-group--> </div> </div> </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">Dashboard</li> </ol> </div> --> <!-- /.col --> </div><!-- /.row --> </div><!-- /.container-fluid --> </div> <!-- /.content-header --> <!-- Main content --> <section class="content"> <div class="container-fluid"> <!-- Small boxes (Stat box) --> <div class="row"> <div class="col-lg-3 col-6"> <!-- small box --> <div class="small-box bg-info"> <div class="overlay customer_total_loading"> <i class="fas fa-2x fa-sync-alt fa-spin"></i> </div> <div class="inner"> <h3> <span id="customer_total">0</span></h3> <p>Customers</p> </div> <div class="icon"> <i class="fa fa-users"></i> </div> <a id="customer_total_info" class="small-box-footer" style="cursor:pointer;">More info <i class="fas fa-arrow-circle-right"></i></a> </div> </div> <!-- ./col --> <div class="col-lg-3 col-6" hidden> <!-- small box --> <div class="small-box bg-success"> <div class="inner"> <h3><?php //echo $employee_count; ?> <!-- <sup style="font-size: 20px">%</sup>--> </h3> <p>Employees</p> </div> <div class="icon"> <i class="fa fa-user"></i> </div> <a href="employee.php" class="small-box-footer" style="cursor:pointer;">More info <i class="fas fa-arrow-circle-right"></i></a> </div> </div> <!-- ./col --> <div class="col-lg-3 col-6"> <!-- small box --> <div class="small-box bg-warning"> <div class="overlay vehicle_total_loading"> <i class="fas fa-2x fa-sync-alt fa-spin"></i> </div> <div class="inner"> <h3> <span id="vehicle_total">0</span></h3> <p>Vehicles</p> </div> <div class="icon"> <i class="fa fa-car"></i> </div> <a id="vehicle_total_info" class="small-box-footer" style="cursor:pointer;">More info <i class="fas fa-arrow-circle-right"></i></a> </div> </div> <!-- ./col --> <div class="col-lg-3 col-6"> <!-- small box --> <div class="small-box bg-danger"> <div class="overlay service_total_loading"> <i class="fas fa-2x fa-sync-alt fa-spin"></i> </div> <div class="inner"> <h3> <span id="service_total">0</span> </h3> <p>Service</p> </div> <div class="icon"> <i class="fas fas fa-wrench"></i> </div> <a id="service_total_info" class="small-box-footer" style="cursor:pointer;">More info <i class="fas fa-arrow-circle-right"></i></a> </div> </div> <!-- ./col --> <div class="col-lg-3 col-6"> <!-- small box --> <div class="small-box bg-success"> <div class="overlay sales_total_loading"> <i class="fas fa-2x fa-sync-alt fa-spin"></i> </div> <div class="inner"> <h3> <span id="sales_total">0</span> </h3> <p>Sales Transaction</p> </div> <div class="icon"> <i class="fa fa-dollar-sign"></i> </div> <a id="sales_total_info" class="small-box-footer" style="cursor:pointer;">More info <i class="fas fa-arrow-circle-right"></i></a> </div> </div> <!-- ./col --> </div> <!-- /.row --> <!-- Main row --> <div class="container-fluid content-row"> <div class="row"> <div class="col-lg-6 mb-2"> <div class="card h-100"> <div class="overlay dms_countings_loading"> <i class="fas fa-2x fa-sync-alt fa-spin"></i> </div> <div> <i class="float-right tooltip-me mt-2 mr-2 mb-0 fas fa-question-circle" style="color:blue; cursor: help;" data-html="true" data-placement="left" id="bar-chart-title"></i> </div> <canvas class="pr-2 pl-2 " id="bar-chart"></canvas> </div> </div> <div class="col-lg-6 mb-2"> <div class="card h-100"> <div class="overlay customer_countings_loading"> <i class="fas fa-2x fa-sync-alt fa-spin"></i> </div> <div class="py-2 px-2"> <div class="progress-group p-0 mt-0 mb-1" id="count-individual"> Individual Customer <span class="float-right"><b><span id="count_individual">0</span></b></span> <div class="progress progress-sm tooltip-me" id="count_individual_percent_title"> <div id="count_individual_percent" class="progress-bar bg-success"> </div> </div> </div> <div class="progress-group p-0 mt-0 mb-1" id="count-corporation"> Corporation Customer <span class="float-right"><b><span id="count_corporation">0</span></b></span> <div class="progress progress-sm tooltip-me" id="count_corporation_percent_title"> <div id="count_corporation_percent" class="progress-bar bg-primary"> </div> </div> </div> <div class="progress-group p-0 mt-0 mb-1" id="count-male"> Male <span class="float-right"><b><span id="count_male">0</span></b></span> <div class="progress progress-sm tooltip-me" id="count_male_percent_title"> <div id="count_male_percent" class="progress-bar bg-danger"></div> </div> </div> <!-- /.progress-group --> <div class="progress-group p-0 mt-0 mb-1" id="count-female"> Female <span class="float-right"><b><span id="count_female">0</span></b></span> <div class="progress progress-sm tooltip-me" id="count_female_percent_title"> <div id="count_female_percent" class="progress-bar bg-success"> </div> </div> </div> <!-- /.progress-group --> <div class="progress-group p-0 mt-0 mb-1" id="count-below"> <span class="progress-text">Age Below 30</span> <span class="float-right"><b><span id="count_below">0</span></b></span> <div class="progress progress-sm tooltip-me" id="count_below_percent_title"> <div id="count_below_percent" class="progress-bar bg-warning"></div> </div> </div> <!-- /.progress-group --> <div class="progress-group p-0 mt-0 mb-1" id="count-between"> Age Between 31 and 50 <span class="float-right"><b><span id="count_between">0</span></b></span> <div class="progress progress-sm tooltip-me" id="count_between_percent_title"> <div class="progress-bar bg-primary" id="count_between_percent"> </div> </div> </div> <!-- /.progress-group --> <div class="progress-group p-0 mt-0 mb-1" id="count-above"> Age 51 and Up <span class="float-right"><b><span id="count_above">0</span></b></span> <div class="progress progress-sm tooltip-me" id="count_above_percent_title"> <div class="progress-bar bg-warning" id="count_above_percent"></div> </div> </div> <!-- /.progress-group --> <div class="progress-group p-0 mt-0 mb-1" id="count-vehicle-image"> Vehicle with image <span class="float-right"><b><span id="count_vehicle_image">0</span></b></span> <div class="progress progress-sm tooltip-me" id="count_vehicle_image_percent_title"> <div class="progress-bar bg-success" id="count_vehicle_image_percent"> </div> </div> </div> </div> </div> </div> <div class="col-lg-6 mb-2"> <div class="card h-100"> <div class="overlay complete_incomplete_countings_loading"> <i class="fas fa-2x fa-sync-alt fa-spin"></i> </div> <canvas id="donutChart" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas> <!-- <div class="my-3 mx-2" id="donut-chart" style="height: 250px;"></div> --> </div> </div> <div class="col-lg-6 mb-2"> <div class="card h-100"> <div class="overlay incomplete_countings_loading"> <i class="fas fa-2x fa-sync-alt fa-spin"></i> </div> <canvas class="py-2 px-2" id="pieChart" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas> </div> </div> </div> <div class="row"> <div class="col-lg-12 mb-2"> <div class="card" style="height: 300px"> <div class="overlay company_countings_loading"> <i class="fas fa-2x fa-sync-alt fa-spin"></i> </div> <div class="p-0 m-0"> <i class="float-right tooltip-me mt-2 mr-2 mb-0 fas fa-question-circle" style="color:blue; cursor: help;" data-html="true" data-placement="right" id="bar-chart-company-title"></i> </div> <canvas class="pb-5 px-2" id="bar-chart-company"></canvas> </div> </div> </div> </div> <!-- /.row (main row) --> </div><!-- /.container-fluid --> </section> <!-- /.content --> </div> <!-- /.content-wrapper --> <!-- INSERT FOOTER --> <?php include('include/footer.php'); ?> <!-- Control Sidebar --> <aside class="control-sidebar control-sidebar-dark"> <!-- Control sidebar content goes here --> </aside> <!-- /.control-sidebar --> </div> <!-- ./wrapper --> <!-- jQuery --> <script src="plugins/jquery/jquery.min.js"></script> <!-- jQuery UI 1.11.4 --> <script src="plugins/jquery-ui/jquery-ui.min.js"></script> <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip --> <script> $.widget.bridge('uibutton', $.ui.button) </script> <!-- Bootstrap 4 --> <script src="plugins/bootstrap/js/bootstrap.bundle.min.js"></script> <!-- ChartJS --> <script src="plugins/chart.js/Chart.min.js"></script> <!-- Select2 --> <script src="plugins/select2/js/select2.full.min.js"></script> <!-- daterangepicker --> <script src="plugins/moment/moment.min.js"></script> <script src="plugins/daterangepicker/daterangepicker.js"></script> <!-- overlayScrollbars --> <script src="plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></script> <!-- AdminLTE App --> <script src="dist/js/adminlte.js"></script> <!-- Navigation Highlight --> <script src="dist/js/main.js"></script> <script> //GLOBALS WITH PHP var location_url = '<?php echo $variable['site_link'] ?>'; </script> <?php $whitelist = array( '127.0.0.1', '::1' ); if (in_array($_SERVER['REMOTE_ADDR'], $whitelist)) { echo '<script>$("#debuggger").html("<h1>localhost not fetching data due to slow process...</h1>")</script>'; exit; } ?> <script src="dist/js/dashboard/dashboard.js"></script> </body> </html>��views/car_club_affiliation/view.php��0000644��00000040011�15025010632�0013471 0��ustar�00��<?php include_once('cfg/db.php'); ?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title><?=$page_title?></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"> <link href="/dist/img/<?php echo $variable['logo']; ?>" rel="icon" /> <!-- Ekko Lightbox --> <link rel="stylesheet" href="/plugins/ekko-lightbox/ekko-lightbox.css"> <!-- SweetAlert2 --> <link rel="stylesheet" href="/plugins/sweetalert2/sweetalert2.min.css"> <!-- Toastr --> <link rel="stylesheet" href="/plugins/toastr/toastr.min.css"> <!-- STARTMULTI --> <link rel="stylesheet" href="/dist/css/bootstrap-multiselect.css" type="text/css"> <!-- INCLUDE HEADER CSS --> <?php include_once(__DIR__.'/../common/css/style.php'); ?> </head> <!-- <body class="hold-transition sidebar-mini text-sm" oncopy='return false' oncut='return false' onselectstart='return false'> --> <body class="hold-transition sidebar-mini text-sm layout-fixed"> <div id="wrapper" class="wrapper"> <?php include('include/header.php'); ?> <?php include('include/sidebar.php'); ?> <!-- /.navbar --> <!-- Content Wrapper. Contains page content --> <div class="content-wrapper"> <!-- Content Header (Page header) --> <!-- Main content --> <section class="content"> <div class="container-fluid"> <div class="row"> <div class="col-md mt-3"> <!--card card-primary--> <form id="frm-vehicle-info"> <!-- <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" style="border-bottom: 0px solid #ffffff;"> --> <ul class=" nav nav-tabs navbar-nav mr-auto" id="custom-tabs-three-tab" role="tablist"> <li class="nav-item"> <a class="nav-link vehicle-tab active" id="custom-tabs-three-home-tab" data-toggle="pill" href="#custom-tabs-three-home-tab-content" role="tab" aria-controls="custom-tabs-three-home-tab-content" aria-selected="true">Members</a> </li> </ul> <ul class="navbar-nav mt-1" id="vehicle-info-button" style="display:;"> <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 vehicle-tab-content active show" id="custom-tabs-three-home-tab-content" role="tabpanel" aria-labelledby="custom-tabs-three-home-tab"> <?php include __DIR__.'/components/members.php'; ?> </div> </div> </div> </div> </div> <!-- </div> --> <!-- </div> --> <!--vehicle_information--> </form> </div> <!--col-md--> </div> <!--row--> </div> <!--container-fluid--> <?php // include_once __DIR__.'/../modals/car_club.php'; // include_once __DIR__.'/../modals/car_club_member.php'; ?> </section> <!-- /.content --> </div> <!-- /.content-wrapper --> <!--Modal here--> <!-- INSERT FOOTER --> <?php include('include/footer.php'); ?> <!-- Control Sidebar --> <aside class="control-sidebar control-sidebar-dark"> <!-- Control sidebar content goes here --> </aside> <!-- /.control-sidebar --> </div> <!-- ./wrapper --> </div> <!-- jQuery --> <script src="/plugins/jquery/jquery.min.js"></script> <!-- jQuery UI 1.11.4 --> <script src="/plugins/jquery-ui/jquery-ui.min.js"></script> <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip --> <script> $.widget.bridge('uibutton', $.ui.button) </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 --> <!-- jQuery Cookie--> <script src="/plugins/jquery-cookie/jquery.cookie.js"></script> <!-- Ekko Lightbox --> <script src="/plugins/ekko-lightbox/ekko-lightbox.min.js"></script> <!-- SweetAlert2 --> <script src="/plugins/sweetalert2/sweetalert2.min.js"></script> <!-- Toastr --> <script src="/plugins/toastr/toastr.min.js"></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 src="/dist/js/jquery.balloon.min.js"></script>--> <!-- AutoCommplete --> <script src="/dist/js/bootstrap-autocomplete/bootstrap-autocomplete.min.js"></script> <script> var car_club_record_id = '<?php echo $id; ?>'; </script> <?php include_once(__DIR__.'/../common/scripts/functions.php'); // include_once(__DIR__.'/../common/scripts/car_club.php'); ?> <script> function refreshCarClubTableSilent() { var $table = $('#car_club_table') $(function() { try { $table.bootstrapTable('refresh', { url: '/api/car_club/car_club.php' }); } catch (e) { console.log('reply from viewer. error: ' + e) } }) } function initTicketList() { var $table = $('#car_club_table'); $table.bootstrapTable('destroy').bootstrapTable({ sidePagination: 'server', formatSearch: function() { return 'Search...' }, onLoadSuccess: function() { $("[member-action-edit-id]").each(function() { // if (this.id.startsWith('released_')) { $(this).on('click', function(evt) { car_club_record_id = (this.getAttribute('member-action-edit-id')); var val = (this.getAttribute('member-action-edit-val')); $('#modal_car_club_members').modal('show'); $('#club_name').val(val); return false; //read member data }) }) $("[member-action-remove]").each(function() { // if (this.id.startsWith('released_')) { $(this).on('click', function(evt) { var id = (this.getAttribute('member-action-remove')); Swal.fire({ icon: 'question', html: 'Are you sure you want to remove this member?', showDenyButton: false, showCancelButton: true, confirmButtonText: `Confirm`, denyButtonText: `Don't Confirm`, }).then((result) => { if (result.isConfirmed) { $.ajax({ url: '/api/car_club/car_club.php', method: "POST", dataType: 'json', data: { apiKey: '049f14eb971011ec964300ff70631b9a', id: id }, beforeSend: function() { sweetAlertSimple('info', 'Oops...', 'Removing...') }, success: function(result) { sweetAlertSimple('success', 'Nice...', result.message); refreshCarClubTableSilent(); }, error: function() { sweetAlertSimple('error', 'Oops...', 'Error has been occurred, please try again.') } }); } else if (result.isDenied) { // Swal.fire('', 'Changes are not saved', 'info') } }) }) }) }, exportOptions: { fileName: function() { return 'titile' } } }); } function queryParams(params) { return { search: params.search, offset: params.offset, limit: params.limit, sort: params.sort, order: params.order, id:car_club_record_id, apiKey: '5e76998a971511ec964300ff70631b9a' }; } function tableMobileFormatter(value, row, index) { if ((value != null && value.trim() == '') \|\| value == '-') { return "<span style='color:red;'> (Not Provided) </span>"; } if (value == '-1') { return ""; } return "<a href='tel:" + value + "'>" + value + "</a>"; } function tableNameFormatter(value, row, index) { if ((value != null && value.trim() == '') \|\| value == '-') { return "<span style='color:red;'> (Not Provided) </span>"; } if (value == '-1') { return ""; } return "<a href='/customer_view.php?q=" + row.id + "'>" + value + "</a>"; } function tableEmailFormatter(value, row, index) { if ((value != null && value.trim() == '') \|\| value == '-') { return "<span style='color:red;'> (Not Provided) </span>"; } if (value == '-1') { return ""; } return "<a href='mailto:" + value + "'>" + value + "</a>"; } $(function() { initTicketList() refreshCarClubTableSilent(); }); </script> </body> </html>��views/car_club_affiliation/components/members.php��0000644��00000004214�15025010632�0016343 0��ustar�00��<div class="row mb-2 hidden"> <div class="col-6"> <button id="btn_add_car_club_member" type="button" class="btn btn-success px-3 btn-xs"><i class="fa fa-plus" aria-hidden="true"></i> <strong>Add Member</strong></button> </div> <div class="col-6 text-right"> <div class="btn-group"> <button type="button" class="tooltip-me btn btn-default dropdown-toggle btn-sm " data-toggle="dropdown" aria-haspopup="true" title="Filter" data-html="true" data-placement="left" aria-expanded="true"> <i class="fa fa-filter" aria-hidden="true"></i> </button> <div id="dropdown-filter" class="dropdown-menu dropdown-menu-right"> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="filter_member_status" id="filter_member_status" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <option value='1'>ACTIVE</option> <option value='0'>INACTIVE</option> </select> </div> </div> </div> </div> </div> </div> <div id="" class="car_club_table"> <table id="car_club_table" data-search="true" data-custom-search="customSearch" data-buttons="buttonsFunction" data-url="" class="table table-bordered table-hover table-sm" data-page-size="15" data-page-list="[15, 30, 50, 100, all]" data-query-params="queryParams" data-pagination="true" data-show-refresh="true" > <thead> <tr> <th data-formatter="tableNameFormatter" data-field="name">Name</th> <th data-formatter="tableMobileFormatter" data-field="mobile_phone_1">Mobile</th> <th data-formatter="tableEmailFormatter" data-field="email_1">Email</th> <th data-width="100" class="text-center" data-formatter="tbl_field_formatter_dash" data-field="type">Type</th> </tr> </thead> <tbody> </tbody> </table> </div>��views/car_club_affiliation/list.php��0000644��00000071052�15025010632�0013503 0��ustar�00��<?php include_once('cfg/db.php'); if(!isset($_SESSION['user'])){ header('location:'.$path['dirname'].'signin.php'); } include_once("api/controllers/utility.php"); if(!isset($_SESSION['user'])){ 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><?=$page_title?></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"> <link href="dist/img/<?php echo $variable['logo']; ?>" rel="icon" /> <!-- Ekko Lightbox --> <link rel="stylesheet" href="plugins/ekko-lightbox/ekko-lightbox.css"> <!-- SweetAlert2 --> <link rel="stylesheet" href="plugins/sweetalert2/sweetalert2.min.css"> <!-- Toastr --> <link rel="stylesheet" href="plugins/toastr/toastr.min.css"> <!-- STARTMULTI --> <link rel="stylesheet" href="dist/css/bootstrap-multiselect.css" type="text/css"> <!-- INCLUDE HEADER CSS --> <?php include_once(__DIR__.'/../common/css/style.php'); ?> </head> <body class="hold-transition sidebar-mini text-sm layout-fixed"> <div class="wrapper"> <!-- INCLUDE HEADER --> <?php include_once('include/header.php'); ?> <?php include_once('include/sidebar.php'); ?> <div id="upper" class="content-wrapper"> <!-- START --> <section class="content"> <div class="container-fluid"> <div class="row"> <div class="col-md mt-3"> <div id="table" style="display:;" class="card card-primary"> <div class="card-header"> <h3 class="card-title"><?=$page_title?></h3> </div> <div class="card"> <div class="card-body"> <!-- ./FILTER --> <div class="row mb-2" hidden> <div class="col-6"> <!-- <button id="btn_add_car_club" type="button" class="btn btn-success px-3 btn-xs"><i class="fa fa-plus" aria-hidden="true"></i> <strong>Add</strong></button> <button id="btn_import_car_club" type="button" class="btn btn-success px-3 btn-xs"><i class="fa fa-upload" aria-hidden="true"></i> <strong>Import</strong></button> --> </div> <div class="col-6 text-right"> <div class="btn-group"> <button type="button" class="tooltip-me btn btn-default dropdown-toggle btn-sm " data-toggle="dropdown" aria-haspopup="true" title="Filter" data-html="true" data-placement="left" aria-expanded="true"> <i class="fa fa-filter" aria-hidden="true"></i> </button> <div id="dropdown-filter" class="dropdown-menu dropdown-menu-right"> <!-- <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <input type="button" class="btn btn-primary btn-sm form-control form-control-sm " name="btnCustomerListNoFilter" id="btnCustomerListNoFilter" value="No Filter" style="width: 100%;"></input> </div> </div> --> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="filter_brand" id="filter_brand" class="form-control form-control-sm" style="width: 100%;"> <option></option> </select> </div> <!--form-group dropdown--> </div> <!--form-group--> <!-- text input --> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="filter_model" id="filter_model" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> </select> </div> <!--form-group dropdown--> </div> <!--form-group--> <!-- <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="filter_club_status" id="filter_club_status" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <option value='1'>ACTIVE</option> <option value='0'>INACTIVE</option> </select> </div> </div> --> </div> </div> </div> </div> <!-- ./FILTER --> <hr class="hidden"> <div class="row hidden"> <!-- <div class="col-md-12"> <h4 class="no-margin">Customer Summary</h4> </div> --> <div id="customer_action_all" class="col-md-3 col-sm-6 col-12" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-primary"><i class="fa fa-users"></i></span> <div class="info-box-content"> <span class="info-box-text">Total</span> <span class="info-box-number" id="total_customer_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> <div id="customer_action_new" class="col-md-3 col-sm-6 col-12" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-info"><i class="fa fa-users"></i></span> <div class="info-box-content"> <div class="row"> <div class="col-10"> <span class="info-box-text">New</span> </div> <div class="col-2"> <i class="float-right tooltip-me mt-2 mr-2 mb-0 fas fa-question-circle" style="color:blue; cursor: help;" title="Record count from last 7 days"></i> </div> </div> <span class="info-box-number" id="new_customer_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> <div id="customer_action_updated" class="col-md-3 col-sm-6 col-12" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-warning"><i class="fa fa fa-sync"></i></span> <div class="info-box-content"> <div class="row"> <div class="col-10"> <span class="info-box-text">Updated </span> </div> <div class="col-2"> <i class="float-right tooltip-me mt-2 mr-2 mb-0 fas fa-question-circle" style="color:blue; cursor: help;" title="Record count from last 7 days"></i> </div> </div> <span class="info-box-number" id="updated_customer_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> <div id="customer_action_added" class="col-md-3 col-sm-6 col-12" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-success"><i class="fa fa-plus"></i></span> <div class="info-box-content"> <span class="info-box-text">Added Today</span> <span class="info-box-number" id="new_today_customer_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> </div> <!-- /.row --> <div id="customer-list" class="car_club_table"> <table id="car_club_table" data-search="true" data-custom-search="customSearch" data-buttons="buttonsFunction" data-url="" class="table table-bordered table-hover table-sm" data-page-size="15" data-page-list="[15, 30, 50, 100, all]" data-show-refresh="true" data-query-params="queryParams" data-pagination="true"> <thead> <tr> <th data-width="" data-formatter="tbl_field_formatter_dash" data-field="name">Name</th> <th data-width="100" class="text-center" data-formatter="tbl_field_formatter_dash" data-field="members_count">Members Count</th> <th data-width="100" class="text-center" data-formatter="member_action_formatter" data-field="action">Action</th> </tr> </thead> <tbody> </tbody> </table> </div> <!-- </div> --> </div> </div> </div> <!--card-card-primary--> <!--row--> </div> <!--container-fluid--> </div> <!--container-fluid--> </div> <!--container-fluid--> <?php // include_once __DIR__.'/../modals/car_club.php'; include_once __DIR__.'/../modals/car_club_name.php'; ?> </section> <!-- END --> </div> <?php include_once('include/footer.php'); ?> <aside class="control-sidebar control-sidebar-dark"></aside> </div><!-- ./wrapper --> <!-- jQuery --> <script src="plugins/jquery/jquery.min.js"></script> <!-- jQuery UI 1.11.4 --> <script src="plugins/jquery-ui/jquery-ui.min.js"></script> <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip --> <script> $.widget.bridge('uibutton', $.ui.button) </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 --> <!-- jQuery Cookie--> <script src="plugins/jquery-cookie/jquery.cookie.js"></script> <!-- Ekko Lightbox --> <script src="plugins/ekko-lightbox/ekko-lightbox.min.js"></script> <!-- SweetAlert2 --> <script src="plugins/sweetalert2/sweetalert2.min.js"></script> <!-- Toastr --> <script src="plugins/toastr/toastr.min.js"></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 src="dist/js/jquery.balloon.min.js"></script>--> <!-- AutoCommplete --> <script src="dist/js/bootstrap-autocomplete/bootstrap-autocomplete.min.js"></script> <script> var car_club_record_id = ''; </script> <?php include_once(__DIR__.'/../common/scripts/functions.php'); // include_once(__DIR__.'/../common/scripts/car_club.php'); ?> <script> function refreshCarClubTableSilent() { var $table = $('#car_club_table') $(function() { try { $table.bootstrapTable('refresh', { url: '/api/car_club/car_club.php' }); } catch (e) { console.log('reply from viewer. error: ' + e) } }) } function initTicketList() { var $table = $('#car_club_table'); $table.bootstrapTable('destroy').bootstrapTable({ sidePagination: 'server', formatSearch: function() { return 'Search...' }, onLoadSuccess: function() { $("[member-action-edit-id]").each(function() { // if (this.id.startsWith('released_')) { $(this).on('click', function(evt) { car_club_record_id = (this.getAttribute('member-action-edit-id')); var val = (this.getAttribute('member-action-edit-val')); $('#modal_car_club_members').modal('show'); $('#club_name').val(val); return false; //read member data }) }) $("[member-action-remove]").each(function() { // if (this.id.startsWith('released_')) { $(this).on('click', function(evt) { var id = (this.getAttribute('member-action-remove')); Swal.fire({ icon: 'question', html: 'Are you sure you want to remove this member?', showDenyButton: false, showCancelButton: true, confirmButtonText: `Confirm`, denyButtonText: `Don't Confirm`, }).then((result) => { if (result.isConfirmed) { $.ajax({ url: '/api/car_club/car_club.php', method: "POST", dataType: 'json', data: { apiKey: '049f14eb971011ec964300ff70631b9a', id: id }, beforeSend: function() { sweetAlertSimple('info', 'Oops...', 'Removing...') }, success: function(result) { sweetAlertSimple('success', 'Nice...', result.message); refreshCarClubTableSilent(); }, error: function() { sweetAlertSimple('error', 'Oops...', 'Error has been occurred, please try again.') } }); } else if (result.isDenied) { // Swal.fire('', 'Changes are not saved', 'info') } }) }) }) }, exportOptions: { fileName: function() { return 'titile' } } }); } function queryParams(params) { return { search: params.search, offset: params.offset, limit: params.limit, sort: params.sort, order: params.order, apiKey: '1a122921970c11ec964300ff70631b9a', brand_id: $('#filter_brand').val(), model_id:$('#filter_model').val() }; } function member_action_formatter(value, row, index) { return ` <a style="cursor:pointer;" member-action-edit-id="` + row.id + `" member-action-edit-val="` + row.name + `" class="edit m-1 btn btn-primary btn-icon btn-sm" title="Edit"><i class="fa fa-pen "></i></a> <a style="cursor:pointer;" member-action-remove="` + row.id + `" class="remove m-1 btn btn-sm btn-danger" title="Remove"><i class="fa fa-trash "></i></a> `; } $(function() { initTicketList() refreshCarClubTableSilent(); $("#filter_brand").select2({ // tags: true, minimumResultsForSearch: -1, placeholder: "Brand (All)", allowClear: true, escapeMarkup: function(markup) { return markup; }, ajax: { url: '/api/brand/brand.php', dataType: 'json', delay: 250, data: function(data) { return { apiKey: '6019050878857325', search: data.term // search term }; }, processResults: function(response) { return { results: response }; }, cache: true } }); $('#filter_brand').on('select2:select select2:unselecting change', function(e) { $('#filter_model').val('').trigger('change'); $('#filter_model').val(null).empty().trigger('change').select2('destroy') if (isEmpty($('#filter_brand').val())) { $('#filter_model').select2({ placeholder: "Model (All)", minimumResultsForSearch: -1, language: { noResults: function() { return 'Select brand first' } } }); } else { $("#filter_model").select2({ // tags: true, placeholder: "Model (All)", minimumResultsForSearch: -1, allowClear: true, "language": { "noResults": function() { return 'Select brand first' } }, escapeMarkup: function(markup) { return markup; }, ajax: { url: '/api/model/model.php', dataType: 'json', delay: 250, data: function(data) { return { brand_id: $("#filter_brand").val(), apiKey: '8732194955663346', search: data.term // search term }; }, processResults: function(response) { return { results: response }; }, cache: true } }); } }); $('#filter_model,#filter_club_status').on('select2:select select2:unselecting change', function(e) { refreshCarClubTableSilent(); }); $('#filter_member_status').on('select2:select select2:unselecting change', function(e) { refreshCarClubTableSilent(); }); $('#filter_model').select2({ placeholder: "Model (All)", minimumResultsForSearch: -1, language: { noResults: function() { return 'Select brand first' } } }); document.getElementById("dropdown-filter").addEventListener('click', function(event) { event.stopPropagation(); }); $('#car_club_table').on('click-cell.bs.table', function(field, value, row, $el) { if(value != 'action'){ window.location.href = 'car_club_affiliation/' + $el.id; return; } }); }); $('#proceed-button-member').on('click', function(evt) { if (check_if_empty_field($('#club_name'), 'Name is required.')) { return; } $.ajax({ url: '/api/car_club/car_club.php', type: "POST", dataType: 'json', data: { apiKey: '131f3d32971111ec964300ff70631b9a', id: car_club_record_id, name: $('#club_name').val() }, beforeSend: function() { $('#proceed-button-member').prop("disabled", true); }, success: function(result) { if (result.status == '1') { sweetAlertSimple('success', 'Oops...', result.message); $('#club_name').val('') $('#modal_car_club_members').modal('hide'); refreshCarClubTableSilent(); } $('#proceed-button-member').prop("disabled", false); }, error: function(xhr, status, error) { sweetAlertSimple('error', 'Oops...', 'Error has occurred, Try again...'); $('#proceed-button-member').prop("disabled", false); } }); }); </script> </body> </html>��views/customer_update/customer_update_assigned07-30-24.php��0000644��00000170627�15025010632�0017516 0��ustar�00��<?php include('cfg/db.php'); include_once("api/controllers/utility.php"); // include('app/security/security.php'); if (!isset($_SESSION['user']['id'])) { header('location:signin.php'); } // $check_page = new CheckPage(); // $check_page->start($db); // if (!(isset($global_action_permissions['11']['58']) && // in_array("1", $global_action_permissions['11']['58']))) { // header('location:signin.php'); // } $utility = new Utility(); $granted_company_ids = $utility->isNotEmpty($_SESSION['user']['company_permissions_implode']) ? $_SESSION['user']['company_permissions_implode'] : '-1'; if (isset($global_action_permissions['2']['3']) && in_array("4", $global_action_permissions['2']['3'])) { $has_force_edit_permission = 1; } else { $has_force_edit_permission = 0; } $urlParam = $utility->str_decrypt($_REQUEST['q']); // echo'<pre>';print_r($urlParam);echo'</pre>';exit; $employee_name =''; if($urlParam['user_id'] >0){ $empQ = $db->sql_query("select concat(first_name,' ',middle_name,' ',last_name) as emp_name from employee where id=".$urlParam['user_id']); foreach($empQ as $employee) { $employee_name = $employee['emp_name']; }unset($employee); } ?> <!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']; ?> \| Customers</title> <!-- <script src="dist/js/filter.js"></script> --> <!-- 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"> <!-- Default style --> <link rel="stylesheet" href="dist/css/default.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"> <link href="dist/img/<?php echo $variable['logo']; ?>" rel="icon" /> <!-- Ekko Lightbox --> <link rel="stylesheet" href="plugins/ekko-lightbox/ekko-lightbox.css"> <!-- SweetAlert2 --> <link rel="stylesheet" href="plugins/sweetalert2/sweetalert2.min.css"> <!-- Toastr --> <link rel="stylesheet" href="plugins/toastr/toastr.min.css"> <!-- STARTMULTI --> <link rel="stylesheet" href="dist/css/bootstrap-multiselect.css" type="text/css"> <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%; } #customer-table.loading tbody { position: relative; } #customer-table.loading tbody:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #fff; / background-color: rgba(0, 0, 0, 0.1); / background-image: url(data:image/png;base64,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); background-position: center; background-repeat: no-repeat; background-size: 277px 35px; font-weight: bold; content: ""; } </style> </head> <body class="hold-transition sidebar-mini text-sm layout-fixed"> <!-- body class="hold-transition sidebar-mini text-sm" oncopy = 'return false' oncut = 'return false' onselectstart = 'return false' > --> <div class="wrapper"> <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'); ?> <!-- Content Wrapper. Contains page content --> <div id="upper" class="content-wrapper"> <!-- Content Header (Page header) --> <!-- <section class="content-header "> --> <!-- <div class="container-fluid"> <div class="row mb-0"> <div class="col-sm-6"> --> <!-- <h1 id="h1">Customers</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">Customers</li> </ol> </div> </div> </div> --> <!-- /.container-fluid --> <!-- </section> --> <!-- START --> <section class="content"> <div class="container-fluid"> <div class="row"> <div class="col-md mt-3"> <div id="table" class="card card" style="background-color:#9bbbfc;"> <div class="card-header"> <h3 class="card-title" style="color:#282828; overflow: hidden;"> <a href="#" style="text-decoration:none;"><i class="fa fa-backward" aria-hidden="true" onclick="goBack();" style="color:#282828;"> Back </i></a> <span id="user" class="float-right" style="font-size: 11;"> <?=(strlen($employee_name)>0 ? ' \| <i class="fas fa-user-tag" > '.$employee_name.'</i>' : '')?></span> </h3> </div> <div class="card"> <div class="card-body"> <!-- ./FILTER --> <div class="row mb-2"> <div class="col-6"> </div> <div class="col-6 text-right"> <div class="btn-group"> <button type="button" class="tooltip-me btn btn-default dropdown-toggle btn-sm" data-toggle="dropdown" aria-haspopup="true" title="Filter" data-html="true" data-placement="left" aria-expanded="true"> <i class="fa fa-filter" aria-hidden="true"></i> </button> <div id="dropdown-filter" class="dropdown-menu dropdown-menu-right"> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <input type="button" class="btn btn-primary btn-sm form-control form-control-sm " name="btnCustomerListNoFilter" id="btnCustomerListNoFilter" value="No Filter" style="width: 100%;"></input> </div> <!--form-group dropdown--> </div> <!--form-group--> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="dms" id="dms" class="form-control form-control-sm" style="width: 100%;"> <option></option> <?php $company = $db->return_result("SELECT `id`, `name` FROM `source_dms` WHERE status = 1 ORDER BY name ASC"); foreach ($company as $data) { // if($dashboard_filter && $dashboard_type == '1'){ if (isset($_GET['selected_dms'])) { $selected_dms = $db->escape($_GET['selected_dms']); if ($data['id'] == $selected_dms) { 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--> <!-- text input --> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="company-filter" id="company-filter" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php $company = $db->return_result("SELECT `id`, `code` FROM `source_company` WHERE status = 1 AND id IN (" . $granted_company_ids . ") ORDER BY code ASC"); foreach ($company as $data) { // if($dashboard_filter && $dashboard_type == '5'){ if (isset($_GET['selected_company'])) { $selected_company = $db->escape($_GET['selected_company']); if ($data['id'] == $selected_company) { echo "<option value='{$data['id']}' selected>" . $data['code'] . "</option>"; } else { echo "<option value='{$data['id']}' >" . $data['code'] . "</option>"; } } else { echo "<option value='{$data['id']}' >" . $data['code'] . "</option>"; } } ?> </select> </div> <!--form-group dropdown--> </div> <!--form-group--> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="type" id="type" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php if (isset($_GET['selected_type'])) { $selected_type = $db->escape($_GET['selected_type']); if ($selected_type == '1') { ?> <option value="1" selected>Individual</option> <option value="2">Corporation</option> <?php } else if ($selected_type == '2') { ?> <option value="1">Individual</option> <option value="2" selected>Corporation</option> <?php } } else { ?> <option value="1">Individual</option> <option value="2">Corporation</option> <?php } ?> </select> </div> </div> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="gender" id="gender" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?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) { // if($dashboard_filter && $dashboard_type == '2'){ if (isset($_GET['selected_gender'])) { $selected_gender = $db->escape($_GET['selected_gender']); if ($data['id'] == $selected_gender) { echo "<option value='{$data['id']}' selected>" . $data['gender_name'] . "</option>"; } else { echo "<option value='{$data['id']}'>" . $data['gender_name'] . "</option>"; } } else { echo "<option value='{$data['id']}'>" . $data['gender_name'] . "</option>"; } } ?> </select> </div> <!--form-group dropdown--> </div> <!--form-group--> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="filter-age" id="filter-age" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php if (isset($_GET['selected_age'])) { $selected_age = $db->escape($_GET['selected_age']); if ($selected_age == 'below') { ?> <option value="below" selected>Below 30</option> <option value="between">Between 31 and 50</option> <option value="above">Age 51 and Up</option> <?php } else if ($selected_age == 'between') { ?> <option value="below">Below 30</option> <option value="between" selected>Between 31 and 50 </option> <option value="above">Age 51 and Up</option> <?php } else if ($selected_age == 'above') { ?> <option value="below">Below 30</option> <option value="between">Between 31 and 50</option> <option value="above" selected>Age 51 and Up </option> <?php } } else { ?> <option value="below">Below 30</option> <option value="between">Between 31 and 50</option> <option value="above">Age 51 and Up </option> <?php } ?> </select> </div> </div> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="filter-data" id="filter-data" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php $filter_data_menu = array("No Email", "Complete Data", "Incomplete Data", "No Address", "No Gender", "No Date of birth"); foreach ($filter_data_menu as $menu) { // if($dashboard_filter && $dashboard_type == '3'){ if (isset($_GET['incomplete_data'])) { $incomplete_data = $db->escape($_GET['incomplete_data']); if ($incomplete_data == $menu) { echo "<option value='$menu' selected >$menu</option>"; } else { echo "<option value='$menu'>$menu</option>"; } } else { echo "<option value='$menu'>$menu</option>"; } } ?> </select> </div> </div> <div class="form-group mb-0" hidden> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="customer-actions" id="customer-actions" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php $customer_actions_menu = array("all", "new", "updated", "added","active","inactive","pending"); foreach ($customer_actions_menu as $menu) { echo "<option value='$menu'>$menu</option>"; } ?> </select> </div> </div> <div class="form-group mb-0"> <div class="text-center form-group dropdown-input mr-2 ml-2 mb-0"> <div class="icheck-primary d-inline"> <input type="checkbox" id="my_record_filter" /> <label class="mb-0" for="my_record_filter"> My Records </label> </div> </div> </div> </div> </div> </div> </div> <!-- ./FILTER --> <div class="row"> <!-- <div class="col-md-12"> <h4 class="no-margin">Customer Summary</h4> </div> --> <div id="customer_action_all" class="col-md-4 col-sm-6 col-12" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-primary"> <i class="fas fa-user-tag"></i> </span> <div class="info-box-content"> <span class="info-box-text">Total assigned</span> <span class="info-box-number" id="total_customer_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> <div id="customer_action_pending" class="col-md-4 col-sm-6 col-12" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-warning"><i class="fa fa-users"></i></span> <div class="info-box-content"> <div class="row"> <div class="col-10"> <span class="info-box-text">Pending</span> </div> <div class="col-2"> <!-- <i class="float-right tooltip-me mt-2 mr-2 mb-0 fas fa-question-circle" style="color:blue; cursor: help;" title="Record count from last 7 days"></i> --> </div> </div> <span class="info-box-number" id="pending_customer_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> <div id="customer_action_updated" class="col-md-4 col-sm-6 col-12" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-info"><i class="fa fa fa-sync"></i></span> <div class="info-box-content"> <div class="row"> <div class="col-10"> <span class="info-box-text">Updated </span> </div> <div class="col-2"> <!-- <i class="float-right tooltip-me mt-2 mr-2 mb-0 fas fa-question-circle" style="color:blue; cursor: help;" title="Record count from last 7 days"></i> --> </div> </div> <span class="info-box-number" id="updated_customer_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> <div id="customer_action_active" class="col-md-6 col-sm-6 col-12" title="Active customer count" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-success"><i class="fa fa-users"></i></span> <div class="info-box-content"> <div class="row"> <div class="col-10"> <span class="info-box-text">Active </span> </div> </div> <span style="margin-left:10px" class="info-box-number" id="active_customer_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <div id="customer_action_inactive" class="col-md-6 col-sm-6 col-12" title="Inactive customer count" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-danger"><i class="fa fa-users"></i></span> <div class="info-box-content"> <div class="row"> <div class="col-10"> <span class="info-box-text">Inactive </span> </div> </div> <span class="info-box-number" id="inactive_customer_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <?php / <div id="customer_action_added" class="col-md-3 col-sm-6 col-12" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-success"><i class="fa fa-plus"></i></span> <div class="info-box-content"> <span class="info-box-text">Added Today</span> <span class="info-box-number" id="new_today_customer_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> /?> </div> <!-- /.row --> <div id="customer-list" class="customer-table"> <table id="customer-table" data-search="true" data-custom-search="customSearch" data-buttons="buttonsFunction" data-url="" class="table table-bordered table-hover table-sm" data-query-params="queryParams" data-pagination="true"> <!-- id="table" data-toggle="table" data-height="460" data-ajax="ajaxRequest" data-search="true" data-side-pagination="server" data-pagination="true" --> <thead> <tr> <th data-align="center" data-formatter="imageFormatter" data-field="photo">Picture</th> <!-- <th data-formatter="checkIfEmpty" data-field="id">Customer No</th> --> <th data-formatter="tableNameFormatter" data-field="name" data-sortable="false" style="text-align: center;">Name</th> <!-- <th data-formatter="checkIfEmpty" data-field="gender_name">Gender</th> --> <!-- <th data-field="age_number">Age</th> --> <th data-formatter="tableEmailFormatter" data-field="email_1"> Email </th> <th data-formatter="tableMobileFormatter" data-field="mobile_phone_1"> Mobile</th> <th data-formatter="checkIfEmpty" data-field="type">Type</th> <th data-field="last_date_modified">Last modified</th> <th data-field="set_status">Customer status</th> </tr> </thead> <tbody> </tbody> </table> <div class="card" id="grid-card" style="box-shadow: 0 0 0 0"> <div class="overlay" id="loader-main" style="display:none;"> <div class="fas fa-2x fa-sync-alt fa-spin "> </div> <strong><span class="ml-2" id="loading-message-grid"> Loading, please wait...</span></strong> </div> <div class="card-body pb-0" id="customer-grid" style="padding: .50rem"> <div class="row d-flex align-items-stretch" id="customer-grid-data"> </div> </div> <div id="grid-page-footer-customer"> <div class="card-footer"> <nav aria-label="Customer Page Navigation"> <ul class="pagination justify-content-center m-0" id="customer-grid-data-paging"> </ul> </nav> </div> </div> </div> </div> <!-- </div> --> </div> </div> </div> <!--card-card-primary--> <!--row--> </div> <!--container-fluid--> </div> <!--container-fluid--> </div> <!--container-fluid--> <?php if ( (isset($global_action_permissions['2']['3']) && in_array("2", $global_action_permissions['2']['3'])) \|\| (isset($global_action_permissions['2']['3']) && in_array("3", $global_action_permissions['2']['3'])) ) { ?> <?php include 'include/components/customer_update/customer_form.php'; ?> <?php } ?> </section> <!-- END --> </div> <!--content-wrapper--> <!-- Modal Here --> <?php include('include/footer.php'); ?> <aside class="control-sidebar control-sidebar-dark"></aside> </div><!-- ./wrapper --> <!-- jQuery --> <script src="plugins/jquery/jquery.min.js"></script> <!-- jQuery UI 1.11.4 --> <script src="plugins/jquery-ui/jquery-ui.min.js"></script> <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip --> <script> $.widget.bridge('uibutton', $.ui.button) </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 --> <!-- jQuery Cookie--> <script src="plugins/jquery-cookie/jquery.cookie.js"></script> <!-- Ekko Lightbox --> <script src="plugins/ekko-lightbox/ekko-lightbox.min.js"></script> <!-- SweetAlert2 --> <script src="plugins/sweetalert2/sweetalert2.min.js"></script> <!-- Toastr --> <script src="plugins/toastr/toastr.min.js"></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 src="dist/js/jquery.balloon.min.js"></script> <script src="dist/js/customer_update/customer_assigned_user_form.js"></script> <script> //GLOBALS WITH PHP var customer_force_edit = <?php echo $has_force_edit_permission; ?>; const url_param = '<?=($_REQUEST['q'])?>'; const setpy = '<?=base64_encode('C9EWeDYSXR')?>' </script> <script src="dist/js/customer_update/customer_user_assigned.js"></script> </body> </html>��views/customer_update/assign_dealer_view05-23-24.php��0000644��00000163263�15025010632�0016266 0��ustar�00��<?php include('cfg/db.php'); include_once("api/controllers/utility.php"); // include('app/security/security.php'); if (!isset($_SESSION['user']['id'])) { header('location:signin.php'); } // $check_page = new CheckPage(); // $check_page->start($db); if (!(isset($global_action_permissions['2']['3']) && in_array("1", $global_action_permissions['2']['3']))) { header('location:signin.php'); } $utility = new Utility(); $granted_company_ids = $utility->isNotEmpty($_SESSION['user']['company_permissions_implode']) ? $_SESSION['user']['company_permissions_implode'] : '-1'; if (isset($global_action_permissions['2']['3']) && in_array("4", $global_action_permissions['2']['3'])) { $has_force_edit_permission = 1; } else { $has_force_edit_permission = 0; } ?> <!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']; ?> \| Customers</title> <!-- <script src="dist/js/filter.js"></script> --> <!-- 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"> <!-- Default style --> <link rel="stylesheet" href="dist/css/default.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"> <link href="dist/img/<?php echo $variable['logo']; ?>" rel="icon" /> <!-- Ekko Lightbox --> <link rel="stylesheet" href="plugins/ekko-lightbox/ekko-lightbox.css"> <!-- SweetAlert2 --> <link rel="stylesheet" href="plugins/sweetalert2/sweetalert2.min.css"> <!-- Toastr --> <link rel="stylesheet" href="plugins/toastr/toastr.min.css"> <!-- STARTMULTI --> <link rel="stylesheet" href="dist/css/bootstrap-multiselect.css" type="text/css"> <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%; } #customer-table.loading tbody { position: relative; } #customer-table.loading tbody:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #fff; / background-color: rgba(0, 0, 0, 0.1); / background-image: url(data:image/png;base64,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); background-position: center; background-repeat: no-repeat; background-size: 277px 35px; font-weight: bold; content: ""; } </style> </head> <body class="hold-transition sidebar-mini text-sm layout-fixed"> <!-- body class="hold-transition sidebar-mini text-sm" oncopy = 'return false' oncut = 'return false' onselectstart = 'return false' > --> <div class="wrapper"> <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'); ?> <!-- Content Wrapper. Contains page content --> <div id="upper" class="content-wrapper"> <!-- Content Header (Page header) --> <!-- <section class="content-header "> --> <!-- <div class="container-fluid"> <div class="row mb-0"> <div class="col-sm-6"> --> <!-- <h1 id="h1">Customers</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">Customers</li> </ol> </div> </div> </div> --> <!-- /.container-fluid --> <!-- </section> --> <!-- START --> <section class="content"> <div class="container-fluid"> <div class="row"> <div class="col-md mt-3"> <div id="table" class="card" style="background-color:#9bbbfc;"> <div class="card-header"> <h3 class="card-title"> <a href="#"><i class="fa fa-backward" aria-hidden="true" onclick="goBack();" style="color:#282828;text-decoration:none;"> Back </i></a> \| Customer Assigned</h3> </div> <div class="card"> <div class="card-body"> <!-- ./FILTER --> <div class="row mb-2"> <div class="col-6"> </div> <div class="col-6 text-right"> <div class="btn-group"> <button type="button" class="tooltip-me btn btn-default dropdown-toggle btn-sm" data-toggle="dropdown" aria-haspopup="true" title="Filter" data-html="true" data-placement="left" aria-expanded="true"> <i class="fa fa-filter" aria-hidden="true"></i> </button> <div id="dropdown-filter" class="dropdown-menu dropdown-menu-right"> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <input type="button" class="btn btn-primary btn-sm form-control form-control-sm " name="btnCustomerListNoFilter" id="btnCustomerListNoFilter" value="No Filter" style="width: 100%;"></input> </div> <!--form-group dropdown--> </div> <!--form-group--> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="dms" id="dms" class="form-control form-control-sm" style="width: 100%;"> <option></option> <?php $company = $db->return_result("SELECT `id`, `name` FROM `source_dms` WHERE status = 1 ORDER BY name ASC"); foreach ($company as $data) { // if($dashboard_filter && $dashboard_type == '1'){ if (isset($_GET['selected_dms'])) { $selected_dms = $db->escape($_GET['selected_dms']); if ($data['id'] == $selected_dms) { 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--> <!-- text input --> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="company-filter" id="company-filter" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php $company = $db->return_result("SELECT `id`, `code` FROM `source_company` WHERE status = 1 AND id IN (" . $granted_company_ids . ") ORDER BY code ASC"); foreach ($company as $data) { // if($dashboard_filter && $dashboard_type == '5'){ if (isset($_GET['selected_company'])) { $selected_company = $db->escape($_GET['selected_company']); if ($data['id'] == $selected_company) { echo "<option value='{$data['id']}' selected>" . $data['code'] . "</option>"; } else { echo "<option value='{$data['id']}' >" . $data['code'] . "</option>"; } } else { echo "<option value='{$data['id']}' >" . $data['code'] . "</option>"; } } ?> </select> </div> <!--form-group dropdown--> </div> <!--form-group--> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="type" id="type" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php if (isset($_GET['selected_type'])) { $selected_type = $db->escape($_GET['selected_type']); if ($selected_type == '1') { ?> <option value="1" selected>Individual</option> <option value="2">Corporation</option> <?php } else if ($selected_type == '2') { ?> <option value="1">Individual</option> <option value="2" selected>Corporation</option> <?php } } else { ?> <option value="1">Individual</option> <option value="2">Corporation</option> <?php } ?> </select> </div> </div> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="gender" id="gender" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?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) { // if($dashboard_filter && $dashboard_type == '2'){ if (isset($_GET['selected_gender'])) { $selected_gender = $db->escape($_GET['selected_gender']); if ($data['id'] == $selected_gender) { echo "<option value='{$data['id']}' selected>" . $data['gender_name'] . "</option>"; } else { echo "<option value='{$data['id']}'>" . $data['gender_name'] . "</option>"; } } else { echo "<option value='{$data['id']}'>" . $data['gender_name'] . "</option>"; } } ?> </select> </div> <!--form-group dropdown--> </div> <!--form-group--> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="filter-age" id="filter-age" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php if (isset($_GET['selected_age'])) { $selected_age = $db->escape($_GET['selected_age']); if ($selected_age == 'below') { ?> <option value="below" selected>Below 30</option> <option value="between">Between 31 and 50</option> <option value="above">Age 51 and Up</option> <?php } else if ($selected_age == 'between') { ?> <option value="below">Below 30</option> <option value="between" selected>Between 31 and 50 </option> <option value="above">Age 51 and Up</option> <?php } else if ($selected_age == 'above') { ?> <option value="below">Below 30</option> <option value="between">Between 31 and 50</option> <option value="above" selected>Age 51 and Up </option> <?php } } else { ?> <option value="below">Below 30</option> <option value="between">Between 31 and 50</option> <option value="above">Age 51 and Up </option> <?php } ?> </select> </div> </div> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="filter-data" id="filter-data" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php $filter_data_menu = array("No Email", "Complete Data", "Incomplete Data", "No Address", "No Gender", "No Date of birth"); foreach ($filter_data_menu as $menu) { // if($dashboard_filter && $dashboard_type == '3'){ if (isset($_GET['incomplete_data'])) { $incomplete_data = $db->escape($_GET['incomplete_data']); if ($incomplete_data == $menu) { echo "<option value='$menu' selected >$menu</option>"; } else { echo "<option value='$menu'>$menu</option>"; } } else { echo "<option value='$menu'>$menu</option>"; } } ?> </select> </div> </div> <div class="form-group mb-0" hidden> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="customer-actions" id="customer-actions" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php $customer_actions_menu = array("all", "new","pending", "updated", "active","inactive"); foreach ($customer_actions_menu as $menu) { echo "<option value='$menu'>$menu</option>"; } ?> </select> </div> </div> <div class="form-group mb-0"> <div class="text-center form-group dropdown-input mr-2 ml-2 mb-0"> <div class="icheck-primary d-inline"> <input type="checkbox" id="my_record_filter" /> <label class="mb-0" for="my_record_filter"> My Records </label> </div> </div> </div> </div> </div> </div> </div> <!-- ./FILTER --> <hr> <div class="row"> <div id="customer_action_all" class="col-md-4 col-sm-6 col-12" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-primary"> <i class="fas fa-user-tag"></i> </span> <div class="info-box-content"> <span class="info-box-text">Total assigned</span> <span class="info-box-number" id="total_customer_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> <div id="customer_action_pending" class="col-md-4 col-sm-6 col-12" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-warning"><i class="fa fa-users"></i></span> <div class="info-box-content"> <div class="row"> <div class="col-10"> <span class="info-box-text">Pending</span> </div> </div> <span class="info-box-number" id="pending_customer_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> <div id="customer_action_updated" class="col-md-4 col-sm-6 col-12" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-info"><i class="fa fa fa-sync"></i></span> <div class="info-box-content"> <div class="row"> <div class="col-10"> <span class="info-box-text">Updated </span> </div> </div> <span class="info-box-number" id="updated_customer_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <div id="customer_action_active" class="col-md-6 col-sm-6 col-12" title="Active customer count" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-success"><i class="fa fa-users"></i></span> <div class="info-box-content"> <div class="row"> <div class="col-10"> <span class="info-box-text">Active </span> </div> </div> <span style="margin-left:10px" class="info-box-number" id="active_customer_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <div id="customer_action_inactive" class="col-md-6 col-sm-6 col-12" title="Inactive customer count" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-danger"><i class="fa fa-users"></i></span> <div class="info-box-content"> <div class="row"> <div class="col-10"> <span class="info-box-text">Inactive </span> </div> </div> <span class="info-box-number" id="inactive_customer_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> </div> <!-- /.row --> <div id="customer-list" class="customer-table"> <table id="customer-table" data-search="true" data-custom-search="customSearch" data-buttons="buttonsFunction" data-url="" class="table table-bordered table-hover table-sm" data-query-params="queryParams" data-pagination="true"> <!-- id="table" data-toggle="table" data-height="460" data-ajax="ajaxRequest" data-search="true" data-side-pagination="server" data-pagination="true" --> <thead> <tr> <th data-align="center" data-formatter="imageFormatter" data-field="photo">Picture</th> <!-- <th data-formatter="checkIfEmpty" data-field="id">Customer No</th> --> <th data-formatter="tableNameFormatter" data-field="name" data-sortable="false" style="text-align: center;">Name</th> <!-- <th data-formatter="checkIfEmpty" data-field="gender_name">Gender</th> --> <!-- <th data-field="age_number">Age</th> --> <th data-formatter="tableEmailFormatter" data-field="email_1"> Email </th> <th data-formatter="tableMobileFormatter" data-field="mobile_phone_1"> Mobile</th> <th data-formatter="checkIfEmpty" data-field="type">Type</th> <th data-field="date_modified">Last modified</th> <th data-field="set_status">Customer status</th> </tr> </thead> <tbody> </tbody> </table> <div class="card" id="grid-card" style="box-shadow: 0 0 0 0"> <div class="overlay" id="loader-main" style="display:none;"> <div class="fas fa-2x fa-sync-alt fa-spin "> </div> <strong><span class="ml-2" id="loading-message-grid"> Loading, please wait...</span></strong> </div> <div class="card-body pb-0" id="customer-grid" style="padding: .50rem"> <div class="row d-flex align-items-stretch" id="customer-grid-data"> </div> </div> <div id="grid-page-footer-customer"> <div class="card-footer"> <nav aria-label="Customer Page Navigation"> <ul class="pagination justify-content-center m-0" id="customer-grid-data-paging"> </ul> </nav> </div> </div> </div> </div> <!-- </div> --> </div> </div> </div> <!--card-card-primary--> <!--row--> </div> <!--container-fluid--> </div> <!--container-fluid--> </div> <!--container-fluid--> <?php if ( (isset($global_action_permissions['2']['3']) && in_array("2", $global_action_permissions['2']['3'])) \|\| (isset($global_action_permissions['2']['3']) && in_array("3", $global_action_permissions['2']['3'])) ) { ?> <?php include 'include/components/customer_update/customer_form.php'; ?> <?php } ?> </section> <!-- END --> </div> <!--content-wrapper--> <!-- Modal Here --> <?php include('include/footer.php'); ?> <aside class="control-sidebar control-sidebar-dark"></aside> </div><!-- ./wrapper --> <!-- jQuery --> <script src="plugins/jquery/jquery.min.js"></script> <!-- jQuery UI 1.11.4 --> <script src="plugins/jquery-ui/jquery-ui.min.js"></script> <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip --> <script> $.widget.bridge('uibutton', $.ui.button) </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 --> <!-- jQuery Cookie--> <script src="plugins/jquery-cookie/jquery.cookie.js"></script> <!-- Ekko Lightbox --> <script src="plugins/ekko-lightbox/ekko-lightbox.min.js"></script> <!-- SweetAlert2 --> <script src="plugins/sweetalert2/sweetalert2.min.js"></script> <!-- Toastr --> <script src="plugins/toastr/toastr.min.js"></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 src="dist/js/jquery.balloon.min.js"></script> <script src="dist/js/customer_update/customer_form.js"></script> <script> //GLOBALS WITH PHP var customer_force_edit = <?php echo $has_force_edit_permission; ?>; const ref_num_header = '<?=base64_encode($_REQUEST['q'])?>'; const setpy = '<?=base64_encode('C9EWeDYSXR')?>' // alert(ref_num_header); </script> <script src="dist/js/customer_update/dealer_view_cu.js"></script> </body> </html>��views/customer_update/dealer_assigned_user_list07-30-24.php��0000644��00000075670�15025010632�0017642 0��ustar�00��<?php include('cfg/db.php'); include_once("api/controllers/utility.php"); // include('app/security/security.php'); if (!isset($_SESSION['user']['id'])) { header('location:signin.php'); } // $check_page = new CheckPage(); // $check_page->start($db); if (!(isset($global_action_permissions['11']['57']) && in_array("1", $global_action_permissions['11']['57']))) { header('location:signin.php'); } // $ref_num_header = $_REQUEST['q']; $dealer_id = $_SESSION['user']['dealer']; // echo'<pre>';print_r($_SESSION['user']);echo'</pre>';exit; $utility = new Utility(); $granted_company_ids = $utility->isNotEmpty($_SESSION['user']['company_permissions_implode']) ? $_SESSION['user']['company_permissions_implode'] : '-1'; // $ref=$db->sql_query("SELECT cua.ref_num_header,cua.batch_no,sc.name,count(cua.id) as total_nos FROM cu_dealer_users_assign cua LEFT JOIN source_dealer sc ON cua.dealer_id = sc.id WHERE cua.dealer_id=".$dealer_id." GROUP BY cua.ref_num_header"); // $ref_num_header =''; // $batch_no =''; // $dealer_name =''; // $nos =''; // if($ref->num_rows>0){ // foreach($ref as $ref_row) // { // $ref_num_header = $ref_row['ref_num_header']; // $batch_no = $ref_row['batch_no']; // $dealer_name = $ref_row['name']; // $nos = $ref_row['total_nos']; // }unset($ref_row); // } if (isset($global_action_permissions['22']['55']) && in_array("4", $global_action_permissions['11']['55'])) { $has_force_edit_permission = 1; } else { $has_force_edit_permission = 0; } // echo'<pre>';print_r($_SESSION['user']);echo'</pre>';exit; ?> <!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']; ?> \| User ASSIGNED</title> <!-- <script src="dist/js/filter.js"></script> --> <!-- 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"> <!-- Default style --> <link rel="stylesheet" href="dist/css/default.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"> <link href="dist/img/<?php echo $variable['logo']; ?>" rel="icon" /> <!-- Ekko Lightbox --> <link rel="stylesheet" href="plugins/ekko-lightbox/ekko-lightbox.css"> <!-- SweetAlert2 --> <link rel="stylesheet" href="plugins/sweetalert2/sweetalert2.min.css"> <!-- Toastr --> <link rel="stylesheet" href="plugins/toastr/toastr.min.css"> <!-- STARTMULTI --> <link rel="stylesheet" href="dist/css/bootstrap-multiselect.css" type="text/css"> <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%; } #customer-table.loading tbody { position: relative; } #customer-table.loading tbody:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #fff; / background-color: rgba(0, 0, 0, 0.1); / background-image: url(data:image/png;base64,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); background-position: center; background-repeat: no-repeat; background-size: 277px 35px; font-weight: bold; content: ""; } </style> </head> <body class="hold-transition sidebar-mini text-sm layout-fixed"> <!-- body class="hold-transition sidebar-mini text-sm" oncopy = 'return false' oncut = 'return false' onselectstart = 'return false' > --> <div class="wrapper"> <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'); ?> <!-- Content Wrapper. Contains page content --> <div id="upper" class="content-wrapper"> <!-- START --> <section class="content"> <div class="container-fluid"> <div class="row"> <div class="col-md mt-3" > <div id="table" class="card " style="background-color:#9bbbfc;"> <div class="card-header"> <h3 class="card-title" style="color:#282828;"><a href="#"><i class="fa fa-backward" aria-hidden="true" onclick="goBack();" style="color:#282828;;text-decoration:none;"> Back </i></a> \| User allocation</h3> </div> <div class="card"> <div class="card-body"> <?php / <div class="row"> <div class="col-md-4 col-sm-12" > <div class="col-md-12 col-sm-12" style="margin-bottom:1em;"> <span class="badge" style="background-color: #f9ce69;">Ref# : <?= $ref_num_header?></span><br> <span class="badge" style="background-color: #f9ce69;" data-field="batch_no">Batch No. : <?= $batch_no?></span><br> <span class="badge" data-field="dealer" style="background-color: #f9ce69;">Dealer : <?= $dealer_name?></span><br> <span class="badge" data-field="dealer" style="background-color: #f9ce69;">No of Asgn. : <?= $nos?></span> </div> </div> </div> / ?> <div id="customer-list" class="customer-table"> <table id="customer-table" data-search="true" data-custom-search="customSearch" data-buttons="buttonsFunction" data-url="" class="table table-bordered table-hover table-sm" data-query-params="queryParams" data-pagination="true"> <thead> <tr> <th data-field="dealer_ref_code" data-sortable="false" style="text-align: center;">Ref. Code</th> <th data-field="emp_name" data-sortable="false" style="text-align: center;">Employee</th> <!-- <th data-formatter="tableNameFormatter" data-field="ref_num_header" data-sortable="false" style="text-align: center;">Ref#</th> <th data-field="batch_no">Batch no</th> <th data-formatter="tableEmailFormatter" data-field="dealer"> Dealer </th> --> <th data-field="total_cu_assign">No. assigned</th> <th data-formatter="checkIfEmpty" data-field="noofupdated">No. of updated</th> <th data-field="date_assigned">Date assign. <th data-field="iview" data-formatter="tableNameFormatter">Action</th> </tr> </thead> <tbody> </tbody> </table> <div class="card" id="grid-card" style="box-shadow: 0 0 0 0"> <div class="overlay" id="loader-main" style="display:none;"> <div class="fas fa-2x fa-sync-alt fa-spin "> </div> <strong><span class="ml-2" id="loading-message-grid"> Loading, please wait...</span></strong> </div> <div class="card-body pb-0" id="customer-grid" style="padding: .50rem"> <div class="row d-flex align-items-stretch" id="customer-grid-data"> </div> </div> <div id="grid-page-footer-customer"> <div class="card-footer"> <nav aria-label="Customer Page Navigation"> <ul class="pagination justify-content-center m-0" id="customer-grid-data-paging"> </ul> </nav> </div> </div> </div> </div> </div> <!-- card-body --> </div> <!-- card --> </div> <!--card-card-primary--> </div> <!--container-fluid--> </div> <!--row--> </div> <!--container-fluid--> <?php if ( (isset($global_action_permissions['2']['3']) && in_array("2", $global_action_permissions['2']['3'])) \|\| (isset($global_action_permissions['2']['3']) && in_array("3", $global_action_permissions['2']['3'])) ) { ?> <?php include 'include/components/customer_update/customer_form.php'; ?> <?php } ?> </section> <!-- END --> </div> <!--content-wrapper--> <?php include('include/footer.php'); ?> <aside class="control-sidebar control-sidebar-dark"></aside> </div><!-- ./wrapper --> <!-- jQuery --> <script src="plugins/jquery/jquery.min.js"></script> <!-- jQuery UI 1.11.4 --> <script src="plugins/jquery-ui/jquery-ui.min.js"></script> <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip --> <script> $.widget.bridge('uibutton', $.ui.button) </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 --> <!-- jQuery Cookie--> <script src="plugins/jquery-cookie/jquery.cookie.js"></script> <!-- Ekko Lightbox --> <script src="plugins/ekko-lightbox/ekko-lightbox.min.js"></script> <!-- SweetAlert2 --> <script src="plugins/sweetalert2/sweetalert2.min.js"></script> <!-- Toastr --> <script src="plugins/toastr/toastr.min.js"></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 src="dist/js/jquery.balloon.min.js"></script> <script src="dist/js/customer_update/dealer_assigned_user_form.js"></script> <!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> --> <script src="plugins/datatables/jquery.dataTables.min.js"></script> <script src="plugins/datatables-bs4/js/dataTables.bootstrap4.min.js"></script> <script> //GLOBALS WITH PHP var customer_force_edit = <?php echo $has_force_edit_permission; ?>; const skey ='<?= base64_encode('ZmtDl9SkyB')?>' </script> <script src="dist/js/customer_update/dealer_assigned_user_list.js"></script> </body> </html>��views/customer_update/dealer_assignment05-23-24.php��0000644��00000137620�15025010632�0016116 0��ustar�00��<?php // ini_set('display_errors', 1); // ini_set('display_startup_errors', 1); // error_reporting(E_ALL); include('cfg/db.php'); include_once("api/controllers/utility.php"); // include('app/security/security.php'); if (!isset($_SESSION['user']['id'])) { header('location:signin.php'); } // $check_page = new CheckPage(); // $check_page->start($db); if (!(isset($global_action_permissions['11']['55']) && in_array("1", $global_action_permissions['11']['55']))) { header('location:signin.php'); } $utility = new Utility(); $granted_company_ids = $utility->isNotEmpty($_SESSION['user']['company_permissions_implode']) ? $_SESSION['user']['company_permissions_implode'] : '-1'; $ic=$db->sql_query("select id from inactive_customer where id not in (select customer_id from cu_assign)"); $icu =$ic->num_rows; $cu_assign=0; $cu_assign = $db->sql_query("select ref_num_header from cu_assign"); $had_cu_assign = $cu_assign->num_rows; if (isset($global_action_permissions['22']['55']) && in_array("4", $global_action_permissions['11']['55'])) { $has_force_edit_permission = 1; } else { $has_force_edit_permission = 0; } ?> <!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']; ?> \| Dealer Assignment</title> <!-- <script src="dist/js/filter.js"></script> --> <!-- 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"> <!-- Default style --> <link rel="stylesheet" href="dist/css/default.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"> <link href="dist/img/<?php echo $variable['logo']; ?>" rel="icon" /> <!-- Ekko Lightbox --> <link rel="stylesheet" href="plugins/ekko-lightbox/ekko-lightbox.css"> <!-- SweetAlert2 --> <link rel="stylesheet" href="plugins/sweetalert2/sweetalert2.min.css"> <!-- Toastr --> <link rel="stylesheet" href="plugins/toastr/toastr.min.css"> <!-- STARTMULTI --> <link rel="stylesheet" href="dist/css/bootstrap-multiselect.css" type="text/css"> <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%; } #customer-table.loading tbody { position: relative; } #customer-table.loading tbody:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #fff; / background-color: rgba(0, 0, 0, 0.1); / background-image: url(data:image/png;base64,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); background-position: center; background-repeat: no-repeat; background-size: 277px 35px; font-weight: bold; content: ""; } </style> </head> <body class="hold-transition sidebar-mini text-sm layout-fixed"> <!-- body class="hold-transition sidebar-mini text-sm" oncopy = 'return false' oncut = 'return false' onselectstart = 'return false' > --> <div class="wrapper"> <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'); ?> <!-- Content Wrapper. Contains page content --> <div id="upper" class="content-wrapper"> <!-- START --> <section class="content"> <div class="container-fluid"> <div class="row"> <div class="col-md mt-3"> <div id="table" class="card " style="background-color:#9bbbfc;"> <div class="card-header"> <h3 class="card-title" style="color:#282828;"><a href="#"><i class="fa fa-backward" aria-hidden="true" onclick="goBack();" style="color:#282828;text-decoration:none;"> Back </i></a> \| Dealer Assignment</h3> </div> <div class="card"> <div class="card-body"> <!-- ./FILTER --> <div class="row mb-2"> <div class="col-6"> </div> <div class="col-6 text-right"> <div class="btn-group"> <button type="button" class="tooltip-me btn btn-default dropdown-toggle btn-sm" data-toggle="dropdown" aria-haspopup="true" title="Filter" data-html="true" data-placement="left" aria-expanded="true"> <i class="fa fa-filter" aria-hidden="true"></i> </button> <div id="dropdown-filter" class="dropdown-menu dropdown-menu-right"> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <input type="button" class="btn btn-primary btn-sm form-control form-control-sm " name="btnCustomerListNoFilter" id="btnCustomerListNoFilter" value="No Filter" style="width: 100%;"></input> </div> <!--form-group dropdown--> </div> <!--form-group--> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="dms" id="dms" class="form-control form-control-sm" style="width: 100%;"> <option></option> <?php $batches = $db->return_result("SELECT batch_no from cu_assign where active =1 group by batch_no"); foreach ($batches as $batch) { echo "<option value='".$batch['batch_no']."'>" . $batch['batch_no'] . "</option>"; } ?> </select> </div> <!--form-group dropdown--> </div> <!--form-group--> <div class="form-group mb-0" hidden> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="customer-actions" id="customer-actions" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php $customer_actions_menu = array("all", "new","pending", "updated", "active","inactive"); foreach ($customer_actions_menu as $menu) { echo "<option value='$menu'>$menu</option>"; } ?> </select> </div> </div> </div> </div> </div> </div> <!-- ./FILTER --> <div class="row"> <?php if($icu <=0){?> <div class="col-md-12 col-sm-12" style="margin-bottom:1em;"> <span class="badge" style="background-color: #f9ce69;"> <i class="fa fa-exclamation-circle" aria-hidden="true"></i> There is no available inactive customer to be assigned to the dealer.</span> </div> <?php } ?> <?php if($had_cu_assign>0):?> <div class="col-md-4 col-sm-12"> <?php $apiKey2=base64_encode('0GADHHAB9G');?> <button class="btn btn-lg btn-lg btn-block" title="Remove all dealers assignment" onclick="resetAssign('<?=$apiKey2?>')" id="reset-assignment" style="background-color: #9bbbfc;margin-bottom:1px;"> <i class="fas fa-users-cog nav-icon"></i> Reset Assignment</button> <button class="btn btn-lg btn-lg btn-block" style="background-color:none;border:1px solid #4741a6;display:none;" id="spinner-loader-purple"> <div class="spinner-border" role="status" id="spinner-loader-purple" style="color:#4741a6"></div> <span style="color:#4741a6;margin-left:20px;">Processing...</span> </button> </div> <?php endif; ?> <div class="col-md-4 col-sm-6"> <button type="button" class="btn btn-lg" id="load-modal-dealer" onclick="loadDealers('<?=base64_encode('qpms3k82vn')?>')" data-toggle="modal" data-target="#exampleModalLong" data-backdrop="static" data-keyboard="false" title="Remove dealer from assignment" style="background-color: #9bbbfc;"> <i class="fas fa-cog nav-icon"></i> </button> </div> <!-- col-md-4 --> </div> <!-- END OF ROW --> <div class="row"> <!-- Modal --> <div class="modal fade bd-example-modal-lg" id="exampleModalLong" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true"> <div class="modal-dialog modal-lg" role="document"> <div class="modal-content"> <div class="modal-header"> <h6 class="modal-title" id="exampleModalLongTitle">Dealers</h6> <!-- <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> --> </div> <div class="modal-body dealer"> <!-- <div class="card-body" style="border:1px solid #ccc;"> --> <table id="table_dlr" class="table"> <thead> <tr> <th>#</th> <th>Dealer</th> <th>Active <input type="checkbox" onclick="chkAll();" style="margin-left:40px;margin-top:10px;" class="text-center fieldset-form" id="chk_all"> <label>Select all</label> </th> <th></th> </tr> </thead> <tbody> </tbody> </table> <!-- </div> --> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" Onclick="relodMdl();" data-dismiss="modal">Close</button> <button type="button" id="xlcd-dlr" onclick="exl_dlr()" class="btn btn-primary">Save changes</button> </div> </div> </div> </div> <!-- END MODAL --> </div> <!-- END ROW --> <div class="row"> <div class="col-md-12 col-sm-12"> <fieldset class="card" id="main-fieldset-assign"> <legend class="text-center fieldset-form">...</legend> <div class="custom-control custom-switch btn-lg"> <input type="checkbox" class="custom-control-input" id="toggleForms" onclick="swichAssignment();"> <label class="custom-control-label" for="toggleForms">Dealer Assignment</label> </div> <?php $apiKey=base64_encode('OG6ZWd2z8k4nof1');?> <button class="btn btn-lg btn-warning btn-lg " onclick="autoAssign('<?=$apiKey?>')" id="assign_to_dealers" style="width:330px;"> <i class="fas fa-users-cog nav-icon"></i> Assign to all Dealers</button> <button class="btn btn-lg btn-lg btn-block" style="background-color:none;border:1px solid #e0a800;display:none;" id="spinner-loader"> <div class="spinner-border text-warning" role="status" id="spinner-loader" ></div> <span style="color:black;margin-left:10px;">Processing...</span> </button> <!-- </fieldset> --> <fieldset class="card border-primary" id="fieldset-assign"> <legend class="text-center fieldset-form">Dealer Assignment</legend> <form id="assign-form"> <div class="form-row"> <div class="form-group col-md-1"> <label class="control-label" for="Company">Batch No.</label> <input type="number" pattern="[1-9]+" min="1" title="Please enter a valid number" class="form-control form-control-sm input-sm" id="batchNo" required disabled style=""> </div> <div class="form-group col-md-3"> <label class="control-label" for="Company">Company</label> <select id="sl_company" class="form-control form-control-sm" name="user" required> <option value="">Select Company</option> </select> </div> <div class="form-group col-md-3"> <label class="control-label" for="Dealer">Dealer</label> <select id="sl_dealer" class="form-control form-control-sm" name="user" required disabled> <option value="">Select Dealer</option> </select> </div> <?php /<div class="form-group col-md-3"> <label class="control-label" for="User">User</label> <select id="sl_user" class="form-control form-control-sm" name="user" required disabled> <option value="">Select user</option> </select> </div> / ?> <div class="form-group col-md-3"> <label class="control-label" for="assigno">Assign No.</label> <input type="number" class="form-control form-control-sm input-sm" id="no_assign" required disabled> <small class="text-muted"> / <span id="total_customer_count"></span></small> </div> </div> <div class="form-row"> <input type="hidden" id="apiy" value="<?=base64_encode("9lb7ha66ak")?>"> <div class="form-group col-md-3"> <button type="button" class="btn btn-success btn-sm" id="btn-submit-manually">Submit</button> </div> </div> </form> </fieldset> </div> <div class='col-md-4 col-sm-12'> </div> </fieldset> </div> <!-- /.row --> <div id="customer-list" class="customer-table"> <table id="customer-table" data-search="true" data-custom-search="customSearch" data-buttons="buttonsFunction" data-url="" class="table table-bordered table-hover table-sm" data-query-params="queryParams" data-pagination="true"> <thead> <tr> <th data-formatter="tableNameFormatter" data-field="ref_num_header" data-sortable="false" style="text-align: center;">Ref#</th> <th data-field="batch_no">Batch no</th> <th data-formatter="tableEmailFormatter" data-field="dealer"> Dealer </th> <th data-field="total_cu_assign">No. of DB assigned</th> <th data-field="date_assinged">Date</th> <!-- <th data-formatter="checkIfEmpty" data-field="type">Type</th> --> <th data-field="active">Status</th> <th data-field="dealer_assinged_users" style="text-align:center;">Assigned. user <input type="hidden" value="<?=base64_encode('xq2443ugxa')?>" id="ausr-py"> </th> <th data-field="action">Action</th> </tr> </thead> <tbody> </tbody> </table> <div class="card" id="grid-card" style="box-shadow: 0 0 0 0"> <div class="overlay" id="loader-main" style="display:none;"> <div class="fas fa-2x fa-sync-alt fa-spin "> </div> <strong><span class="ml-2" id="loading-message-grid"> Loading, please wait...</span></strong> </div> <div class="card-body pb-0" id="customer-grid" style="padding: .50rem"> <div class="row d-flex align-items-stretch" id="customer-grid-data"> </div> </div> <div id="grid-page-footer-customer"> <div class="card-footer"> <nav aria-label="Customer Page Navigation"> <ul class="pagination justify-content-center m-0" id="customer-grid-data-paging"> </ul> </nav> </div> </div> </div> </div> <!-- </div> --> </div> </div> </div> <!--card-card-primary--> <!--row--> </div> <!--container-fluid--> </div> <!--container-fluid--> </div> <!--container-fluid--> <?php if ( (isset($global_action_permissions['2']['3']) && in_array("2", $global_action_permissions['2']['3'])) \|\| (isset($global_action_permissions['2']['3']) && in_array("3", $global_action_permissions['2']['3'])) ) { ?> <?php include 'include/components/customer_update/customer_form.php'; ?> <?php } ?> </section> <!-- END --> </div> <!--content-wrapper--> <!-- Modal Here --> <?php include('include/footer.php'); ?> <aside class="control-sidebar control-sidebar-dark"></aside> </div><!-- ./wrapper --> <!-- jQuery --> <script src="plugins/jquery/jquery.min.js"></script> <!-- jQuery UI 1.11.4 --> <script src="plugins/jquery-ui/jquery-ui.min.js"></script> <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip --> <script> $.widget.bridge('uibutton', $.ui.button) </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 --> <!-- jQuery Cookie--> <script src="plugins/jquery-cookie/jquery.cookie.js"></script> <!-- Ekko Lightbox --> <script src="plugins/ekko-lightbox/ekko-lightbox.min.js"></script> <!-- SweetAlert2 --> <script src="plugins/sweetalert2/sweetalert2.min.js"></script> <!-- Toastr --> <script src="plugins/toastr/toastr.min.js"></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 src="dist/js/jquery.balloon.min.js"></script> <script src="dist/js/customer_update/dealer_cu_assign_form.js"></script> <!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> --> <script src="plugins/datatables/jquery.dataTables.min.js"></script> <script src="plugins/datatables-bs4/js/dataTables.bootstrap4.min.js"></script> <script> //GLOBALS WITH PHP var customer_force_edit = <?php echo $has_force_edit_permission; ?>; const excl_py = "<?=base64_encode('r8wkrhisl2')?>"; const apy = "<?=base64_encode('Qifl39Wkll')?>"; // $(document).ready(function() { // $('#table_dlr').on('click', '.chk-active-dlr', function() { // // Check if the checkbox is checked // // if ($(this).is(':checked')) { // // // Remove the corresponding row // // $(this).closest('tr').remove(); // // } // var isChecked = $(this).prop('checked'); // Get the checked state // var rowData = $(this).closest('tr').find('td:first-child').text(); // Get the first column text (Code) // // Send AJAX request to update checkbox state // $.ajax({ // url: 'update_checkbox_state.php', // method: 'POST', // data: { isChecked: isChecked, rowData: rowData }, // success: function(response) { // console.log(response); // Log server response // }, // error: function(xhr, status, error) { // console.error(error); // Log any errors // } // }); // }); // }); </script> <script src="dist/js/customer_update/dealer_assign.js"></script> </body> </html>��views/customer_update/assigned_customer_update.php��0000644��00000075667�15025010632�0016714 0��ustar�00��<?php include('cfg/db.php'); include_once("api/controllers/utility.php"); // include('app/security/security.php'); if (!isset($_SESSION['user']['id'])) { header('location:signin.php'); } // $check_page = new CheckPage(); // $check_page->start($db); if (!(isset($global_action_permissions['11']['59']) && in_array("1", $global_action_permissions['11']['59']))) { header('location:signin.php'); } // $ref_num_header = $_REQUEST['q']; $dealer_id = $_SESSION['user']['dealer']; // echo'<pre>';print_r($_SESSION['user']);echo'</pre>';exit; $utility = new Utility(); $granted_company_ids = $utility->isNotEmpty($_SESSION['user']['company_permissions_implode']) ? $_SESSION['user']['company_permissions_implode'] : '-1'; // $ref=$db->sql_query("SELECT cua.ref_num_header,cua.batch_no,sc.name,count(cua.id) as total_nos FROM cu_dealer_users_assign cua LEFT JOIN source_dealer sc ON cua.dealer_id = sc.id WHERE cua.dealer_id=".$dealer_id." GROUP BY cua.ref_num_header"); // $ref_num_header =''; // $batch_no =''; // $dealer_name =''; // $nos =''; // if($ref->num_rows>0){ // foreach($ref as $ref_row) // { // $ref_num_header = $ref_row['ref_num_header']; // $batch_no = $ref_row['batch_no']; // $dealer_name = $ref_row['name']; // $nos = $ref_row['total_nos']; // }unset($ref_row); // } if (isset($global_action_permissions['22']['55']) && in_array("4", $global_action_permissions['11']['55'])) { $has_force_edit_permission = 1; } else { $has_force_edit_permission = 0; } // echo'<pre>';print_r($_SESSION['user']);echo'</pre>';exit; ?> <!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']; ?> \| User ASSIGNED</title> <!-- <script src="dist/js/filter.js"></script> --> <!-- 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"> <!-- Default style --> <link rel="stylesheet" href="dist/css/default.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"> <link href="dist/img/<?php echo $variable['logo']; ?>" rel="icon" /> <!-- Ekko Lightbox --> <link rel="stylesheet" href="plugins/ekko-lightbox/ekko-lightbox.css"> <!-- SweetAlert2 --> <link rel="stylesheet" href="plugins/sweetalert2/sweetalert2.min.css"> <!-- Toastr --> <link rel="stylesheet" href="plugins/toastr/toastr.min.css"> <!-- STARTMULTI --> <link rel="stylesheet" href="dist/css/bootstrap-multiselect.css" type="text/css"> <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%; } #customer-table.loading tbody { position: relative; } #customer-table.loading tbody:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #fff; / background-color: rgba(0, 0, 0, 0.1); / background-image: url(data:image/png;base64,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); background-position: center; background-repeat: no-repeat; background-size: 277px 35px; font-weight: bold; content: ""; } </style> </head> <body class="hold-transition sidebar-mini text-sm layout-fixed"> <!-- body class="hold-transition sidebar-mini text-sm" oncopy = 'return false' oncut = 'return false' onselectstart = 'return false' > --> <div class="wrapper"> <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'); ?> <!-- Content Wrapper. Contains page content --> <div id="upper" class="content-wrapper"> <!-- START --> <section class="content"> <div class="container-fluid"> <div class="row"> <div class="col-md mt-3" > <div id="table" class="card " style="background-color:#9bbbfc;"> <div class="card-header"> <h3 class="card-title" style="color:#282828;"><a href="#"><i class="fa fa-backward" aria-hidden="true" onclick="goBack();" style="color:#282828;;text-decoration:none;"> Back </i></a> \| User allocation</h3> </div> <div class="card"> <div class="card-body"> <?php / <div class="row"> <div class="col-md-4 col-sm-12" > <div class="col-md-12 col-sm-12" style="margin-bottom:1em;"> <span class="badge" style="background-color: #f9ce69;">Ref# : <?= $ref_num_header?></span><br> <span class="badge" style="background-color: #f9ce69;" data-field="batch_no">Batch No. : <?= $batch_no?></span><br> <span class="badge" data-field="dealer" style="background-color: #f9ce69;">Dealer : <?= $dealer_name?></span><br> <span class="badge" data-field="dealer" style="background-color: #f9ce69;">No of Asgn. : <?= $nos?></span> </div> </div> </div> / ?> <div id="customer-list" class="customer-table"> <table id="customer-table" data-search="true" data-custom-search="customSearch" data-buttons="buttonsFunction" data-url="" class="table table-bordered table-hover table-sm" data-query-params="queryParams" data-pagination="true"> <thead> <tr> <th data-field="dealer_ref_code" data-sortable="false" style="text-align: center;">Ref. Code</th> <th data-field="emp_name" data-sortable="false" style="text-align: center;">Employee</th> <!-- <th data-formatter="tableNameFormatter" data-field="ref_num_header" data-sortable="false" style="text-align: center;">Ref#</th> <th data-field="batch_no">Batch no</th> <th data-formatter="tableEmailFormatter" data-field="dealer"> Dealer </th> --> <th data-field="total_cu_assign">No. assigned</th> <th data-formatter="checkIfEmpty" data-field="noofupdated">No. of updated</th> <th data-field="date_assigned">Date assign. <th data-field="iview" data-formatter="tableNameFormatter">Action</th> </tr> </thead> <tbody> </tbody> </table> <div class="card" id="grid-card" style="box-shadow: 0 0 0 0"> <div class="overlay" id="loader-main" style="display:none;"> <div class="fas fa-2x fa-sync-alt fa-spin "> </div> <strong><span class="ml-2" id="loading-message-grid"> Loading, please wait...</span></strong> </div> <div class="card-body pb-0" id="customer-grid" style="padding: .50rem"> <div class="row d-flex align-items-stretch" id="customer-grid-data"> </div> </div> <div id="grid-page-footer-customer"> <div class="card-footer"> <nav aria-label="Customer Page Navigation"> <ul class="pagination justify-content-center m-0" id="customer-grid-data-paging"> </ul> </nav> </div> </div> </div> </div> </div> <!-- card-body --> </div> <!-- card --> </div> <!--card-card-primary--> </div> <!--container-fluid--> </div> <!--row--> </div> <!--container-fluid--> <?php if ( (isset($global_action_permissions['2']['3']) && in_array("2", $global_action_permissions['2']['3'])) \|\| (isset($global_action_permissions['2']['3']) && in_array("3", $global_action_permissions['2']['3'])) ) { ?> <?php include 'include/components/customer_update/customer_form.php'; ?> <?php } ?> </section> <!-- END --> </div> <!--content-wrapper--> <?php include('include/footer.php'); ?> <aside class="control-sidebar control-sidebar-dark"></aside> </div><!-- ./wrapper --> <!-- jQuery --> <script src="plugins/jquery/jquery.min.js"></script> <!-- jQuery UI 1.11.4 --> <script src="plugins/jquery-ui/jquery-ui.min.js"></script> <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip --> <script> $.widget.bridge('uibutton', $.ui.button) </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 --> <!-- jQuery Cookie--> <script src="plugins/jquery-cookie/jquery.cookie.js"></script> <!-- Ekko Lightbox --> <script src="plugins/ekko-lightbox/ekko-lightbox.min.js"></script> <!-- SweetAlert2 --> <script src="plugins/sweetalert2/sweetalert2.min.js"></script> <!-- Toastr --> <script src="plugins/toastr/toastr.min.js"></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 src="dist/js/jquery.balloon.min.js"></script> <script src="dist/js/customer_update/dealer_assigned_user_form.js"></script> <!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> --> <script src="plugins/datatables/jquery.dataTables.min.js"></script> <script src="plugins/datatables-bs4/js/dataTables.bootstrap4.min.js"></script> <script> //GLOBALS WITH PHP var customer_force_edit = <?php echo $has_force_edit_permission; ?>; const skey ='<?= base64_encode('ZmtDl9SkyB')?>' </script> <script src="dist/js/customer_update/assigned_customer_update.js"></script> </body> </html>��views/customer_update/customer_update_assigned.php��0000644��00000207121�15025010632�0016672 0��ustar�00��<?php include('cfg/db.php'); include_once("api/controllers/utility.php"); // include('app/security/security.php'); if (!isset($_SESSION['user']['id'])) { header('location:signin.php'); } // $check_page = new CheckPage(); // $check_page->start($db); // if (!(isset($global_action_permissions['11']['58']) && // in_array("1", $global_action_permissions['11']['58']))) { // header('location:signin.php'); // } $utility = new Utility(); $granted_company_ids = $utility->isNotEmpty($_SESSION['user']['company_permissions_implode']) ? $_SESSION['user']['company_permissions_implode'] : '-1'; if (isset($global_action_permissions['2']['3']) && in_array("4", $global_action_permissions['2']['3'])) { $has_force_edit_permission = 1; } else { $has_force_edit_permission = 0; } $dealer_name=''; $ref_num_header =''; $dealer_ref_header=''; $employee_name =''; if(isset($_REQUEST['q'])) { $urlParam = $utility->str_decrypt($_REQUEST['q']); $dealer_name = $urlParam['dealer_name']; $ref_num_header = $urlParam['ref_num_header']; $dealer_ref_header = $urlParam['dealer_ref_header']; if($urlParam['user_id'] >0){ $empQ = $db->sql_query("select concat(first_name,' ',middle_name,' ',last_name) as emp_name from employee where employee_id=".$urlParam['user_id']); foreach($empQ as $employee) { $employee_name = $employee['emp_name']; }unset($employee); } } $months = [ 1 => 'January', 2 => 'February', 3 => 'March', 4 => 'April', 5 => 'May', 6 => 'June', 7 => 'July', 8 => 'August', 9 => 'September', 10 => 'October', 11 => 'November', 12 => 'December' ]; // Generate year array $currentYear = date("Y"); $years = range($currentYear, $currentYear - 50); // Last 50 years ?> <!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']; ?> \| Customers</title> <!-- <script src="dist/js/filter.js"></script> --> <!-- 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"> <!-- Default style --> <link rel="stylesheet" href="dist/css/default.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"> <link href="dist/img/<?php echo $variable['logo']; ?>" rel="icon" /> <!-- Ekko Lightbox --> <link rel="stylesheet" href="plugins/ekko-lightbox/ekko-lightbox.css"> <!-- SweetAlert2 --> <link rel="stylesheet" href="plugins/sweetalert2/sweetalert2.min.css"> <!-- Toastr --> <link rel="stylesheet" href="plugins/toastr/toastr.min.css"> <!-- STARTMULTI --> <link rel="stylesheet" href="dist/css/bootstrap-multiselect.css" type="text/css"> <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <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%; } #customer-table.loading tbody { position: relative; } #customer-table.loading tbody:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #fff; / background-color: rgba(0, 0, 0, 0.1); / background-image: url(data:image/png;base64,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); background-position: center; background-repeat: no-repeat; background-size: 277px 35px; font-weight: bold; content: ""; } </style> </head> <body class="hold-transition sidebar-mini text-sm layout-fixed"> <!-- body class="hold-transition sidebar-mini text-sm" oncopy = 'return false' oncut = 'return false' onselectstart = 'return false' > --> <div class="wrapper"> <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'); ?> <!-- Content Wrapper. Contains page content --> <div id="upper" class="content-wrapper"> <!-- Content Header (Page header) --> <!-- <section class="content-header "> --> <!-- <div class="container-fluid"> <div class="row mb-0"> <div class="col-sm-6"> --> <!-- <h1 id="h1">Customers</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">Customers</li> </ol> </div> </div> </div> --> <!-- /.container-fluid --> <!-- </section> --> <!-- START --> <section class="content"> <div class="container-fluid"> <div class="row"> <div class="col-md mt-3"> <div id="table" class="card card" style="background-color:#9bbbfc;"> <div class="card-header"> <h3 class="card-title" style="color:#282828; overflow: hidden;"> <a href="#" style="text-decoration:none;"><i class="fa fa-backward" aria-hidden="true" onclick="goBack();" style="color:#282828;"> Back </i></a> <!-- <span id="user" class="float-right" style="font-size: 11;"> <?=(strlen($employee_name)>0 ? ' \| <i class="fas fa-user-tag" > '.$employee_name.'</i>' : '')?></span> --> </h3> </div> <div class="card"> <div class="card-body"> <!-- ./FILTER --> <div class="row mb-2"> <div class="col-md-8 col-sm-6"> <?php /<!-- <div> <label class="label" style="display:inline-block;width: 80px;"> SC : </label> <span id="user" class="badge" style="background-color:#f9ce69;"> <?=(strlen($employee_name)>0 ? '<i class="fas fa-user-tag" > '.$employee_name.'</i>' : '')?></span> </div> <div> <label class="label" style="display: inline-block;width: 80px;"> Ref. Code : </label> <span class="badge pr-" style="background-color:#f9ce69;"><?=$ref_num_header.'-'.$dealer_ref_header?> </span> </div> <div> <label class="label" style="display: inline-block;width: 80px;"> Dealer : </label> <span class="badge " style="background-color:#f9ce69;"><?=$dealer_name?></span> </div> --> /?> <nav aria-label="breadcrumb"> <ol class="breadcrumb"> <li class="breadcrumb-item"> <i class="fas fa-folder-open folder-icon"></i>  <label class="label">SC:</label> <!-- <span class="badge"> <?= (strlen($employee_name) > 0 ? '<i class="fas fa-user-tag"> ' . $employee_name . '</i>' : '') ?> </span> --> <span class="badge" style="font-family:Source Sans Pro,SourceSansPro-Bold;"> <?= (strlen($employee_name) > 0 ? strtoupper($employee_name) : '') ?> </span> </li> <li class="breadcrumb-item"> <!-- <i class="fas fa-folder folder-icon"></i> --> <label class="label">Ref. Code:</label> <span class="badge"> <?= $ref_num_header . '-' . $dealer_ref_header ?> </span> </li> <li class="breadcrumb-item"> <!-- <i class="fas fa-folder-open folder-icon"></i> --> <label class="label">Dealer:</label> <span class="badge"><?= $dealer_name ?></span> </li> </ol> </nav> </div> <div class="col-md-4 col-sm-6 text-right"> <div class="btn-group"> <button type="button" class="tooltip-me btn btn-default dropdown-toggle btn-sm" data-toggle="dropdown" aria-haspopup="true" title="Filter" data-html="true" data-placement="left" aria-expanded="true"> <i class="fa fa-filter" aria-hidden="true"></i> </button> <div id="dropdown-filter" class="dropdown-menu dropdown-menu-right"> <?php / <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <input type="button" class="btn btn-primary btn-sm form-control form-control-sm " name="btnCustomerListNoFilter" id="btnCustomerListNoFilter" value="No Filter" style="width: 100%;"></input> </div> <!--form-group dropdown--> </div> <!--form-group--> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="dms" id="dms" class="form-control form-control-sm" style="width: 100%;"> <option></option> <?php $company = $db->return_result("SELECT `id`, `name` FROM `source_dms` WHERE status = 1 ORDER BY name ASC"); foreach ($company as $data) { // if($dashboard_filter && $dashboard_type == '1'){ if (isset($_GET['selected_dms'])) { $selected_dms = $db->escape($_GET['selected_dms']); if ($data['id'] == $selected_dms) { 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--> <!-- text input --> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="company-filter" id="company-filter" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php $company = $db->return_result("SELECT `id`, `code` FROM `source_company` WHERE status = 1 AND id IN (" . $granted_company_ids . ") ORDER BY code ASC"); foreach ($company as $data) { // if($dashboard_filter && $dashboard_type == '5'){ if (isset($_GET['selected_company'])) { $selected_company = $db->escape($_GET['selected_company']); if ($data['id'] == $selected_company) { echo "<option value='{$data['id']}' selected>" . $data['code'] . "</option>"; } else { echo "<option value='{$data['id']}' >" . $data['code'] . "</option>"; } } else { echo "<option value='{$data['id']}' >" . $data['code'] . "</option>"; } } ?> </select> </div> <!--form-group dropdown--> </div> <!--form-group--> /?> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="type" id="type" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php if (isset($_GET['selected_type'])) { $selected_type = $db->escape($_GET['selected_type']); if ($selected_type == '1') { ?> <option value="1" selected>Individual</option> <option value="2">Corporation</option> <?php } else if ($selected_type == '2') { ?> <option value="1">Individual</option> <option value="2" selected>Corporation</option> <?php } } else { ?> <option value="1">Individual</option> <option value="2">Corporation</option> <?php } ?> </select> </div> </div> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="gender" id="gender" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?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) { // if($dashboard_filter && $dashboard_type == '2'){ if (isset($_GET['selected_gender'])) { $selected_gender = $db->escape($_GET['selected_gender']); if ($data['id'] == $selected_gender) { echo "<option value='{$data['id']}' selected>" . $data['gender_name'] . "</option>"; } else { echo "<option value='{$data['id']}'>" . $data['gender_name'] . "</option>"; } } else { echo "<option value='{$data['id']}'>" . $data['gender_name'] . "</option>"; } } ?> </select> </div> <!--form-group dropdown--> </div> <!--form-group--> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="filter-age" id="filter-age" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php if (isset($_GET['selected_age'])) { $selected_age = $db->escape($_GET['selected_age']); if ($selected_age == 'below') { ?> <option value="below" selected>Below 30</option> <option value="between">Between 31 and 50</option> <option value="above">Age 51 and Up</option> <?php } else if ($selected_age == 'between') { ?> <option value="below">Below 30</option> <option value="between" selected>Between 31 and 50 </option> <option value="above">Age 51 and Up</option> <?php } else if ($selected_age == 'above') { ?> <option value="below">Below 30</option> <option value="between">Between 31 and 50</option> <option value="above" selected>Age 51 and Up </option> <?php } } else { ?> <option value="below">Below 30</option> <option value="between">Between 31 and 50</option> <option value="above">Age 51 and Up </option> <?php } ?> </select> </div> </div> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="filter-data" id="filter-data" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php $filter_data_menu = array("No Email", "Complete Data", "Incomplete Data", "No Address", "No Gender", "No Date of birth"); foreach ($filter_data_menu as $menu) { // if($dashboard_filter && $dashboard_type == '3'){ if (isset($_GET['incomplete_data'])) { $incomplete_data = $db->escape($_GET['incomplete_data']); if ($incomplete_data == $menu) { echo "<option value='$menu' selected >$menu</option>"; } else { echo "<option value='$menu'>$menu</option>"; } } else { echo "<option value='$menu'>$menu</option>"; } } ?> </select> </div> </div> <!-- Month Picker Dropdown --> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select class="form-control form-control-sm select2" style="width: 100%;" id="filter-month" name="filter-month"> <option value="">Select Month</option> <?php foreach ($months as $num => $name): ?> <option value="<?= $num ?>"><?= $name ?></option> <?php endforeach; ?> </select> </div> </div> <!-- Year Picker Dropdown --> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select class="form-control form-control-sm select2" style="width: 100%;" id="filter-year" name="filter-year"> <option value="">Select Year</option> <?php foreach ($years as $year): ?> <option value="<?= $year ?>"><?= $year ?></option> <?php endforeach; ?> </select> </div> </div> <div class="form-group mb-0" hidden> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="customer-actions" id="customer-actions" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php $customer_actions_menu = array("all", "new", "updated", "added","active","inactive","pending"); foreach ($customer_actions_menu as $menu) { echo "<option value='$menu'>$menu</option>"; } ?> </select> </div> </div> <!-- <div class="form-group mb-0"> <div class="text-center form-group dropdown-input mr-2 ml-2 mb-0"> <div class="icheck-primary d-inline"> <input type="checkbox" id="my_record_filter" /> <label class="mb-0" for="my_record_filter"> My Records </label> </div> </div> </div> --> </div> </div> </div> </div> <!-- ./FILTER --> <div class="row"> <!-- <div class="col-md-12"> <h4 class="no-margin">Customer Summary</h4> </div> --> <div id="customer_action_all" class="col-md-4 col-sm-6 col-12" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-primary"> <i class="fas fa-user-tag"></i> </span> <div class="info-box-content"> <span class="info-box-text">Total assigned</span> <span class="info-box-number" id="total_customer_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> <div id="customer_action_pending" class="col-md-4 col-sm-6 col-12" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-warning"><i class="fa fa-users"></i></span> <div class="info-box-content"> <div class="row"> <div class="col-10"> <span class="info-box-text">Pending</span> </div> <div class="col-2"> <!-- <i class="float-right tooltip-me mt-2 mr-2 mb-0 fas fa-question-circle" style="color:blue; cursor: help;" title="Record count from last 7 days"></i> --> </div> </div> <span class="info-box-number" id="pending_customer_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> <div id="customer_action_updated" class="col-md-4 col-sm-6 col-12" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-info"><i class="fa fa fa-sync"></i></span> <div class="info-box-content"> <div class="row"> <div class="col-10"> <span class="info-box-text">Updated </span> </div> <div class="col-2"> <!-- <i class="float-right tooltip-me mt-2 mr-2 mb-0 fas fa-question-circle" style="color:blue; cursor: help;" title="Record count from last 7 days"></i> --> </div> </div> <span class="info-box-number" id="updated_customer_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> <div id="customer_action_active" class="col-md-6 col-sm-6 col-12" title="Active customer count" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-success"><i class="fa fa-users"></i></span> <div class="info-box-content"> <div class="row"> <div class="col-10"> <span class="info-box-text">Active </span> </div> </div> <span style="margin-left:10px" class="info-box-number" id="active_customer_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <div id="customer_action_inactive" class="col-md-6 col-sm-6 col-12" title="Inactive customer count" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-danger"><i class="fa fa-users"></i></span> <div class="info-box-content"> <div class="row"> <div class="col-10"> <span class="info-box-text">Inactive </span> </div> </div> <span class="info-box-number" id="inactive_customer_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <?php / <div id="customer_action_added" class="col-md-3 col-sm-6 col-12" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-success"><i class="fa fa-plus"></i></span> <div class="info-box-content"> <span class="info-box-text">Added Today</span> <span class="info-box-number" id="new_today_customer_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> /?> </div> <!-- /.row --> <div id="customer-list" class="customer-table"> <table id="customer-table" data-search="true" data-custom-search="customSearch" data-buttons="buttonsFunction" data-url="" class="table table-bordered table-hover table-sm" data-query-params="queryParams" data-pagination="true"> <!-- id="table" data-toggle="table" data-height="460" data-ajax="ajaxRequest" data-search="true" data-side-pagination="server" data-pagination="true" --> <thead> <tr> <th data-align="center" data-formatter="imageFormatter" data-field="photo">Picture</th> <!-- <th data-formatter="checkIfEmpty" data-field="id">Customer No</th> --> <th data-formatter="tableNameFormatter" data-field="name" data-sortable="false" style="text-align: center;">Name</th> <!-- <th data-formatter="checkIfEmpty" data-field="gender_name">Gender</th> --> <!-- <th data-field="age_number">Age</th> --> <th data-formatter="tableEmailFormatter" data-field="email_1"> Email </th> <th data-formatter="tableMobileFormatter" data-field="mobile_phone_1"> Mobile</th> <th data-formatter="checkIfEmpty" data-field="type">Type</th> <th data-field="last_date_modified">Last modified</th> <th data-field="set_status">Customer status</th> </tr> </thead> <tbody> </tbody> </table> <div class="card" id="grid-card" style="box-shadow: 0 0 0 0"> <div class="overlay" id="loader-main" style="display:none;"> <div class="fas fa-2x fa-sync-alt fa-spin "> </div> <strong><span class="ml-2" id="loading-message-grid"> Loading, please wait...</span></strong> </div> <div class="card-body pb-0" id="customer-grid" style="padding: .50rem"> <div class="row d-flex align-items-stretch" id="customer-grid-data"> </div> </div> <div id="grid-page-footer-customer"> <div class="card-footer"> <nav aria-label="Customer Page Navigation"> <ul class="pagination justify-content-center m-0" id="customer-grid-data-paging"> </ul> </nav> </div> </div> </div> </div> <!-- </div> --> </div> </div> </div> <!--card-card-primary--> <!--row--> </div> <!--container-fluid--> </div> <!--container-fluid--> </div> <!--container-fluid--> <?php if ( (isset($global_action_permissions['2']['3']) && in_array("2", $global_action_permissions['2']['3'])) \|\| (isset($global_action_permissions['2']['3']) && in_array("3", $global_action_permissions['2']['3'])) ) { ?> <?php include 'include/components/customer_update/customer_form.php'; ?> <?php } ?> </section> <!-- END --> </div> <!--content-wrapper--> <!-- Modal Here --> <?php include('include/footer.php'); ?> <aside class="control-sidebar control-sidebar-dark"></aside> </div><!-- ./wrapper --> <!-- jQuery --> <script src="plugins/jquery/jquery.min.js"></script> <!-- jQuery UI 1.11.4 --> <script src="plugins/jquery-ui/jquery-ui.min.js"></script> <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip --> <script> $.widget.bridge('uibutton', $.ui.button) </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 --> <!-- jQuery Cookie--> <script src="plugins/jquery-cookie/jquery.cookie.js"></script> <!-- Ekko Lightbox --> <script src="plugins/ekko-lightbox/ekko-lightbox.min.js"></script> <!-- SweetAlert2 --> <script src="plugins/sweetalert2/sweetalert2.min.js"></script> <!-- Toastr --> <script src="plugins/toastr/toastr.min.js"></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 src="dist/js/jquery.balloon.min.js"></script> <script src="dist/js/customer_update/customer_assigned_user_form.js"></script> <script> //GLOBALS WITH PHP var customer_force_edit = <?php echo $has_force_edit_permission; ?>; const url_param = '<?=($_REQUEST['q'])?>'; const setpy = '<?=base64_encode('C9EWeDYSXR')?>' </script> <script src="dist/js/customer_update/customer_user_assigned.js"></script> </body> </html>��views/customer_update/assign_dealer_view.php��0000644��00000130676�15025010632�0015456 0��ustar�00��<?php include('cfg/db.php'); include_once("api/controllers/utility.php"); // include('app/security/security.php'); if (!isset($_SESSION['user']['id'])) { header('location:signin.php'); } // $check_page = new CheckPage(); // $check_page->start($db); if (!(isset($global_action_permissions['2']['3']) && in_array("1", $global_action_permissions['2']['3']))) { header('location:signin.php'); } $utility = new Utility(); $granted_company_ids = $utility->isNotEmpty($_SESSION['user']['company_permissions_implode']) ? $_SESSION['user']['company_permissions_implode'] : '-1'; if (isset($global_action_permissions['2']['3']) && in_array("4", $global_action_permissions['2']['3'])) { $has_force_edit_permission = 1; } else { $has_force_edit_permission = 0; } $decoded_url_param = $utility->str_decrypt($_REQUEST['q']); $dealer_name=''; $ref_num_header =''; // $dealer_ref_header=''; $batch_no =''; if(isset($_REQUEST['q'])) { $dealer_name = $decoded_url_param['dealer_name']; $ref_num_header = $decoded_url_param['ref_num_header']; $batch_no = $decoded_url_param['batch_no']; // if($urlParam['user_id'] >0){ // $empQ = $db->sql_query("select concat(first_name,' ',middle_name,' ',last_name) as emp_name from employee where employee_id=".$urlParam['user_id']); // foreach($empQ as $employee) // { // $employee_name = $employee['emp_name']; // }unset($employee); // } } ?> <!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']; ?> \| Customers</title> <!-- <script src="dist/js/filter.js"></script> --> <!-- 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"> <!-- Default style --> <link rel="stylesheet" href="dist/css/default.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"> <link href="dist/img/<?php echo $variable['logo']; ?>" rel="icon" /> <!-- Ekko Lightbox --> <link rel="stylesheet" href="plugins/ekko-lightbox/ekko-lightbox.css"> <!-- SweetAlert2 --> <link rel="stylesheet" href="plugins/sweetalert2/sweetalert2.min.css"> <!-- Toastr --> <link rel="stylesheet" href="plugins/toastr/toastr.min.css"> <!-- STARTMULTI --> <link rel="stylesheet" href="dist/css/bootstrap-multiselect.css" type="text/css"> <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%; } #customer-table.loading tbody { position: relative; } #customer-table.loading tbody:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #fff; / background-color: rgba(0, 0, 0, 0.1); / background-image: url(data:image/png;base64,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); background-position: center; background-repeat: no-repeat; background-size: 277px 35px; font-weight: bold; content: ""; } </style> </head> <body class="hold-transition sidebar-mini text-sm layout-fixed"> <!-- body class="hold-transition sidebar-mini text-sm" oncopy = 'return false' oncut = 'return false' onselectstart = 'return false' > --> <div class="wrapper"> <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'); ?> <!-- Content Wrapper. Contains page content --> <div id="upper" class="content-wrapper"> <!-- Content Header (Page header) --> <!-- <section class="content-header "> --> <!-- <div class="container-fluid"> <div class="row mb-0"> <div class="col-sm-6"> --> <!-- <h1 id="h1">Customers</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">Customers</li> </ol> </div> </div> </div> --> <!-- /.container-fluid --> <!-- </section> --> <!-- START --> <section class="content"> <div class="container-fluid"> <div class="row"> <div class="col-md mt-3"> <div id="table" class="card" style="background-color:#9bbbfc;"> <div class="card-header"> <h3 class="card-title"> <a href="#"><i class="fa fa-backward" aria-hidden="true" onclick="goBack();" style="color:#282828;text-decoration:none;"> Back </i></a> \| Customer Assigned</h3> </div> <div class="card"> <div class="card-body"> <!-- ./FILTER --> <div class="row mb-2"> <div class="col-md-8 col-lg-8 col-sm-6"> <nav aria-label="breadcrumb"> <ol class="breadcrumb"> <li class="breadcrumb-item"> <i class="fas fa-folder-open folder-icon"></i> <label class="label">Batch no :</label> <span class="badge"><?= $batch_no ?></span> </li> <li class="breadcrumb-item"> <!-- <i class="fas fa-folder-open folder-icon"></i> --> <label class="label">Ref Code :</label> <span class="badge"><?= $ref_num_header?></span> </li> <li class="breadcrumb-item"> <!-- <i class="fas fa-folder-open folder-icon"></i> --> <label class="label">Dealer :</label> <span class="badge"><?= $dealer_name ?></span> </li> </ol> </nav> </div> <div class="col-md-4 col-lg-4 col-sm-6 text-right"> <div class="btn-group"> <button type="button" class="tooltip-me btn btn-default dropdown-toggle btn-sm" data-toggle="dropdown" aria-haspopup="true" title="Filter" data-html="true" data-placement="left" aria-expanded="true"> <i class="fa fa-filter" aria-hidden="true"></i> </button> <div id="dropdown-filter" class="dropdown-menu dropdown-menu-right"> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <input type="button" class="btn btn-primary btn-sm form-control form-control-sm " name="btnCustomerListNoFilter" id="btnCustomerListNoFilter" value="No Filter" style="width: 100%;"></input> </div> <!--form-group dropdown--> </div> <!--form-group--> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="dms" id="dms" class="form-control form-control-sm" style="width: 100%;"> <option></option> <?php $batches = $db->return_result("SELECT batch_no from cu_assign where active =1 group by batch_no"); foreach ($batches as $batch) { echo "<option value='".$batch['batch_no']."'>" . $batch['batch_no'] . "</option>"; } ?> </select> </div> <!--form-group dropdown--> </div> <!--form-group--> <div class="form-group mb-0" hidden> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="customer-actions" id="customer-actions" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php $customer_actions_menu = array("all", "new","pending", "updated", "active","inactive"); foreach ($customer_actions_menu as $menu) { echo "<option value='$menu'>$menu</option>"; } ?> </select> </div> </div> </div> </div> </div> </div> <!-- ./FILTER --> <hr> <div class="row"> <div id="customer_action_all" class="col-md-4 col-sm-6 col-12" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-primary"> <i class="fas fa-user-tag"></i> </span> <div class="info-box-content"> <span class="info-box-text">Total assigned</span> <span class="info-box-number" id="total_customer_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> <div id="customer_action_pending" class="col-md-4 col-sm-6 col-12" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-warning"><i class="fa fa-users"></i></span> <div class="info-box-content"> <div class="row"> <div class="col-10"> <span class="info-box-text">Pending</span> </div> </div> <span class="info-box-number" id="pending_customer_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> <div id="customer_action_updated" class="col-md-4 col-sm-6 col-12" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-info"><i class="fa fa fa-sync"></i></span> <div class="info-box-content"> <div class="row"> <div class="col-10"> <span class="info-box-text">Updated </span> </div> </div> <span class="info-box-number" id="updated_customer_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <div id="customer_action_active" class="col-md-6 col-sm-6 col-12" title="Active customer count" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-success"><i class="fa fa-users"></i></span> <div class="info-box-content"> <div class="row"> <div class="col-10"> <span class="info-box-text">Active </span> </div> </div> <span style="margin-left:10px" class="info-box-number" id="active_customer_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <div id="customer_action_inactive" class="col-md-6 col-sm-6 col-12" title="Inactive customer count" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-danger"><i class="fa fa-users"></i></span> <div class="info-box-content"> <div class="row"> <div class="col-10"> <span class="info-box-text">Inactive </span> </div> </div> <span class="info-box-number" id="inactive_customer_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> </div> <!-- /.row --> <div id="customer-list" class="customer-table"> <table id="customer-table" data-search="true" data-custom-search="customSearch" data-buttons="buttonsFunction" data-url="" class="table table-bordered table-hover table-sm" data-query-params="queryParams" data-pagination="true"> <!-- id="table" data-toggle="table" data-height="460" data-ajax="ajaxRequest" data-search="true" data-side-pagination="server" data-pagination="true" --> <thead> <tr> <th data-align="center" data-formatter="imageFormatter" data-field="photo">Picture</th> <!-- <th data-formatter="checkIfEmpty" data-field="id">Customer No</th> --> <th data-formatter="tableNameFormatter" data-field="name" data-sortable="false" style="text-align: center;">Name</th> <!-- <th data-formatter="checkIfEmpty" data-field="gender_name">Gender</th> --> <!-- <th data-field="age_number">Age</th> --> <th data-formatter="tableEmailFormatter" data-field="email_1"> Email </th> <th data-formatter="tableMobileFormatter" data-field="mobile_phone_1"> Mobile</th> <th data-formatter="checkIfEmpty" data-field="type">Type</th> <th data-field="city">City</th> <th data-field="date_modified">Last modified</th> <th data-field="set_status">Customer status</th> </tr> </thead> <tbody> </tbody> </table> <div class="card" id="grid-card" style="box-shadow: 0 0 0 0"> <div class="overlay" id="loader-main" style="display:none;"> <div class="fas fa-2x fa-sync-alt fa-spin "> </div> <strong><span class="ml-2" id="loading-message-grid"> Loading, please wait...</span></strong> </div> <div class="card-body pb-0" id="customer-grid" style="padding: .50rem"> <div class="row d-flex align-items-stretch" id="customer-grid-data"> </div> </div> <div id="grid-page-footer-customer"> <div class="card-footer"> <nav aria-label="Customer Page Navigation"> <ul class="pagination justify-content-center m-0" id="customer-grid-data-paging"> </ul> </nav> </div> </div> </div> </div> <!-- </div> --> </div> </div> </div> <!--card-card-primary--> <!--row--> </div> <!--container-fluid--> </div> <!--container-fluid--> </div> <!--container-fluid--> <?php if ( (isset($global_action_permissions['2']['3']) && in_array("2", $global_action_permissions['2']['3'])) \|\| (isset($global_action_permissions['2']['3']) && in_array("3", $global_action_permissions['2']['3'])) ) { ?> <?php include 'include/components/customer_update/customer_form.php'; ?> <?php } ?> </section> <!-- END --> </div> <!--content-wrapper--> <!-- Modal Here --> <?php include('include/footer.php'); ?> <aside class="control-sidebar control-sidebar-dark"></aside> </div><!-- ./wrapper --> <!-- jQuery --> <script src="plugins/jquery/jquery.min.js"></script> <!-- jQuery UI 1.11.4 --> <script src="plugins/jquery-ui/jquery-ui.min.js"></script> <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip --> <script> $.widget.bridge('uibutton', $.ui.button) </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 --> <!-- jQuery Cookie--> <script src="plugins/jquery-cookie/jquery.cookie.js"></script> <!-- Ekko Lightbox --> <script src="plugins/ekko-lightbox/ekko-lightbox.min.js"></script> <!-- SweetAlert2 --> <script src="plugins/sweetalert2/sweetalert2.min.js"></script> <!-- Toastr --> <script src="plugins/toastr/toastr.min.js"></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 src="dist/js/jquery.balloon.min.js"></script> <script src="dist/js/customer_update/customer_form.js"></script> <script> //GLOBALS WITH PHP var customer_force_edit = <?php echo $has_force_edit_permission; ?>; const ref_num_header = '<?=$utility->str_encrypt($decoded_url_param['ref_num_header'])?>'; const setpy = '<?=base64_encode('C9EWeDYSXR')?>' // alert(ref_num_header); </script> <script src="dist/js/customer_update/dealer_view_cu.js"></script> </body> </html>��views/customer_update/customer_view.php��0000644��00000104451�15025010632�0014507 0��ustar�00��<?php include_once('cfg/db.php'); include_once("api/controllers/utility.php"); // include('app/security/security.php'); if (!isset($_SESSION['user']['id'])) { header('location:signin.php'); } // $check_page = new CheckPage(); // $check_page->start($db); //modify $bgColor ='transparent'; $disabled=''; if($_SESSION['user']['employee_role_id'] ==='156' ? 'disabled' : ''){ $bgColor ='#e9ecef'; $disabled ='disabled'; } // var_dump($disabled);exit; //end modify if (!(isset($global_action_permissions['11']['59']) && in_array("1", $global_action_permissions['11']['59']))) { header('location:signin.php'); } // echo'<pre>';print_r($global_action_permissions['2']['3']);echo'</pre>'; // echo'<pre>';print_r($global_action_permissions);echo'</pre>';exit; $utility = new Utility(); $granted_company_ids = $utility->isNotEmpty($_SESSION['user']['company_permissions_implode']) ? $_SESSION['user']['company_permissions_implode'] : '-1'; if (!isset($_REQUEST['q'])) { header('location:customer.php'); } $customer_record_id = $db->escape($_REQUEST['q']); if (isset($global_action_permissions['2']['3']) && in_array("4", $global_action_permissions['2']['3'])) { $has_force_edit_permission = 1; } else { $has_force_edit_permission = 0; } ?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="csrf-token" content="<?= csrf_token(); ?>"> <title><?php echo $variable['site_name']; ?> \| Customers</title> <!-- <script src="dist/js/filter.js"></script> --> <!-- 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"> <!-- Default style --> <link rel="stylesheet" href="dist/css/default.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"> --> <!-- 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"> <link href="dist/img/<?php echo $variable['logo']; ?>" rel="icon" /> <!-- Ekko Lightbox --> <link rel="stylesheet" href="plugins/ekko-lightbox/ekko-lightbox.css"> <!-- SweetAlert2 --> <link rel="stylesheet" href="plugins/sweetalert2/sweetalert2.min.css"> <!-- Toastr --> <link rel="stylesheet" href="plugins/toastr/toastr.min.css"> <!-- Tempusdominus Bootstrap 4 --> <link rel="stylesheet" href="plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css"> <!-- STARTMULTI --> <link rel="stylesheet" href="dist/css/bootstrap-multiselect.css" type="text/css"> <style> .dropzone { border: 2px dashed #3b9aff; border-radius: 5px; justify-content: center; background: #f5f5f5; } .dropzone i { font-size: 5rem; } .dropzone .dz-message { color: rgba(0, 0, 0, .54); font-weight: 500; font-size: initial; text-transform: uppercase; } .dropzone-image-preview { height: unset; width: 100%; } #customer-modal-tab .nav-link.active, #vehicle-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%; } .bootstrap-datetimepicker-widget { z-index: 99999 !important; } </style> </head> <body class="hold-transition sidebar-mini text-sm layout-fixed"> <!-- body class="hold-transition sidebar-mini text-sm" oncopy = 'return false' oncut = 'return false' onselectstart = 'return false' > --> <div class="wrapper"> <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'); ?> <!-- Content Wrapper. Contains page content --> <div id="upper" class="content-wrapper"> <!-- Content Header (Page header) --> <!-- START --> <section class="content"> <div class="container-fluid"> <div class="row"> <div class="col-md mt-3"> <div id="customer-details" class="div-block card card-primary"> <div class="card-header"> <h3 class="card-title"><button class="btn btn-tool" title="Go to Customer table list" type="button" onclick="back()"><i class="fas fa-arrow-alt-circle-left fa-2x"></i></button>&nbsp<span id="h3-card-title"></span></h3> </div> <!--card-header--> <div class="card shadow-none mb-0"> <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="overlay" id="loader-vehicle" 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 card-tabs shadow-none mb-0"> <div class="card-header p-0 pt-1 border-bottom-0"> <!-- <div id="app" class=" border-bottom"> --> <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" style="border-bottom: 0px solid #ffffff;"> --> <ul class=" nav nav-tabs navbar-nav mr-auto" id="custom-tabs-three-tab" role="tablist"> <li class="nav-item"> <a class="nav-link customer-tab px-2" id="custom-tabs-three-home-tab" data-toggle="pill" href="#custom-tabs-three-home-tab-content" role="tab" aria-controls="custom-tabs-three-home-tab-content" aria-selected="true">Information</a> </li> <li class="nav-item" id="customer-family-tab"> <a class="nav-link customer-tab px-2" id="custom-tabs-three-family-tab" data-toggle="pill" href="#custom-tabs-three-family-tab-content" role="tab" aria-controls="custom-tabs-three-family-tab-content" aria-selected="false">Family</a> </li> <li class="nav-item"> <a class="nav-link customer-tab px-2" id="custom-tabs-three-hobbies-tab" data-toggle="pill" href="#custom-tabs-three-hobbies-tab-content" role="tab" aria-controls="custom-tabs-three-hobbies-tab-content" aria-selected="false">Affiliations</a> </li> <li class="nav-item"> <a class="nav-link customer-tab px-2" id="custom-tabs-three-gallery-tab" data-toggle="pill" href="#custom-tabs-three-gallery-tab-content" role="tab" aria-controls="custom-tabs-three-gallery-tab-content" aria-selected="false">Gallery</a> </li> <li class="nav-item" style="display:none;" id="customer-corporation_individuals-tab"> <a class="nav-link customer-tab px-2" id="custom-tabs-three-individuals-tab" data-toggle="pill" href="#custom-tabs-three-individuals-tab-content" role="tab" aria-controls="custom-tabs-three-individuals-tab-content" aria-selected="false">Connected Individuals</a> </li> <li class="nav-item"> <a class="nav-link customer-tab px-2" id="custom-tabs-vehicle-tab" data-toggle="pill" href="#custom-tabs-vehicle-tab-content" role="tab" aria-controls="custom-tabs-vehicle-tab-content" aria-selected="false">Vehicles</a> </li> <li class="nav-item"> <a class="nav-link customer-tab px-2" id="custom-tabs-service-tab" data-toggle="pill" href="#custom-tabs-service-tab-content" role="tab" aria-controls="custom-tabs-service-tab-content" aria-selected="false">Service</a> </li> <li class="nav-item"> <a class="nav-link customer-tab px-2" id="custom-tabs-sales-tab" data-toggle="pill" href="#custom-tabs-sales-tab-content" role="tab" aria-controls="custom-tabs-sales-tab-content" aria-selected="false">Sales</a> </li> <li class="nav-item"> <a class="nav-link customer-tab px-2" id="custom-tabs-insurance-tab" data-toggle="pill" href="#custom-tabs-insurance-tab-content" role="tab" aria-controls="custom-tabs-insurance-tab-content" aria-selected="false">Insurance</a> </li> <!-- <li class="nav-item"> <a class="nav-link customer-tab px-2" id="custom-tabs-customer-activity-tab" data-toggle="pill" href="#custom-tabs-customer-activity-tab-content" role="tab" aria-controls="custom-tabs-customer-activity-tab-content" aria-selected="false">Activities</a> </li> --> <li class="nav-item"> <a class="nav-link customer-tab px-2" id="custom-tabs-customer-activities-tab" data-toggle="pill" href="#custom-tabs-customer-activities-tab-content" role="tab" aria-controls="custom-tabs-customer-activities-tab-content" aria-selected="false">Activities</a> </li> <li class="nav-item"> <a class="nav-link customer-tab px-2" id="custom-tabs-customer-logs-tab" data-toggle="pill" href="#custom-tabs-customer-logs-tab-content" role="tab" aria-controls="custom-tabs-customer-logs-tab-content" aria-selected="false">Logs</a> </li> </ul> <ul class="navbar-nav mt-1" id="customer-info-button" style="display:none;"> <li class="nav-item"> <input type="button" onclick="customerModal()" class="btn btn-primary btn-sm mr-1" value="Edit Customers" title="Edit Customer" data-toggle="modal" data-target="#modal-customer"></input> <?php if (isset($global_action_permissions['2']['3']) && in_array("5", $global_action_permissions['2']['3'])) { ?> <input type="button" onclick="" style="width:65px;" id="customer_delete_action" class="btn btn-danger btn-sm" value="Remove" title="Remove Customer"></input> <?php } ?> </li> </ul> <ul class="navbar-nav mt-1" id="customer-gallery-button" style="display:none;"> <li class="nav-item"> </li> </ul> <ul class="navbar-nav mt-1" id="customer-vehicle-button" style="display:none;"> <li class="nav-item"> <input type="button" class="btn btn-primary btn-sm mr-1" value="New Vehicle" title="New Vehicle"></input> </li> </ul> </div> </nav> </div> </div> <div class="card-body" style="padding-top: 0.30rem;padding-right: .50rem;padding-left: .50rem;"> <div class="tab-content" id="custom-tabs-three-tabContent"> <div class="tab-pane fade show customer-tab-content" id="custom-tabs-three-home-tab-content" role="tabpanel" aria-labelledby="custom-tabs-three-home-tab"> <div class="row d-flex align-items-stretch"> <div class="col-md-4 d-flex align-items-stretch"> <?php include 'include/components/customer/customer_about_side.php'; ?> </div> <div class="col-md-8 d-flex align-items-stretch"> <?php // include 'include/components/customer/customer_individual_information.php'; // include 'include/components/customer/customer_corporate_information.php'; include 'include/components/customer/customer_information.php'; ?> <!-- DITO ILALAGAY YUNG MODAL KASI GAGAMITIN RIN YAN SA PAG ADD --> </div> </div> </div> <div class="tab-pane fade customer-tab-content" id="custom-tabs-three-family-tab-content" role="tabpanel" aria-labelledby="custom-tabs-three-family-tab"> <?php include 'include/components/customer/customer_family.php'; ?> </div> <div class="tab-pane fade customer-tab-content" id="custom-tabs-vehicle-tab-content" role="tabpanel" aria-labelledby="custom-tabs-vehicle-tab"> <?php include 'include/components/customer/customer_vehicle.php'; // include 'include/components/customer/customer_vehicle_information.php'; ?> </div> <div class="tab-pane fade customer-tab-content" id="custom-tabs-service-tab-content" role="tabpanel" aria-labelledby="custom-tabs-service-tab"> <?php include 'include/components/customer/customer_service.php'; // include 'include/components/customer/customer_service_information.php'; ?> </div> <div class="tab-pane fade customer-tab-content" id="custom-tabs-sales-tab-content" role="tabpanel" aria-labelledby="custom-tabs-sales-tab"> <?php include 'include/components/customer/customer_sales.php'; // include 'include/components/customer/customer_sales_information.php'; ?> </div> <div class="tab-pane fade customer-tab-content" id="custom-tabs-customer-activities-tab-content" role="tabpanel" aria-labelledby="custom-tabs-customer-activities-tab"> <?php include 'include/components/customer/customer_activities.php'; ?> </div> <div class="tab-pane fade customer-tab-content" id="custom-tabs-customer-logs-tab-content" role="tabpanel" aria-labelledby="custom-tabs-customer-logs-tab"> <?php include 'include/components/customer/customer_logs.php'; ?> </div> <div class="tab-pane fade customer-tab-content" id="custom-tabs-three-individuals-tab-content" role="tabpanel" aria-labelledby="custom-tabs-three-individuals-tab"> <?php include 'include/components/customer/corporation_individual.php'; ?> </div> <div class="tab-pane fade customer-tab-content" id="custom-tabs-three-hobbies-tab-content" role="tabpanel" aria-labelledby="custom-tabs-three-hobbies-tab"> <?php include 'include/components/customer/customer_affiliations.php'; // include 'include/components/customer/customer_sales_information.php'; ?> </div> <div class="tab-pane fade customer-tab-content" id="custom-tabs-three-gallery-tab-content" role="tabpanel" aria-labelledby="custom-tabs-three-gallery-tab"> <div id="customer-sales-image-data" class="row"> </div> </div> <div class="tab-pane fade customer-tab-content" id="custom-tabs-insurance-tab-content" role="tabpanel" aria-labelledby="custom-tabs-insurance-tab"> <?php include 'include/components/customer/customer_insurance.php'; ?> </div> <!-- /.card --> </div> </div> </div> <!--card-body--> </div> <!--card--> </div> <!--card card-primary--> </div> <!--col-md--> </div> <!--row--> </div> <!--container-fluid--> </div> <!--container-fluid--> </div> <!--container-fluid--> <?php if ( (isset($global_action_permissions['2']['3']) && in_array("3", $global_action_permissions['2']['3'])) ) { ?> <?php include 'include/components/customer_update/modal/customer_form.php'; ?> <?php } ?> <?php include __DIR__ . '/activity_modal.php'; ?> <div id="vehicle_form"> </div> </section> <!-- END --> </div> <!--content-wrapper--> <!-- Modal Here --> <?php include('include/footer.php'); ?> <aside class="control-sidebar control-sidebar-dark"></aside> </div><!-- ./wrapper --> <!-- jQuery --> <script src="plugins/jquery/jquery.min.js"></script> <!-- AdminLTE App --> <script src="dist/js/adminlte.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> <!-- 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 --> <!-- jQuery Cookie--> <script src="plugins/jquery-cookie/jquery.cookie.js"></script> <!-- Ekko Lightbox --> <script src="plugins/ekko-lightbox/ekko-lightbox.min.js"></script> <!-- SweetAlert2 --> <script src="plugins/sweetalert2/sweetalert2.min.js"></script> <!-- Toastr --> <script src="plugins/toastr/toastr.min.js"></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 src="dist/js/jquery.balloon.min.js"></script> <script src="dist/js/customer_update/customer_form.js"></script> <script> //GLOBALS WITH PHP const customer_record_id = '<?php echo $customer_record_id; ?>'; const location_url = '<?php echo $variable['site_link'] ?>'; const location_source = 'customer_view'; const customer_force_edit = <?php echo $has_force_edit_permission; ?>; // alert(customer_force_edit); // ------ working code yet to be fixed (khel) $('#finance-table').on('click-cell.bs.table', function(field, value, row, $el) { // alert(1); plate_cs_number = $el.plate_cs_number1; window.location.href = "/financelist/" + plate_cs_number; }); </script> <script src="dist/js/customer_update/customer_view.js"></script> <script src="dist/js/customer_update/activity_modal.js"></script> <script> </script> </body> </html>��views/customer_update/dealer_assigned_user_list.php��0000644��00000115377�15025010632�0017027 0��ustar�00��<?php include('cfg/db.php'); include_once("api/controllers/utility.php"); // include('app/security/security.php'); if (!isset($_SESSION['user']['id'])) { header('location:signin.php'); } // $check_page = new CheckPage(); // $check_page->start($db); if (!(isset($global_action_permissions['11']['57']) && in_array("1", $global_action_permissions['11']['57']))) { header('location:signin.php'); } $dealer_id = $_SESSION['user']['dealer']; $utility = new Utility(); $granted_company_ids = $utility->isNotEmpty($_SESSION['user']['company_permissions_implode']) ? $_SESSION['user']['company_permissions_implode'] : '-1'; $employee_id = $_SESSION['user']['employee_id']; $adminID = ['60585','60674','60638','60714']; $is_admin =(in_array($employee_id, $adminID)); if (!isset($_REQUEST['q']) && !$is_admin) { header('location:signin.php'); } $ref_num_header = ($is_admin ? '' : $_REQUEST['q']); if (isset($global_action_permissions['22']['55']) && in_array("4", $global_action_permissions['11']['55'])) { $has_force_edit_permission = 1; } else { $has_force_edit_permission = 0; } // echo'<pre>';print_r($_SESSION['user']);echo'</pre>';exit; ?> <!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']; ?> \| User ASSIGNED</title> <!-- <script src="dist/js/filter.js"></script> --> <!-- 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"> <!-- Default style --> <link rel="stylesheet" href="dist/css/default.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"> <link href="dist/img/<?php echo $variable['logo']; ?>" rel="icon" /> <!-- Ekko Lightbox --> <link rel="stylesheet" href="plugins/ekko-lightbox/ekko-lightbox.css"> <!-- SweetAlert2 --> <link rel="stylesheet" href="plugins/sweetalert2/sweetalert2.min.css"> <!-- Toastr --> <link rel="stylesheet" href="plugins/toastr/toastr.min.css"> <!-- STARTMULTI --> <link rel="stylesheet" href="dist/css/bootstrap-multiselect.css" type="text/css"> <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%; } #customer-table.loading tbody { position: relative; } #customer-table.loading tbody:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #fff; / background-color: rgba(0, 0, 0, 0.1); / background-image: url(data:image/png;base64,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); background-position: center; background-repeat: no-repeat; background-size: 277px 35px; font-weight: bold; content: ""; } </style> </head> <body class="hold-transition sidebar-mini text-sm layout-fixed"> <!-- body class="hold-transition sidebar-mini text-sm" oncopy = 'return false' oncut = 'return false' onselectstart = 'return false' > --> <div class="wrapper"> <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'); ?> <!-- Content Wrapper. Contains page content --> <div id="upper" class="content-wrapper"> <!-- START --> <section class="content"> <div class="container-fluid"> <div class="row"> <div class="col-md mt-3" > <div id="table" class="card " style="background-color:#9bbbfc;"> <div class="card-header"> <h3 class="card-title" style="color:#282828;"><a href="#"><i class="fa fa-backward" aria-hidden="true" onclick="goBack();" style="color:#282828;;text-decoration:none;"> Back </i></a> \| User allocation</h3> </div> <div class="card"> <div class="card-body"> <!-- ./FILTER --> <div class="row mb-2"> <div class="col-6"> </div> <div class="col-6 text-right"> <div class="btn-group"> <button type="button" class="tooltip-me btn btn-default dropdown-toggle btn-sm" data-toggle="dropdown" aria-haspopup="true" title="Filter" data-html="true" data-placement="left" aria-expanded="true"> <i class="fa fa-filter" aria-hidden="true"></i> </button> <div id="dropdown-filter" class="dropdown-menu dropdown-menu-right"> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <input type="button" class="btn btn-primary btn-sm form-control form-control-sm " name="btnCustomerListNoFilter" id="btnCustomerListNoFilter" value="No Filter" style="width: 100%;"></input> </div> <!--form-group dropdown--> </div> <?php $dealer_ =''; $qryd = "SELECT sd.id as dealer_id,sd.name AS dealer FROM source_dealer sd WHERE active =1 ORDER BY sd.name"; $queryd = $db->sql_query($qryd); ?> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select class="form-control form-control-sm select2" style="width: 100%;" id="filter-dealer" name="filter-dealer "> <option value=""></option> <?php if($queryd->num_rows > 0) { foreach ($queryd as $key => $sd): ?> <option value="<?= $sd['dealer_id'] ?>"><?= $sd['dealer'] ?></option> <?php endforeach; ?> <?php } ?> </select> </div> </div> <?php $sc =''; $qry = "SELECT e.employee_id,CONCAT(e.first_name,' ',e.last_name) AS sc FROM cu_dealer_users_assign cua LEFT OUTER JOIN employee e ON cua.user_id = e.employee_id GROUP BY user_id ORDER BY sc"; // var_dump($qry); $queryss = $db->sql_query($qry); // var_dump($queryss); ?> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select class="form-control form-control-sm select2" style="width: 100%;" id="filter-sc" name="filter-sc"> <option value=""></option> <?php if($queryss->num_rows > 0) { foreach ($queryss as $key => $sc): ?> <option value="<?= $sc['employee_id'] ?>"><?= $sc['sc'] ?></option> <?php endforeach; ?> <?php } ?> </select> </div> </div> <?php $months = [ 1 => 'January', 2 => 'February', 3 => 'March', 4 => 'April', 5 => 'May', 6 => 'June', 7 => 'July', 8 => 'August', 9 => 'September', 10 => 'October', 11 => 'November', 12 => 'December' ]; // Generate year array $currentYear = date("Y"); $years = range($currentYear, $currentYear - 50); // Last 50 years ?> <!-- Month Picker Dropdown --> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select class="form-control form-control-sm select2" style="width: 100%;" id="filter-month" name="filter-month"> <option value=""></option> <?php foreach ($months as $num => $name): ?> <option value="<?= $num ?>"><?= $name ?></option> <?php endforeach; ?> </select> </div> </div> <!-- Year Picker Dropdown --> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select class="form-control form-control-sm select2" style="width: 100%;" id="filter-year" name="filter-year"> <option value=""></option> <?php foreach ($years as $year): ?> <option value="<?= $year ?>"><?= $year ?></option> <?php endforeach; ?> </select> </div> </div> </div> </div> </div> </div> <!-- ./FILTER --> <div id="customer-list" class="customer-table"> <table id="customer-table" data-search="true" data-custom-search="customSearch" data-buttons="buttonsFunction" data-url="" class="table table-bordered table-hover table-sm" data-query-params="queryParams" data-pagination="true"> <thead> <tr> <th data-field="dealer_ref_code" data-sortable="false" style="text-align: center;">Ref. Code</th> <th data-field="dealer_name" data-sortable="false" style="text-align: center;">Dealer</th> <th data-field="emp_name" data-sortable="false" style="text-align: center;">Employee</th> <!-- <th data-formatter="tableNameFormatter" data-field="ref_num_header" data-sortable="false" style="text-align: center;">Ref#</th> <th data-field="batch_no">Batch no</th> <th data-formatter="tableEmailFormatter" data-field="dealer"> Dealer </th> --> <th data-field="total_cu_assign">No. assigned</th> <th data-formatter="checkIfEmpty" data-field="noofupdated">No. of updated</th> <th data-field="date_assigned">Date assign. <th data-field="iview" data-formatter="tableNameFormatter">Action</th> </tr> </thead> <tbody> </tbody> </table> <div class="card" id="grid-card" style="box-shadow: 0 0 0 0"> <div class="overlay" id="loader-main" style="display:none;"> <div class="fas fa-2x fa-sync-alt fa-spin "> </div> <strong><span class="ml-2" id="loading-message-grid"> Loading, please wait...</span></strong> </div> <div class="card-body pb-0" id="customer-grid" style="padding: .50rem"> <div class="row d-flex align-items-stretch" id="customer-grid-data"> </div> </div> <div id="grid-page-footer-customer"> <div class="card-footer"> <nav aria-label="Customer Page Navigation"> <ul class="pagination justify-content-center m-0" id="customer-grid-data-paging"> </ul> </nav> </div> </div> </div> </div> </div> <!-- card-body --> </div> <!-- card --> </div> <!--card-card-primary--> </div> <!--container-fluid--> </div> <!--row--> </div> <!--container-fluid--> <?php if ( (isset($global_action_permissions['2']['3']) && in_array("2", $global_action_permissions['2']['3'])) \|\| (isset($global_action_permissions['2']['3']) && in_array("3", $global_action_permissions['2']['3'])) ) { ?> <?php include 'include/components/customer_update/customer_form.php'; ?> <?php } ?> </section> <!-- END --> </div> <!--content-wrapper--> <?php include('include/footer.php'); ?> <aside class="control-sidebar control-sidebar-dark"></aside> </div><!-- ./wrapper --> <!-- jQuery --> <script src="plugins/jquery/jquery.min.js"></script> <!-- jQuery UI 1.11.4 --> <script src="plugins/jquery-ui/jquery-ui.min.js"></script> <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip --> <script> $.widget.bridge('uibutton', $.ui.button) </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 --> <!-- jQuery Cookie--> <script src="plugins/jquery-cookie/jquery.cookie.js"></script> <!-- Ekko Lightbox --> <script src="plugins/ekko-lightbox/ekko-lightbox.min.js"></script> <!-- SweetAlert2 --> <script src="plugins/sweetalert2/sweetalert2.min.js"></script> <!-- Toastr --> <script src="plugins/toastr/toastr.min.js"></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 src="dist/js/jquery.balloon.min.js"></script> <script src="dist/js/customer_update/dealer_assigned_user_form.js"></script> <!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> --> <script src="plugins/datatables/jquery.dataTables.min.js"></script> <script src="plugins/datatables-bs4/js/dataTables.bootstrap4.min.js"></script> <script> //GLOBALS WITH PHP var customer_force_edit = <?php echo $has_force_edit_permission; ?>; const ref_header = '<?=$ref_num_header?>' const skey ='<?= base64_encode('ZmtDl9SkyB')?>' </script> <script src="dist/js/customer_update/dealer_assigned_user_list.js"></script> </body> </html>��views/customer_update/customer_update.php��0000644��00000177335�15025010632�0015032 0��ustar�00��<?php include('cfg/db.php'); include_once("api/controllers/utility.php"); // include('app/security/security.php'); if (!isset($_SESSION['user']['id'])) { header('location:signin.php'); } // $check_page = new CheckPage(); // $check_page->start($db); if (!(isset($global_action_permissions['11']['54']) && in_array("1", $global_action_permissions['11']['54']))) { header('location:signin.php'); } $utility = new Utility(); $granted_company_ids = $utility->isNotEmpty($_SESSION['user']['company_permissions_implode']) ? $_SESSION['user']['company_permissions_implode'] : '-1'; if (isset($global_action_permissions['2']['3']) && in_array("4", $global_action_permissions['2']['3'])) { $has_force_edit_permission = 1; } else { $has_force_edit_permission = 0; } // echo'<pre>';print_r($_SESSION['user']['position_name']);echo'</pre>'; // echo'<pre>';print_r($global_action_permissions);echo'</pre>'; // echo'<pre> permissions';print_r($_SESSION['user']['action_permissions']);echo'</pre>'; // exit(); ?> <!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']; ?> \| Customers</title> <!-- <script src="dist/js/filter.js"></script> --> <!-- 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"> <!-- Default style --> <link rel="stylesheet" href="dist/css/default.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"> <link href="dist/img/<?php echo $variable['logo']; ?>" rel="icon" /> <!-- Ekko Lightbox --> <link rel="stylesheet" href="plugins/ekko-lightbox/ekko-lightbox.css"> <!-- SweetAlert2 --> <link rel="stylesheet" href="plugins/sweetalert2/sweetalert2.min.css"> <!-- Toastr --> <link rel="stylesheet" href="plugins/toastr/toastr.min.css"> <!-- STARTMULTI --> <link rel="stylesheet" href="dist/css/bootstrap-multiselect.css" type="text/css"> <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%; } #customer-table.loading tbody { position: relative; } #customer-table.loading tbody:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #fff; / background-color: rgba(0, 0, 0, 0.1); / background-image: url(data:image/png;base64,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); background-position: center; background-repeat: no-repeat; background-size: 277px 35px; font-weight: bold; content: ""; } </style> </head> <body class="hold-transition sidebar-mini text-sm layout-fixed"> <!-- body class="hold-transition sidebar-mini text-sm" oncopy = 'return false' oncut = 'return false' onselectstart = 'return false' > --> <div class="wrapper"> <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'); ?> <!-- Content Wrapper. Contains page content --> <div id="upper" class="content-wrapper"> <!-- Content Header (Page header) --> <!-- <section class="content-header "> --> <!-- <div class="container-fluid"> <div class="row mb-0"> <div class="col-sm-6"> --> <!-- <h1 id="h1">Customers</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">Customers</li> </ol> </div> </div> </div> --> <!-- /.container-fluid --> <!-- </section> --> <!-- START --> <section class="content"> <div class="container-fluid"> <div class="row"> <div class="col-md mt-3"> <div id="table" class="card" style="background-color:#9bbbfc;"> <div class="card-header"> <h3 class="card-title" style="color:#282828;"> <a href="#" style="text-decoration:none;list-style:none;color:#282828;" onclick="goBack();"> <i class="fa fa-backward" aria-hidden="true"> Back </i></a> \| Inactive Customers</h3> </div> <div class="card"> <div class="card-body"> <!-- ./FILTER --> <div class="row mb-2"> <div class="col-md-8 col-sm-6"> </div> <div class="col-md-4 col-sm-6 text-right"> <div class="btn-group"> <button type="button" class="tooltip-me btn btn-default dropdown-toggle btn-sm" data-toggle="dropdown" aria-haspopup="true" title="Filter" data-html="true" data-placement="left" aria-expanded="true"> <i class="fa fa-filter" aria-hidden="true"></i> </button> <div id="dropdown-filter" class="dropdown-menu dropdown-menu-right"> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <input type="button" class="btn btn-primary btn-sm form-control form-control-sm " name="btnCustomerListNoFilter" id="btnCustomerListNoFilter" value="No Filter" style="width: 100%;"></input> </div> <!--form-group dropdown--> </div> <!--form-group--> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="dms" id="dms" class="form-control form-control-sm" style="width: 100%;"> <option></option> <?php $company = $db->return_result("SELECT `id`, `name` FROM `source_dms` WHERE status = 1 ORDER BY name ASC"); foreach ($company as $data) { // if($dashboard_filter && $dashboard_type == '1'){ if (isset($_GET['selected_dms'])) { $selected_dms = $db->escape($_GET['selected_dms']); if ($data['id'] == $selected_dms) { 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--> <!-- text input --> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="company-filter" id="company-filter" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php $company = $db->return_result("SELECT `id`, `code` FROM `source_company` WHERE status = 1 AND id IN (" . $granted_company_ids . ") ORDER BY code ASC"); foreach ($company as $data) { // if($dashboard_filter && $dashboard_type == '5'){ if (isset($_GET['selected_company'])) { $selected_company = $db->escape($_GET['selected_company']); if ($data['id'] == $selected_company) { echo "<option value='{$data['id']}' selected>" . $data['code'] . "</option>"; } else { echo "<option value='{$data['id']}' >" . $data['code'] . "</option>"; } } else { echo "<option value='{$data['id']}' >" . $data['code'] . "</option>"; } } ?> </select> </div> <!--form-group dropdown--> </div> <!--form-group--> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="type" id="type" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php if (isset($_GET['selected_type'])) { $selected_type = $db->escape($_GET['selected_type']); if ($selected_type == '1') { ?> <option value="1" selected>Individual</option> <option value="2">Corporation</option> <?php } else if ($selected_type == '2') { ?> <option value="1">Individual</option> <option value="2" selected>Corporation</option> <?php } } else { ?> <option value="1">Individual</option> <option value="2">Corporation</option> <?php } ?> </select> </div> </div> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="gender" id="gender" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?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) { // if($dashboard_filter && $dashboard_type == '2'){ if (isset($_GET['selected_gender'])) { $selected_gender = $db->escape($_GET['selected_gender']); if ($data['id'] == $selected_gender) { echo "<option value='{$data['id']}' selected>" . $data['gender_name'] . "</option>"; } else { echo "<option value='{$data['id']}'>" . $data['gender_name'] . "</option>"; } } else { echo "<option value='{$data['id']}'>" . $data['gender_name'] . "</option>"; } } ?> </select> </div> <!--form-group dropdown--> </div> <!--form-group--> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="filter-age" id="filter-age" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php if (isset($_GET['selected_age'])) { $selected_age = $db->escape($_GET['selected_age']); if ($selected_age == 'below') { ?> <option value="below" selected>Below 30</option> <option value="between">Between 31 and 50</option> <option value="above">Age 51 and Up</option> <?php } else if ($selected_age == 'between') { ?> <option value="below">Below 30</option> <option value="between" selected>Between 31 and 50 </option> <option value="above">Age 51 and Up</option> <?php } else if ($selected_age == 'above') { ?> <option value="below">Below 30</option> <option value="between">Between 31 and 50</option> <option value="above" selected>Age 51 and Up </option> <?php } } else { ?> <option value="below">Below 30</option> <option value="between">Between 31 and 50</option> <option value="above">Age 51 and Up </option> <?php } ?> </select> </div> </div> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="filter-data" id="filter-data" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php $filter_data_menu = array("No Email", "Complete Data", "Incomplete Data", "No Address", "No Gender", "No Date of birth"); foreach ($filter_data_menu as $menu) { // if($dashboard_filter && $dashboard_type == '3'){ if (isset($_GET['incomplete_data'])) { $incomplete_data = $db->escape($_GET['incomplete_data']); if ($incomplete_data == $menu) { echo "<option value='$menu' selected >$menu</option>"; } else { echo "<option value='$menu'>$menu</option>"; } } else { echo "<option value='$menu'>$menu</option>"; } } ?> </select> </div> </div> <div class="form-group mb-0" hidden> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="customer-actions" id="customer-actions" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php $customer_actions_menu = array("all", "new", "updated", "added","inactive","active"); foreach ($customer_actions_menu as $menu) { echo "<option value='$menu'>$menu</option>"; } ?> </select> </div> </div> <?php $months = [ 1 => 'January', 2 => 'February', 3 => 'March', 4 => 'April', 5 => 'May', 6 => 'June', 7 => 'July', 8 => 'August', 9 => 'September', 10 => 'October', 11 => 'November', 12 => 'December' ]; // Generate year array $currentYear = date("Y"); $years = range($currentYear, $currentYear - 50); // Last 50 years ?> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select class="form-control form-control-sm select2" style="width: 100%;" id="filter-month" name="filter-month"> <option value=""></option> <?php foreach ($months as $num => $name): ?> <option value="<?= $num ?>"><?= $name ?></option> <?php endforeach; ?> </select> </div> </div> <!-- Year Picker Dropdown --> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select class="form-control form-control-sm select2" style="width: 100%;" id="filter-year" name="filter-year"> <option value=""></option> <?php foreach ($years as $year): ?> <option value="<?= $year ?>"><?= $year ?></option> <?php endforeach; ?> </select> </div> </div> <div class="form-group mb-0"> <div class="text-center form-group dropdown-input mr-2 ml-2 mb-0"> <div class="icheck-primary d-inline"> <input type="checkbox" id="my_record_filter" /> <label class="mb-0" for="my_record_filter"> My Records </label> </div> </div> </div> </div> </div> </div> </div> <!-- ./FILTER --> <hr> <div class="row"> <!-- <div class="col-md-12"> <h4 class="no-margin">Customer Summary</h4> </div> --> <div id="customer_action_all" class="col-md-4 col-sm-6 col-12" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-primary"> <i class="fas fa-user-tag"></i> </span> <div class="info-box-content"> <span class="info-box-text">Total</span> <span class="info-box-number" id="total_customer_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> <div id="customer_action_pending" class="col-md-4 col-sm-6 col-12" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-warning"><i class="fa fa-users"></i></span> <div class="info-box-content"> <div class="row"> <div class="col-10"> <span class="info-box-text">Incomplete</span> </div> <div class="col-2"> <!-- <i class="float-right tooltip-me mt-2 mr-2 mb-0 fas fa-question-circle" style="color:blue; cursor: help;" title="Record count from last 7 days"></i> --> </div> </div> <span class="info-box-number" id="new_customer_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> <div id="customer_action_updated" class="col-md-4 col-sm-6 col-12" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-info"><i class="fa fa fa-sync"></i></span> <div class="info-box-content"> <div class="row"> <div class="col-10"> <span class="info-box-text">Updated </span> </div> <div class="col-2"> <!-- <i class="float-right tooltip-me mt-2 mr-2 mb-0 fas fa-question-circle" style="color:blue; cursor: help;" title="Record count from last 7 days"></i> --> </div> </div> <span class="info-box-number" id="updated_customer_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <div id="customer_action_active" class="col-md-6 col-sm-6 col-12" title="Active customer count" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-success"><i class="fa fa-users"></i></span> <div class="info-box-content"> <div class="row"> <div class="col-10"> <span class="info-box-text">Active </span> </div> <!-- <div class="col-2"> --> <!-- <i class="float-right tooltip-me mt-2 mr-2 mb-0 fas fa-question-circle" style="color:blue; cursor: help;" title="Record count from last 7 days"></i> --> <!-- </div> --> </div> <span style="margin-left:10px" class="info-box-number" id="active_customer_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <div id="customer_action_inactive" class="col-md-6 col-sm-6 col-12" title="Inactive customer count" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-danger"><i class="fa fa-users"></i></span> <div class="info-box-content"> <div class="row"> <div class="col-10"> <span class="info-box-text">Inactive </span> </div> <!-- <div class="col-2"> --> <!-- <i class="float-right tooltip-me mt-2 mr-2 mb-0 fas fa-question-circle" style="color:blue; cursor: help;" title="Record count from last 7 days"></i> --> <!-- </div> --> </div> <span class="info-box-number" id="inactive_customer_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> <?php / <div id="customer_action_added" class="col-md-3 col-sm-6 col-12" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-success"><i class="fa fa-plus"></i></span> <div class="info-box-content"> <span class="info-box-text">Added Today</span> <span class="info-box-number" id="new_today_customer_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> /?> </div> <!-- /.row --> <div id="customer-list" class="customer-table"> <table id="customer-table" data-search="true" data-custom-search="customSearch" data-buttons="buttonsFunction" data-url="" class="table table-bordered table-hover table-sm" data-query-params="queryParams" data-pagination="true"> <!-- id="table" data-toggle="table" data-height="460" data-ajax="ajaxRequest" data-search="true" data-side-pagination="server" data-pagination="true" --> <thead> <tr> <!-- <th data-align="center" data-formatter="imageFormatter" data-field="photo">Picture</th> --> <!-- <th data-formatter="checkIfEmpty" data-field="id">Customer No</th> --> <th data-formatter="tableNameFormatter" data-field="name" data-sortable="false" style="text-align: center;">Name</th> <!-- <th data-formatter="checkIfEmpty" data-field="gender_name">Gender</th> --> <!-- <th data-field="age_number">Age</th> --> <th data-formatter="tableEmailFormatter" data-field="email_1"> Email </th> <th data-formatter="tableMobileFormatter" data-field="mobile_phone_1"> Mobile</th> <th data-formatter="checkIfEmpty" data-field="type">Type</th> <th data-field="city">City</th> <th data-field="date_modified">Date modified</th> <th data-field="is_active">Customer status</th> </tr> </thead> <tbody> </tbody> </table> <div class="card" id="grid-card" style="box-shadow: 0 0 0 0"> <div class="overlay" id="loader-main" style="display:none;"> <div class="fas fa-2x fa-sync-alt fa-spin "> </div> <strong><span class="ml-2" id="loading-message-grid"> Loading, please wait...</span></strong> </div> <div class="card-body pb-0" id="customer-grid" style="padding: .50rem"> <div class="row d-flex align-items-stretch" id="customer-grid-data"> </div> </div> <div id="grid-page-footer-customer"> <div class="card-footer"> <nav aria-label="Customer Page Navigation"> <ul class="pagination justify-content-center m-0" id="customer-grid-data-paging"> </ul> </nav> </div> </div> </div> </div> <!-- </div> --> </div> </div> </div> <!--card-card-primary--> <!--row--> </div> <!--container-fluid--> </div> <!--container-fluid--> </div> <!--container-fluid--> <?php if ( (isset($global_action_permissions['2']['3']) && in_array("2", $global_action_permissions['2']['3'])) \|\| (isset($global_action_permissions['2']['3']) && in_array("3", $global_action_permissions['2']['3'])) ) { ?> <?php include 'include/components/customer_update/customer_form.php'; ?> <?php } ?> </section> <!-- END --> </div> <!--content-wrapper--> <!-- Modal Here --> <?php include('include/footer.php'); ?> <aside class="control-sidebar control-sidebar-dark"></aside> </div><!-- ./wrapper --> <!-- jQuery --> <script src="plugins/jquery/jquery.min.js"></script> <!-- jQuery UI 1.11.4 --> <script src="plugins/jquery-ui/jquery-ui.min.js"></script> <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip --> <script> $.widget.bridge('uibutton', $.ui.button) </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 --> <!-- jQuery Cookie--> <script src="plugins/jquery-cookie/jquery.cookie.js"></script> <!-- Ekko Lightbox --> <script src="plugins/ekko-lightbox/ekko-lightbox.min.js"></script> <!-- SweetAlert2 --> <script src="plugins/sweetalert2/sweetalert2.min.js"></script> <!-- Toastr --> <script src="plugins/toastr/toastr.min.js"></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 src="dist/js/jquery.balloon.min.js"></script> <script src="dist/js/customer_update/customer_form.js"></script> <script> //GLOBALS WITH PHP var customer_force_edit = '';//<?php echo $has_force_edit_permission; ?>; </script> <script src="dist/js/customer_update/customer.js"></script> </body> </html>��views/customer_update/dealer_assignment.php��0000644��00000141607�15025010632�0015304 0��ustar�00��<?php // ini_set('display_errors', 1); // ini_set('display_startup_errors', 1); // error_reporting(E_ALL); include('cfg/db.php'); include_once("api/controllers/utility.php"); // include('app/security/security.php'); if (!isset($_SESSION['user']['id'])) { header('location:signin.php'); } // $check_page = new CheckPage(); // $check_page->start($db); if (!(isset($global_action_permissions['11']['55']) && in_array("1", $global_action_permissions['11']['55']))) { header('location:signin.php'); } $utility = new Utility(); $granted_company_ids = $utility->isNotEmpty($_SESSION['user']['company_permissions_implode']) ? $_SESSION['user']['company_permissions_implode'] : '-1'; $ic=$db->sql_query("select id from inactive_customer where id not in (select customer_id from cu_assign)"); $icu =$ic->num_rows; $cu_assign=0; $cu_assign = $db->sql_query("select ref_num_header from cu_assign"); $had_cu_assign = $cu_assign->num_rows; if (isset($global_action_permissions['22']['55']) && in_array("4", $global_action_permissions['11']['55'])) { $has_force_edit_permission = 1; } else { $has_force_edit_permission = 0; } ?> <!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']; ?> \| Dealer Assignment</title> <!-- <script src="dist/js/filter.js"></script> --> <!-- 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"> <!-- Default style --> <link rel="stylesheet" href="dist/css/default.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"> <link href="dist/img/<?php echo $variable['logo']; ?>" rel="icon" /> <!-- Ekko Lightbox --> <link rel="stylesheet" href="plugins/ekko-lightbox/ekko-lightbox.css"> <!-- SweetAlert2 --> <link rel="stylesheet" href="plugins/sweetalert2/sweetalert2.min.css"> <!-- Toastr --> <link rel="stylesheet" href="plugins/toastr/toastr.min.css"> <!-- STARTMULTI --> <link rel="stylesheet" href="dist/css/bootstrap-multiselect.css" type="text/css"> <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%; } #customer-table.loading tbody { position: relative; } #customer-table.loading tbody:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #fff; / background-color: rgba(0, 0, 0, 0.1); / background-image: url(data:image/png;base64,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); background-position: center; background-repeat: no-repeat; background-size: 277px 35px; font-weight: bold; content: ""; } </style> </head> <body class="hold-transition sidebar-mini text-sm layout-fixed"> <!-- body class="hold-transition sidebar-mini text-sm" oncopy = 'return false' oncut = 'return false' onselectstart = 'return false' > --> <div class="wrapper"> <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'); ?> <!-- Content Wrapper. Contains page content --> <div id="upper" class="content-wrapper"> <!-- START --> <section class="content"> <div class="container-fluid"> <div class="row"> <div class="col-md mt-3"> <div id="table" class="card " style="background-color:#9bbbfc;"> <div class="card-header"> <h3 class="card-title" style="color:#282828;"><a href="#"><i class="fa fa-backward" aria-hidden="true" onclick="goBack();" style="color:#282828;text-decoration:none;"> Back </i></a> \| Dealer Assignment</h3> </div> <div class="card"> <div class="card-body"> <!-- ./FILTER --> <div class="row mb-2"> <div class="col-6"> </div> <div class="col-6 text-right"> <div class="btn-group"> <button type="button" class="tooltip-me btn btn-default dropdown-toggle btn-sm" data-toggle="dropdown" aria-haspopup="true" title="Filter" data-html="true" data-placement="left" aria-expanded="true"> <i class="fa fa-filter" aria-hidden="true"></i> </button> <div id="dropdown-filter" class="dropdown-menu dropdown-menu-right"> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <input type="button" class="btn btn-primary btn-sm form-control form-control-sm " name="btnCustomerListNoFilter" id="btnCustomerListNoFilter" value="No Filter" style="width: 100%;"></input> </div> <!--form-group dropdown--> </div> <!--form-group--> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="batch" id="batch" class="form-control form-control-sm" style="width: 100%;"> <option></option> <?php $batches = $db->return_result("SELECT batch_no from cu_assign where active =1 group by batch_no"); foreach ($batches as $batch) { echo "<option value='".$batch['batch_no']."'>" . $batch['batch_no'] . "</option>"; } ?> </select> </div> <!--form-group dropdown--> </div> <!--form-group--> <div class="form-group mb-0" hidden> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="customer-actions" id="customer-actions" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php $customer_actions_menu = array("all", "new","pending", "updated", "active","inactive"); foreach ($customer_actions_menu as $menu) { echo "<option value='$menu'>$menu</option>"; } ?> </select> </div> </div> </div> </div> </div> </div> <!-- ./FILTER --> <div class="row"> <?php if($icu <=0){?> <div class="col-md-12 col-sm-12" style="margin-bottom:1em;"> <span class="badge" style="background-color: #f9ce69;"> <i class="fa fa-exclamation-circle" aria-hidden="true"></i> There is no available inactive customer to be assigned to the dealer.</span> </div> <?php } ?> <?php / if($had_cu_assign>0):?> <div class="col-md-4 col-sm-12"> <?php $apiKey2=base64_encode('0GADHHAB9G');?> <button class="btn btn-lg btn-lg btn-block" title="Remove all dealers assignment" onclick="resetAssign('<?=$apiKey2?>')" id="reset-assignment" style="background-color: #9bbbfc;margin-bottom:1px;"> <i class="fas fa-users-cog nav-icon"></i> Reset Assignment</button> <button class="btn btn-lg btn-lg btn-block" style="background-color:none;border:1px solid #4741a6;display:none;" id="spinner-loader-purple"> <div class="spinner-border" role="status" id="spinner-loader-purple" style="color:#4741a6"></div> <span style="color:#4741a6;margin-left:20px;">Processing...</span> </button> </div> <?php endif; /?> <div class="col-md-4 col-sm-6"> <button type="button" class="btn btn-lg" id="load-modal-dealer" onclick="loadDealers('<?=base64_encode('qpms3k82vn')?>')" data-toggle="modal" data-target="#exampleModalLong" data-backdrop="static" data-keyboard="false" title="Remove dealer from assignment" style="background-color: #9bbbfc;"> <i class="fas fa-cog nav-icon"></i> </button> </div> <!-- col-md-4 --> </div> <!-- END OF ROW --> <div class="row"> <!-- Modal --> <div class="modal fade bd-example-modal-lg" id="exampleModalLong" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true"> <div class="modal-dialog modal-lg" role="document"> <div class="modal-content"> <div class="modal-header"> <h6 class="modal-title" id="exampleModalLongTitle">Dealers</h6> <!-- <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> --> </div> <div class="modal-body dealer"> <!-- <div class="card-body" style="border:1px solid #ccc;"> --> <table id="table_dlr" class="table"> <thead> <tr> <th>#</th> <th>Dealer</th> <th>Active <input type="checkbox" onclick="chkAll();" style="margin-left:40px;margin-top:10px;" class="text-center fieldset-form" id="chk_all"> <label>Select all</label> </th> <th></th> </tr> </thead> <tbody> </tbody> </table> <!-- </div> --> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" Onclick="relodMdl();" data-dismiss="modal">Close</button> <button type="button" id="xlcd-dlr" onclick="exl_dlr()" class="btn btn-primary">Save changes</button> </div> </div> </div> </div> <!-- END MODAL --> </div> <!-- END ROW --> <div class="row"> <div class="col-md-12 col-sm-12"> <fieldset class="card" id="main-fieldset-assign"> <legend class="text-center fieldset-form">...</legend> <div class="custom-control custom-switch btn-lg"> <input type="checkbox" class="custom-control-input" id="toggleForms" onclick="swichAssignment();"> <label class="custom-control-label" for="toggleForms">Dealer Assignment</label> </div> <?php $apiKey=base64_encode('OG6ZWd2z8k4nof1');?> <?php / <button class="btn btn-lg btn-warning btn-lg " onclick="autoAssign('<?=$apiKey?>')" id="assign_to_dealers" style="width:330px;"> <i class="fas fa-users-cog nav-icon"></i> Assign to all Dealers</button> <button class="btn btn-lg btn-lg btn-block" style="background-color:none;border:1px solid #e0a800;display:none;" id="spinner-loader"> <div class="spinner-border text-warning" role="status" id="spinner-loader" ></div> <span style="color:black;margin-left:10px;">Processing...</span> </button> /?> <!-- </fieldset> --> <fieldset class="card border-primary" id="fieldset-assign"> <legend class="text-center fieldset-form">Dealer Assignment</legend> <div class="form-row"> <div class="form-group col-md-6"> <label class="control-label col-sm-12" for="User">DB Source Cities and Regions</label> <div class="col-sm-9"> <select class="form-control form-control-sm js-example-basic-multiple" name="states[]" id="sl_cu_city" multiple="multiple" required disabled> </select> <button class="btn btn-xs btn-info" style="margin-top:3px;" id="select-all-btn-cities">Select All</button> <button type="button" class="btn btn-xs btn-secondary" id="clear-all-btn-cities" style="margin-top:3px;" >Clear All</button> </div> </div> </div> <form id="assign-form"> <div class="form-row"> <div class="form-group col-md-1"> <label class="control-label" for="Company">Batch No.</label> <input type="number" pattern="[1-9]+" min="1" title="Please enter a valid number" class="form-control form-control-sm input-sm" id="batchNo" required disabled style=""> </div> <div class="form-group col-md-3"> <label class="control-label" for="Company">Company</label> <select id="sl_company" class="form-control form-control-sm" name="company" required disabled> <option value="">Select Company</option> </select> </div> <div class="form-group col-md-3"> <label class="control-label" for="Dealer">Dealer</label> <select id="sl_dealer" class="form-control form-control-sm" name="user" required disabled> <option value="">Select Dealer</option> </select> </div> <div class="form-group col-md-1"> <label class="control-label" for="assigno">Assign No.</label> <input type="number" class="form-control form-control-sm input-sm" id="no_assign" required disabled> <small class="text-muted"> / <span id="total_customer_count"></span></small> </div> </div> <div class="form-row"> <input type="hidden" id="apiy" value="<?=base64_encode("9lb7ha66ak")?>"> <div class="form-group col-md-3"> <button type="button" class="btn btn-success btn-sm" id="btn-submit-manually">Submit</button> </div> </div> </form> </fieldset> </div> <div class='col-md-4 col-sm-12'> </div> </fieldset> </div> <!-- /.row --> <div id="customer-list" class="customer-table"> <table id="customer-table" data-search="true" data-custom-search="customSearch" data-buttons="buttonsFunction" data-url="" class="table table-bordered table-hover table-sm" data-query-params="queryParams" data-pagination="true"> <thead> <tr> <th data-formatter="tableNameFormatter" data-field="ref_num_header" data-sortable="false" style="text-align: center;">Ref#</th> <th data-field="batch_no">Batch no</th> <th data-formatter="tableEmailFormatter" data-field="dealer"> Dealer </th> <th data-field="total_cu_assign">No. of DB assigned</th> <th data-field="date_assinged">Date</th> <!-- <th data-formatter="checkIfEmpty" data-field="type">Type</th> --> <th data-field="active">Status</th> <th data-field="dealer_assinged_users" style="text-align:center;">Assigned. user <input type="hidden" value="<?=base64_encode('xq2443ugxa')?>" id="ausr-py"> </th> <th data-field="action">Action</th> </tr> </thead> <tbody> </tbody> </table> <div class="card" id="grid-card" style="box-shadow: 0 0 0 0"> <div class="overlay" id="loader-main" style="display:none;"> <div class="fas fa-2x fa-sync-alt fa-spin "> </div> <strong><span class="ml-2" id="loading-message-grid"> Loading, please wait...</span></strong> </div> <div class="card-body pb-0" id="customer-grid" style="padding: .50rem"> <div class="row d-flex align-items-stretch" id="customer-grid-data"> </div> </div> <div id="grid-page-footer-customer"> <div class="card-footer"> <nav aria-label="Customer Page Navigation"> <ul class="pagination justify-content-center m-0" id="customer-grid-data-paging"> </ul> </nav> </div> </div> </div> </div> <!-- </div> --> </div> </div> </div> <!--card-card-primary--> <!--row--> </div> <!--container-fluid--> </div> <!--container-fluid--> </div> <!--container-fluid--> <?php if ( (isset($global_action_permissions['2']['3']) && in_array("2", $global_action_permissions['2']['3'])) \|\| (isset($global_action_permissions['2']['3']) && in_array("3", $global_action_permissions['2']['3'])) ) { ?> <?php include 'include/components/customer_update/customer_form.php'; ?> <?php } ?> </section> <!-- END --> </div> <!--content-wrapper--> <!-- Modal Here --> <?php include('include/footer.php'); ?> <aside class="control-sidebar control-sidebar-dark"></aside> </div><!-- ./wrapper --> <!-- jQuery --> <script src="plugins/jquery/jquery.min.js"></script> <!-- jQuery UI 1.11.4 --> <script src="plugins/jquery-ui/jquery-ui.min.js"></script> <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip --> <script> $.widget.bridge('uibutton', $.ui.button) </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 --> <!-- jQuery Cookie--> <script src="plugins/jquery-cookie/jquery.cookie.js"></script> <!-- Ekko Lightbox --> <script src="plugins/ekko-lightbox/ekko-lightbox.min.js"></script> <!-- SweetAlert2 --> <script src="plugins/sweetalert2/sweetalert2.min.js"></script> <!-- Toastr --> <script src="plugins/toastr/toastr.min.js"></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 src="dist/js/jquery.balloon.min.js"></script> <script src="dist/js/customer_update/dealer_cu_assign_form.js"></script> <!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> --> <script src="plugins/datatables/jquery.dataTables.min.js"></script> <script src="plugins/datatables-bs4/js/dataTables.bootstrap4.min.js"></script> <script> //GLOBALS WITH PHP var customer_force_edit = <?php echo $has_force_edit_permission; ?>; const excl_py = "<?=base64_encode('r8wkrhisl2')?>"; const apy = "<?=base64_encode('Qifl39Wkll')?>"; $('.js-example-basic-multiple').select2(); // $(document).ready(function() { // $('#table_dlr').on('click', '.chk-active-dlr', function() { // // Check if the checkbox is checked // // if ($(this).is(':checked')) { // // // Remove the corresponding row // // $(this).closest('tr').remove(); // // } // var isChecked = $(this).prop('checked'); // Get the checked state // var rowData = $(this).closest('tr').find('td:first-child').text(); // Get the first column text (Code) // // Send AJAX request to update checkbox state // $.ajax({ // url: 'update_checkbox_state.php', // method: 'POST', // data: { isChecked: isChecked, rowData: rowData }, // success: function(response) { // console.log(response); // Log server response // }, // error: function(xhr, status, error) { // console.error(error); // Log any errors // } // }); // }); // }); </script> <script src="dist/js/customer_update/dealer_assign.js"></script> </body> </html>��views/customer_update/dealer_assignment_user.php��0000644��00000152446�15025010632�0016345 0��ustar�00��<?php include('cfg/db.php'); include_once("api/controllers/utility.php"); // include('app/security/security.php'); if (!isset($_SESSION['user']['id'])) { header('location:signin.php'); } // $check_page = new CheckPage(); // $check_page->start($db); if (!(isset($global_action_permissions['11']['56']) && in_array("1", $global_action_permissions['11']['56']))) { header('location:signin.php'); } $utility = new Utility(); $granted_company_ids = $utility->isNotEmpty($_SESSION['user']['company_permissions_implode']) ? $_SESSION['user']['company_permissions_implode'] : '-1'; $ic=$db->sql_query("SELECT count(cu.customer_id) AS total_icu FROM cu_assign cu WHERE cu.dealer_id = ".$_SESSION['user']['dealer']." AND cu.active =1 GROUP BY cu.ref_num_header"); // echo "SELECT count(cu.customer_id) AS total_icu FROM cu_assign cu WHERE cu.dealer_id = ".$_SESSION['user']['dealer']." AND cu.active =1 GROUP BY cu.ref_num_header";exit; $icu =$ic->num_rows; $cu_assign=0; $cu_assign = $db->sql_query("select ref_num_header from cu_assign"); $had_cu_assign = $cu_assign->num_rows; if (isset($global_action_permissions['22']['55']) && in_array("4", $global_action_permissions['11']['55'])) { $has_force_edit_permission = 1; } else { $has_force_edit_permission = 0; } // echo'<pre>';print_r($_SESSION['user']);echo'</pre>';exit; ?> <!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']; ?> \| IC ASSIGNED</title> <!-- <script src="dist/js/filter.js"></script> --> <!-- 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"> <!-- Default style --> <link rel="stylesheet" href="dist/css/default.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"> <link href="dist/img/<?php echo $variable['logo']; ?>" rel="icon" /> <!-- Ekko Lightbox --> <link rel="stylesheet" href="plugins/ekko-lightbox/ekko-lightbox.css"> <!-- SweetAlert2 --> <link rel="stylesheet" href="plugins/sweetalert2/sweetalert2.min.css"> <!-- Toastr --> <link rel="stylesheet" href="plugins/toastr/toastr.min.css"> <!-- STARTMULTI --> <link rel="stylesheet" href="dist/css/bootstrap-multiselect.css" type="text/css"> <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%; } #customer-table.loading tbody { position: relative; } #customer-table.loading tbody:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #fff; / background-color: rgba(0, 0, 0, 0.1); / background-image: url(data:image/png;base64,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); background-position: center; background-repeat: no-repeat; background-size: 277px 35px; font-weight: bold; content: ""; } </style> </head> <body class="hold-transition sidebar-mini text-sm layout-fixed"> <!-- body class="hold-transition sidebar-mini text-sm" oncopy = 'return false' oncut = 'return false' onselectstart = 'return false' > --> <div class="wrapper"> <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'); ?> <!-- Content Wrapper. Contains page content --> <div id="upper" class="content-wrapper"> <!-- START --> <section class="content"> <div class="container-fluid"> <div class="row"> <div class="col-md mt-3"> <div id="table" class="card " style="background-color:#9bbbfc;"> <div class="card-header"> <h3 class="card-title" style="color:#282828;"><a href="#"><i class="fa fa-backward" aria-hidden="true" onclick="goBack();" style="color:#282828;;text-decoration:none;"> Back </i></a></h3> </div> <div class="card"> <div class="card-body"> <div class="row"> <?php if($icu <=0){?> <div class="col-md-12 col-sm-12" style="margin-bottom:1em;"> <span class="badge badge-warning" style="background-color:#f9ce69;"> <i class="fa fa-exclamation-circle" aria-hidden="true"></i> There is no available inactive customer to be assigned to user.</span> </div> <?php } ?> <?php / if($had_cu_assign>0):?> <div class="col-md-4 col-sm-12"> <?php $apiKey2=base64_encode('0GADHHAB9G');?> <button class="btn btn-lg btn-lg btn-block" onclick="resetAssign('<?=$apiKey2?>')" id="reset-assignment" style="background-color: #4741a6;color:white;"> <i class="fas fa-users-cog nav-icon"></i> Reset Assignment</button> <button class="btn btn-lg btn-lg btn-block" style="background-color:none;border:1px solid #4741a6;display:none;" id="spinner-loader-purple"> <div class="spinner-border" role="status" id="spinner-loader-purple" style="color:#4741a6"></div> <span style="color:#4741a6;margin-left:20px;">Processing...</span> </button> </div> <?php endif; / ?> <!-- <div class="col-md-4 col-sm-6"> <button type="button" class="btn btn-lg" id="load-modal-dealer" onclick="loadDealers('<?=base64_encode('qpms3k82vn')?>')" data-toggle="modal" data-target="#exampleModalLong" data-backdrop="static" data-keyboard="false" style="background-color: #4741a6;color:white;"> <i class="fas fa-cog nav-icon"></i> </button> </div> --> <!-- col-md-4 --> </div> <!-- END OF ROW --> <?php / <div class="row"> <!-- Modal --> <div class="modal fade bd-example-modal-lg" id="exampleModalLong" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true"> <div class="modal-dialog modal-lg" role="document"> <div class="modal-content"> <div class="modal-header"> <h6 class="modal-title" id="exampleModalLongTitle">Users Assignment</h6> <!-- <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> --> </div> <div class="modal-body"> <!-- <div class="card-body" style="border:1px solid #ccc;"> --> <table id="table_dlr" class="table"> <thead> <tr> <th>#</th> <th>Ref#</th> <th>Active</th> </tr> </thead> <tbody> </tbody> </table> <!-- </div> --> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" Onclick="relodMdl();" data-dismiss="modal">Close</button> <button type="button" id="xlcd-dlr" onclick="exl_dlr()" class="btn btn-primary">Save changes</button> </div> </div> </div> </div> <!-- END MODAL --> </div> <!-- END ROW --> / ?> <div class="row"> <div class="col-md-6 col-sm-12"> <fieldset class="card border-primary" id="fieldset-assign"> <legend class="text-center fieldset-form"><small>User Allocation</small></legend> <!-- <div class="col-md-12"> <p style="color:#FF1493;font-family: 'Epilogue'"> Note : <br/> Please ensure that the selected user is under your supervision or within your group under the same dealer to avoid conflicts arising from incorrect assignments. </p> </div> --> <div class="col-md-12 col-sm-6" style="margin-bottom: 1em; overflow: hidden;"> <span class="badge" style="background-color:#f9ce69;display: block; white-space: normal;padding:0.5rem;font-family: 'Epilogue';"> <i class="fa fa-exclamation-circle" aria-hidden="true"></i> Please ensure that the selected user is under your supervision or within your group under the same dealer to avoid conflicts arising from incorrect assignments. </span> </div> <form id="assign-form" style="margin-top:1rem;padding:0.5rem;"> <div class="form"> <!-- <div class="form-group col-md-3"> <label class="control-label" for="Company">Company</label> <select id="sl_company" class="form-control form-control-sm" name="user" required> <option value="">Select Company</option> </select> </div> <div class="form-group col-md-3"> <label class="control-label" for="Dealer">Dealer</label> <select id="sl_dealer" class="form-control form-control-sm" name="user" required disabled> <option value="">Select Dealer</option> </select> </div> --> <div class="form-group row"> <label class="control-label col-sm-3" for="User">Source</label> <div class="col-sm-9"> <select id="sl_source" class="form-control form-control-sm" name="user-source" required> <option value="">Select source</option> </select> </div> </div> <div class="form-group row"> <label class="form-contrl control-label col-sm-3" for="User">User</label> <div class="col-sm-9"> <select id="sl_user" class="form-control form-control-sm" name="user" disabled> <!-- <option value="">Select user</option> --> </select> </div> </div> <div class="form-group row"> <label class="control-label col-sm-3" for="assigno">No of assign. DB</label> <div class="col-sm-6 d-flex align-items-center"> <!-- Adjusted column size --> <input type="number" class="form-control form-control-sm input-sm mr-2" id="no_assign" required disabled> <small class="text-muted mb-0" style="font-size:14px;"> <span id="total_customer_count">0</span></small> </div> </div> </div> <div class="form-row"> <div class="form-group col-md-3"> <button type="button" class="btn btn-success btn-sm" id="btn-submit-manually">Submit</button> </div> </div> </form> </fieldset> </div> <!-- <div class="col-md-8 col-sm-12"> <fieldset class="card border-primary"> <legend class="text-center fieldset-form">list</legend> <table class="table" id="user-list-tbl"> <thead> <th>#</th> <th><i class="icofont-user"></i>User</th> <th>Ref#</th> <th>Batch No.</th> <th>No. assigned</th> <th>Updated</th> <th>...</th> </thead> <tbody> <tr> <td>1</td> <td>Jane Doe</td> <td>asdfasd</td> <td>9</td> <td>100</td> <td>2024-02-01</td> <td><a href="#">View</a></td> </tr> <tr> <td>2</td> <td>Jhon Doe</td> <td>asdfasd</td> <td>9</td> <td>200</td> <td>2024-02-02</td> <td><a href="#">View</a></td> </tr> <tr> <td>3</td> <td>Jane Doe</td> <td>asdfasd</td> <td>9</td> <td>400</td> <td>2024-02-03</td> <td><a href="#">View</a></td> </tr> <tr> <td>1</td> <td>Jane Doe</td> <td>asdfasd</td> <td>9</td> <td>100</td> <td>2024-02-01</td> <td><a href="#">View</a></td> </tr> <tr> <td>2</td> <td>Jhon Doe</td> <td>asdfasd</td> <td>9</td> <td>200</td> <td>2024-02-02</td> <td><a href="#">View</a></td> </tr> <tr> <td>3</td> <td>Jane Doe</td> <td>asdfasd</td> <td>9</td> <td>400</td> <td>2024-02-03</td> <td><a href="#">View</a></td> </tr> <tr> <td>1</td> <td>Jane Doe</td> <td>asdfasd</td> <td>9</td> <td>100</td> <td>2024-02-01</td> <td><a href="#">View</a></td> </tr> <tr> <td>2</td> <td>Jhon Doe</td> <td>asdfasd</td> <td>9</td> <td>200</td> <td>2024-02-02</td> <td><a href="#">View</a></td> </tr> <tr> <td>3</td> <td>Jane Doe</td> <td>asdfasd</td> <td>9</td> <td>400</td> <td>2024-02-03</td> <td><a href="#">View</a></td> </tr> <tr> <td>1</td> <td>Jane Doe</td> <td>asdfasd</td> <td>9</td> <td>100</td> <td>2024-02-01</td> <td><a href="#">View</a></td> </tr> <tr> <td>2</td> <td>Jhon Doe</td> <td>asdfasd</td> <td>9</td> <td>200</td> <td>2024-02-02</td> <td><a href="#">View</a></td> </tr> <tr> <td>3</td> <td>Jane Doe</td> <td>asdfasd</td> <td>9</td> <td>400</td> <td>2024-02-03</td> <td><a href="#">View</a></td> </tr> <tr> <td>1</td> <td>Jane Doe</td> <td>asdfasd</td> <td>9</td> <td>100</td> <td>2024-02-01</td> <td><a href="#">View</a></td> </tr> <tr> <td>2</td> <td>Jhon Doe</td> <td>asdfasd</td> <td>9</td> <td>200</td> <td>2024-02-02</td> <td><a href="#">View</a></td> </tr> <tr> <td>3</td> <td>Jane Doe</td> <td>asdfasd</td> <td>9</td> <td>400</td> <td>2024-02-03</td> <td><a href="#">View</a></td> </tr> </tbody> </table> </fieldset> </div> --> <!-- col-md-8 --> </div> <!-- /.row --> <div id="customer-list" class="customer-table"> <table id="customer-table" data-search="true" data-custom-search="customSearch" data-buttons="buttonsFunction" data-url="" class="table table-bordered table-hover table-sm" data-query-params="queryParams" data-pagination="true"> <thead> <tr> <th data-formatter="tableNameFormatter" data-field="ref_num_header" data-sortable="false" style="text-align: center;">Ref. Code</th> <th data-field="batch_no">Batch no</th> <th data-formatter="tableEmailFormatter" data-field="dealer"> Dealer </th> <th data-field="total_cu_assign">No. assigned</th> <!-- <th data-field="total_cu_assign"> <small>No. of user allocation</small></th> --> <th data-formatter="checkIfEmpty" data-field="noofupdated">No. of updated</th> <th data-field="iview">...</th> <?php /<th data-field="dealer_users" style="text-align:center;">Assgn. user <input type="hidden" value="<?=base64_encode('xq2443ugxa')?>" id="ausr-py"> /?> <!-- <th data-field="active">Status</th> --> </tr> </thead> <tbody> </tbody> </table> <div class="card" id="grid-card" style="box-shadow: 0 0 0 0"> <div class="overlay" id="loader-main" style="display:none;"> <div class="fas fa-2x fa-sync-alt fa-spin "> </div> <strong><span class="ml-2" id="loading-message-grid"> Loading, please wait...</span></strong> </div> <div class="card-body pb-0" id="customer-grid" style="padding: .50rem"> <div class="row d-flex align-items-stretch" id="customer-grid-data"> </div> </div> <div id="grid-page-footer-customer"> <div class="card-footer"> <nav aria-label="Customer Page Navigation"> <ul class="pagination justify-content-center m-0" id="customer-grid-data-paging"> </ul> </nav> </div> </div> </div> </div> <!-- </div> --> </div> </div> </div> <!--card-card-primary--> <!--row--> </div> <!--container-fluid--> </div> <!--container-fluid--> </div> <!--container-fluid--> <?php if ( (isset($global_action_permissions['2']['3']) && in_array("2", $global_action_permissions['2']['3'])) \|\| (isset($global_action_permissions['2']['3']) && in_array("3", $global_action_permissions['2']['3'])) ) { ?> <?php include 'include/components/customer_update/customer_form.php'; ?> <?php } ?> </section> <!-- END --> </div> <!--content-wrapper--> <!-- Modal Here --> <?php include('include/footer.php'); ?> <aside class="control-sidebar control-sidebar-dark"></aside> </div><!-- ./wrapper --> <!-- jQuery --> <script src="plugins/jquery/jquery.min.js"></script> <!-- jQuery UI 1.11.4 --> <script src="plugins/jquery-ui/jquery-ui.min.js"></script> <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip --> <script> $.widget.bridge('uibutton', $.ui.button) </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 --> <!-- jQuery Cookie--> <script src="plugins/jquery-cookie/jquery.cookie.js"></script> <!-- Ekko Lightbox --> <script src="plugins/ekko-lightbox/ekko-lightbox.min.js"></script> <!-- SweetAlert2 --> <script src="plugins/sweetalert2/sweetalert2.min.js"></script> <!-- Toastr --> <script src="plugins/toastr/toastr.min.js"></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 src="dist/js/jquery.balloon.min.js"></script> <script src="dist/js/customer_update/dealer_cu_user_assign_form.js"></script> <!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> --> <script src="plugins/datatables/jquery.dataTables.min.js"></script> <script src="plugins/datatables-bs4/js/dataTables.bootstrap4.min.js"></script> <script> //GLOBALS WITH PHP var customer_force_edit = <?php echo $has_force_edit_permission; ?>; const spy = "<?=base64_encode('a1q7jyuj8s')?>"; const stpy = "<?=base64_encode('6sa3r7ieb8')?>"; const xtpy = "<?=base64_encode('qx79v7wxjt')?>"; const apy = "<?=base64_encode('wefnmw4gmo')?>"; const ucdi = "<?= base64_encode($_SESSION['user']['id'])?>"; const eid = "<?=base64_encode($_SESSION['user']['employee_id'])?>"; <?php /&const did = "<?=base64_encode($_SESSION['user']['dealer_id'] /?> const cid = "<?= base64_encode($_SESSION['user']['company'])?>"; // $('#user-list-tbl').DataTable({ // "scrollY": "150px", // Set fixed height with scrolling // // "lengthMenu": false,//remove select result // "paging": true, // Enable pagination // "searching": true, // Enable search bar // "pagingType": "simple_numbers", // Use buttons for pagination // "language": { // "paginate": { // "previous": "<", // "next": ">" // } // } // }); </script> <script src="dist/js/customer_update/sm_dealer_assign_user.js"></script> </body> </html>��views/customer_update/dealer_user_management.php��0000644��00000107462�15025010632�0016307 0��ustar�00��<?php // ini_set('display_errors', 1); // ini_set('display_startup_errors', 1); // error_reporting(E_ALL); include('cfg/db.php'); include_once("api/controllers/utility.php"); // include('app/security/security.php'); if (!isset($_SESSION['user']['id'])) { header('location:signin.php'); } // $check_page = new CheckPage(); // $check_page->start($db); if (!(isset($global_action_permissions['11']['60']) && in_array("1", $global_action_permissions['11']['60']))) { header('location:signin.php'); } $id =null; $dealer_id =null; $primary_user =null; $sc_group = null; if(isset($_REQUEST['q'])) { $id= $_REQUEST['q']; } $utility = new Utility(); $granted_company_ids = $utility->isNotEmpty($_SESSION['user']['company_permissions_implode']) ? $_SESSION['user']['company_permissions_implode'] : '-1'; $sc=$db->sql_query("SELECT FROM cu_sc_users where id =".$id); if($sc) { if($sc->num_rows ===1) { foreach($sc as $row) { $dealer_id = $row['dealer_id']; $primary_user =$row['primary_user']; $sc_group = $row['user_group']; } } } if (isset($global_action_permissions['22']['55']) && in_array("4", $global_action_permissions['11']['60'])) { $has_force_edit_permission = 1; } else { $has_force_edit_permission = 0; } ?> <!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']; ?> \| Dealer User Managment</title> <!-- <script src="dist/js/filter.js"></script> --> <!-- 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"> <!-- Default style --> <link rel="stylesheet" href="dist/css/default.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"> <link href="dist/img/<?php echo $variable['logo']; ?>" rel="icon" /> <!-- Ekko Lightbox --> <link rel="stylesheet" href="plugins/ekko-lightbox/ekko-lightbox.css"> <!-- SweetAlert2 --> <link rel="stylesheet" href="plugins/sweetalert2/sweetalert2.min.css"> <!-- Toastr --> <link rel="stylesheet" href="plugins/toastr/toastr.min.css"> <!-- STARTMULTI --> <link rel="stylesheet" href="dist/css/bootstrap-multiselect.css" type="text/css"> <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%; } #customer-table.loading tbody { position: relative; } #customer-table.loading tbody:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #fff; / background-color: rgba(0, 0, 0, 0.1); / background-image: url(data:image/png;base64,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); background-position: center; background-repeat: no-repeat; background-size: 277px 35px; font-weight: bold; content: ""; } </style> </head> <body class="hold-transition sidebar-mini text-sm layout-fixed"> <!-- body class="hold-transition sidebar-mini text-sm" oncopy = 'return false' oncut = 'return false' onselectstart = 'return false' > --> <div class="wrapper"> <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'); ?> <!-- Content Wrapper. Contains page content --> <div id="upper" class="content-wrapper"> <!-- START --> <section class="content"> <div class="container-fluid"> <div class="row"> <div class="col-md mt-3"> <div id="table" class="card " style="background-color:#9bbbfc;"> <div class="card-header"> <h3 class="card-title" style="color:#282828;"><a href="#"><i class="fa fa-backward" aria-hidden="true" onclick="goBack();" style="color:#282828;text-decoration:none;"> Back </i></a> \| Dealer User Management</h3> </div> <div class="card"> <div class="card-body"> <!-- END ROW --> <div class="row"> <div class="col-md-6 col-sm-12"> <fieldset class="card" id="main-fieldset-assign"> <legend id="legend_" class="text-center fieldset-form">....</legend> <!-- <form id="assign-form" style="margin-top:1rem;padding:0.5rem;"> <div class="form"> <input type="hidden" id="action_" value="Create"> <div class="form-group row"> <label class="control-label col-sm-3" for="dealer">Dealer</label> <div class="col-sm-9"> <select id="sl_dealer" class="form-control form-control-sm" name="user-source" required> <option value="">Select Dealer</option> </select> </div> </div> <div class="form-group row"> <label class="control-label col-sm-3" for="User">SC Manager</label> <div class="col-sm-9"> <select id="sl_manager" class="form-control form-control-sm" name="user-source" required disabled> </select> </div> </div> <div class="form-group row"> <label class="control-label col-sm-3" for="User">Sales Consultant</label> <div class="col-sm-9"> <select class="form-control js-example-basic-multiple" name="states[]" id="sl_user" multiple="multiple" disabled> </select> </div> </div> </div> <div class="form-row"> <div class="form-group col-md-3"> <button type="button" class="btn btn-success btn-sm" id="btn-submit-manually">Submit</button> </div> <div class="form-group col-md-12"> <button type="button" class="btn btn-danger btn-sm float-right" id="btn-cancel">Cancel</button> </div> </div> </form> --> <form id="assign-form" style="margin-top: 1rem; padding: 1.5rem;"> <div class="form"> <input type="hidden" id="action_" value="Create"> <div class="form-group row"> <label class="control-label col-sm-3" for="dealer">Dealer</label> <div class="col-sm-9"> <select id="sl_dealer" class="form-control form-control-sm" name="user-source" required> <option value="">Select Dealer</option> </select> </div> </div> <div class="form-group row"> <label class="control-label col-sm-3" for="User">Sales Manager</label> <div class="col-sm-9"> <select id="sl_manager" class="form-control form-control-sm" name="user-source" required disabled> </select> </div> </div> <div class="form-group row"> <label class="control-label col-sm-3" for="User">Sales Consultant</label> <div class="col-sm-9"> <select class="form-control form-control-sm js-example-basic-multiple" name="states[]" id="sl_user" multiple="multiple" required disabled> </select> </div> </div> <div class="form-row"> <div class="col-md-3"> <button type="button" class="btn btn-success btn-block btn-sm" id="btn-submit" disabled>Submit</button> </div> <div class="col-md-3"> <button type="button" style="display:none;" class="btn btn-danger btn-block btn-sm" id="btn-cancel">Cancel</button> </div> <div class="col-md-3"></div> </div> </div> </form> </fieldset> </div> </div> <!-- /.row --> <div id="customer-list" class="customer-table"> <table id="customer-table" data-search="true" data-custom-search="customSearch" data-buttons="buttonsFunction" data-url="" class="table table-bordered table-hover table-sm" data-query-params="queryParams" data-pagination="true"> <thead> <tr> <th data-field="dealer" data-sortable="false" style="text-align: center;">Dealer</th> <th data-field="sc_manager">GM/SM</th> <th data-formatter="tableEmailFormatter" data-field="sc_groups"> SC </th> <th data-field="action"> Action </th> </tr> </thead> <tbody> </tbody> </table> <div class="card" id="grid-card" style="box-shadow: 0 0 0 0"> <div class="overlay" id="loader-main" style="display:none;"> <div class="fas fa-2x fa-sync-alt fa-spin "> </div> <strong><span class="ml-2" id="loading-message-grid"> Loading, please wait...</span></strong> </div> <div class="card-body pb-0" id="customer-grid" style="padding: .50rem"> <div class="row d-flex align-items-stretch" id="customer-grid-data"> </div> </div> <div id="grid-page-footer-customer"> <div class="card-footer"> <nav aria-label="Customer Page Navigation"> <ul class="pagination justify-content-center m-0" id="customer-grid-data-paging"> </ul> </nav> </div> </div> </div> </div> <!-- </div> --> </div> </div> </div> <!--card-card-primary--> <!--row--> </div> <!--container-fluid--> </div> <!--container-fluid--> </div> <!--container-fluid--> </section> <!-- END --> </div> <!--content-wrapper--> <!-- Modal Here --> <?php include('include/footer.php'); ?> <aside class="control-sidebar control-sidebar-dark"></aside> </div><!-- ./wrapper --> <!-- jQuery --> <script src="plugins/jquery/jquery.min.js"></script> <!-- jQuery UI 1.11.4 --> <script src="plugins/jquery-ui/jquery-ui.min.js"></script> <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip --> <script> $.widget.bridge('uibutton', $.ui.button) </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 --> <!-- jQuery Cookie--> <script src="plugins/jquery-cookie/jquery.cookie.js"></script> <!-- Ekko Lightbox --> <script src="plugins/ekko-lightbox/ekko-lightbox.min.js"></script> <!-- SweetAlert2 --> <script src="plugins/sweetalert2/sweetalert2.min.js"></script> <!-- Toastr --> <script src="plugins/toastr/toastr.min.js"></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 src="dist/js/jquery.balloon.min.js"></script> <script src="dist/js/customer_update/dealer_cu_user_management.js"></script> <!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> --> <script src="plugins/datatables/jquery.dataTables.min.js"></script> <script src="plugins/datatables-bs4/js/dataTables.bootstrap4.min.js"></script> <script> //GLOBALS WITH PHP var customer_force_edit = <?php echo $has_force_edit_permission; ?>; // const excl_py = "<?=base64_encode('r8wkrhisl2')?>"; const apy = "<?=base64_encode('Qifl39Wkll')?>"; const spy = "<?=base64_encode('xbd3l39Wkll')?>"; const tpy = "<?=base64_encode('shd33rl39Wkll')?>"; var id_ = null; $('.js-example-basic-multiple').select2(); </script> <script src="dist/js/customer_update/dealer_user_management.js"></script> </body> </html>��views/customer_update/u_customer_update_assigned.php��0000644��00000174576�15025010632�0017237 0��ustar�00��<?php include('cfg/db.php'); include_once("api/controllers/utility.php"); // include('app/security/security.php'); if (!isset($_SESSION['user']['id'])) { header('location:signin.php'); } // $check_page = new CheckPage(); // $check_page->start($db); if (!(isset($global_action_permissions['11']['59']) && in_array("1", $global_action_permissions['11']['59']))) { header('location:signin.php'); } $utility = new Utility(); $url_param =$utility->str_decrypt($_REQUEST['q']); $dealer_ref_header = $url_param['dealer_ref_header']; $dealer_batch_no = $url_param['dealer_batch_no']; $granted_company_ids = $utility->isNotEmpty($_SESSION['user']['company_permissions_implode']) ? $_SESSION['user']['company_permissions_implode'] : '-1'; if (isset($global_action_permissions['2']['3']) && in_array("4", $global_action_permissions['2']['3'])) { $has_force_edit_permission = 1; } else { $has_force_edit_permission = 0; } ?> <!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']; ?> \| Customers</title> <!-- <script src="dist/js/filter.js"></script> --> <!-- 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"> <!-- Default style --> <link rel="stylesheet" href="dist/css/default.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"> <link href="dist/img/<?php echo $variable['logo']; ?>" rel="icon" /> <!-- Ekko Lightbox --> <link rel="stylesheet" href="plugins/ekko-lightbox/ekko-lightbox.css"> <!-- SweetAlert2 --> <link rel="stylesheet" href="plugins/sweetalert2/sweetalert2.min.css"> <!-- Toastr --> <link rel="stylesheet" href="plugins/toastr/toastr.min.css"> <!-- STARTMULTI --> <link rel="stylesheet" href="dist/css/bootstrap-multiselect.css" type="text/css"> <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%; } #customer-table.loading tbody { position: relative; } #customer-table.loading tbody:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #fff; / background-color: rgba(0, 0, 0, 0.1); / background-image: url(data:image/png;base64,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); background-position: center; background-repeat: no-repeat; background-size: 277px 35px; font-weight: bold; content: ""; } </style> </head> <body class="hold-transition sidebar-mini text-sm layout-fixed"> <!-- body class="hold-transition sidebar-mini text-sm" oncopy = 'return false' oncut = 'return false' onselectstart = 'return false' > --> <div class="wrapper"> <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'); ?> <!-- Content Wrapper. Contains page content --> <div id="upper" class="content-wrapper"> <!-- Content Header (Page header) --> <!-- <section class="content-header "> --> <!-- <div class="container-fluid"> <div class="row mb-0"> <div class="col-sm-6"> --> <!-- <h1 id="h1">Customers</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">Customers</li> </ol> </div> </div> </div> --> <!-- /.container-fluid --> <!-- </section> --> <!-- START --> <section class="content"> <div class="container-fluid"> <div class="row"> <div class="col-md mt-3"> <div id="table" class="card card" style="background-color:#9bbbfc;"> <div class="card-header"> <h3 class="card-title" style="color:#282828;"><a href="#"><i class="fa fa-backward" aria-hidden="true" onclick="goBack();" style="color:#282828;;text-decoration:none;"> Back </i></a></h3> </h3> </div> <div class="card"> <div class="card-body"> <!-- ./FILTER --> <div class="row mb-2"> <div class="col-6"> </div> <div class="col-6 text-right"> <div class="btn-group"> <button type="button" class="tooltip-me btn btn-default dropdown-toggle btn-sm" data-toggle="dropdown" aria-haspopup="true" title="Filter" data-html="true" data-placement="left" aria-expanded="true"> <i class="fa fa-filter" aria-hidden="true"></i> </button> <div id="dropdown-filter" class="dropdown-menu dropdown-menu-right"> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <input type="button" class="btn btn-primary btn-sm form-control form-control-sm " name="btnCustomerListNoFilter" id="btnCustomerListNoFilter" value="No Filter" style="width: 100%;"></input> </div> <!--form-group dropdown--> </div> <!--form-group--> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="dms" id="dms" class="form-control form-control-sm" style="width: 100%;"> <option></option> <?php $company = $db->return_result("SELECT `id`, `name` FROM `source_dms` WHERE status = 1 ORDER BY name ASC"); foreach ($company as $data) { // if($dashboard_filter && $dashboard_type == '1'){ if (isset($_GET['selected_dms'])) { $selected_dms = $db->escape($_GET['selected_dms']); if ($data['id'] == $selected_dms) { 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 class="form-group mb-0" hidden> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="customer-actions" id="customer-actions" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php $customer_actions_menu = array("all", "new","pending", "updated", "active","inactive"); foreach ($customer_actions_menu as $menu) { echo "<option value='$menu'>$menu</option>"; } ?> </select> </div> </div> <!-- text input --> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="company-filter" id="company-filter" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php $company = $db->return_result("SELECT `id`, `code` FROM `source_company` WHERE status = 1 AND id IN (" . $granted_company_ids . ") ORDER BY code ASC"); foreach ($company as $data) { // if($dashboard_filter && $dashboard_type == '5'){ if (isset($_GET['selected_company'])) { $selected_company = $db->escape($_GET['selected_company']); if ($data['id'] == $selected_company) { echo "<option value='{$data['id']}' selected>" . $data['code'] . "</option>"; } else { echo "<option value='{$data['id']}' >" . $data['code'] . "</option>"; } } else { echo "<option value='{$data['id']}' >" . $data['code'] . "</option>"; } } ?> </select> </div> <!--form-group dropdown--> </div> <!--form-group--> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="type" id="type" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php if (isset($_GET['selected_type'])) { $selected_type = $db->escape($_GET['selected_type']); if ($selected_type == '1') { ?> <option value="1" selected>Individual</option> <option value="2">Corporation</option> <?php } else if ($selected_type == '2') { ?> <option value="1">Individual</option> <option value="2" selected>Corporation</option> <?php } } else { ?> <option value="1">Individual</option> <option value="2">Corporation</option> <?php } ?> </select> </div> </div> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="gender" id="gender" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?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) { // if($dashboard_filter && $dashboard_type == '2'){ if (isset($_GET['selected_gender'])) { $selected_gender = $db->escape($_GET['selected_gender']); if ($data['id'] == $selected_gender) { echo "<option value='{$data['id']}' selected>" . $data['gender_name'] . "</option>"; } else { echo "<option value='{$data['id']}'>" . $data['gender_name'] . "</option>"; } } else { echo "<option value='{$data['id']}'>" . $data['gender_name'] . "</option>"; } } ?> </select> </div> <!--form-group dropdown--> </div> <!--form-group--> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="filter-age" id="filter-age" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php if (isset($_GET['selected_age'])) { $selected_age = $db->escape($_GET['selected_age']); if ($selected_age == 'below') { ?> <option value="below" selected>Below 30</option> <option value="between">Between 31 and 50</option> <option value="above">Age 51 and Up</option> <?php } else if ($selected_age == 'between') { ?> <option value="below">Below 30</option> <option value="between" selected>Between 31 and 50 </option> <option value="above">Age 51 and Up</option> <?php } else if ($selected_age == 'above') { ?> <option value="below">Below 30</option> <option value="between">Between 31 and 50</option> <option value="above" selected>Age 51 and Up </option> <?php } } else { ?> <option value="below">Below 30</option> <option value="between">Between 31 and 50</option> <option value="above">Age 51 and Up </option> <?php } ?> </select> </div> </div> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="filter-data" id="filter-data" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php $filter_data_menu = array("No Email", "Complete Data", "Incomplete Data", "No Address", "No Gender", "No Date of birth"); foreach ($filter_data_menu as $menu) { // if($dashboard_filter && $dashboard_type == '3'){ if (isset($_GET['incomplete_data'])) { $incomplete_data = $db->escape($_GET['incomplete_data']); if ($incomplete_data == $menu) { echo "<option value='$menu' selected >$menu</option>"; } else { echo "<option value='$menu'>$menu</option>"; } } else { echo "<option value='$menu'>$menu</option>"; } } ?> </select> </div> </div> <div class="form-group mb-0" hidden> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="customer-actions" id="customer-actions" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php $customer_actions_menu = array("all", "new", "updated", "added"); foreach ($customer_actions_menu as $menu) { echo "<option value='$menu'>$menu</option>"; } ?> </select> </div> </div> <div class="form-group mb-0"> <div class="text-center form-group dropdown-input mr-2 ml-2 mb-0"> <div class="icheck-primary d-inline"> <input type="checkbox" id="my_record_filter" /> <label class="mb-0" for="my_record_filter"> My Records </label> </div> </div> </div> </div> </div> </div> </div> <!-- ./FILTER --> <div class="row"> <!-- <div class="col-md-12"> <h4 class="no-margin">Customer Summary</h4> </div> --> <div id="customer_action_all" class="col-md-4 col-sm-6 col-12" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-primary"> <i class="fas fa-user-tag"></i> </span> <div class="info-box-content"> <span class="info-box-text">Total assigned</span> <span class="info-box-number" id="total_customer_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> <!-- <div id="customer_action_new" class="col-md-4 col-sm-6 col-12" style="cursor: pointer;"> --> <div id="customer_action_pending" class="col-md-4 col-sm-6 col-12" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-warning"><i class="fa fa-users"></i></span> <div class="info-box-content"> <div class="row"> <div class="col-10"> <span class="info-box-text">Pending</span> </div> <div class="col-2"> <!-- <i class="float-right tooltip-me mt-2 mr-2 mb-0 fas fa-question-circle" style="color:blue; cursor: help;" title="Record count from last 7 days"></i> --> </div> </div> <span class="info-box-number" id="pending_customer_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> <div id="customer_action_updated" class="col-md-4 col-sm-6 col-12" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-info"><i class="fa fa fa-sync"></i></span> <div class="info-box-content"> <div class="row"> <div class="col-10"> <span class="info-box-text">Updated </span> </div> <!-- <div class="col-2"> --> <!-- <i class="float-right tooltip-me mt-2 mr-2 mb-0 fas fa-question-circle" style="color:blue; cursor: help;" title="Record count from last 7 days"></i> --> <!-- </div> --> </div> <span class="info-box-number" id="updated_customer_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <div id="customer_action_active" class="col-md-6 col-sm-6 col-12" title="Active customer count" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-success"><i class="fa fa-users"></i></span> <div class="info-box-content"> <div class="row"> <div class="col-10"> <span class="info-box-text">Active </span> </div> <!-- <div class="col-2"> --> <!-- <i class="float-right tooltip-me mt-2 mr-2 mb-0 fas fa-question-circle" style="color:blue; cursor: help;" title="Record count from last 7 days"></i> --> <!-- </div> --> </div> <span style="margin-left:10px" class="info-box-number" id="active_customer_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <div id="customer_action_inactive" class="col-md-6 col-sm-6 col-12" title="Inactive customer count" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-danger"><i class="fa fa-users"></i></span> <div class="info-box-content"> <div class="row"> <div class="col-10"> <span class="info-box-text">Inactive </span> </div> <!-- <div class="col-2"> --> <!-- <i class="float-right tooltip-me mt-2 mr-2 mb-0 fas fa-question-circle" style="color:blue; cursor: help;" title="Record count from last 7 days"></i> --> <!-- </div> --> </div> <span class="info-box-number" id="inactive_customer_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> <?php / <div id="customer_action_added" class="col-md-3 col-sm-6 col-12" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-success"><i class="fa fa-plus"></i></span> <div class="info-box-content"> <span class="info-box-text">Added Today</span> <span class="info-box-number" id="new_today_customer_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> /?> </div> <!-- /.row --> <div id="customer-list" class="customer-table"> <table id="customer-table" data-search="true" data-custom-search="customSearch" data-buttons="buttonsFunction" data-url="" class="table table-bordered table-hover table-sm" data-query-params="queryParams" data-pagination="true"> <!-- id="table" data-toggle="table" data-height="460" data-ajax="ajaxRequest" data-search="true" data-side-pagination="server" data-pagination="true" --> <thead> <tr> <!-- <th data-align="center" data-formatter="imageFormatter" data-field="photo">Picture</th> --> <!-- <th data-formatter="checkIfEmpty" data-field="id">Customer No</th> --> <th data-formatter="tableNameFormatter" data-field="name" data-sortable="false" style="text-align: center;">Name</th> <!-- <th data-formatter="checkIfEmpty" data-field="gender_name">Gender</th> --> <!-- <th data-field="age_number">Age</th> --> <th data-formatter="tableEmailFormatter" data-field="email_1"> Email </th> <th data-formatter="tableMobileFormatter" data-field="mobile_phone_1"> Mobile</th> <th data-formatter="checkIfEmpty" data-field="type">Type</th> <th data-field="last_date_modified">Last modified</th> <th data-formatter="tableMobileFormatter" data-field="set_status">Customer status</th> <!-- <th data-field="status">Status</th> --> </tr> </thead> <tbody> </tbody> </table> <div class="card" id="grid-card" style="box-shadow: 0 0 0 0"> <div class="overlay" id="loader-main" style="display:none;"> <div class="fas fa-2x fa-sync-alt fa-spin "> </div> <strong><span class="ml-2" id="loading-message-grid"> Loading, please wait...</span></strong> </div> <div class="card-body pb-0" id="customer-grid" style="padding: .50rem"> <div class="row d-flex align-items-stretch" id="customer-grid-data"> </div> </div> <div id="grid-page-footer-customer"> <div class="card-footer"> <nav aria-label="Customer Page Navigation"> <ul class="pagination justify-content-center m-0" id="customer-grid-data-paging"> </ul> </nav> </div> </div> </div> </div> <!-- </div> --> </div> </div> </div> <!--card-card-primary--> <!--row--> </div> <!--container-fluid--> </div> <!--container-fluid--> </div> <!--container-fluid--> <?php if ( (isset($global_action_permissions['2']['3']) && in_array("2", $global_action_permissions['2']['3'])) \|\| (isset($global_action_permissions['2']['3']) && in_array("3", $global_action_permissions['2']['3'])) ) { ?> <?php include 'include/components/customer_update/customer_form.php'; ?> <?php } ?> </section> <!-- END --> </div> <!--content-wrapper--> <!-- Modal Here --> <?php include('include/footer.php'); ?> <aside class="control-sidebar control-sidebar-dark"></aside> </div><!-- ./wrapper --> <!-- jQuery --> <script src="plugins/jquery/jquery.min.js"></script> <!-- jQuery UI 1.11.4 --> <script src="plugins/jquery-ui/jquery-ui.min.js"></script> <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip --> <script> $.widget.bridge('uibutton', $.ui.button) </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 --> <!-- jQuery Cookie--> <script src="plugins/jquery-cookie/jquery.cookie.js"></script> <!-- Ekko Lightbox --> <script src="plugins/ekko-lightbox/ekko-lightbox.min.js"></script> <!-- SweetAlert2 --> <script src="plugins/sweetalert2/sweetalert2.min.js"></script> <!-- Toastr --> <script src="plugins/toastr/toastr.min.js"></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 src="dist/js/jquery.balloon.min.js"></script> <script src="dist/js/customer_update/u_customer_assigned_user_form.js"></script> <script> //GLOBALS WITH PHP var customer_force_edit = <?php echo $has_force_edit_permission; ?>; const url_param = '<?=($_REQUEST['q'])?>'; const dealer_ref_header = '<?=$dealer_ref_header?>'; const dealer_batch_no = '<?=$dealer_batch_no?>'; const setpy = '<?=base64_encode('C9EWeDYSXR')?>'; </script> <script src="dist/js/customer_update/u_customer_user_assigned.js"></script> </body> </html>��views/customer_update/customer_update05-23-24.php��0000644��00000171316�15025010632�0015635 0��ustar�00��<?php include('cfg/db.php'); include_once("api/controllers/utility.php"); // include('app/security/security.php'); if (!isset($_SESSION['user']['id'])) { header('location:signin.php'); } // $check_page = new CheckPage(); // $check_page->start($db); if (!(isset($global_action_permissions['11']['54']) && in_array("1", $global_action_permissions['11']['54']))) { header('location:signin.php'); } $utility = new Utility(); $granted_company_ids = $utility->isNotEmpty($_SESSION['user']['company_permissions_implode']) ? $_SESSION['user']['company_permissions_implode'] : '-1'; if (isset($global_action_permissions['2']['3']) && in_array("4", $global_action_permissions['2']['3'])) { $has_force_edit_permission = 1; } else { $has_force_edit_permission = 0; } // echo'<pre>';print_r($_SESSION['user']['position_name']);echo'</pre>'; // echo'<pre>';print_r($global_action_permissions);echo'</pre>'; // echo'<pre> permissions';print_r($_SESSION['user']['action_permissions']);echo'</pre>'; // exit(); ?> <!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']; ?> \| Customers</title> <!-- <script src="dist/js/filter.js"></script> --> <!-- 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"> <!-- Default style --> <link rel="stylesheet" href="dist/css/default.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"> <link href="dist/img/<?php echo $variable['logo']; ?>" rel="icon" /> <!-- Ekko Lightbox --> <link rel="stylesheet" href="plugins/ekko-lightbox/ekko-lightbox.css"> <!-- SweetAlert2 --> <link rel="stylesheet" href="plugins/sweetalert2/sweetalert2.min.css"> <!-- Toastr --> <link rel="stylesheet" href="plugins/toastr/toastr.min.css"> <!-- STARTMULTI --> <link rel="stylesheet" href="dist/css/bootstrap-multiselect.css" type="text/css"> <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%; } #customer-table.loading tbody { position: relative; } #customer-table.loading tbody:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #fff; / background-color: rgba(0, 0, 0, 0.1); / background-image: url(data:image/png;base64,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); background-position: center; background-repeat: no-repeat; background-size: 277px 35px; font-weight: bold; content: ""; } </style> </head> <body class="hold-transition sidebar-mini text-sm layout-fixed"> <!-- body class="hold-transition sidebar-mini text-sm" oncopy = 'return false' oncut = 'return false' onselectstart = 'return false' > --> <div class="wrapper"> <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'); ?> <!-- Content Wrapper. Contains page content --> <div id="upper" class="content-wrapper"> <!-- Content Header (Page header) --> <!-- <section class="content-header "> --> <!-- <div class="container-fluid"> <div class="row mb-0"> <div class="col-sm-6"> --> <!-- <h1 id="h1">Customers</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">Customers</li> </ol> </div> </div> </div> --> <!-- /.container-fluid --> <!-- </section> --> <!-- START --> <section class="content"> <div class="container-fluid"> <div class="row"> <div class="col-md mt-3"> <div id="table" class="card" style="background-color:#9bbbfc;"> <div class="card-header"> <h3 class="card-title" style="color:#282828;"> <a href="#" style="text-decoration:none;list-style:none;color:#282828;" onclick="goBack();"> <i class="fa fa-backward" aria-hidden="true"> Back </i></a> \| Inactive Customers</h3> </div> <div class="card"> <div class="card-body"> <!-- ./FILTER --> <div class="row mb-2"> <div class="col-6"> </div> <div class="col-6 text-right"> <div class="btn-group"> <button type="button" class="tooltip-me btn btn-default dropdown-toggle btn-sm" data-toggle="dropdown" aria-haspopup="true" title="Filter" data-html="true" data-placement="left" aria-expanded="true"> <i class="fa fa-filter" aria-hidden="true"></i> </button> <div id="dropdown-filter" class="dropdown-menu dropdown-menu-right"> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <input type="button" class="btn btn-primary btn-sm form-control form-control-sm " name="btnCustomerListNoFilter" id="btnCustomerListNoFilter" value="No Filter" style="width: 100%;"></input> </div> <!--form-group dropdown--> </div> <!--form-group--> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="dms" id="dms" class="form-control form-control-sm" style="width: 100%;"> <option></option> <?php $company = $db->return_result("SELECT `id`, `name` FROM `source_dms` WHERE status = 1 ORDER BY name ASC"); foreach ($company as $data) { // if($dashboard_filter && $dashboard_type == '1'){ if (isset($_GET['selected_dms'])) { $selected_dms = $db->escape($_GET['selected_dms']); if ($data['id'] == $selected_dms) { 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--> <!-- text input --> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="company-filter" id="company-filter" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php $company = $db->return_result("SELECT `id`, `code` FROM `source_company` WHERE status = 1 AND id IN (" . $granted_company_ids . ") ORDER BY code ASC"); foreach ($company as $data) { // if($dashboard_filter && $dashboard_type == '5'){ if (isset($_GET['selected_company'])) { $selected_company = $db->escape($_GET['selected_company']); if ($data['id'] == $selected_company) { echo "<option value='{$data['id']}' selected>" . $data['code'] . "</option>"; } else { echo "<option value='{$data['id']}' >" . $data['code'] . "</option>"; } } else { echo "<option value='{$data['id']}' >" . $data['code'] . "</option>"; } } ?> </select> </div> <!--form-group dropdown--> </div> <!--form-group--> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="type" id="type" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php if (isset($_GET['selected_type'])) { $selected_type = $db->escape($_GET['selected_type']); if ($selected_type == '1') { ?> <option value="1" selected>Individual</option> <option value="2">Corporation</option> <?php } else if ($selected_type == '2') { ?> <option value="1">Individual</option> <option value="2" selected>Corporation</option> <?php } } else { ?> <option value="1">Individual</option> <option value="2">Corporation</option> <?php } ?> </select> </div> </div> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="gender" id="gender" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?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) { // if($dashboard_filter && $dashboard_type == '2'){ if (isset($_GET['selected_gender'])) { $selected_gender = $db->escape($_GET['selected_gender']); if ($data['id'] == $selected_gender) { echo "<option value='{$data['id']}' selected>" . $data['gender_name'] . "</option>"; } else { echo "<option value='{$data['id']}'>" . $data['gender_name'] . "</option>"; } } else { echo "<option value='{$data['id']}'>" . $data['gender_name'] . "</option>"; } } ?> </select> </div> <!--form-group dropdown--> </div> <!--form-group--> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="filter-age" id="filter-age" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php if (isset($_GET['selected_age'])) { $selected_age = $db->escape($_GET['selected_age']); if ($selected_age == 'below') { ?> <option value="below" selected>Below 30</option> <option value="between">Between 31 and 50</option> <option value="above">Age 51 and Up</option> <?php } else if ($selected_age == 'between') { ?> <option value="below">Below 30</option> <option value="between" selected>Between 31 and 50 </option> <option value="above">Age 51 and Up</option> <?php } else if ($selected_age == 'above') { ?> <option value="below">Below 30</option> <option value="between">Between 31 and 50</option> <option value="above" selected>Age 51 and Up </option> <?php } } else { ?> <option value="below">Below 30</option> <option value="between">Between 31 and 50</option> <option value="above">Age 51 and Up </option> <?php } ?> </select> </div> </div> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="filter-data" id="filter-data" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php $filter_data_menu = array("No Email", "Complete Data", "Incomplete Data", "No Address", "No Gender", "No Date of birth"); foreach ($filter_data_menu as $menu) { // if($dashboard_filter && $dashboard_type == '3'){ if (isset($_GET['incomplete_data'])) { $incomplete_data = $db->escape($_GET['incomplete_data']); if ($incomplete_data == $menu) { echo "<option value='$menu' selected >$menu</option>"; } else { echo "<option value='$menu'>$menu</option>"; } } else { echo "<option value='$menu'>$menu</option>"; } } ?> </select> </div> </div> <div class="form-group mb-0" hidden> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="customer-actions" id="customer-actions" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php $customer_actions_menu = array("all", "new", "updated", "added","inactive","active"); foreach ($customer_actions_menu as $menu) { echo "<option value='$menu'>$menu</option>"; } ?> </select> </div> </div> <div class="form-group mb-0"> <div class="text-center form-group dropdown-input mr-2 ml-2 mb-0"> <div class="icheck-primary d-inline"> <input type="checkbox" id="my_record_filter" /> <label class="mb-0" for="my_record_filter"> My Records </label> </div> </div> </div> </div> </div> </div> </div> <!-- ./FILTER --> <hr> <div class="row"> <!-- <div class="col-md-12"> <h4 class="no-margin">Customer Summary</h4> </div> --> <div id="customer_action_all" class="col-md-4 col-sm-6 col-12" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-primary"> <i class="fas fa-user-tag"></i> </span> <div class="info-box-content"> <span class="info-box-text">Total</span> <span class="info-box-number" id="total_customer_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> <div id="customer_action_pending" class="col-md-4 col-sm-6 col-12" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-warning"><i class="fa fa-users"></i></span> <div class="info-box-content"> <div class="row"> <div class="col-10"> <span class="info-box-text">Incomplete</span> </div> <div class="col-2"> <!-- <i class="float-right tooltip-me mt-2 mr-2 mb-0 fas fa-question-circle" style="color:blue; cursor: help;" title="Record count from last 7 days"></i> --> </div> </div> <span class="info-box-number" id="new_customer_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> <div id="customer_action_updated" class="col-md-4 col-sm-6 col-12" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-info"><i class="fa fa fa-sync"></i></span> <div class="info-box-content"> <div class="row"> <div class="col-10"> <span class="info-box-text">Updated </span> </div> <div class="col-2"> <!-- <i class="float-right tooltip-me mt-2 mr-2 mb-0 fas fa-question-circle" style="color:blue; cursor: help;" title="Record count from last 7 days"></i> --> </div> </div> <span class="info-box-number" id="updated_customer_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <div id="customer_action_active" class="col-md-6 col-sm-6 col-12" title="Active customer count" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-success"><i class="fa fa-users"></i></span> <div class="info-box-content"> <div class="row"> <div class="col-10"> <span class="info-box-text">Active </span> </div> <!-- <div class="col-2"> --> <!-- <i class="float-right tooltip-me mt-2 mr-2 mb-0 fas fa-question-circle" style="color:blue; cursor: help;" title="Record count from last 7 days"></i> --> <!-- </div> --> </div> <span style="margin-left:10px" class="info-box-number" id="active_customer_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <div id="customer_action_inactive" class="col-md-6 col-sm-6 col-12" title="Inactive customer count" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-danger"><i class="fa fa-users"></i></span> <div class="info-box-content"> <div class="row"> <div class="col-10"> <span class="info-box-text">Inactive </span> </div> <!-- <div class="col-2"> --> <!-- <i class="float-right tooltip-me mt-2 mr-2 mb-0 fas fa-question-circle" style="color:blue; cursor: help;" title="Record count from last 7 days"></i> --> <!-- </div> --> </div> <span class="info-box-number" id="inactive_customer_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> <?php / <div id="customer_action_added" class="col-md-3 col-sm-6 col-12" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-success"><i class="fa fa-plus"></i></span> <div class="info-box-content"> <span class="info-box-text">Added Today</span> <span class="info-box-number" id="new_today_customer_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> /?> </div> <!-- /.row --> <div id="customer-list" class="customer-table"> <table id="customer-table" data-search="true" data-custom-search="customSearch" data-buttons="buttonsFunction" data-url="" class="table table-bordered table-hover table-sm" data-query-params="queryParams" data-pagination="true"> <!-- id="table" data-toggle="table" data-height="460" data-ajax="ajaxRequest" data-search="true" data-side-pagination="server" data-pagination="true" --> <thead> <tr> <!-- <th data-align="center" data-formatter="imageFormatter" data-field="photo">Picture</th> --> <!-- <th data-formatter="checkIfEmpty" data-field="id">Customer No</th> --> <th data-formatter="tableNameFormatter" data-field="name" data-sortable="false" style="text-align: center;">Name</th> <!-- <th data-formatter="checkIfEmpty" data-field="gender_name">Gender</th> --> <!-- <th data-field="age_number">Age</th> --> <th data-formatter="tableEmailFormatter" data-field="email_1"> Email </th> <th data-formatter="tableMobileFormatter" data-field="mobile_phone_1"> Mobile</th> <th data-formatter="checkIfEmpty" data-field="type">Type</th> <th data-field="city">City</th> <th data-field="date_modified">Date modified</th> <th data-field="is_active">Customer status</th> </tr> </thead> <tbody> </tbody> </table> <div class="card" id="grid-card" style="box-shadow: 0 0 0 0"> <div class="overlay" id="loader-main" style="display:none;"> <div class="fas fa-2x fa-sync-alt fa-spin "> </div> <strong><span class="ml-2" id="loading-message-grid"> Loading, please wait...</span></strong> </div> <div class="card-body pb-0" id="customer-grid" style="padding: .50rem"> <div class="row d-flex align-items-stretch" id="customer-grid-data"> </div> </div> <div id="grid-page-footer-customer"> <div class="card-footer"> <nav aria-label="Customer Page Navigation"> <ul class="pagination justify-content-center m-0" id="customer-grid-data-paging"> </ul> </nav> </div> </div> </div> </div> <!-- </div> --> </div> </div> </div> <!--card-card-primary--> <!--row--> </div> <!--container-fluid--> </div> <!--container-fluid--> </div> <!--container-fluid--> <?php if ( (isset($global_action_permissions['2']['3']) && in_array("2", $global_action_permissions['2']['3'])) \|\| (isset($global_action_permissions['2']['3']) && in_array("3", $global_action_permissions['2']['3'])) ) { ?> <?php include 'include/components/customer_update/customer_form.php'; ?> <?php } ?> </section> <!-- END --> </div> <!--content-wrapper--> <!-- Modal Here --> <?php include('include/footer.php'); ?> <aside class="control-sidebar control-sidebar-dark"></aside> </div><!-- ./wrapper --> <!-- jQuery --> <script src="plugins/jquery/jquery.min.js"></script> <!-- jQuery UI 1.11.4 --> <script src="plugins/jquery-ui/jquery-ui.min.js"></script> <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip --> <script> $.widget.bridge('uibutton', $.ui.button) </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 --> <!-- jQuery Cookie--> <script src="plugins/jquery-cookie/jquery.cookie.js"></script> <!-- Ekko Lightbox --> <script src="plugins/ekko-lightbox/ekko-lightbox.min.js"></script> <!-- SweetAlert2 --> <script src="plugins/sweetalert2/sweetalert2.min.js"></script> <!-- Toastr --> <script src="plugins/toastr/toastr.min.js"></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 src="dist/js/jquery.balloon.min.js"></script> <script src="dist/js/customer_update/customer_form.js"></script> <script> //GLOBALS WITH PHP var customer_force_edit = '';//<?php echo $has_force_edit_permission; ?>; </script> <script src="dist/js/customer_update/customer.js"></script> </body> </html>��views/customer_update/sm_assign_dealer_view.php��0000644��00000176351�15025010632�0016155 0��ustar�00��<?php include('cfg/db.php'); include_once("api/controllers/utility.php"); // include('app/security/security.php'); if (!isset($_SESSION['user']['id'])) { header('location:signin.php'); } // $check_page = new CheckPage(); // $check_page->start($db); if (!(isset($global_action_permissions['2']['3']) && in_array("1", $global_action_permissions['2']['3']))) { header('location:signin.php'); } $utility = new Utility(); $granted_company_ids = $utility->isNotEmpty($_SESSION['user']['company_permissions_implode']) ? $_SESSION['user']['company_permissions_implode'] : '-1'; if (isset($global_action_permissions['2']['3']) && in_array("4", $global_action_permissions['2']['3'])) { $has_force_edit_permission = 1; } else { $has_force_edit_permission = 0; } $decoded_url_param = $utility->str_decrypt($_REQUEST['q']); $dealer_name=''; $ref_num_header =''; // $dealer_ref_header=''; // $batch_no =''; if(isset($_REQUEST['q'])) { $dealer_name = $decoded_url_param['dealer_name']; $ref_num_header = $decoded_url_param['ref_num_header']; // $batch_no = $decoded_url_param['batch_no']; // if($urlParam['user_id'] >0){ // $empQ = $db->sql_query("select concat(first_name,' ',middle_name,' ',last_name) as emp_name from employee where employee_id=".$urlParam['user_id']); // foreach($empQ as $employee) // { // $employee_name = $employee['emp_name']; // }unset($employee); // } } ?> <!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']; ?> \| Customers</title> <!-- <script src="dist/js/filter.js"></script> --> <!-- 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"> <!-- Default style --> <link rel="stylesheet" href="dist/css/default.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"> <link href="dist/img/<?php echo $variable['logo']; ?>" rel="icon" /> <!-- Ekko Lightbox --> <link rel="stylesheet" href="plugins/ekko-lightbox/ekko-lightbox.css"> <!-- SweetAlert2 --> <link rel="stylesheet" href="plugins/sweetalert2/sweetalert2.min.css"> <!-- Toastr --> <link rel="stylesheet" href="plugins/toastr/toastr.min.css"> <!-- STARTMULTI --> <link rel="stylesheet" href="dist/css/bootstrap-multiselect.css" type="text/css"> <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%; } #customer-table.loading tbody { position: relative; } #customer-table.loading tbody:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #fff; / background-color: rgba(0, 0, 0, 0.1); / background-image: url(data:image/png;base64,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); background-position: center; background-repeat: no-repeat; background-size: 277px 35px; font-weight: bold; content: ""; } </style> </head> <body class="hold-transition sidebar-mini text-sm layout-fixed"> <!-- body class="hold-transition sidebar-mini text-sm" oncopy = 'return false' oncut = 'return false' onselectstart = 'return false' > --> <div class="wrapper"> <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'); ?> <!-- Content Wrapper. Contains page content --> <div id="upper" class="content-wrapper"> <!-- Content Header (Page header) --> <!-- <section class="content-header "> --> <!-- <div class="container-fluid"> <div class="row mb-0"> <div class="col-sm-6"> --> <!-- <h1 id="h1">Customers</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">Customers</li> </ol> </div> </div> </div> --> <!-- /.container-fluid --> <!-- </section> --> <!-- START --> <section class="content"> <div class="container-fluid"> <div class="row"> <div class="col-md mt-3"> <div id="table" class="card" style="background-color:#9bbbfc;"> <div class="card-header"> <h3 class="card-title"> <a href="#"><i class="fa fa-backward" aria-hidden="true" onclick="goBack();" style="color:#282828;text-decoration:none;"> Back </i></a> \| Customer Assigned</h3> </div> <div class="card"> <div class="card-body"> <!-- ./FILTER --> <div class="row mb-2"> <div class="col-8"> <nav aria-label="breadcrumb"> <ol class="breadcrumb"> <!-- <li class="breadcrumb-item"> <i class="fas fa-folder-open folder-icon"></i>  <label class="label">Batch no. :</label> <span id="user" class="badge"> <?= $batch_no?> </span> </li> --> <li class="breadcrumb-item"> <i class="fas fa-folder-open folder-icon"></i> <label class="label">Dealer :</label> <span class="badge"><?= $dealer_name ?></span> </li> </ol> </nav> </div> <div class="col-4 text-right"> <div class="btn-group"> <button type="button" class="tooltip-me btn btn-default dropdown-toggle btn-sm" data-toggle="dropdown" aria-haspopup="true" title="Filter" data-html="true" data-placement="left" aria-expanded="true"> <i class="fa fa-filter" aria-hidden="true"></i> </button> <div id="dropdown-filter" class="dropdown-menu dropdown-menu-right"> <?php / <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <input type="button" class="btn btn-primary btn-sm form-control form-control-sm " name="btnCustomerListNoFilter" id="btnCustomerListNoFilter" value="No Filter" style="width: 100%;"></input> </div> <!--form-group dropdown--> </div> <!--form-group--> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="dms" id="dms" class="form-control form-control-sm" style="width: 100%;"> <option></option> <?php $company = $db->return_result("SELECT `id`, `name` FROM `source_dms` WHERE status = 1 ORDER BY name ASC"); foreach ($company as $data) { // if($dashboard_filter && $dashboard_type == '1'){ if (isset($_GET['selected_dms'])) { $selected_dms = $db->escape($_GET['selected_dms']); if ($data['id'] == $selected_dms) { 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--> <!-- text input --> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="company-filter" id="company-filter" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php $company = $db->return_result("SELECT `id`, `code` FROM `source_company` WHERE status = 1 AND id IN (" . $granted_company_ids . ") ORDER BY code ASC"); foreach ($company as $data) { // if($dashboard_filter && $dashboard_type == '5'){ if (isset($_GET['selected_company'])) { $selected_company = $db->escape($_GET['selected_company']); if ($data['id'] == $selected_company) { echo "<option value='{$data['id']}' selected>" . $data['code'] . "</option>"; } else { echo "<option value='{$data['id']}' >" . $data['code'] . "</option>"; } } else { echo "<option value='{$data['id']}' >" . $data['code'] . "</option>"; } } ?> </select> </div> <!--form-group dropdown--> </div> <!--form-group--> /?> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="type" id="type" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php if (isset($_GET['selected_type'])) { $selected_type = $db->escape($_GET['selected_type']); if ($selected_type == '1') { ?> <option value="1" selected>Individual</option> <option value="2">Corporation</option> <?php } else if ($selected_type == '2') { ?> <option value="1">Individual</option> <option value="2" selected>Corporation</option> <?php } } else { ?> <option value="1">Individual</option> <option value="2">Corporation</option> <?php } ?> </select> </div> </div> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="gender" id="gender" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?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) { // if($dashboard_filter && $dashboard_type == '2'){ if (isset($_GET['selected_gender'])) { $selected_gender = $db->escape($_GET['selected_gender']); if ($data['id'] == $selected_gender) { echo "<option value='{$data['id']}' selected>" . $data['gender_name'] . "</option>"; } else { echo "<option value='{$data['id']}'>" . $data['gender_name'] . "</option>"; } } else { echo "<option value='{$data['id']}'>" . $data['gender_name'] . "</option>"; } } ?> </select> </div> <!--form-group dropdown--> </div> <!--form-group--> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="filter-age" id="filter-age" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php if (isset($_GET['selected_age'])) { $selected_age = $db->escape($_GET['selected_age']); if ($selected_age == 'below') { ?> <option value="below" selected>Below 30</option> <option value="between">Between 31 and 50</option> <option value="above">Age 51 and Up</option> <?php } else if ($selected_age == 'between') { ?> <option value="below">Below 30</option> <option value="between" selected>Between 31 and 50 </option> <option value="above">Age 51 and Up</option> <?php } else if ($selected_age == 'above') { ?> <option value="below">Below 30</option> <option value="between">Between 31 and 50</option> <option value="above" selected>Age 51 and Up </option> <?php } } else { ?> <option value="below">Below 30</option> <option value="between">Between 31 and 50</option> <option value="above">Age 51 and Up </option> <?php } ?> </select> </div> </div> <?php / <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="filter-data" id="filter-data" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php $filter_data_menu = array("No Email", "Complete Data", "Incomplete Data", "No Address", "No Gender", "No Date of birth"); foreach ($filter_data_menu as $menu) { // if($dashboard_filter && $dashboard_type == '3'){ if (isset($_GET['incomplete_data'])) { $incomplete_data = $db->escape($_GET['incomplete_data']); if ($incomplete_data == $menu) { echo "<option value='$menu' selected >$menu</option>"; } else { echo "<option value='$menu'>$menu</option>"; } } else { echo "<option value='$menu'>$menu</option>"; } } ?> </select> </div> </div> / ?> <?php $months = [ 1 => 'January', 2 => 'February', 3 => 'March', 4 => 'April', 5 => 'May', 6 => 'June', 7 => 'July', 8 => 'August', 9 => 'September', 10 => 'October', 11 => 'November', 12 => 'December' ]; // Generate year array $currentYear = date("Y"); $years = range($currentYear, $currentYear - 50); // Last 50 years ?> <!-- Month Picker Dropdown --> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select class="form-control form-control-sm select2" style="width: 100%;" id="filter-month" name="filter-month"> <option value="">Select Month</option> <?php foreach ($months as $num => $name): ?> <option value="<?= $num ?>"><?= $name ?></option> <?php endforeach; ?> </select> </div> </div> <!-- Year Picker Dropdown --> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select class="form-control form-control-sm select2" style="width: 100%;" id="filter-year" name="filter-year"> <option value="">Select Year</option> <?php foreach ($years as $year): ?> <option value="<?= $year ?>"><?= $year ?></option> <?php endforeach; ?> </select> </div> </div> <div class="form-group mb-0" hidden> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="customer-actions" id="customer-actions" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php $customer_actions_menu = array("all", "new", "updated", "added","active","inactive","pending"); foreach ($customer_actions_menu as $menu) { echo "<option value='$menu'>$menu</option>"; } ?> </select> </div> </div> <!-- <div class="form-group mb-0"> <div class="text-center form-group dropdown-input mr-2 ml-2 mb-0"> <div class="icheck-primary d-inline"> <input type="checkbox" id="my_record_filter" /> <label class="mb-0" for="my_record_filter"> My Records </label> </div> </div> </div> --> </div> </div> </div> </div> <!-- ./FILTER --> <hr> <div class="row"> <div id="customer_action_all" class="col-md-4 col-sm-6 col-12" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-primary"> <i class="fas fa-user-tag"></i> </span> <div class="info-box-content"> <span class="info-box-text">Total assigned</span> <span class="info-box-number" id="total_customer_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> <div id="customer_action_pending" class="col-md-4 col-sm-6 col-12" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-warning"><i class="fa fa-users"></i></span> <div class="info-box-content"> <div class="row"> <div class="col-10"> <span class="info-box-text">Pending</span> </div> </div> <span class="info-box-number" id="pending_customer_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> <div id="customer_action_updated" class="col-md-4 col-sm-6 col-12" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-info"><i class="fa fa fa-sync"></i></span> <div class="info-box-content"> <div class="row"> <div class="col-10"> <span class="info-box-text">Updated </span> </div> </div> <span class="info-box-number" id="updated_customer_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <div id="customer_action_active" class="col-md-6 col-sm-6 col-12" title="Active customer count" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-success"><i class="fa fa-users"></i></span> <div class="info-box-content"> <div class="row"> <div class="col-10"> <span class="info-box-text">Active </span> </div> </div> <span style="margin-left:10px" class="info-box-number" id="active_customer_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <div id="customer_action_inactive" class="col-md-6 col-sm-6 col-12" title="Inactive customer count" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-danger"><i class="fa fa-users"></i></span> <div class="info-box-content"> <div class="row"> <div class="col-10"> <span class="info-box-text">Inactive </span> </div> </div> <span class="info-box-number" id="inactive_customer_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> </div> <!-- /.row --> <div id="customer-list" class="customer-table"> <table id="customer-table" data-search="true" data-custom-search="customSearch" data-buttons="buttonsFunction" data-url="" class="table table-bordered table-hover table-sm" data-query-params="queryParams" data-pagination="true"> <!-- id="table" data-toggle="table" data-height="460" data-ajax="ajaxRequest" data-search="true" data-side-pagination="server" data-pagination="true" --> <thead> <tr> <th data-align="center" data-formatter="imageFormatter" data-field="photo">Picture</th> <!-- <th data-formatter="checkIfEmpty" data-field="id">Customer No</th> --> <th data-formatter="tableNameFormatter" data-field="name" data-sortable="false" style="text-align: center;">Name</th> <!-- <th data-formatter="checkIfEmpty" data-field="gender_name">Gender</th> --> <!-- <th data-field="age_number">Age</th> --> <th data-formatter="tableEmailFormatter" data-field="email_1"> Email </th> <th data-formatter="tableMobileFormatter" data-field="mobile_phone_1"> Mobile</th> <th data-formatter="checkIfEmpty" data-field="type">Type</th> <th data-field="city">City</th> <th data-field="date_modified">Last modified</th> <th data-field="set_status">Customer status</th> </tr> </thead> <tbody> </tbody> </table> <div class="card" id="grid-card" style="box-shadow: 0 0 0 0"> <div class="overlay" id="loader-main" style="display:none;"> <div class="fas fa-2x fa-sync-alt fa-spin "> </div> <strong><span class="ml-2" id="loading-message-grid"> Loading, please wait...</span></strong> </div> <div class="card-body pb-0" id="customer-grid" style="padding: .50rem"> <div class="row d-flex align-items-stretch" id="customer-grid-data"> </div> </div> <div id="grid-page-footer-customer"> <div class="card-footer"> <nav aria-label="Customer Page Navigation"> <ul class="pagination justify-content-center m-0" id="customer-grid-data-paging"> </ul> </nav> </div> </div> </div> </div> <!-- </div> --> </div> </div> </div> <!--card-card-primary--> <!--row--> </div> <!--container-fluid--> </div> <!--container-fluid--> </div> <!--container-fluid--> <?php if ( (isset($global_action_permissions['2']['3']) && in_array("2", $global_action_permissions['2']['3'])) \|\| (isset($global_action_permissions['2']['3']) && in_array("3", $global_action_permissions['2']['3'])) ) { ?> <?php include 'include/components/customer_update/customer_form.php'; ?> <?php } ?> </section> <!-- END --> </div> <!--content-wrapper--> <!-- Modal Here --> <?php include('include/footer.php'); ?> <aside class="control-sidebar control-sidebar-dark"></aside> </div><!-- ./wrapper --> <!-- jQuery --> <script src="plugins/jquery/jquery.min.js"></script> <!-- jQuery UI 1.11.4 --> <script src="plugins/jquery-ui/jquery-ui.min.js"></script> <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip --> <script> $.widget.bridge('uibutton', $.ui.button) </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 --> <!-- jQuery Cookie--> <script src="plugins/jquery-cookie/jquery.cookie.js"></script> <!-- Ekko Lightbox --> <script src="plugins/ekko-lightbox/ekko-lightbox.min.js"></script> <!-- SweetAlert2 --> <script src="plugins/sweetalert2/sweetalert2.min.js"></script> <!-- Toastr --> <script src="plugins/toastr/toastr.min.js"></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 src="dist/js/jquery.balloon.min.js"></script> <script src="dist/js/customer_update/customer_form.js"></script> <script> //GLOBALS WITH PHP var customer_force_edit = <?php echo $has_force_edit_permission; ?>; const ref_num_header = '<?=$utility->str_encrypt($decoded_url_param['ref_num_header'])?>'; const setpy = '<?=base64_encode('C9EWeDYSXR')?>' // alert(ref_num_header); </script> <script src="dist/js/customer_update/sm_dealer_view_cu.js"></script> </body> </html>��views/customer_update/activity_modal.php��0000644��00000020605�15025010632�0014622 0��ustar�00��<div class="modal" id="modal-customer-activity-close-deal" tabindex="-1" role="dialog" aria-labelledby="modal" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-md"> <div class="modal-content"> <form class="customer-activity-close-deal-form"> <div class="modal-header py-1 " style="cursor:pointer;"> <h5 class="modal-title mr-2"><span>Information</span></h5> <!-- <div class="fas fa-2x fa-sync-alt fa-spin customer-modal-overlay"> </div> --> <!-- <div class="fas fa-2x fa-plus"> </div> --> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body p-1"> <div class="row px-2 activity-vehicle-info"> <div class=" col-6 "> <div class=" form-group mb-1 "> <label class=" mb-0">Plate Number</label> <input name="plate_number" type="text" class="big-letter form-control form-control-sm"> </div> </div> <div class="col-6"> <div class="form-group mb-1 "> <label class="mb-0">CS Number</label> <input name="conduction_sticker" type="text" class="big-letter form-control form-control-sm"> </div> </div> </div> <div class="form-group mb-1 px-2"> <label class="mb-0">Insurance Company</label> <input name="insurance_company" type="text" class=" form-control form-control-sm"> </div> <div class="form-group mb-1 px-2"> <label class="mb-0">Policy No.</label> <input name="policy_number" type="text" class=" form-control form-control-sm"> </div> <!-- <div class="row"> <div class="form-group col-md-6"> <label>Date only</label> <input type="text" class="form-control datetimepicker-input" id="datetimepicker2" data-toggle="datetimepicker" data-target="#datetimepicker2" /> </div> </div> --> <div id="div-mod-issuedate" class="form-group dropdown-input mb-1 px-2"> <label class="mb-0" class="">Issue Date</label> <div class="input-group date activity-date" id="mod-issue-date" data-target-input="nearest"> <input name="issue_date" id="issue_date" data-inputmask-alias="datetime" data-inputmask-inputformat="mm/dd/yyyy" data-mask type="text" class=" form-control form-control-sm datetimepicker-input" data-target="#mod-issue-date" /> <div class=" input-group-append" data-target="#mod-issue-date" data-toggle="datetimepicker"> <div class="input-group-text"><i class="fa fa-calendar"></i></div> </div> </div> </div> <div id="div-mod-startdate" class="form-group dropdown-input mb-1 px-2"> <label class="mb-0" class="">Start Date</label> <div class="input-group date activity-date" id="mod-start-date" data-target-input="nearest"> <input name="start_date" id="start_date" data-inputmask-alias="datetime" data-inputmask-inputformat="mm/dd/yyyy" data-mask type="text" class=" form-control form-control-sm datetimepicker-input" data-target="#mod-start-date" /> <div class=" input-group-append" data-target="#mod-start-date" data-toggle="datetimepicker"> <div class="input-group-text"><i class="fa fa-calendar"></i></div> </div> </div> </div> <div id="div-mod-enddate" class="form-group dropdown-input mb-1 px-2"> <label class="mb-0" class="">End Date</label> <div class="input-group date activity-date" id="mod-end-date" data-target-input="nearest"> <input name="end_date" id="end_date" data-inputmask-alias="datetime" data-inputmask-inputformat="mm/dd/yyyy" data-mask type="text" class=" form-control form-control-sm datetimepicker-input" data-target="#mod-end-date" /> <div class="input-group-append" data-target="#mod-end-date" data-toggle="datetimepicker"> <div class="input-group-text"><i class="fa fa-calendar"></i></div> </div> </div> </div> </div> <div class="modal-footer py-1 px-1" style="justify-content: space-between!important;"> <!-- <button type="button" class="text-left btn btn-primary btn-sm btn-close-deal"><span class="text-sm">Tag as Close Deal</span></button> --> <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">Cancel</button> <button type="submit" class="btn btn-success btn-sm">Close Deal</button> </div> </form> </div> </div> </div> <!-- Modal --> <div class="modal " id="modal-customer-activity" role="dialog" data-backdrop="static" tabindex="-1" aria-labelledby="" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-md" role="document"> <div class="modal-content"> <form class="customer-activity-form"> <div class="modal-header py-1 " style="cursor:pointer;"> <h5 class="modal-title mr-2"><span>Create Activity</span></h5> <!-- <div class="fas fa-2x fa-sync-alt fa-spin customer-modal-overlay"> </div> --> <!-- <div class="fas fa-2x fa-plus"> </div> --> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body p-1"> <div class="card-body p-1"> <div class="col-sm-12 p-0 "> <!-- textarea --> <div class="form-group m-0"> <!-- <label>Textarea</label> --> <textarea class="form-control" rows="3" name="activity" placeholder="Enter the activity here..."></textarea> </div> </div> <div class="col-sm-12 pt-1 px-0 mb-2"> <?php $act_templates = $db->return_result("SELECT `activity` FROM `customer_activity_template` WHERE 1 AND status = 1 ORDER BY activity ASC"); foreach ($act_templates as $act_template) { ?> <span class=" badge badge-primary text-sm font-weight-normal customer-activity-template" style="cursor:pointer;"><?= $act_template['activity'] ?></span> <?php } ?> </div> </div> </div> <!-- <div class="modal-footer py-1 px-1" style="justify-content: space-between!important;"> --> <div class="modal-footer py-1 px-1"> <button type="button" class="text-left btn btn-primary btn-sm btn-close-deal"><span class="text-sm">Tag as Close Deal</span></button> <button type="submit" class="btn btn-success btn-sm">Save Activity</button> </div> </form> </div> </div> </div> <!-- Modal -->��views/industry/industry.php��0000644��00000056444�15025010632�0012163 0��ustar�00��<?php include('cfg/db.php'); include_once("api/controllers/utility.php"); include('app/security/security.php'); if(!isset($_SESSION['user']['id'])){ header('location:signin.php'); } $check_page = new CheckPage(); $check_page->start($db); if(!(isset($global_action_permissions['2']['42']['8']) && in_array("1", $global_action_permissions['2']['42']['8']))){ header('location:signin.php'); } $utility = new Utility(); $granted_company_ids = $utility->isNotEmpty($_SESSION['user']['company_permissions_implode']) ? $_SESSION['user']['company_permissions_implode'] : '-1' ; ?> <!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']; ?> \| </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"> <!-- daterange picker --> <link rel="stylesheet" href="../../plugins/daterangepicker/daterangepicker.css"> <!-- overlayScrollbars --> <link rel="stylesheet" href="../../plugins/overlayScrollbars/css/OverlayScrollbars.min.css"> <link href="../../dist/img/<?php echo $variable['logo']; ?>" rel="icon" /> <!-- 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"> <!-- Toastr --> <link rel="stylesheet" href="../../plugins/toastr/toastr.min.css"> <!-- iCheck for checkboxes and radio inputs --> <link rel="stylesheet" href="../../plugins/icheck-bootstrap/icheck-bootstrap.min.css"> <!-- Bootstrap Table --> <link href="../../plugins/bootstrap-table/css/bootstrap-table.min.css" rel="stylesheet"> <!-- SweetAlert2 --> <link rel="stylesheet" href="../../plugins/sweetalert2/sweetalert2.min.css"> <style> 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; } .list-group-item { padding: .25rem .50rem; } / .modal-dialog { margin-top: 0px; margin-right: 0; } / #toast-container > .toast-warning { background-image: url('dist/img/toast/warning.png')!important; background-color: #ffa500; color: black; } </style> </head> <body class="hold-transition sidebar-mini text-sm layout-fixed"> <div class="wrapper"> <?php include('include/header.php'); ?> <?php include('include/sidebar.php'); ?> <!-- Content Wrapper. Contains page content --> <div class="content-wrapper"> <section class="content-header"> <div class="container-fluid"> <div class="row mb-2"> </div> </div> </section> <section class="content"> <div class="container-fluid"> <div class="row"> <div class="col-md"> <div id="finance-list" class="card card-primary"> <div class="card-header"> <h3 class="card-title"></h3> </div> <div class="card-body"> <div class="row mb-2"> <div class="col-6"> <div class="col-6 text-left"> <div class="p-0 m-0"> <label class="p-0 m-0"> Date Range: </label>  <span id="date_cover"></span> </div> <div class="p-0 m-0"> <label class="p-0 m-0"> Company and Dealer: </label>  <span id="company_cover"></span> </div> <div class="p-0 m-0"> <label class="p-0 m-0"> <!-- Brand: --> </label>  <span id="brand_cover"></span> </div> </div> </div> <div class="col-6 text-right"> <div class="btn-group"> <button type="button" class="tooltip-me btn btn-default dropdown-toggle btn-sm" data-toggle="dropdown" aria-haspopup="true" title="Filter" data-html="true" data-placement="left" aria-expanded="true"> <i class="fa fa-filter" aria-hidden="true"></i> </button> <div id="dropdown-filter" class="dropdown-menu dropdown-menu-right"> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <input type="button" class="btn btn-primary btn-sm form-control form-control-sm" name="btn-no-filter" id="btn-no-filter" value="No Filter" style="width: 100%;"></input> </div> </div> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <div id="filter-date" class="p-1" name="filter-date" style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc; width: 100%"> <i class="fa fa-calendar"></i>  <span id="date-range"></span> <i class="fa fa-angle-down mt-1 float-right"></i> </div> </div> </div> <div class="form-group mb-0" style="display:;"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="company-filter" id="company-filter" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php $company = $db->return_result("SELECT `id`, `code` FROM `source_company` WHERE status = 1 AND id IN (".$granted_company_ids.") ORDER BY code ASC"); foreach($company AS $data){ echo "<option value='{$data['id']}' >".$data['code']."</option>"; } ?> </select> </div> </div> <div class="form-group mb-0" style="display:;"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="dealer" id="dealer" class="form-control form-control-sm select2" style="width: 100%;"> <?php ?> </select> </div> </div> </div> </div> </div> </div> <hr> <div class="row"> <div class="col-md-8"> <div id="data-div" class="table-responsive"> <table id="data-table" class="table table-sm" data-toggle="table" data-url="" data-pagination="true" data-search="false" 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="[50, 100]" data-minimum-count-columns="2" data-show-pagination-switch="false" data-pagination="true" data-query-params="queryDataTable" data-click-to-select="false" > <thead> <tr> <th class="main-header-table" data-formatter="" data-field="vehicle_offered">Vehicle Offered</th> <th class="main-header-table" data-formatter="" data-field="company_dealer">Company & Dealer</th> <th class="main-header-table" data-formatter="" data-field="sales_consultant">Sales Consultant</th> <th class="main-header-table" data-formatter="" data-field="status">Status</th> </tr> </thead> </table> </div> </div> <div class="col-md-4"> <fieldset class="card"> <div class="col-sm-12 input-forms"> <ul class="list-group list-group-unbordered mb-2 mt-2"> <li class="list-group-item"> <div class="ml-1 form-group row my-0"> <span class="pl-0 col-sm-5 lbl-forms-sm-customer-main"><strong>Customer Name</strong> <span class=""></span></span> <span class="pl-0 customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="span-customer-fullname"></span> </div> </li> <li class="list-group-item"> <div class="ml-1 form-group row my-0"> <span class="pl-0 col-sm-5 lbl-forms-sm-customer-main"><strong>Mobile Number</strong> <span class=""></span></span> <span class="pl-0 customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="span-mobile-number"></span> </div> </li> <li class="list-group-item"> <div class="ml-1 form-group row my-0"> <span class="pl-0 col-sm-5 lbl-forms-sm-customer-main"><strong>Customer Email</strong> <span class=""></span></span> <span class="pl-0 customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="span-email"></span> </div> </li> <li class="list-group-item"> <div class="ml-1 form-group row my-0"> <span class="pl-0 col-sm-5 lbl-forms-sm-customer-main"><strong>Customer Address</strong> <span class=""></span></span> <span class="pl-0 customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="span-address"></span> </div> </li> <li class="list-group-item"> <div class="ml-1 form-group row my-0"> <span class="pl-0 col-sm-5 lbl-forms-sm-customer-main"><strong>Sales Consultant</strong> <span class=""></span></span> <span class="pl-0 customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="span-sales-consultant"></span> </div> </li> <li class="list-group-item"> <div class="ml-1 form-group row my-0"> <span class="pl-0 col-sm-5 lbl-forms-sm-customer-main"><strong>Remarks</strong> <span class=""></span></span> <span class="pl-0 customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="span-remarks"></span> </div> </li> <li class="list-group-item"> <div class="ml-1 form-group row my-0"> <span class="pl-0 col-sm-5 lbl-forms-sm-customer-main"><strong></strong> <span class=""></span></span> <span class="pl-0 customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="span"></span> </div> </li> <li class="list-group-item"> <div class="ml-1 form-group row my-0"> <span class="pl-0 col-sm-5 lbl-forms-sm-customer-main"><strong>Car Model</strong> <span class=""></span></span> <span class="pl-0 customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="span-car-model"></span> </div> </li> <li class="list-group-item"> <div class="ml-1 form-group row my-0"> <span class="pl-0 col-sm-5 lbl-forms-sm-customer-main"><strong>Variant</strong> <span class=""></span></span> <span class="pl-0 customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="span-variant"></span> </div> </li> </ul> </div> </fieldset> </div> </div> </div> </div> </div> </div> </div> </section> </div> <?php include('include/footer.php'); ?> <aside class="control-sidebar control-sidebar-dark"> </aside> </div><!-- ./wrapper --> <!-- jQuery --> <script src="../../plugins/jquery/jquery.min.js"></script> <script src="../../plugins/jquery-ui/jquery-ui.min.js"></script> <script> $.widget.bridge('uibutton', $.ui.button); </script> <!-- overlayScrollbars --> <script src="../../plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></script> <!-- InputMask --> <script src="../../plugins/moment/moment.min.js"></script> <script src="../../plugins/inputmask/jquery.inputmask.min.js"></script> <!-- Bootstrap 4 --> <script src="../../plugins/bootstrap/js/bootstrap.bundle.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> <!-- date-range-picker --> <script src="../../plugins/daterangepicker/daterangepicker.js"></script> <!-- Navigation Highlight --> <script src="../../dist/js/main.js"></script> <!-- Tempusdominus Bootstrap 4 --> <script src="../../plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js"></script> <!-- Select2 --> <script src="../../plugins/select2/js/select2.full.min.js"></script> <!-- Toastr --> <script src="../../plugins/toastr/toastr.min.js"></script> <!-- SweetAlert2 --> <script src="../../plugins/sweetalert2/sweetalert2.min.js"></script> <!-- Bootstrap Switch --> <script src="../../plugins/bootstrap-switch/js/bootstrap-switch.min.js"></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-file--> <script> <?php include('resources/views/common/scripts/industry/industry.js'); ?> </script> </body> </html>��views/finance_pdc/finance_pdc_information.php��0000644��00000164331�15025010632�0015503 0��ustar�00��<?php include('cfg/db.php'); // include('app/security/security.php'); if(!isset($_SESSION['user']['id'])){ header('location:signin.php'); } if(!(isset($global_action_permissions['2']['42']['9']) && in_array("1", $global_action_permissions['2']['42']['9']))){ header('location:signin.php'); } $utility = new Utility(); $granted_company_ids = $utility->isNotEmpty($_SESSION['user']['company_permissions_implode']) ? $_SESSION['user']['company_permissions_implode'] : '-1' ; $pdc_edit_record = 0; if((isset($global_action_permissions['2']['42']['9']) && in_array("3", $global_action_permissions['2']['42']['9']))){ $pdc_edit_record = 1; } $pdc_delete_record = 0; if((isset($global_action_permissions['2']['42']['9']) && in_array("4", $global_action_permissions['2']['42']['9']))){ $pdc_delete_record = 1; } $pdc_plate_cs_number = $pdc_plate_cs_number; $plate_cs_number_1 = ""; $plate_cs_number_2 = ""; if(strpos($pdc_plate_cs_number, '/') > 0){ $multi_data = array(); $multi_data = explode("/", $pdc_plate_cs_number); $plate_cs_number_1 = alphaNumericOnly($multi_data[0]); $plate_cs_number_2 = alphaNumericOnly($multi_data[1]); } else { $plate_cs_number_1 = alphaNumericOnly($pdc_plate_cs_number); } $plate_cs_number = $plate_cs_number_1; $check_param = $db->select("SELECT COUNT(1) FROM finance_pdc WHERE plate_cs_number1 = '$plate_cs_number' AND status = 1"); $is_granted = $db->select("SELECT COUNT(1) FROM `finance_pdc` WHERE `plate_cs_number1` = '$plate_cs_number' AND `company_id` IN(".$granted_company_ids.")"); $today = $db->select("SELECT CURDATE() AS today"); function conv($today){// 2021-08-18 $val = $today; return substr($today, 5, 2) . "/" . substr($today, 8, 2) . "/" . substr($today, 0, 4); // 08/18/2021 } function alphaNumericOnly($s){ $str = preg_replace("/[^a-zA-Z0-9]+/", "", $s); if(strlen($str) < 5){ return ""; } return $str; } ?> <!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']; ?> \| PDC Information</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="/dist/img/<?php echo $variable['logo']; ?>" rel="icon" /> <!-- 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"> <!-- Toastr --> <link rel="stylesheet" href="/plugins/toastr/toastr.min.css"> <!-- SweetAlert2 --> <link rel="stylesheet" href="/plugins/sweetalert2/sweetalert2.min.css"> <!-- iCheck for checkboxes and radio inputs --> <link rel="stylesheet" href="/plugins/icheck-bootstrap/icheck-bootstrap.min.css"> <!-- Bootstrap Table --> <link href="/plugins/bootstrap-table/css/bootstrap-table.min.css" rel="stylesheet"> <style> .input-forms { font-size: 95%; font-weight: normal !important; background-color: white !important; } .list-group-item { padding: .25rem .50rem; } #tool{ text-align: left; } 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; } #finance-information-table { cursor: pointer; } .span-labels { font-size: 90%; font-style: italic; } .span-values { font-size: 90%; } .highlight { background-color: #a9f0ff !important; font-weight: bold; } #outer-div{ display: flex; } .field-div{ flex: 1; / additionally, equal width / } #toast-container > .toast-warning { background-image: url('dist/img/toast/warning.png')!important; background-color: #ffa500; color: black; } / 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; } .clickable-row { cursor: pointer; } </style> </head> <body class="hold-transition sidebar-mini text-sm layout-fixed"> <div class="wrapper"> <?php include('include/header.php'); ?> <?php include('include/sidebar.php'); ?> <!-- Content Wrapper. Contains page content --> <div class="content-wrapper"> <section class="content-header"> <div class="container-fluid"> <div class="row mb-2"> </div> </div> </section> <section class="content"> <div class="container-fluid"> <div class="row"> <div class="col-md"> <div id="finance-information" class="card card-primary"> <div class="card-header"> <h3 class="card-title"> <button class="btn btn-tool" title="Go back" type="button" onclick="back()"> <i class="fas fa-arrow-alt-circle-left fa-2x"></i> </button>PDC Information </h3> <button class="btn btn-tool float-right" title="Activity log" onclick="refreshPDCActivityLogTable()" data-toggle="modal" data-target="#modal-pdc-activity-log"> <i class="fas fa-bars" style="margin-top: 10px; margin-right: -10px;"></i> </button> </div> <div class="card-body"> <script> function back(){ window.history.back(); } </script> <?php if($check_param < 1){ echo "Oops! No record found"; exit; } else if($is_granted == 0){ echo "Oops! You have no access in this record"; exit; } ?> <div id="outer-div" class="row"> <fieldset class="card col-12"> <div class="row mt-2"> <div class="col-sm-3"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Plate/CS No</label> <input name="pdc-info-plate-cs" id="pdc-info-plate-cs" class="form-control form-control-sm" placeholder="" style="background-color: transparent;" readonly> </div> </div> </div> <div class="col-sm-3"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Brand</label> <input name="pdc-info-brand" id="pdc-info-brand" class="form-control form-control-sm" placeholder="" style="background-color: transparent;" readonly> </div> </div> </div> <div class="col-sm-6"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Company/Dealer</label> <input name="pdc-info-company-dealer" id="pdc-info-company-dealer" class="form-control form-control-sm" placeholder="" style="background-color: transparent;" readonly> </div> </div> </div> </div> </fieldset> <div class="col-md-8 d-flex align-items-stretch"> <div class="col-12 field-div"> <div id="pdc-information-div" class="clickable-row table-responsive mt-2"> <table id="pdc-information-table" class="table table-sm" data-toggle="table" data-url="" data-pagination="true" data-search="false" 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, all]" data-minimum-count-columns="2" data-show-pagination-switch="false" data-pagination="true" data-query-params="queryParamsPDCInformationTable" data-click-to-select="true"> <thead> <tr class="clickable-row"> <th class="main-header-table text-center" data-formatter="" data-field="no">No.</th> <th class="main-header-table text-center" data-formatter="" data-field="check_number">Check No.</th> <th class="main-header-table text-center" data-formatter="" data-field="check_date">Check Date</th> <th class="main-header-table text-center" data-formatter="" data-field="policy_number">Policy Number(s)</th> <th class="main-header-table text-center" data-formatter="" data-field="insurance_company">Ins. Company</th> <th class="main-header-table text-center" data-formatter="editPDCInfo">Action</th> </tr> </thead> </table> </div> </div> </div> <div class="col-md-4 d-flex align-items-stretch field-div"> <div class="col-12"> <fieldset class="card"> <div class="col-sm-12 input-forms"> <ul class="list-group list-group-unbordered mb-2 mt-2"> <li class="list-group-item"> <div class="ml-1 form-group row my-0"> <span class="pl-0 col-sm-5 lbl-forms-sm-customer-main"><strong>Client Name</strong> <span class=""></span></span> <span class="pl-0 customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="span-client-fullname"></span> </div> </li> <li class="list-group-item"> <div class="ml-1 form-group row my-0"> <span class="pl-0 col-sm-5 lbl-forms-sm-customer-main"><strong>Client Mobile</strong> <span class=""></span></span> <span class="pl-0 customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="span-client-mobile"></span> </div> </li> <li class="list-group-item"> <div class="ml-1 form-group row my-0"> <span class="pl-0 col-sm-5 lbl-forms-sm-customer-main"><strong>Client Email</strong> <span class=""></span></span> <span class="pl-0 customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="span-client-email"></span> </div> </li> <!-- <li class="list-group-item"> <div class="ml-1 form-group row my-0"> <span class="pl-0 col-sm-5 lbl-forms-sm-customer-main"><strong>Customer Address</strong> <span class=""></span></span> <span class="pl-0 customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="span-address"></span> </div> </li> <li class="list-group-item"> <div class="ml-1 form-group row my-0"> <span class="pl-0 col-sm-5 lbl-forms-sm-customer-main"><strong>Sales Consultant</strong> <span class=""></span></span> <span class="pl-0 customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="span-sales-consultant"></span> </div> </li> --> <li class="list-group-item"> <div class="ml-1 form-group row my-0"> <span class="pl-0 col-sm-5 lbl-forms-sm-customer-main"><strong>Bank/Branch</strong> <span class=""></span></span> <span class="pl-0 customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="span-bank-branch-name"></span> </div> </li> <li class="list-group-item"> <div class="ml-1 form-group row my-0"> <span class="pl-0 col-sm-5 lbl-forms-sm-customer-main"><strong>Check Amount</strong> <span class=""></span></span> <span class="pl-0 customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="span-check-amount"></span> </div> </li> <li class="list-group-item"> <div class="ml-1 form-group row my-0"> <!-- <span class="pl-0 col-sm-5 lbl-forms-sm-customer-main"><strong>Locked In Status</strong> <span class=""></span></span> <span class="pl-0 customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="span-locked-in-status"></span> --> </div> </li> <li class="list-group-item"> <div class="ml-1 form-group row my-0"> <span class="pl-0 col-sm-5 lbl-forms-sm-customer-main"><strong>Model</strong> <span class=""></span></span> <span class="pl-0 customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="span-model"></span> </div> </li> <li class="list-group-item"> <div class="ml-1 form-group row my-0"> <span class="pl-0 col-sm-5 lbl-forms-sm-customer-main"><strong>Variant</strong> <span class=""></span></span> <span class="pl-0 customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="span-variant"></span> </div> </li> </ul> </div> </fieldset> </div> </div> </div> </div> <hr> <div id="pdc-plate-cs-information" class="card-body"> <div class="row"> <div id="pdc-information-div" class="table-responsive mt-2"> <table id="pdc-remaining-days" class="table table-sm" data-toggle="table" data-url="" data-pagination="false" data-search="false" 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, all]" data-minimum-count-columns="2" data-show-pagination-switch="false" data-query-params="queryParamsPDCRemainingDaysTable" data-click-to-select="false"> <thead> <tr> <th class="main-header-table text-center" data-formatter="" data-field="reminder_type">Reminder Type (days)</th> <th class="main-header-table text-center" data-formatter="" data-field="reminder_date">Reminder Date</th> <th class="main-header-table text-center" data-formatter="" data-field="sms_status">SMS Status</th> </tr> </thead> </table> </div> </div> </div> <div id="div-footer" class="card-body"> <div class="row"> <div class="col-sm-4"> <span class="span-labels"><strong>Date Added:  </strong></span> <span id="span-date-uploaded" class="span-values"></span> </div> <div class="col-sm-4"> <span class="span-labels"><strong>Added By:  </strong> </span> <span id="span-uploaded-by" class="span-values"></span><br> </div> <div class="col-sm-4"> <span class="span-labels"><strong>Modified by:  </strong> </span> <span id="span-modified-by" class="span-values"></span><br> </div> </div> </div> </div> </div> </div> </div> <!-- EDIT MODAL --> <div class="modal fade" id="modal-pdc-edit-info" tabindex="-1" data-backdrop="static" aria-labelledby="exampleModalCenterTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-xl" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalCenterTitle"><span id="modal-title">Edit details</span></h5> <div id="loading-view" class="fas fa-2x fa-sync-alt fa-spin customer-modal-overlay" hidden> </div> <button id="pdc-close-modal" type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div id="app" class="mb-2"> <nav class="navbar navbar-expand-md navbar-light ml-0 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 id="pdc-modal-tab" class="nav nav-tabs navbar-nav mr-auto customer-modal-tab" role="tablist"> <li class="nav-item"> <a class="nav-link active border-0 " id="pdc-edit-modal-tab-information" data-toggle="pill" href="#pdc-edit-modal-information" role="tab" aria-controls="pdc-edit-modal-information" aria-selected="true">Information</a> </li> <li class="nav-item"> <a class="nav-link border-0 " id="pdc-edit-modal-tab-insurance" data-toggle="pill" href="#pdc-edit-modal-insurance" role="tab" aria-controls="pdc-edit-modal-insurance" aria-selected="false">PDC</a> </li> </ul> </div> </nav> </div> <div class="tab-content" id="pdc-edit-modal-tab-content"> <div class="tab-pane fade show active" id="pdc-edit-modal-information" role="tabpanel" aria-labelledby="pdc-edit-modal-tab-information"> <div class="row"> <fieldset class="card col-12"> <legend>Customer Information</legend> <div class="row"> <div class="col-sm-6"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Client Fullname</label><label class="p-0 m-0" style="color: red; float-right"></label> <input name="pdc-edit-client-fullname" id="pdc-edit-client-fullname" class="big-letter el-edit form-control form-control-sm" placeholder=""> </div> </div> </div> <div class="col-sm-6"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Client Mobile</label><label class="p-0 m-0" style="color: red; float-right"></label> <div id="div-customer-mobile" class="input-70 input-group date" data-target-input="nearest"> <div class="input-70 input-group-append"> <div class="input-group-text" style="height: 31px;">+63</div> </div> <input id="pdc-edit-client-mobile" name="pdc-edit-client-mobile" oninput="this.value=this.value.slice(0,this.maxLength)" type="number" maxlength="10" class="el-add form-control form-control-sm"> </div> </div> </div> </div> </div> <div class="row"> <div class="col-sm-6"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Client Email</label><label class="p-0 m-0" style="color: red; float-right"></label> <input name="pdc-edit-client-email" id="pdc-edit-client-email" class="big-letter el-edit form-control form-control-sm" placeholder=""> </div> </div> </div> <div class="col-sm-6"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Other Contact / Mobile 2</label><label class="p-0 m-0" style="color: red; float-right"></label> <input name="pdc-edit-client-other-contact" id="pdc-edit-client-other-contact" class="big-letter el-edit form-control form-control-sm" placeholder=""> </div> </div> </div> </div> </fieldset> </div> <div class="row"> <fieldset class="card col-12"> <legend>Vehicle Information</legend> <div class="row"> <div class="col-sm-6"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Plate/CS Number</label><label class="p-0 m-0" style="color: red; float-right"></label> <input name="pdc-edit-plate-cs-number" id="pdc-edit-plate-cs-number" class="big-letter el-edit form-control form-control-sm" placeholder=""> </div> </div> </div> <div class="col-sm-6"> <div class="form-group my-0 mx-0"> <label class="dropdown mx-0 my-0">Dealer</label><label class="p-0 m-0" style="color: red; float-right"></label> <div id="div-dealer" style="border-radius: 7px;"> <select name="pdc-edit-dealer" id="pdc-edit-dealer" class="form-control form-control-sm el-edit select2" style="width: 100%;"> <option></option> <?php $dealer = $db->return_result("SELECT `id`, `name` FROM `source_dealer` WHERE status = 1 ORDER BY name ASC"); foreach($dealer AS $data){ echo "<option value='{$data['id']}'>".$data['name']."</option>"; } ?> </select> </div> </div> </div> </div> <div class="row"> <div class="col-sm-4"> <div class="form-group my-0 mx-0"> <label class="dropdown mx-0 my-0">Brand</label><label class="p-0 m-0" style="color: red; float-right"></label> <div id="div-brand" style="border-radius: 7px;"> <select name="pdc-edit-brand" id="pdc-edit-brand" class="form-control form-control-sm el-edit select2" style="width: 100%;"> <option></option> <?php $brand = $db->return_result("SELECT `id`, `name` FROM `finance_source_brand` WHERE status = 1 ORDER BY name ASC"); foreach($brand AS $data){ echo "<option value='{$data['id']}'>".$data['name']."</option>"; } ?> </select> </div> </div> </div> <div class="col-sm-4"> <div class="form-group my-0 mx-0"> <label class="dropdown mx-0 my-0">Model</label><label class="p-0 m-0" style="color: red; float-right"></label> <div id="div-model" style="border-radius: 7px;"> <select name="pdc-edit-model" id="pdc-edit-model" class="form-control form-control-sm el-edit select2" style="width: 100%;"> <option></option> </select> </div> </div> </div> <div class="col-sm-4"> <div class="form-group my-0 mx-0"> <label class="dropdown mx-0 my-0">Variant</label><label class="p-0 m-0" style="color: red; float-right"></label> <div id="div-variant" style="border-radius: 7px;"> <select name="pdc-edit-variant" id="pdc-edit-variant" class="form-control form-control-sm el-edit select2" style="width: 100%;"> <option></option> </select> </div> </div> </div> </div> </fieldset> </div> </div> <div class="tab-pane fade" id="pdc-edit-modal-insurance" role="tabpanel" aria-labelledby="pdc-edit-modal-tab-insurance"> <fieldset class="card col-12"> <legend>Cheque Information</legend> <div class="row"> <div class="col-sm-4"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">PDC Check Number</label><label class="p-0 m-0" style="color: red; float-right"></label> <input name="pdc-edit-check-number" id="pdc-edit-check-number" class="big-letter el-edit input-70 form-control form-control-sm" placeholder=""> </div> </div> </div> <div class="col-sm-4"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Check Amount</label><label class="p-0 m-0" style="color: red; float-right"></label> <input name="pdc-edit-check-amount" id="pdc-edit-check-amount" class="big-letter el-edit input-70 form-control form-control-sm" placeholder=""> </div> </div> </div> <div class="col-sm-4"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Check Date</label><label class="p-0 m-0" style="color: red; float-right"></label> <div id="div-check-date" class="input-group date" style="height: 28px;"> <div class="input-70 input-group date" data-target-input="nearest"> <input id="check-date" name="check-date" placeholder="Check date" data-inputmask-alias="datetime" data-inputmask-inputformat="mm/dd/yyyy" data-mask type="text" class=" lbl-forms-sm el-add form-control form-control-sm datetimepicker-input" data-target="#check-date" /> <div id="cal-div" class="input-group-append" data-target="#check-date" data-toggle="datetimepicker"> <div id="end-calendar" class="input-group-text"><i class="fa fa-calendar"></i></div> </div> </div> </div> </div> </div> </div> </div> </fieldset> <fieldset class="card col-12"> <legend>PDC Information</legend> <div class="row"> <div class="col-sm-6"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Policy Number</label><label class="p-0 m-0" style="color: red; float-right"></label> <input name="pdc-edit-policy-number" id="pdc-edit-policy-number" class="big-letter el-edit input-70 form-control form-control-sm" placeholder=""> </div> </div> </div> <div class="col-sm-6"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Insurance Company</label><label class="p-0 m-0" style="color: red; float-right"></label> <div id="div-insurance-company" style="border-radius: 7px;"> <select name="pdc-edit-insurance-company" id="pdc-edit-insurance-company" class="form-control form-control-sm el-edit select2" style="width: 100%;"> <option></option> <?php $ins_provider = $db->return_result("SELECT `id`, `name` FROM `finance_ins_provider` WHERE status = 1 ORDER BY name ASC"); foreach($ins_provider AS $data){ echo "<option value='{$data['id']}'>".$data['name']."</option>"; } ?> </select> </div> </div> </div> </div> </div> <div class="row"> <div class="col-sm-6"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Bank</label><label class="p-0 m-0" style="color: red; float-right"></label> <div id="div-bank" style="border-radius: 7px;"> <select name="pdc-edit-bank" id="pdc-edit-bank" class="form-control form-control-sm el-edit select2" style="width: 100%;"> <option></option> <?php $bank = $db->return_result("SELECT `id`, `name` FROM `bank_db` WHERE status = 1 ORDER BY name ASC"); foreach($bank AS $data){ echo "<option value='{$data['id']}'>".$data['name']."</option>"; } ?> </select> </div> </div> </div> </div> <div class="col-sm-6"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Branch</label><label class="p-0 m-0" style="color: red; float-right"></label> <input name="pdc-edit-branch" id="pdc-edit-branch" class="big-letter el-edit input-70 form-control form-control-sm" placeholder=""> </div> </div> </div> </div> </fieldset> </div> </div> </div><!--modal body--> <div class="modal-footer"> <button id="button-edit-pdc-details" class="btn btn-success btn-sm el-edit">Update record</button> </div> </div><!--modal content--> </div> </div> <!-- activity log modal --> <div class="modal fade" id="modal-pdc-activity-log" tabindex="-1" aria-labelledby="exampleModalCenterTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-xl" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalCenterTitle"><span id="modal-act-log-title">Activity Log (PDC)</span></h5> <div id="loading-view-activity-log" class="fas fa-2x fa-sync-alt fa-spin customer-modal-overlay" hidden> </div> <button id="pdc-close-act-log-modal" type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <table id="pdc-activity-log-table" class="table table-sm tbl-data" data-toggle="table" data-url="" data-pagination="false" data-search="false" 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, all]" data-minimum-count-columns="2" data-show-pagination-switch="false" data-query-params="queryParamsPDCActivityLogTable" data-click-to-select="false"> <thead> <tr> <th class="main-header-table" data-formatter="" data-field="datetime">Date / Time</th> <th class="main-header-table" data-formatter="" data-field="description">Activity</th> <th class="main-header-table" data-formatter="" data-field="done_by">Done By</th> </tr> </thead> </table> </div> <div class="modal-footer"> <button id="button-okay-pdc" class="btn btn-primary btn-sm el-edit" data-dismiss="modal">Close</button> </div> </div><!--modal content--> </div> </div> </section> </div> <?php include('include/footer.php'); ?> <aside class="control-sidebar control-sidebar-dark"> </aside> </div><!-- ./wrapper --> <!-- jQuery --> <script src="/plugins/jquery/jquery.min.js"></script> <script src="/plugins/jquery-ui/jquery-ui.min.js"></script> <script> $.widget.bridge('uibutton', $.ui.button) </script> <!-- overlayScrollbars --> <script src="/plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></script> <!-- Bootstrap 4 --> <script src="/plugins/bootstrap/js/bootstrap.bundle.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> <!-- Navigation Highlight --> <script src="/dist/js/main.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> <!-- Tempusdominus Bootstrap 4 --> <script src="/plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js"></script> <!-- Select2 --> <script src="/plugins/select2/js/select2.full.min.js"></script> <!-- Toastr --> <script src="/plugins/toastr/toastr.min.js"></script> <!-- SweetAlert2 --> <script src="/plugins/sweetalert2/sweetalert2.min.js"></script> <!-- Bootstrap Switch --> <script src="/plugins/bootstrap-switch/js/bootstrap-switch.min.js"></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 file--> <script> var pdc_plate_cs_number = '<?php echo $pdc_plate_cs_number; ?>'; var can_edit_record = '<?php echo $pdc_edit_record; ?>'; var can_delete_record = '<?php echo $pdc_delete_record; ?>'; <?php include('resources/views/common/scripts/finance_pdc/pdc_information.js'); ?> </script> </body> </html>��views/finance_pdc/finance_pdc_list.php��0000644��00000172611�15025010632�0014131 0��ustar�00��<?php include('cfg/db.php'); include_once("api/controllers/utility.php"); // include('app/security/security.php'); if(!isset($_SESSION['user']['id'])){ header('location:signin.php'); } if(!(isset($global_action_permissions['2']['42']['9']) && in_array("1", $global_action_permissions['2']['42']['9']))){ header('location:signin.php'); } $pdc_add_record = 0; if((isset($global_action_permissions['2']['42']['9']) && in_array("2", $global_action_permissions['2']['42']['9']))){ $pdc_add_record = 1; } $utility = new Utility(); $granted_company_ids = $utility->isNotEmpty($_SESSION['user']['company_permissions_implode']) ? $_SESSION['user']['company_permissions_implode'] : '-1' ; $create_new_record = 0; if((isset($global_action_permissions['2']['42']['9']) && in_array("2", $global_action_permissions['2']['42']['9']))){ $create_new_record = 1; } $now = $db->sql_query("SELECT NOW() AS today"); $today = ""; foreach($now AS $data){ $today = substr($data['today'], 0, 10); } function conv($today){// 2021-08-18 $val = $today; return substr($today, 5, 2) . "/" . substr($today, 8, 2) . "/" . substr($today, 0, 4); // 08/18/2021 } $text_balance = "API not loaded"; ?> <!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']; ?> \| Finance PDC</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"> <!-- daterange picker --> <link rel="stylesheet" href="/plugins/daterangepicker/daterangepicker.css"> <!-- overlayScrollbars --> <link rel="stylesheet" href="/plugins/overlayScrollbars/css/OverlayScrollbars.min.css"> <link href="/dist/img/<?php echo $variable['logo']; ?>" rel="icon" /> <!-- 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"> <!-- Toastr --> <link rel="stylesheet" href="/plugins/toastr/toastr.min.css"> <!-- iCheck for checkboxes and radio inputs --> <link rel="stylesheet" href="/plugins/icheck-bootstrap/icheck-bootstrap.min.css"> <!-- Bootstrap Table --> <link href="/plugins/bootstrap-table/css/bootstrap-table.min.css" rel="stylesheet"> <!-- SweetAlert2 --> <link rel="stylesheet" href="/plugins/sweetalert2/sweetalert2.min.css"> <style> .color-palette { height: 35px; line-height: 35px; text-align: right; padding-right: .75rem; } .color-palette.disabled { text-align: center; padding-right: 0; display: block; } .color-palette-set { margin-bottom: 15px; } .color-palette span { display: none; font-size: 12px; } .color-palette:hover span { display: block; } .color-palette.disabled span { display: block; text-align: left; padding-left: .75rem; } .color-palette-box h4 { position: absolute; left: 1.25rem; margin-top: .75rem; color: rgba(255, 255, 255, 0.8); font-size: 12px; display: block; z-index: 7; } .input-forms { font-size: 95%; font-weight: normal !important; background-color: white !important; } .list-group-item { padding: .25rem .50rem; } 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; } #finance-pdc-table { cursor: pointer; } .span-labels { font-size: 90%; font-style: italic; } .span-values { font-size: 90%; } .list-group-item { padding: .25rem .50rem; } .input-70 { height: 70%; } / 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; } #toast-container > .toast-warning { background-image: url('dist/img/toast/warning.png')!important; background-color: #ffa500; color: black; } </style> </head> <body class="hold-transition sidebar-mini text-sm layout-fixed"> <div class="wrapper"> <?php include('include/header.php'); ?> <?php include('include/sidebar.php'); ?> <!-- Content Wrapper. Contains page content --> <div class="content-wrapper"> <section class="content-header"> <div class="container-fluid"> <div class="row mb-2"> </div> </div> </section> <section class="content"> <div class="container-fluid"> <div class="row"> <div class="col-md"> <div id="finance-list" class="card card-primary"> <div class="card-header"> <h3 class="card-title">Finance PDC List</h3> </div> <div class="card-body"> <div class="row mb-2"> <div class="col-6"> <div class="col-12 text-left"> <button id="button-new-pdc-details" class="btn btn-primary btn-sm" title="Add new" <?php if($pdc_add_record == 0){ echo "hidden"; } else { echo ""; } ?> >New record</button> </div> </div> <div class="col-6 text-right"> <div class="btn-group"> <button type="button" class="tooltip-me btn btn-default dropdown-toggle btn-sm" data-toggle="dropdown" aria-haspopup="true" title="Filter" data-html="true" data-placement="left" aria-expanded="true"> <i class="fa fa-filter" aria-hidden="true"></i> </button> <div id="dropdown-filter" class="dropdown-menu dropdown-menu-right"> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <input type="button" class="btn btn-primary btn-sm form-control form-control-sm " name="btn-no-filter" id="btn-no-filter" value="No Filter" style="width: 100%;"></input> </div> </div> <div class="form-group mb-0" style="display:;" hidden> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <div id="filter-date" class="p-1" name="filter-date" style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc; width: 100%"> <i class="fa fa-calendar"></i>  <span id="date-range"></span> <i class="fa fa-angle-down mt-1 float-right"></i> </div> </div> </div> <div class="form-group mb-0" style="display:;"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="company-filter" id="company-filter" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php $company = $db->return_result("SELECT `id`, `code` FROM `source_company` WHERE status = 1 AND id IN (".$granted_company_ids.") ORDER BY code ASC"); foreach($company AS $data){ echo "<option value='{$data['id']}' >".$data['code']."</option>"; } ?> </select> </div> </div> <div class="form-group mb-0" style="display:;"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="dealer" id="dealer" class="form-control form-control-sm select2" style="width: 100%;"> <?php ?> </select> </div> </div> </div> </div> </div> </div> <hr> <div class="row"> <!-- <div id="box-categorized" class="col-12 col-sm-6 col-md-3" style="cursor: pointer;"> <div class="info-box mb-3"> <span class="info-box-icon bg-primary elevation-1"><i class="fas fa-clipboard-list"></i></span> <div class="info-box-content"> <span class="info-box-text" id="lbl-total">Categorized per vehicle</span> <span class="info-box-number" id="span-total"></span> </div> <i class="tooltip-me mt-1 ml-1 mb-0 fas fa-question-circle" style="color:blue;" data-html="true" data-placement="top" id="tip-categorized-vehicle"></i> </div> </div> <div id="box-individual-insurance" class="col-12 col-sm-6 col-md-3" style="cursor: pointer;"> <div class="info-box mb-3"> <span class="info-box-icon bg-info elevation-1"><i class="fas fa-clipboard-list"></i></span> <div class="info-box-content"> <span class="info-box-text" id="lbl-new">Indvdl. insurance count</span> <span class="info-box-number" id="span-individual-insurance"></span> </div> <i class="tooltip-me mt-1 ml-1 mb-0 fas fa-question-circle" style="color:blue;" data-html="true" data-placement="top" id="tip-individual-insurance"></i> </div> </div> <div id="box-expiring" class="col-12 col-sm-6 col-md-3" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-exclamation"></i></span> <div class="info-box-content"> <span class="info-box-text" id="lbl-expiring">Expiring this month</span> <span class="info-box-number" id="span-expiring"></span> </div> </div> </div> <div class="clearfix hidden-md-up"> </div> <div id="box-added" class="col-12 col-sm-6 col-md-3" style="cursor: pointer;"> <div class="info-box mb-3"> <span class="info-box-icon bg-success elevation-1"><i class="fas fa-plus"></i></span> <div class="info-box-content"> <span class="info-box-text" id="lbl-added">Added today</span> <span class="info-box-number" id="span-added"></span> </div> </div> </div> --> </div> <div class="row"> <div id="finance-pdc-div" class="table-responsive"> <table id="finance-pdc-table" class="table table-sm" data-toggle="table" data-url="" data-pagination="true" data-search="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, 20, all]" data-minimum-count-columns="2" data-show-pagination-switch="false" data-pagination="true" data-query-params="queryParamsFinancePDCTable" data-click-to-select="false"> <thead> <tr> <th class="main-header-table" data-formatter="" data-field="plate_cs_number">Plate/CS Number</th> <th class="main-header-table" data-formatter="" data-field="brand">Brand</th> <th class="main-header-table" data-formatter="" data-field="check_date">Check Date</th> <th class="main-header-table" data-formatter="" data-field="check_number">Check No.</th> <th class="main-header-table" data-formatter="" data-field="bank_branch">Bank/Branch</th> <th class="main-header-table" data-formatter="" data-field="company_dealer">Company/Dealer</th> </tr> </thead> </table> </div> </div> </div> </div> <div id="finance-information" class="card card-primary" hidden> <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>Finance Information</h3> </div> <div class="card-body"> <div class="row"> <fieldset class="card col-12"> <div class="row mt-2"> <div class="col-6"> <span class="align-middle col-form-label font-weight-bold" style="font-size: 20px;">Plate / CS:    <span id="span-plate-cs" style="font-weight: normal;">ABC-123</span></span> </div> <div class="col-6"> <span class="align-middle col-form-label font-weight-bold" style="font-size: 20px;">Company/Dealer:    <span id="span-company-dealer" style="font-weight: normal;">GCASI/FORD GLOBAL CITY</span></span> </div> </div> </fieldset> <div class="col-md-8 d-flex align-items-stretch"> <div class="col-12"> <fieldset class="card pb-2"> <div id="finance-information-div" class="table-responsive mt-2"> <table id="finance-information-table" class="table table-sm" data-toggle="table" data-url="" data-pagination="true" data-search="false" 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, all]" data-minimum-count-columns="2" data-show-pagination-switch="false" data-pagination="true" data-query-params="queryParamsFinanceInformationTable" data-click-to-select="false"> <thead> <tr> <th class="main-header-table text-center" data-formatter="" data-field="policy_number">Policy Number(s)</th> <th class="main-header-table text-center" data-formatter="" data-field="policy_issue_date">Policy Issued Date</th> <th class="main-header-table text-center" data-formatter="" data-field="policy_start_end_date">Policy Start - End Date</th> <th class="main-header-table text-center" data-formatter="" data-field="insurance_type">Ins. Type</th> <th class="main-header-table text-center" data-formatter="" data-field="insurance_provider">Ins. Provider</th> </tr> </thead> </table> </div> </fieldset> </div> </div> <div class="col-md-4 d-flex align-items-stretch"> <div class="col-12"> <fieldset class="card"> <div class="col-sm-12 input-forms"> <ul class="list-group list-group-unbordered mb-2 mt-2"> <li class="list-group-item"> <div class="ml-1 form-group row my-0"> <span class="pl-0 col-sm-5 lbl-forms-sm-customer-main"><strong>Customer Name</strong> <span class=""></span></span> <span class="pl-0 customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="span-customer-fullname"></span> </div> </li> <li class="list-group-item"> <div class="ml-1 form-group row my-0"> <span class="pl-0 col-sm-5 lbl-forms-sm-customer-main"><strong>Mobile Number</strong> <span class=""></span></span> <span class="pl-0 customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="span-mobile-number"></span> </div> </li> <li class="list-group-item"> <div class="ml-1 form-group row my-0"> <span class="pl-0 col-sm-5 lbl-forms-sm-customer-main"><strong>Customer Email</strong> <span class=""></span></span> <span class="pl-0 customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="span-email"></span> </div> </li> <li class="list-group-item"> <div class="ml-1 form-group row my-0"> <span class="pl-0 col-sm-5 lbl-forms-sm-customer-main"><strong>Customer Address</strong> <span class=""></span></span> <span class="pl-0 customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="span-address"></span> </div> </li> <li class="list-group-item"> <div class="ml-1 form-group row my-0"> <span class="pl-0 col-sm-5 lbl-forms-sm-customer-main"><strong>Sales Consultant</strong> <span class=""></span></span> <span class="pl-0 customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="span-sales-consultant"></span> </div> </li> <li class="list-group-item"> <div class="ml-1 form-group row my-0"> <span class="pl-0 col-sm-5 lbl-forms-sm-customer-main"><strong>Bank</strong> <span class=""></span></span> <span class="pl-0 customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="span-bank-name"></span> </div> </li> </ul> </div> </fieldset> </div> </div> </div> </div> <hr> <div id="finance-plate-cs-information" class="card-body"> <div class="row"> <div class="col-sm-4"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Bank Name</label> <input name="bank-name" id="bank-name" class="form-control form-control-sm request-field" style="background-color: transparent;" readonly> </div> </div> </div> <div class="col-sm-4"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Terms</label> <input name="terms" id="terms" class="form-control form-control-sm request-field" style="background-color: transparent;" readonly> </div> </div> </div> <div class="col-sm-4"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Sales Consultant</label> <input name="sales-consultant" id="sales-consultant" class="form-control form-control-sm request-field" style="background-color: transparent;" readonly> </div> </div> </div> </div> </div> <div id="div-footer" class="card-body"> <div class="row"> <div class="col-sm-6"> <span class="span-labels"><strong>Date Added:  </strong></span> <span id="span-date-uploaded" class="span-values"></span> </div> <div class="col-sm-6"> <span class="span-labels"><strong>Added By:  </strong> </span> <span id="span-uploaded-by" class="span-values"></span><br> </div> </div> </div> </div> </div> </div> </div> <!-- ADD MODAL --> <div class="modal fade" id="modal-financepdc-add-pdc" tabindex="-1" data-backdrop="static" aria-labelledby="exampleModalCenterTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-xl" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalCenterTitle"><span id="modal-title">Add new PDC record</span></h5> <div id="loading-view" class="fas fa-2x fa-sync-alt fa-spin customer-modal-overlay" hidden> </div> <button id="pdc-close-modal" type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div id="app" class="mb-2"> <nav class="navbar navbar-expand-md navbar-light ml-0 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 id="pdc-modal-tab" class="nav nav-tabs navbar-nav mr-auto customer-modal-tab" role="tablist"> <li class="nav-item"> <a class="nav-link active border-0 " id="pdc-add-modal-tab-information" data-toggle="pill" href="#pdc-add-modal-information" role="tab" aria-controls="pdc-add-modal-information" aria-selected="true">Information</a> </li> <li class="nav-item"> <a class="nav-link border-0 " id="pdc-add-modal-tab-insurance" data-toggle="pill" href="#pdc-add-modal-insurance" role="tab" aria-controls="pdc-add-modal-insurance" aria-selected="false">PDC</a> </li> </ul> </div> </nav> </div> <div class="tab-content" id="pdc-add-modal-tab-content"> <div class="tab-pane fade show active" id="pdc-add-modal-information" role="tabpanel" aria-labelledby="pdc-add-modal-tab-information"> <div class="row"> <fieldset class="card col-12"> <legend>Customer Information</legend> <div class="row"> <div class="col-sm-6"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Client Fullname</label><label class="p-0 m-0" style="color: red; float-right"></label> <input name="pdc-add-client-fullname" id="pdc-add-client-fullname" class="big-letter el-add form-control form-control-sm" placeholder=""> </div> </div> </div> <div class="col-sm-6"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Client Mobile</label><label class="p-0 m-0" style="color: red; float-right"></label> <div id="div-customer-mobile" class="input-70 input-group date" data-target-input="nearest"> <div class="input-70 input-group-append"> <div class="input-group-text" style="height: 31px;">+63</div> </div> <input id="pdc-add-client-mobile" name="pdc-add-client-mobile" oninput="this.value=this.value.slice(0,this.maxLength)" type="number" maxlength="10" class="el-add form-control form-control-sm"> </div> </div> </div> </div> </div> <div class="row"> <div class="col-sm-6"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Client Email</label><label class="p-0 m-0" style="color: red; float-right"></label> <input name="pdc-add-client-email" id="pdc-add-client-email" class="big-letter el-add form-control form-control-sm" placeholder=""> </div> </div> </div> <div class="col-sm-6"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Other Contact / Mobile 2</label><label class="p-0 m-0" style="color: red; float-right"></label> <input name="pdc-add-client-other-contact" id="pdc-add-client-other-contact" class="big-letter el-add form-control form-control-sm" placeholder=""> </div> </div> </div> </div> </fieldset> </div> <div class="row"> <fieldset class="card col-12"> <legend>Vehicle Information</legend> <div class="row"> <div class="col-sm-6"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Plate/CS Number</label><label class="p-0 m-0" style="color: red; float-right"></label> <input name="pdc-add-plate-cs-number" id="pdc-add-plate-cs-number" class="big-letter el-add form-control form-control-sm" placeholder=""> </div> </div> </div> <div class="col-sm-6"> <div class="form-group my-0 mx-0"> <label class="dropdown mx-0 my-0">Dealer</label><label class="p-0 m-0" style="color: red; float-right"></label> <div id="div-dealer" style="border-radius: 7px;"> <select name="pdc-add-dealer" id="pdc-add-dealer" class="form-control form-control-sm el-add select2" style="width: 100%;"> <option></option> <?php $dealer = $db->return_result("SELECT `id`, `name` FROM `source_dealer` WHERE status = 1 ORDER BY name ASC"); foreach($dealer AS $data){ echo "<option value='{$data['id']}'>".$data['name']."</option>"; } ?> </select> </div> </div> </div> </div> <div class="row"> <div class="col-sm-4"> <div class="form-group my-0 mx-0"> <label class="dropdown mx-0 my-0">Brand</label><label class="p-0 m-0" style="color: red; float-right"></label> <div id="div-brand" style="border-radius: 7px;"> <select name="pdc-add-brand" id="pdc-add-brand" class="form-control form-control-sm el-add select2" style="width: 100%;"> <option></option> <?php $brand = $db->return_result("SELECT `id`, `name` FROM `finance_source_brand` WHERE status = 1 ORDER BY name ASC"); foreach($brand AS $data){ echo "<option value='{$data['id']}'>".$data['name']."</option>"; } ?> </select> </div> </div> </div> <div class="col-sm-4"> <div class="form-group my-0 mx-0"> <label class="dropdown mx-0 my-0">Model</label><label class="p-0 m-0" style="color: red; float-right"></label> <div id="div-model" style="border-radius: 7px;"> <select name="pdc-add-model" id="pdc-add-model" class="form-control form-control-sm el-add select2" style="width: 100%;"> <option></option> </select> </div> </div> </div> <div class="col-sm-4"> <div class="form-group my-0 mx-0"> <label class="dropdown mx-0 my-0">Variant</label><label class="p-0 m-0" style="color: red; float-right"></label> <div id="div-variant" style="border-radius: 7px;"> <select name="pdc-add-variant" id="pdc-add-variant" class="form-control form-control-sm el-add select2" style="width: 100%;"> <option></option> </select> </div> </div> </div> </div> </fieldset> </div> </div> <div class="tab-pane fade" id="pdc-add-modal-insurance" role="tabpanel" aria-labelledby="pdc-add-modal-tab-insurance"> <fieldset class="card col-12"> <legend>Cheque Information</legend> <div class="row"> <div class="col-sm-4"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">PDC Check Number</label><label class="p-0 m-0" style="color: red; float-right"></label> <input name="pdc-add-check-number" id="pdc-add-check-number" class="big-letter el-add input-70 form-control form-control-sm" placeholder=""> </div> </div> </div> <div class="col-sm-4"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Check Amount</label><label class="p-0 m-0" style="color: red; float-right"></label> <input name="pdc-add-check-amount" id="pdc-add-check-amount" class="big-letter el-add input-70 form-control form-control-sm" placeholder=""> </div> </div> </div> <div class="col-sm-4"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Check Date</label><label class="p-0 m-0" style="color: red; float-right"></label> <div id="div-check-date" class="input-group date" style="height: 28px;"> <div class="input-70 input-group date" data-target-input="nearest"> <input id="check-date" name="check-date" placeholder="Check date" data-inputmask-alias="datetime" data-inputmask-inputformat="mm/dd/yyyy" data-mask type="text" class=" lbl-forms-sm el-add form-control form-control-sm datetimepicker-input" data-target="#check-date" /> <div id="cal-div" class="input-group-append" data-target="#check-date" data-toggle="datetimepicker"> <div id="end-calendar" class="input-group-text"><i class="fa fa-calendar"></i></div> </div> </div> </div> </div> </div> </div> </div> </fieldset> <fieldset class="card col-12"> <legend>PDC Information</legend> <div class="row"> <div class="col-sm-6"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Policy Number</label><label class="p-0 m-0" style="color: red; float-right"></label> <input name="pdc-add-policy-number" id="pdc-add-policy-number" class="big-letter el-add input-70 form-control form-control-sm" placeholder=""> </div> </div> </div> <div class="col-sm-6"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Insurance Company</label><label class="p-0 m-0" style="color: red; float-right"></label> <div id="div-insurance-company" style="border-radius: 7px;"> <select name="pdc-add-insurance-company" id="pdc-add-insurance-company" class="form-control form-control-sm el-add select2" style="width: 100%;"> <option></option> <?php $ins_provider = $db->return_result("SELECT `id`, `name` FROM `finance_ins_provider` WHERE status = 1 ORDER BY name ASC"); foreach($ins_provider AS $data){ echo "<option value='{$data['id']}'>".$data['name']."</option>"; } ?> </select> </div> </div> </div> </div> </div> <div class="row"> <div class="col-sm-6"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Bank</label><label class="p-0 m-0" style="color: red; float-right"></label> <div id="div-bank" style="border-radius: 7px;"> <select name="pdc-add-bank" id="pdc-add-bank" class="form-control form-control-sm el-add select2" style="width: 100%;"> <option></option> <?php $bank = $db->return_result("SELECT `id`, `name` FROM `bank_db` WHERE status = 1 ORDER BY name ASC"); foreach($bank AS $data){ echo "<option value='{$data['id']}'>".$data['name']."</option>"; } ?> </select> </div> </div> </div> </div> <div class="col-sm-6"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Branch</label><label class="p-0 m-0" style="color: red; float-right"></label> <input name="pdc-add-branch" id="pdc-add-branch" class="big-letter el-add input-70 form-control form-control-sm" placeholder=""> </div> </div> </div> </div> </fieldset> </div> </div> </div><!--modal body--> <div class="modal-footer"> <button id="button-add-pdc-details" class="btn btn-success btn-sm el-add">Add record</button> </div> </div><!--modal content--> </div> </div> </section> </div> <?php include('include/footer.php'); ?> <aside class="control-sidebar control-sidebar-dark"> </aside> </div><!-- ./wrapper --> <!-- jQuery --> <script src="/plugins/jquery/jquery.min.js"></script> <script src="/plugins/jquery-ui/jquery-ui.min.js"></script> <script> $.widget.bridge('uibutton', $.ui.button) </script> <!-- overlayScrollbars --> <script src="/plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></script> <!-- InputMask --> <script src="/plugins/moment/moment.min.js"></script> <script src="/plugins/inputmask/jquery.inputmask.min.js"></script> <!-- Bootstrap 4 --> <script src="/plugins/bootstrap/js/bootstrap.bundle.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> <!-- date-range-picker --> <script src="/plugins/daterangepicker/daterangepicker.js"></script> <!-- Navigation Highlight --> <script src="/dist/js/main.js"></script> <!-- Tempusdominus Bootstrap 4 --> <script src="/plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js"></script> <!-- Select2 --> <script src="/plugins/select2/js/select2.full.min.js"></script> <!-- Toastr --> <script src="/plugins/toastr/toastr.min.js"></script> <!-- SweetAlert2 --> <script src="/plugins/sweetalert2/sweetalert2.min.js"></script> <!-- Bootstrap Switch --> <script src="/plugins/bootstrap-switch/js/bootstrap-switch.min.js"></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-file--> <script> <?php include('resources/views/common/scripts/finance_pdc/finance_pdc_list.js'); ?> </script> </body> </html>��views/sales/sales.php��0000644��00000160054�15025010632�0010630 0��ustar�00��<?php include('cfg/db.php'); // include('app/security/security.php'); if (!isset($_SESSION['user'])) { header('location:signin.php'); } // $check_page = new CheckPage(); // $check_page->start($db); if (!(isset($global_action_permissions['2']['5']) && in_array("1", $global_action_permissions['2']['5']))) { header('location:signin.php'); } if (isset($_GET['order_number'])) { // $table = $db->escape(trim($_GET['table'])); // $information = $db->escape(trim($_GET['info'])); $order_number = $db->escape(trim($_GET['order_number'])); $cust_id = $db->escape(trim($_GET['cust_id'])); $vehicle_id = $db->escape(trim($_GET['vehicle_id'])); $vehicle_customer_id = $db->escape(trim($_GET['vehicle_customer_id'])); $plate_number = $db->escape(trim($_GET['plate_number'])); $cs_number = $db->escape(trim($_GET['cs_number'])); $isOrderNumberIsSet = 1; } else { $isOrderNumberIsSet = 0; $vehicle_id = ""; $vehicle_customer_id = ""; $order_number = ""; $cust_id = ""; $plate_number = ""; $cs_number = ""; } ?> <!DOCTYPE html> <html lang="en"> <head> <!-- <script src="dist/js/filter.js"></script> --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="csrf-token" content="<?= csrf_token(); ?>"> <title> <?php echo $variable['site_name']; ?> \| Sales</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"> <!-- Select2 --> <link rel="stylesheet" href="plugins/select2/css/select2.min.css"> <link rel="stylesheet" href="plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css"> <!-- Theme style --> <link rel="stylesheet" href="dist/css/adminlte.min.css"> <!-- overlayScrollbars --> <link rel="stylesheet" href="plugins/overlayScrollbars/css/OverlayScrollbars.min.css"> <!-- Default style --> <link rel="stylesheet" href="dist/css/default.css"> <!-- SweetAlert2 --> <link rel="stylesheet" href="plugins/sweetalert2-theme-bootstrap-4/bootstrap-4.min.css"> <!-- Toastr --> <link rel="stylesheet" href="plugins/toastr/toastr.min.css"> <link href="plugins/bootstrap-table/css/bootstrap-table.min.css" rel="stylesheet"> <!-- Tempusdominus Bootstrap 4 --> <link rel="stylesheet" href="plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css"> <link href="dist/img/<?php echo $variable['logo']; ?>" rel="icon" /> <!-- BS Stepper --> <link rel="stylesheet" href="plugins/bs-stepper/css/bs-stepper.min.css"> <!-- Ekko Lightbox --> <link rel="stylesheet" href="plugins/ekko-lightbox/ekko-lightbox.css"> <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%; } </style> <!-- END MULTI --> <style> / .div-blocks{ scroll-behavior: smooth; } / / .select2-selection__rendered li { margin: 6px 0px 4px; } / 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" oncopy='return false' oncut='return false' onselectstart='return false'> --> <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'); ?> <!-- /.navbar --> <!-- Content Wrapper. Contains page content --> <div id="sales-wrapper" class="content-wrapper"> <!-- Content Header (Page header) --> <!-- <section class="content-header"> <div class="container-fluid"> <div class="row mb-0"> <div class="col-sm-6"> --> <!-- <h1>Sales</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">Sales</li> </ol> </div> </div> </div> --> <!-- /.container-fluid --> <!-- </section> --> <!-- Main content --> <section class="content"> <div class="container-fluid"> <div class="row"> <div class="col-md mt-3"> <div id="sales_table_list" class="card card-primary" style="display: <?php if (isset($_GET['order_number'])) { echo 'none'; } else { echo 'block'; } ?> ;"> <div class="card-header"> <h3 class="card-title">Sales</h3> </div> <!-- INSERT TABLE HERE --> <div class="card"> <div class="card-body"> <!-- <div class="col-6"> <input type="button" id="new-sales" class="btn btn-primary btn-sm mr-1" data-toggle="modal" data-target="#modal-sales" value="New Sales"></input> </div> --> <!-- <div class="table-responsive"> --> <div> <table id="sales-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]" 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-formatter="checkIfEmpty" data-field="activity_date"> Date</th> <th data-formatter="checkIfEmpty" data-field="order_number"> Order Number</th> <th data-formatter="checkIfEmpty" data-field="dealer">Dealer </th> <th data-formatter="checkIfEmpty" data-field="customer_name_id"> Customer Name</th> <!-- <th data-formatter="checkIfEmpty" data-field="po_number">PO Number</th> --> <th data-formatter="checkIfEmpty" data-field="conduction_sticker">CS </th> <th data-formatter="checkIfEmpty" data-field="sale_price">Amount </th> <th data-formatter="checkIfEmpty" data-field="brand">Brand</th> <th data-formatter="checkIfEmpty" data-field="model">Model</th> <th data-formatter="checkIfEmpty" data-field="sales_person"> Sales Person</th> <!-- <th data-formatter="checkIfEmpty" data-field="customer_name_id">Customer ID / Name</th> --> </tr> </thead> </table> </div> <!--table-responsive--> </div> <!--card-body--> </div> <!--card--> </div> <!--card card-primary--> <div id="sales_information" class="card card-primary" style="display: <?php if (isset($_GET['order_number'])) { echo 'block'; } else { echo 'none'; } ?> ;"> <div class="card-header"> <h3 class="card-title"><button class="btn btn-tool" title="Go to Sales table list" type="button" <?php if (isset($_GET['order_number'])) { // echo 'onclick="backToVehicleInformation()"'; echo 'onclick="back()"'; } else { echo 'onclick="back()"'; } ?>><i class="fas fa-arrow-alt-circle-left fa-2x"></i></button>&nbspSales Information</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"> <div class="row d-flex align-items-stretch"> <div class="col-md-4 d-flex align-items-stretch"> <?php include 'include/components/vehicle/vehicle_about_side.php'; ?> </div> <div class="col-md-8 d-flex align-items-stretch"> <?php include 'include/components/vehicle/vehicle_sales_information.php'; ?> </div> </div> </div> </div> </div> <!--col-md--> </div> <!--row--> </div><!-- /.container-fluid --> <?php include __DIR__ . '/../customers/activity_modal.php'; ?> </section> <!-- /.content --> </div> <!-- /.content-wrapper --> <!--Modal here--> <?php include 'include/components/sales/modal/add_sales.php'; ?> <!-- INSERT FOOTER --> <?php include('include/footer.php'); ?> <!-- Control Sidebar --> <aside class="control-sidebar control-sidebar-dark"> <!-- Control sidebar content goes here --> </aside> <!-- /.control-sidebar --> </div> <!-- ./wrapper --> </div> <!-- jQuery --> <script src="plugins/jquery/jquery.min.js"></script> <!-- overlayScrollbars --> <script src="plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></script> <!-- Select2 --> <script src="plugins/select2/js/select2.full.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> <!-- jQuery Cookie--> <script src="plugins/jquery-cookie/jquery.cookie.js"></script> <!-- Bootstrap 4 --> <script src="plugins/bootstrap/js/bootstrap.bundle.min.js"></script> <!-- Tempusdominus Bootstrap 4 --> <script src="plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js"></script> <!-- SweetAlert2 --> <script src="plugins/sweetalert2/sweetalert2.min.js"></script> <!-- Toastr --> <script src="plugins/toastr/toastr.min.js"></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> <!-- BS-Stepper --> <script src="plugins/bs-stepper/js/bs-stepper.min.js"></script> <!-- AdminLTE App --> <script src="dist/js/adminlte.min.js"></script> <!-- Ekko Lightbox --> <script src="plugins/ekko-lightbox/ekko-lightbox.min.js"></script> <!-- AdminLTE for demo purposes --> <script src="dist/js/demo.js"></script> <!-- Navigation Highlight --> <script src="dist/js/main.js"></script> <!-- Page specific script --> <script src="dist/js/customer/activity_modal.js"></script> <script> 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> <script> $(document).ready(function() { $('#no-vehicle-sales-information').hide(); $('#vehicle-sales-information').show(); // var stepper = new Stepper($('.bs-stepper')[0], { // linear: false, // animation: true // }) }) $(document).on('click', '[data-toggle="lightbox"]', function(event) { // event.preventDefault(); // $(this).ekkoLightbox(); event.preventDefault(); $(this).ekkoLightbox({ alwaysShowClose: true }); }); </script> <script> window.addEventListener("hashchange", function(e) { var type = window.location.hash.substr(1); switch (type) { case "sales_data": break; default: salesTable() } }); function salesTable() { $('#sales_table_list').show(); $('#sales_information').hide(); document.getElementById('sales-wrapper').scrollIntoView(); } function back() { window.history.back(); } </script> <script> $(function() { $('.select2').select2() //Initialize Select2 Elements $('.select2bs4').select2({ theme: 'bootstrap4' }) //Date range picker $('#mod-delivery-date').datetimepicker({ format: 'L' }); $('#mod-deal-date').datetimepicker({ format: 'L' }); $('#mod-sales-date').datetimepicker({ format: 'L' }); $('#mod-insurance-exp-date').datetimepicker({ format: 'L' }); $('#mod-finance-exp-date').datetimepicker({ format: 'L' }); $('#mod-dd-dms').select2({ placeholder: "Select DMS", allowClear: true }); $('#mod-dd-company').select2({ placeholder: "Select Company", allowClear: true }); $('#mod-dd-dealer').select2({ placeholder: "Select Dealer", allowClear: true }); // // Datemask2 mm/dd/yyyy // $('#datemask2').inputmask('mm/dd/yyyy', { // 'placeholder': 'mm/dd/yyyy' // }) // //Money Euro // $('[data-mask]').inputmask() }) </script> <script> $(document).ready(function() { if (<?php echo $isOrderNumberIsSet; ?>) { order_number = '<?php echo $order_number; ?>'; var cust_id = '<?php echo $cust_id; ?>'; $.ajax({ url: "app/sales/sales_information.php", method: "POST", dataType: 'json', data: { order_number: order_number, customer_id: cust_id }, beforeSend: function() { $('#loader').fadeIn(); $('#sales-owner-id').text(""); $('#sales-owner-name').text(""); $('#sales-owner-type').text(""); $('#sales-owner-email').text(""); $('#sales-owner-mobile').text(""); $('#sales-order-number').text(""); $('#sales-po-number').text(""); $('#sales-serial-number').text(""); $('#sales-engine-number').text(""); $('#sales-cs-number').text(""); $('#sales-plate-number').text(""); $('#sales-warehouse').val(""); $('#sales-stock-number').val(""); $('#sales-age-of-unit').val(""); $('#sales-body-size-code').val(""); $('#sales-sales-cost').text(""); $('#sales-sale-price').text(""); $('#sales-sale-discount').val(""); $('#sales-claim-amount').val(""); $('#sales-floor-plan-amount').val(""); $('#sales-sales-person').text(""); $('#sales-claim-number').val(""); $('#sales-deal-number').val(""); $('#sales-deal-date').val(""); $('#sales-source-company').val(""); $('#sales-source-dealer').val(""); $('#sales-delivery-date').val(""); $('#sales-source').val(""); $('#sales-mode-of-contact').val(""); $('#sales-insurance-company').val(""); $('#sales-insurance-type').val(""); $('#sales-insurance-expiration-date').val(""); $('#sales-date-uploaded').text(""); $('#sales-uploaded-by').text(""); $('#sales-dms').text(""); $('#sales-brand').text(""); $('#sales-model').text(""); $('#sales-company').text(""); $('#sales-dealer').text(""); $('#sales_table_list').hide(); $('#sales_information').show(); document.getElementById('sales-wrapper').scrollIntoView(); }, success: function(result) { $('#sales-owner-id').text(result.customer_id); $('#sales-owner-name').text(result.customer_name); $('#sales-owner-type').text(result.customer_type); $('#sales-owner-email').text(result.customer_email); $('#sales-owner-mobile').text(result.customer_mobile); $('#sales-order-number').text(result.order_number); $('#sales-po-number').text(result.po_number); $('#sales-serial-number').text(result.serial_number); $('#sales-engine-number').text(result.engine_number); $('#sales-cs-number').text(result.cs_number); $('#sales-plate-number').text(result.plate_number); $('#sales-warehouse').val(result.warehouse); $('#sales-stock-number').val(result.stock_number); $('#sales-age-of-unit').val(result.age_of_unit); $('#sales-body-size-code').val(result.body_size_code); $('#sales-sales-cost').text(result.sales_cost); $('#sales-sale-price').text(result.sale_price); $('#sales-sale-discount').val(result.sale_discount); $('#sales-claim-amount').val(result.claim_amount); $('#sales-floor-plan-amount').val(result.floor_plan_amount); $('#sales-sales-person').text(result.sales_person); $('#sales-claim-number').val(result.claim_number); $('#sales-deal-number').val(result.deal_number); $('#sales-deal-date').val(result.deal_date); $('#sales-source-company').val(result.source_company); $('#sales-source-dealer').val(result.source_dealer); $('#sales-delivery-date').val(result.delivery_date); $('#sales-source').val(result.source); $('#sales-mode-of-contact').val(result.mode_of_contact); $('#sales-insurance-company').val(result.insurance_company); $('#sales-insurance-type').val(result.insurance_type); $('#sales-insurance-expiration-date').val(result.insurance_expiration_date); $('#sales-date-uploaded').text(result.date_uploaded); $('#sales-uploaded-by').text(result.uploaded_by); $('#sales-dms').text(result.dms); $('#sales-uploaded-by').text(result.uploaded_by); $('#sales-dms').text(result.dms); $('#sales-brand').text(result.brand); $('#sales-model').text(result.model); $('#sales-company').text(result.company); $('#sales-dealer').text(result.dealer); $('#sales-date').text(result.activity_date); //$('#sales-activity-date').text(result.activity_date); $('#loader').fadeOut(); refreshTable(); checkSalesInfo(); } }); } else { refreshTable() } }) </script> <script> function backToVehicleInformation() { var url = "<?php echo $variable['site_link'] ?>vehicle.php?vehicle_id=" + "<?php echo $vehicle_id; ?>" + "&vehicle_customer_id=" + "<?php echo $vehicle_customer_id; ?>" + "&plate_number=" + "<?php echo $plate_number; ?>" + "&cs_number=" + "<?php echo $cs_number; ?>" + "&vehicle=false"; //"&cs_number=" + "<?php echo $cs_number; ?>"; window.location.href = url; //"&order_number=" + "<?php echo $order_number; ?>" + } </script> <script> function checkIfEmpty(value, row, index) { if (value == "" \|\| value == '-' \|\| value == null) { return "<span style='color:red;'> (Not Provided) </span>"; } return value; } function refreshTable() { var $sales_table = $('#sales-table') $(function() { $sales_table.bootstrapTable('refresh', { url: 'app/table/sales.php' }); }) } </script> <script> $(document).ready(function() { $('#mod-dd-dms').val("").trigger('change'); $('#mod-dd-company').val("").trigger('change'); $('#mod-dd-dealer').val("").trigger('change'); $('#mod-dd-dms').on('change', function(event) { event.preventDefault(); var dms_value = this.value; $.ajax({ url: "app/misc/get_company2.php", method: "POST", data: { dms_value: dms_value }, cache: false, beforeSend: function() { // $('#mod-dd-model').attr('disabled', true); }, success: function(data) { $('#mod-dd-company').html(data); $('#mod-dd-company').val("").trigger('change'); } }) }); }); $(document).ready(function() { $('#mod-dd-company').on('change', function(event) { event.preventDefault(); var company_value = this.value; $.ajax({ url: "app/misc/get_dealer2.php", method: "POST", data: { company_value: company_value }, cache: false, beforeSend: function() { // $('#mod-dd-model').attr('disabled', true); }, success: function(data) { $('#mod-dd-dealer').html(data); $('#mod-dd-dealer').val("").trigger('change'); } }) }); }); </script> <script> $('#new-sales').click(function() { $('#modal-title').text("New Sales"); $('#proceed-button').text("Add Sales"); }); $('#edit-sales').click(function() { $('#modal-title').text("Edit Sales Information"); $('#proceed-button').text("Save changes"); viewSales(); }); </script> <script> $('#proceed-button').click(function() { addSales(); // Swal.fire({ // title: 'Do you want to save the changes?', // showCancelButton: true, // confirmButtonText: `Save`, // denyButtonText: `Don't save`, // }).then((result) => { // if (result.isConfirmed) { // Swal.fire('Saved!', '', 'success') // } else if (result.isDenied) { // Swal.fire('Changes are not saved', '', 'info') // } // }) }); $('#close-modal-button').click(function() { resetSalesModal(); }); $('#close-button').click(function() { resetSalesModal(); }); </script> <script> 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); }; } // $('#mod-sales-cs-number').keyup(delay(function (e){ // var sales_cs_number = $('#mod-sales-cs-number').val(); // $.ajax({ // url:"api/sales/salesv2.php.php", // type:"POST", // data: { // apiKey: '0566944804071901', // sales_cs_number: sales_cs_number // }, // beforeSend:function(){ // }, // success: function(result){ // $('#modify-company-list').html(''); // $('#modify-company-list').append("\"" + result + "\""); // } // }); // }, 500)); </script> <!--Fetching Sales Information--> <script> function addSales() { var conduction_sticker = $('#mod-sales-cs-number').val(); var plate_number = $('#mod-sales-plate-number').val(); var brand = $('#mod-sales-vehicle-brand').val(); var model = $('#mod-sales-vehicle-model').val(); var color = $('#mod-sales-vehicle-color').val(); var order_number = $('#mod-order-number').val(); var po_number = $('#mod-po-number').val(); var sales_date = $('#mod-sales-date').val(); var sales_cost = $('#mod-sales-cost').val(); var sales_price = $('#mod-sales-price').val(); var floor_plan_amount = $('#mod-floor-plan-amount').val(); var claim_amount = $('#mod-claim-amount').val(); var claim_number = $('#mod-claim-number').val(); var deal_number = $('#mod-deal-number').val(); var deal_date = $('#mod-deal-date').val(); var delivery_date = $('#mod-delivery-date').val(); var warehouse = $('#mod-warehouse').val(); var stock_number = $('#mod-stock-number').val(); var age_of_unit = $('#mod-age-of-unit').val(); var body_size_code = $('#mod-body-size-code').val(); var insurance_company = $('#mod-insurance-company').val(); var insurance_type = $('#mod-insurance-type').val(); var financing_company = $('#mod-financing-company').val(); var finance_expiration_date = $('#mod-finance-exp-date').val(); var sales_consultant = $('#mod-sales-consultant').val(); var group_manager = $('#mod-group-manager').val(); var dms_id = $('#mod-dd-dms').val(); var company_id = $('#mod-dd-company').val(); var dealer_id = $('#mod-dd-dealer').val(); $.ajax({ url: "api/sales/salesv2.php", method: "POST", dataType: 'json', data: { apiKey: '3900331554582720', plate_number: plate_number, conduction_sticker: conduction_sticker, brand: brand, model: model, color: color, order_number: order_number, po_number: po_number, sales_date: sales_date, sales_cost: sales_cost, sales_price: sales_price, floor_plan_amount: floor_plan_amount, claim_amount: claim_amount, claim_number: claim_number, deal_number: deal_number, deal_date: deal_date, delivery_date: delivery_date, warehouse: warehouse, stock_number: stock_number, age_of_unit: age_of_unit, body_size_code: body_size_code, insurance_company: insurance_company, insurance_type: insurance_type, financing_company: financing_company, finance_expiration_date: finance_expiration_date, sales_consultant: sales_consultant, group_manager: group_manager, dms_id: dms_id, company_id: company_id, dealer_id: dealer_id }, beforeSend: function() { }, success: function(result) { var obj = jQuery.parseJSON(JSON.stringify(result)); var index = 0; var dmsItem = []; $.each(obj, function(key, value) { // $('#mod-dd-dms').val(value.dms_id).trigger('change'); // $('#mod-dd-company').val(value.company_id).trigger('change'); // $('#mod-dd-dealer').val(value.dealer_id).trigger('change'); }); } }); } function viewSales() { readSalesDetails(); readSalesInsurance(); } function readSalesDetails() { $.ajax({ url: "api/sales/salesv2.php", method: "POST", dataType: 'json', data: { apiKey: '7652381353555841', sales_id: sales_id //customer_id: cust_id }, beforeSend: function() { }, success: function(result) { var obj = jQuery.parseJSON(JSON.stringify(result)); $.each(obj, function(key, value) { $('#mod-order-number').val(value.order_number); $('#mod-po-number').val(value.po_number); $('#mod-sales-date').val(value.activity_date); $('#mod-sales-cost').val(value.sales_cost); $('#mod-sales-price').val(value.sales_price); $('#mod-floor-plan-amount').val(value.floor_plan_amount); $('#mod-claim-number').val(value.claim_number); $('#mod-claim-amount').val(value.claim_amount); $('#mod-deal-number').val(value.deal_number); $('#mod-deal-date').val(value.deal_date); $('#mod-delivery-date').val(value.delivery_date); $('#mod-warehouse').val(value.warehouse); $('#mod-stock-number').val(value.stock_number); $('#mod-age-of-unit').val(value.age_of_unit); $('#mod-body-size-code').val(value.body_size_code); }); } }); } function readSalesInsurance() { $.ajax({ url: "api/sales/salesv2.php", method: "POST", dataType: 'json', data: { apiKey: '1468546553238321', sales_id: sales_id //customer_id: cust_id }, beforeSend: function() { }, success: function(result) { var obj = jQuery.parseJSON(JSON.stringify(result)); $.each(obj, function(key, value) { $('#mod-insurance-company').val(value.insurance_company_id).trigger('change'); $('#mod-insurance-type').val(value.insurance_type_id).trigger('change'); $('#mod-financing-company').val(value.finance_company_id).trigger('change'); $('#mod-insurance-exp-date').val(value.insurance_expiration_date); $('#mod-finance-exp-date').val(value.finance_expiration_date); }); } }); } </script> <script> function resetSalesModal() { $('#mod-sales-plate-number').val(""); $('#mod-sales-cs-number').val(""); $('#mod-sales-brand').val(""); $('#mod-sales-model').val(""); $('#mod-sales-color').val(""); $('#mod-order-number').val(""); $('#mod-po-number').val(""); $('#mod-sales-date').val(""); $('#mod-sales-cost').val(""); $('#mod-sales-price').val(""); $('#mod-floor-plan-amount').val(""); $('#mod-claim-amount').val(""); $('#mod-claim-number').val(""); $('#mod-deal-number').val(""); $('#mod-deal-date').val(""); $('#mod-delivery-date').val(""); $('#mod-warehouse').val(""); $('#mod-stock-number').val(""); $('#mod-age-of-unit').val(""); $('#mod-body-size-code').val(""); $('#mod-insurance-company').val(""); $('#mod-insurance-type').val(""); $('#mod-insurance-exp-date').val(""); $('#mod-financing-company').val(""); $('#mod-finance-exp-date').val(""); $('#mod-dd-dms').val("").trigger('change'); $('#mod-dd-company').val("").trigger('change'); $('#mod-dd-dealer').val("").trigger('change'); //$('#mod-dd-model').attr('disabled', true); //$('#mod-dd-brand').off('change'); } </script> <!-- CLARENCE ROCKS --> <script> var sales_id = ""; //GLOBAL var vehicle_id = ""; //GLOBAL var customer_id = ""; //GLOBAL var current_hash = window.location.hash.substr(1); if (current_hash == 'sales_data') { customer_id = $.cookie("sale_customer_id"); vehicle_id = $.cookie("sale_vehicle_id"); sales_id = $.cookie("sale_sale_id"); loadSalesInformation(sales_id, customer_id, vehicle_id); } $('#sales-table').on('click-cell.bs.table', function(field, value, row, $el) { if (value != "status") { window.location.hash = 'sales_data'; //Do the Ajax request for getting employee full profile information sales_id = $el.id; customer_id = $el.customer_id; vehicle_id = $el.vehicle_id; $.cookie("sale_customer_id", customer_id); $.cookie("sale_vehicle_id", vehicle_id); $.cookie("sale_sale_id", sales_id); loadSalesInformation(sales_id, customer_id, vehicle_id); } }); function queryParams(params) { return { search: params.search, offset: params.offset, limit: params.limit //other filters hehe }; } function loadSalesInformation(sales_id, customer_id, vehicle_id) { $('#loader').fadeIn(); readCustomerInformationMain(customer_id); readVehicleSaleDetailsMain(); readBrandsOfferedMain(); $('#sales_table_list').hide(); $('#sales_information').show(); $('#loader').fadeOut(); return; $.ajax({ url: "app/sales/sales_information.php", method: "POST", dataType: 'json', data: { sales_id: sales_id, customer_id: customer_id }, beforeSend: function() { }, success: function(result) { // refreshTable(); } }); } function readCustomerInformationMain(customer_record_id) { // alert(customer_record_id) new_customer_record_id = isEmpty(customer_record_id) ? '-1' : customer_record_id; $.ajax({ url: "api/vehicle/vehiclev2.php", method: "POST", dataType: 'json', data: { apiKey: '8361020315855100', customer_id: new_customer_record_id }, beforeSend: function() {}, success: function(result) { var json = JSON.stringify(result); // console.log(json); data = JSON.parse(json)[0]; $.each(data, function(i, n) { var excemptedFields = ["main_corporation_name", "main_first_name", "main_middle_name", "main_last_name", "information_modified_by", "information_date_modified" ]; if (excemptedFields.indexOf(i) < 0) { //excempted list $("#" + i).css('color', '') $("#sales_" + i).css('color', '') if (isEmpty(n)) { $("#" + i).text('(Not Provided)'); $("#" + i).val('(Not Provided)'); $("#" + i).css('color', 'red') $("#sales_" + i).text('(Not Provided)'); $("#sales_" + i).val('(Not Provided)'); $("#sales_" + i).css('color', 'red') } else { $("#" + i).text(n); $("#" + i).val(n); $("#" + i).trigger('change') $("#" + i).css('color', '007bff') $("#sales_" + i).text(n); $("#sales_" + i).val(n); $("#sales_" + i).trigger('change') $("#sales_" + i).css('color', '007bff') } } else { $("#" + i).text(n); $("#" + i).val(n); $("#" + i).trigger('change') $("#sales_" + i).text(n); $("#sales_" + i).val(n); $("#sales_" + i).trigger('change') } }); var image_name = 'default.png'; if (!isEmpty(data['photo'])) { image_name = data['photo']; } $("#profileDisplay").attr("src", "dist/img/customer/" + image_name); $("#profileDisplay_pop").attr("href", "dist/img/customer/" + image_name); $(".contact-click").attr("href", "tel:" + $('#main_customer_mobile').text()) $(".landline-click").attr("href", "tel:" + $('#main_customer_landline').text()) $(".contact2-click").attr("href", "tel:" + $('#main_customer_mobile_2').text()) $(".business-click").attr("href", "tel:" + $('#main_customer_business_mobile').text()) $(".residential-click").attr("href", "tel:" + $('#main_customer_home_mobile').text()) $(".viber-click").attr("href", "viber://chat?number=" + $('#main_viber').text()) $(".facebook-click").attr("href", "http://www.facebook.com/" + $('#main_facebook').text()) $(".instagram-click").attr("href", "http://instagram.com/_u/" + $('#main_instagram').text()) $(".whatsapp-click").attr("href", "https://wa.me/" + $('#main_whatsapp').text()) $(".telegram-click").attr("href", "https://t.me/" + $('#main_telegram').text()) $(".website-click").attr("href", "http://" + $('#main_website_link').text()) $(".email-click").attr("href", "mailto:" + $('#main_email').text()) $(".email2-click").attr("href", "mailto:" + $('#main_customer_email_2').text()) $(".main_name_click").attr("href", "customer_view.php?q=" + new_customer_record_id) $(".main_name_click").click(function() { $.cookie("customer_selected_tab", 'custom-tabs-three-home-tab'); }); }, error: function(xhr, status, error) { $('#loader').hide(); back(); // sweetAlertSimple('error', 'Oops...', 'Error has occurred, Try again...'); toastr.remove(); toastr.error('Error has occurred, Try again...'); } }); } function readBrandsOfferedMain() { $.ajax({ url: "api/sales/salesv2.php", method: "POST", dataType: 'json', data: { apiKey: '5339702066391571', vehicle_id: vehicle_id }, beforeSend: function() { }, success: function(result) { var obj = jQuery.parseJSON(JSON.stringify(result)); var index = 0; $('#information_vehicle_offered_list').empty() $("#information_vehicle_offered_list").append( '<li class="list-group-item lbl-forms-sm-customer-main"><strong>Future Vehicle List</strong></li>' ); if (obj.length > 0) { $('#information_vehicle_offered_div').show(); } else { $('#information_vehicle_offered_div').hide(); } var count_delay = 0; $.each(obj, function(key, value) { setTimeout(function() { $("#information_vehicle_offered_list").append(` <li class="list-group-item lbl-forms-sm-customer-main"> <div class="row"> <div class="col-sm-3"><strong>Brand:</strong> ` + value.brand_name + ` </div> <div class="col-sm-3"><strong>Model:</strong> ` + value.model_name + ` </div> <div class="col-sm-6"><strong>Description:</strong> ` + value.description + ` </div> </div> </li> `); }, count_delay 250); count_delay++; }); } }); } function readVehicleSaleDetailsMain() { $.ajax({ url: "api/sales/salesv2.php", method: "POST", dataType: 'json', data: { apiKey: '9718832291017422', vehicle_id: vehicle_id }, beforeSend: function() { }, success: function(result) { var json = JSON.stringify(result); // alert(JSON.parse(json).length) if (JSON.parse(json).length < 1) { // $('#vehicle-sales-information').hide(); // $('#sales-information-footer').hide(); // $('#no-vehicle-sales-information').show(); // $('#action-sales').val('Add Sales'); // has_sales_record = false; // return; } // $('#vehicle-sales-information').show(); // $('#sales-information-footer').hide(); // $('#no-vehicle-sales-information').hide(); // $('#action-sales').val('Update Sales'); // has_sales_record = true; data = JSON.parse(json)[0]; var count_delay = 0; // alert(data['mod-dd-model-name']); // alert(data['mod-dd-color-name']) $.each(data, function(i, n) { // alert('') var excemptedFields = ["main_corporation_name", "main_first_name", "main_middle_name", "main_last_name" ]; if (excemptedFields.indexOf(i) < 0) { //excempted list $("#" + i).css('color', '') if (isEmpty(n)) { $("#" + i).text('(Not Provided)'); $("#" + i).val('(Not Provided)'); $("#" + i).css('color', 'red') } else { if (i == 'information-sale-price' \|\| i == 'information-sale-cost' \|\| i == 'information-sale-discount') { var currency_format = addCommas(n); $("#" + i).text(currency_format); $("#" + i).val(currency_format); $("#" + i).trigger('change') $("#" + i).css('color', '007bff') } else { $("#" + i).text(n); $("#" + i).val(n); $("#" + i).trigger('change') $("#" + i).css('color', '007bff') } } } else { if (i == 'information-sale-price' \|\| i == 'information-sale-cost' \|\| i == 'information-sale-discount') { var currency_format = addCommas(n); $("#" + i).text(currency_format); $("#" + i).val(currency_format); $("#" + i).trigger('change') $("#" + i).css('color', '007bff') } else { $("#" + i).text(n); $("#" + i).val(n); $("#" + i).trigger('change') } } }); // $("#sales_profileDisplay").attr("src", data['sales_profileDisplay']); // $("#sales_profileDisplay_pop").attr("href", data['sales_profileDisplay']); // $("#profileDisplay").attr("src", data['sales_profileDisplay']); // $("#profileDisplay_pop").attr("href", data['sales_profileDisplay']); } }); } function isEmpty(string) { var flag = false; if (string == '') { flag = true; } else if (string == null) { flag = true; } else { if (string.trim() == '') { flag = true; } } return flag; } function addCommas(numberString) { numberString += ''; var x = numberString.split('.'), x1 = x[0], x2 = x.length > 1 ? '.' + x[1] : '', rgxp = /(\d+)(\d{3})/; while (rgxp.test(x1)) { x1 = x1.replace(rgxp, '$1' + ',' + '$2'); } return x1 + x2; } </script> </body> </html>��views/test.php��0000644��00000000145�15025010632�0007363 0��ustar�00��<?php print_r($_REQUEST); $server_method = $_SERVER["REQUEST_METHOD"]; echo "<br>".$server_method; ��views/employees/employee.php��0000644��00000317642�15025010632�0012242 0��ustar�00��<?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>��views/employees/profile_home.php��0000644��00000264661�15025010632�0013075 0��ustar�00��<?php include('cfg/db.php'); if(!isset($_SESSION['user']['id'])){ header('location:signin.php'); } if(!(isset($_SESSION['user']['dealer']) && intval($_SESSION['user']['dealer']) !== 0)){ $company_dealer = "style='display:;'"; }else{ $company_dealer = "style='display:none;'"; } if(!(isset($_SESSION['user']['gender_id']) && intval($_SESSION['user']['gender_id']) !== 0)){ $gender_status = "style='display:;'"; }else{ $gender_status = "style='display:none;'"; } if(!(isset($_SESSION['user']['date_of_birth']) && ($_SESSION['user']['date_of_birth']) !== '')){ $dob_status = "style='display:;'"; }else{ $dob_status = "style='display:none;'"; } ?> <!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']; ?> \| Profile</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"> <!-- Select2 --> <link rel="stylesheet" href="plugins/select2/css/select2.min.css"> <link rel="stylesheet" href="plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css"> <!-- Theme style --> <link rel="stylesheet" href="dist/css/adminlte.min.css"> <!-- Tempusdominus Bootstrap 4 --> <link rel="stylesheet" href="plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css"> <!-- daterange picker --> <link rel="stylesheet" href="plugins/daterangepicker/daterangepicker.css"> <!-- overlayScrollbars --> <link rel="stylesheet" href="plugins/overlayScrollbars/css/OverlayScrollbars.min.css"> <!-- Ekko Lightbox --> <link rel="stylesheet" href="plugins/ekko-lightbox/ekko-lightbox.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; } .no-border-card { box-shadow: 0 0 1px rgba(0, 0, 0, .125), 0 1px 3px rgba(0, 0, 0, 0); } .img-div:hover .img-placeholder { display: block; cursor: pointer; } /* Clarence Design Needs / .lbl-forms-sm { font-size: 90%; } .list-group-item { padding: .25rem .50rem; } </style> </head> <body class="hold-transition sidebar-mini text-sm layout-fixed"> <div class="wrapper"> <!-- Navbar --> <?php include('include/header_home.php'); ?> <!-- /.navbar --> <?php include('include/sidebar_home.php'); ?> <!-- Content Wrapper. Contains page content --> <div class="content-wrapper"> <!-- Content Header (Page header) --> <section class="content-header"> <div class="container-fluid"> <div class="row mb-0"> <div class="col-sm-6"> <h1>Profile</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">User Profile</li> </ol> </div> --> </div> </div><!-- /.container-fluid --> </section> <!-- Main content --> <section class="content"> <div class="container-fluid"> <div class="card card-primary card-outline card-tabs no-border-card mb-0"> <div class="card-header p-0 pt-1 border-bottom-0"> <!-- <div id="app" class=" border-bottom"> --> <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" style="border-bottom: 0px solid #ffffff;"> --> <ul class=" nav nav-tabs navbar-nav mr-auto" id="custom-tabs-three-tab" role="tablist"> <li class="nav-item "> <a class="nav-link active" 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" id="customer-family-tab"> <a class="nav-link " id="custom-tabs-three-family-tab" data-toggle="pill" href="#custom-tabs-three-family" role="tab" aria-controls="custom-tabs-three-family" aria-selected="false">Password</a> </li> <li class="nav-item" hidden> <a class="nav-link" id="custom-tabs-three-hobbies-tab" data-toggle="pill" href="#custom-tabs-three-hobbies" role="tab" aria-controls="custom-tabs-three-hobbies" aria-selected="false">Affiliations</a> </li> <li class="nav-item" hidden> <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">Gallery</a> </li> <li class="nav-item" id="customer-corporation_individuals-tab" hidden> <a class="nav-link" id="custom-tabs-three-individuals-tab" data-toggle="pill" href="#custom-tabs-three-individuals" role="tab" aria-controls="custom-tabs-three-individuals" aria-selected="false">Connected Individuals</a> </li> <li class="nav-item" hidden> <a class="nav-link" id="custom-tabs-three-profile-tab" data-toggle="pill" href="#custom-tabs-three-profile" role="tab" aria-controls="custom-tabs-three-profile" aria-selected="false">Vehicles</a> </li> <li class="nav-item" hidden> <a class="nav-link" id="custom-tabs-three-messages-tab" data-toggle="pill" href="#custom-tabs-three-messages" role="tab" aria-controls="custom-tabs-three-messages" aria-selected="false">Service</a> </li> <li class="nav-item" hidden> <a class="nav-link" id="custom-tabs-three-settings-tab" data-toggle="pill" href="#custom-tabs-three-settings" role="tab" aria-controls="custom-tabs-three-settings" aria-selected="false">Sales</a> </li> </ul> <ul class="navbar-nav mt-1" id="customer-info-button"> <li class="nav-item" hidden> <input type="button" onclick="" style="width:65px;" class="btn btn-danger btn-sm" value="Remove" title="Remove Customer"></input> </li> </ul> </div> </nav> </div> </div> <div class="card-body" style="padding-top: 0.30rem;padding-right: .50rem;padding-left: .50rem;"> <div class="tab-content" id="custom-tabs-three-tabContent"> <div class="tab-pane fade active show" id="custom-tabs-three-home" role="tabpanel" aria-labelledby="custom-tabs-three-home-tab"> <div class="row d-flex align-items-stretch"> <div class="col-md-4 d-flex align-items-stretch"> <div id="information-employee-side" class="card card-primary card-outline col-12" style="display: ;"> <div class="card-body"> <form id="update_form" enctype="multipart/form-data"> <a data-toggle="lightbox" id="profileDisplay_pop"> <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/<?php echo $_SESSION['user']['photo']; ?>" 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> </a> <h3 class="profile-username text-center mb-1"> <?php $suffix = ""; if($_SESSION['user']['suffix_name'] != 'None'){ $suffix = $_SESSION['user']['suffix_name']; } echo $_SESSION['user']['first_name'].' '.$_SESSION['user']['middle_name'].' '.$_SESSION['user']['last_name'].' '.$suffix; ?> </h3> <p class="text-muted text-center mb-1" id="position-display"> <?php echo $_SESSION['user']['position_name']; ?> </p> <a class="email-click"> <p id="main_email" style="font-size: 14px; color:#007bff;" class="customer-data-side text-center"> <?php echo $_SESSION['user']['email_address']; ?> </p> </a> <ul class="list-group list-group-unbordered mb-3"> <li class="list-group-item"> <div class="form-group row my-0"> <span class="col-sm-5 lbl-forms-sm-customer-main"><strong>Employee ID</strong> <span class="float-right">:</span></span> <span class="customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="main_category"><a class=""><?php echo $_SESSION['user']['employee_id']; ?></a></span> </div> </li> <li class="list-group-item"> <div class="form-group row my-0"> <span class="col-sm-5 lbl-forms-sm-customer-main"><strong>Username</strong> <span class="float-right">:</span></span> <span class="col-sm-7 lbl-forms-sm-customer-main" id="main_customer_status"> <a class=""><?php echo $_SESSION['user']['username']; ?></a></span> </div> </li> <!-- <li class="list-group-item"> <div class="form-group row my-0"> <span class="col-sm-5 lbl-forms-sm-customer-main"><strong>Email </strong><span class="float-right">:</span></span> <div style="word-wrap: break-word; width: 50%"> <a class="email2-click"><span class="customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="main_customer_email_2"><?php //echo $_SESSION['user']['email_address']; ?></span></a> </div> </div> </li> --> <li class="list-group-item"> <div class="form-group row my-0"> <span class="col-sm-5 lbl-forms-sm-customer-main"><strong>Mobile </strong><span class="float-right">:</span></span> <a class="contact2-click"><span class="customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="main_customer_mobile_2">+63<?php echo $_SESSION['user']['contact_number']; ?></span></a> </div> </li> <li class="list-group-item" hidden> <div class="form-group row my-0"> <span class="col-sm-5 lbl-forms-sm-customer-main"><strong>Department </strong><span class="float-right">:</span></span> <a class="residential-click"> <span class="customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="main_customer_home_mobile"> <?php echo $_SESSION['user']['department_name']; ?></span></a> </div> </li> <li class="list-group-item"> <div class="form-group row my-0"> <span class="col-sm-5 lbl-forms-sm-customer-main"><strong>Company </strong><span class="float-right">:</span></span> <a class="residential-click"> <span class="customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="company_main"><?php echo $_SESSION['user']['company_code']; ?></span></a> </div> </li> <li class="list-group-item"> <div class="form-group row my-0"> <span class="col-sm-5 lbl-forms-sm-customer-main"><strong>Dealer </strong><span class="float-right">:</span></span> <a class="business-click"> <span class="customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="dealer_main"><?php echo $_SESSION['user']['dealer_code']; ?></span></a> </div> </li> <li class="list-group-item"> <div class="form-group row my-0"> <span class="col-sm-5 lbl-forms-sm-customer-main"><strong>Gender </strong><span class="float-right">:</span></span> <span class="customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="gender_main"><?php echo $_SESSION['user']['gender_name']; ?></span> </div> </li> <li class="list-group-item"> <div class="form-group row my-0"> <span class="col-sm-5 lbl-forms-sm-customer-main"><strong>Date of birth </strong><span class="float-right">:</span></span> <span class="customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="dob_main"> <?php echo $_SESSION['user']['date_of_birth']; ?></span> </div> </li> <li class="list-group-item"> <div class="form-group row my-0"> <span class="col-sm-5 lbl-forms-sm-customer-main"><strong>Date Registered </strong><span class="float-right">:</span></span> <span class="customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="main_customer_address_2"> <?php echo $_SESSION['user']['date_registered']; ?></span> </div> </li> </ul> <ul class="remove-list-space list-group list-group-unbordered" hidden> <li class="list-group-item" style="border-top: 0 none; border-bottom: 0 none;" title="Viber"> <div class="form-group row my-0"> <div class=" col-sm-5 "> <i class="col-0 fa-fw text-left fab fa-viber fa-lg"></i> <span class=" col-sm-11 lbl-forms-sm-customer-main"><strong>Viber</strong><span class="float-right">:</span></span> </div> <div style="word-wrap: break-word; width: 50%"> <a class="viber-click"> <span id="main_viber" class="customer-data-side col-sm-7 lbl-forms-sm-customer-main mx-0 my-0"></span> </a> </div> </div> </li> <li class="list-group-item" style="border-top: 0 none; border-bottom: 0 none;" title="Facebook"> <div class="form-group row my-0"> <div class=" col-sm-5 "> <i class="col-0 fa-fw text-left fab fa-facebook-f fa-lg"> </i> <span class="col-sm-11 lbl-forms-sm-customer-main"><strong>Facebook</strong><span class="float-right">:</span></span> </div> <div style="word-wrap: break-word; width: 50%"> <a class="facebook-click"> <span id="main_facebook" class="customer-data-side col-sm-7 lbl-forms-sm-customer-main mx-0 my-0"></span> </a> </div> </div> </li> <li class="list-group-item" style="border-top: 0 none; border-bottom: 0 none;" title="Instagram"> <div class="form-group row my-0"> <div class=" col-sm-5 "> <i class="col-0 fa-fw text-left fab fa-instagram fa-lg"> </i> <span class="col-sm-11 lbl-forms-sm-customer-main"><strong>Instagram</strong><span class="float-right">:</span></span> </div> <div style="word-wrap: break-word; width: 50%"> <a class="instagram-click"> <span id="main_instagram" class="customer-data-side col-sm-7 lbl-forms-sm-customer-main mx-0 my-0"></span> </a> </div> </div> </li> <li class="list-group-item" style="border-top: 0 none; border-bottom: 0 none;" title="Whatsapp"> <div class="form-group row my-0"> <div class=" col-sm-5 "> <i class="col-0 fa-fw text-left fab fa-whatsapp fa-lg"> </i> <span class="col-sm-11 lbl-forms-sm-customer-main"><strong>Whatsapp</strong><span class="float-right">:</span></span> </div> <div style="word-wrap: break-word; width: 50%"> <a class="whatsapp-click"> <span id="main_whatsapp" class="customer-data-side col-sm-7 lbl-forms-sm-customer-main mx-0 my-0"></span> </a> </div> </div> </li> <li class="list-group-item" style="border-top: 0 none; border-bottom: 0 none;" title="Telegram"> <div class="form-group row my-0"> <div class=" col-sm-5 "> <i class="col-0 fa-fw text-left fab fa-telegram fa-lg"> </i> <span class="col-sm-11 lbl-forms-sm-customer-main"><strong>Telegram</strong><span class="float-right">:</span></span> </div> <div style="word-wrap: break-word; width: 50%"> <a class="telegram-click"> <span id="main_telegram" class="customer-data-side col-sm-7 lbl-forms-sm-customer-main mx-0 my-0"></span> </a> </div> </div> </li> <li class="list-group-item" style="border-top: 0 none; border-bottom: 0 none;" title="Website"> <div class="form-group row my-0"> <div class=" col-sm-5 "> <i class="col-0 fa-fw text-left fas fa-globe fa-lg"> </i> <span class="col-sm-11 lbl-forms-sm-customer-main"><strong>Website</strong><span class="float-right">:</span></span> </div> <div style="word-wrap: break-word; width: 50%"> <a class="website-click"> <span id="main_website_link" class="customer-data-side col-sm-7 lbl-forms-sm-customer-main mx-0 my-0"></span> </a> </div> </div> </li> </ul> </div> <!-- NEW --> <!-- /.card-body --> </div> </div> <div class="col-md-8 d-flex align-items-stretch"> <div id="information-employee" class="card card-primary card-outline col-12" style="display: ;"> <div class="card-body"> <div class="tab-content"> <div class="active tab-pane" id="information"> <span id="company_span" <?php echo $company_dealer; ?> ><strong>Company</strong>  <i class=" tooltip-me mt-2 mr-2 mb-0 fas fa-question-circle" style="color:blue; cursor: help;" title="You can change this only once."></i></span> <div class="form-group mb-2 dropdown-input mr-2" id="company_div" <?php echo $company_dealer; ?> > <label class="dropdown" hidden>Company</label> <select name="company" id="company" class="form-control form-control-sm " style="width: 100%;"> <option value='0' selected> Select Company</option> <?php $company = $db -> return_result("SELECT sc.`id`,sc.code, 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['code'].' - '.$data['name']."</option>"; } ?> </select> </div> <span id="dealer_span" <?php echo $company_dealer; ?> ><strong>Dealer</strong>  <i class=" tooltip-me mt-2 mr-2 mb-0 fas fa-question-circle" style="color:blue; cursor: help;" title="You can change this only once."></i></span> <div class="form-group mb-2 dropdown-input mr-2" id="dealer_div" <?php echo $company_dealer; ?> > <label class="dropdown" hidden>Dealer</label> <select name="dealer" id="dealer" class="form-control form-control-sm " style="width: 100%;"> </select> </div> <span id="gender_span" <?php echo $gender_status; ?>><strong>Gender</strong>  <i class=" tooltip-me mt-2 mr-2 mb-0 fas fa-question-circle" style="color:blue; cursor: help;" title="You can change this only once."></i></span> <div class="form-group mb-2 dropdown-input mr-2" id="gender_div" <?php echo $gender_status; ?>> <label class="dropdown" hidden>Gender</label> <select name="gender" id="gender" class="form-control form-control-sm" style="width: 100%;"> <option value="0">Select Gender</option> <option value ="1">Male</option> <option value="2">Female</option> </select> </div> <span id="dob_span" <?php echo $dob_status; ?> ><strong>Date of birth</strong>  <i class=" tooltip-me mt-2 mr-2 mb-0 fas fa-question-circle" style="color:blue; cursor: help;" title="You can change this only once."></i></span> <div class="form-group mb-2 dropdown-input mr-2" id="dob_div" <?php echo $dob_status; ?> > <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> </div> <!-- input --> </div> <span><strong>Department</strong></span> <div class="form-group mb-2 dropdown-input mr-2" id="department_div"> <label class="dropdown" hidden>Department</label> <select name="department" id="department" class="form-control form-control-sm " style="width: 100%;"> <?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 mb-2 dropdown-input mr-2" id="position_div"> <label class="dropdown" hidden>Position</label> <select name="position" id="position" class="form-control form-control-sm" style="width: 100%;"> <option></option> </select> </div> <span><strong>Other Mobile Number</strong></span> <div class="input-group mb-2"> <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="" value="<?php echo $_SESSION['user']['contact_number_2']; ?>"> <div class="input-group-append mr-2"> <div class="input-group-text" style="height:31px;"> <span class="fas fa-phone"></span> </div> </div> </div> <span hidden><strong>Fax</strong></span> <div class="input-group mb-2" hidden> <input type="text" name="fax" id="fax" maxlength="15" class="form-control form-control-sm" placeholder="" value="<?php echo $_SESSION['user']['fax']; ?>"> <div class="input-group-append mr-2"> <div class="input-group-text"> <span class="fas fa-phone"></span> </div> </div> </div> <span><strong>Business Phone</strong></span> <div class="input-group mb-2"> <input type="text" name="business" id="business" maxlength="15" class="form-control form-control-sm" placeholder="" value="<?php echo $_SESSION['user']['business']; ?>"> <div class="input-group-append mr-2"> <div class="input-group-text"> <span class="fas fa-phone"></span> </div> </div> </div> <span><strong>Residential Phone</strong></span> <div class="input-group mb-2"> <input type="text" name="residential" id="residential" maxlength="15" class="form-control form-control-sm" placeholder="" value="<?php echo $_SESSION['user']['residential']; ?>"> <div class="input-group-append"> <div class="input-group-text mr-2"> <span class="fas fa-phone"></span> </div> </div> </div> <span><strong>Landline</strong></span> <div class="input-group mb-2"> <input type="text" name="landline" id="landline" maxlength="15" class="form-control form-control-sm" placeholder="" value="<?php echo $_SESSION['user']['landline']; ?>"> <div class="input-group-append mr-2"> <div class="input-group-text"> <span class="fas fa-phone"></span> </div> </div> </div> <span><strong>Other Email Address</strong></span> <div class="input-group mb-2"> <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="" value="<?php echo $_SESSION['user']['email_address_2']; ?>"> <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-2"> <input maxlength="100" type="text" name="address" id="address" class="form-control form-control-sm" placeholder="" value="<?php echo $_SESSION['user']['address']; ?>"> <div class="input-group-append mr-2 "> <div class="input-group-text"> <span class="fa fa-map-marker "></span> </div><strong style="color:red;"></strong> </div> </div> <span><strong>State</strong></span> <div class="form-group mb-2 dropdown-input mr-2" id="state_div"> <label class="dropdown" hidden>State</label> <select name="state" id="state" class="form-control form-control-sm " 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 mb-2 dropdown-input mr-2" id="city_div"> <label class="dropdown" hidden>City</label> <select name="city" id="city" class="form-control form-control-sm " style="width: 100%;"> </select> </div> <span><strong>Postal Code</strong></span> <div class="input-group mb-2"> <input oninput="this.value=this.value.slice(0,this.maxLength)" type="number" maxlength="6" name="postal" id="postal" class="form-control form-control-sm" placeholder="" value="<?php echo $_SESSION['user']['postal']; ?>"> <div class="input-group-append mr-2"> <div class="input-group-text"> <span class="fa fa-map-marker "></span> </div> </div> </div> <div class="row mb-2 mt-2"> <div class="col-12"> <div class="form-group mr-2"> <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"> </span></a> </div> </div> </div> <div class="col-12"> <div class="form-group mr-2"> <input type="submit" name="submit" id="submit" value="Update" class="btn btn-success float-right"> </div> </div> </div> </form> </div> <!-- /.tab-pane --> <!-- /.tab-pane --> <!-- /.contact --> </div> </div> </div> <!-- <div class="card "> <div class="card-header p-2"> <ul class="nav nav-pills"> <li class="nav-item"><a class="nav-link active" href="#information" data-toggle="tab">Information</a> </li> <li class="nav-item"><a class="nav-link" href="#password" data-toggle="tab">Change Password</a></li> </ul> </div> </div> --> </div> </div> </div> <div class="tab-pane fade" id="custom-tabs-three-family" role="tabpanel" aria-labelledby="custom-tabs-three-family-tab"> <div class="tab-pane" id="password"> <form id="update_form_password" class="form-horizontal"> <span><strong>Old Password</strong></span> <div class="input-group mb-2"> <input type="password" minlength="6" name="old-password" id="old-password" class="form-control form-control-sm" placeholder=""> <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> <span><strong>New Password</strong></span> <div class="input-group mb-2"> <span id="pw-not-matched" style="width: 100%; margin-top: .25rem; font-size: 80%; color: #dc3545; display:none;"></span> <input type="password" minlength="6" name="new-password" id="new-password" class="form-control form-control-sm" placeholder=""> <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> <span><strong>Repeat New Password</strong></span> <div class="input-group mb-2"> <input type="password" minlength="6" name="cpassword" id="cpassword" class="form-control form-control-sm" placeholder=""> <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 class="row mb-3 mt-3"> <div class="col-12"> <div class="alert alert-info float-right" role="alert" id="error-alert-pass" style="display:none;"> <span id="error-icon-pass" class="icon fas fa-info"> </span> <span id="alert-message-pass"> </span></a> </div> </div> <div class="col-12"> <input type="submit" name="submit" id="submit_password" value="Update" class="btn btn-success"> </div> </div> </form> </div> </div> <div class="tab-pane fade" id="custom-tabs-three-profile" role="tabpanel" aria-labelledby="custom-tabs-three-profile-tab"> <?php include 'include/components/customer/customer_vehicle.php'; ?> </div> <div class="tab-pane fade" id="custom-tabs-three-messages" role="tabpanel" aria-labelledby="custom-tabs-three-messages-tab"> <?php include 'include/components/customer/customer_service.php'; ?> </div> <div class="tab-pane fade" id="custom-tabs-three-settings" role="tabpanel" aria-labelledby="custom-tabs-three-settings-tab"> <?php include 'include/components/customer/customer_sales.php'; ?> </div> <div class="tab-pane fade" id="custom-tabs-three-individuals" role="tabpanel" aria-labelledby="custom-tabs-three-individuals-tab"> <?php include 'include/components/customer/corporation_individual.php'; ?> </div> <div class="tab-pane fade" id="custom-tabs-three-hobbies" role="tabpanel" aria-labelledby="custom-tabs-three-hobbies-tab"> <?php include 'include/components/customer/customer_affiliations.php'; ?> </div> <div class="tab-pane fade" id="custom-tabs-three-gallery" role="tabpanel" aria-labelledby="custom-tabs-three-gallery-tab"> <div class="container"> <div id="customer-sales-image-data" class="row"> </div> </div> </div> <!-- /.card --> </div> </div> </div> <!--card-body--> <!-- /.row --> </div><!-- /.container-fluid --> </section> <!-- /.content --> </div> <!-- /.content-wrapper --> <!-- INSERT FOOTER --> <?php include('include/footer.php'); ?> <!-- Control Sidebar --> <aside class="control-sidebar control-sidebar-dark"> <!-- Control sidebar content goes here --> </aside> <!-- /.control-sidebar --> </div> <!-- ./wrapper --> <!-- jQuery --> <script src="plugins/jquery/jquery.min.js"></script> <!-- jQuery UI 1.11.4 --> <script src="plugins/jquery-ui/jquery-ui.min.js"></script> <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip --> <script> $.widget.bridge('uibutton', $.ui.button) </script> <!-- overlayScrollbars --> <script src="plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></script> <!-- Select2 --> <script src="plugins/select2/js/select2.full.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> <!-- Tempusdominus Bootstrap 4 --> <script src="plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js"></script> <!-- Bootstrap 4 --> <script src="plugins/bootstrap/js/bootstrap.bundle.min.js"></script> <!-- AdminLTE App --> <script src="dist/js/adminlte.min.js"></script> <!-- Ekko Lightbox --> <script src="plugins/ekko-lightbox/ekko-lightbox.min.js"></script> <!-- Navigation Highlight --> <script src="dist/js/main.js"></script> <script> function initToolTip(){ var bootstrapTooltip = $.fn.tooltip.noConflict(); $.fn.bstooltip = bootstrapTooltip; $('.tooltip-me').bstooltip(); } $(document).ready(function() { initToolTip(); $('#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> $(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(data); $('#position').attr('disabled', false); } }) }); }); </script> <!-- GET City List --> <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); } }) }); $('#department').on('change', function(event) { event.preventDefault(); $('#position').val('').trigger('change'); }); }); </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> <script> // alert('<?php echo $_SESSION['user']['state']; ?>') $(function() { //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() $('#gender').select2({ // placeholder: "Select Gender", // allowClear: true, minimumResultsForSearch: -1 }); $('#company').select2({ // placeholder: 'Select Department', // allowClear: true }) $('#dealer').select2({ minimumResultsForSearch: -1 // placeholder: 'Select Department', // allowClear: true }) $('#state').select2({ // placeholder: 'Select Department', // allowClear: true }) $('#city').select2({ // placeholder: 'Select Department', // allowClear: true }) // $('.select2').select2() $('#department').select2({ placeholder: 'Select Department', allowClear: true }) $('#position').select2({ placeholder: 'Select Position', allowClear: true }) $('#birthday').val('<?php echo $_SESSION['user']['date_of_birth']; ?>'); $('#department').val('<?php echo $_SESSION['user']['department']; ?>').trigger('change'); $('#company').val('<?php echo $_SESSION['user']['company']; ?>').trigger('change'); $('#state').val('<?php echo $_SESSION['user']['state_id']; ?>').trigger('change'); setTimeout(function() { $('#city').val('<?php echo $_SESSION['user']['city_id']; ?>').trigger('change'); $('#dealer').val('<?php echo $_SESSION['user']['dealer']; ?>').trigger('change'); $('#position').val('<?php echo $_SESSION['user']['position']; ?>').trigger('change'); $('#gender').val('<?php echo $_SESSION['user']['gender_id']; ?>').trigger('change'); }, 1000); }); </script> <script> $("#update_form").submit(function(event) { //do validatons event.preventDefault(); remove_alert_bg(); remove_form_invalid(); 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 email2 = $.trim($("#email2").val()); var address = $.trim($("#address").val()); var state = $("#state").val(); var city = $("#city").val(); var department = $("#department").val(); var position = $("#position").val(); var company = $("#company").val(); var dealer = $("#dealer").val(); var gender = $("#gender").val(); var dob = $("#birthday").val(); if(parseInt(company) !== 0 && parseInt(dealer) === 0) { $('#error-alert').fadeOut(); $('#dealer_div').css("border", "1px solid #dc3545"); $("#dealer").focus(); return; } if (contactno2 != '') { if (contactno2.length != 9) { $('#error-alert').fadeOut(); $('#contactno2').addClass("is-invalid"); $("#contactno2").focus(); return; } } if (email2 != '') { if (!isEmail(email2)) { $('#error-alert').fadeOut(); $('#email2').addClass("is-invalid"); $('#validate-email2').fadeIn(); $("#email2").focus(); $('#validate-email2').text('Invalid email address.'); return; } } if (address == '') { $('#error-alert').fadeOut(); $('#address').addClass("is-invalid"); $("#address").focus(); return; } if (state == null) { $('#error-alert').fadeOut(); $('#state_div').css("border", "1px solid #dc3545"); $("#state").focus(); return; } if (city == null) { $('#error-alert').fadeOut(); $('#city_div').css("border", "1px solid #dc3545"); $("#city").focus(); return; } $('#error-icon').addClass("fa-info"); $('#error-alert').addClass("alert-info"); $('#error-alert').fadeIn(); $('#alert-message').text(" Updating account..."); $.ajax({ url: "app/employee/update_employee_profile.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').fadeOut()}, 3000); } else { //success remove_alert_bg(); remove_form_invalid(); $('#error-icon').addClass("fa-check"); $('#error-alert').addClass("alert-success"); $('#alert-message').text(result.message); if (parseInt(department) != 0) { var sd = $("#department option:selected").text(); $('#department-display').text(sd); } else { $('#department-display').text('-'); } if (parseInt(position) != 0) { var sp = $("#position option:selected").text(); $('#position-display').text(sp); } else { $('#position-display').text('-'); } $('#company_main').text(result.company_code); $('#dealer_main').text(result.dealer_code); $('#gender_main').text(result.gender); $('#dob_main').text(result.dob); if(parseInt(company) != 0){ $('#company_div').hide(); $('#company_span').hide(); } if(parseInt(dealer) != 0){ $('#dealer_div').hide(); $('#dealer_span').hide(); } if(parseInt(gender) != 0){ $('#gender_div').hide(); $('#gender_span').hide(); } if( dob != ''){ $('#dob_div').hide(); $('#dob_span').hide(); } // if (parseInt(company) != 0) { // var comp = $("#company option:selected").text(); // $('#company-display').text(comp); // } else { // $('#company-display').text('-'); // } // if (parseInt(dealer) != 0) { // var deal = $("#dealer option:selected").text(); // $('#dealer-display').text(deal); // } else { // $('#dealer-display').text('-'); // } } $('#submit').attr('disabled', false); }, error: handleError }); }); 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() { $('#validate-email2').fadeOut(); $('#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"); $('#contactno2').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"); $('#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", ""); $('#company_div').css("border", ""); $('#dealer_div').css("border", ""); $('#username').removeClass("is-invalid"); $('#password').removeClass("is-invalid"); } </script> <script> $("#update_form_password").submit(function(event) { //do validatons event.preventDefault(); remove_alert_bg_password(); remove_form_invalid_password(); var old_password = $.trim($("#old-password").val()); var password = $.trim($("#new-password").val()); var cpassword = $.trim($("#cpassword").val()); if (old_password == '') { $('#error-alert-pass').fadeOut(); $('#old-password').addClass("is-invalid"); $("#old-password").focus(); return; } if (password == '') { $('#error-alert-pass').fadeOut(); $('#new-password').addClass("is-invalid"); $("#new-password").focus(); return; } if (cpassword == '') { $('#error-alert-pass').fadeOut(); $('#cpassword').addClass("is-invalid"); $("#cpassword").focus(); return; } if (password.length < 6 \|\| cpassword.length < 6) { $('#error-alert-pass').fadeOut(); $('#pw-not-matched').fadeIn(); $("#new-password").focus(); $('#pw-not-matched').text('Password must 6 character or above!'); return; } if (password !== cpassword) { $('#error-alert-pass').fadeOut(); $('#pw-not-matched').fadeIn(); $("#cpassword").focus(); $('#pw-not-matched').text('Password not matched!'); return; } $('#error-icon-pass').addClass("fa-info"); $('#error-alert-pass').addClass("alert-info"); $('#error-alert-pass').fadeIn(); $('#alert-message-pass').text(" Updating password, please wait..."); $.ajax({ url: "app/employee/update_employee_password.php", data: new FormData(this), type: "POST", dataType: 'json', contentType: false, cache: false, processData: false, beforeSend: function() { $('#submit_password').attr('disabled', true); }, success: function(result) { console.log(result.status + " " + result.message); if (result.status != 1) { remove_alert_bg_password(); $('#error-icon-pass').addClass("fa-ban"); $('#error-alert-pass').addClass("alert-danger"); $('#alert-message-pass').text(result.message); } else { //success remove_alert_bg_password(); $('#error-icon-pass').addClass("fa-check"); $('#error-alert-pass').addClass("alert-success"); $('#alert-message-pass').text(result.message); $('#old-password').val(""); $('#new-password').val(""); $('#cpassword').val(""); } $('#submit_password').attr('disabled', false); }, error: handleError_password }); }); function handleError_password(xhr, status, error) { //Handle failure here remove_alert_bg_password(); $('#error-icon-pass').addClass("fa-ban"); $('#error-alert-pass').addClass("alert-danger"); $('#alert-message-pass').text("Something went wrong, try again."); $('#submit_password').attr('disabled', false); } function remove_alert_bg_password() { $('#pw-not-matched').fadeOut(); $('#error-alert-pass').removeClass("alert-success"); $('#error-alert-pass').removeClass("alert-danger"); $('#error-alert-pass').removeClass("alert-info"); $('#error-icon-pass').removeClass("fa-check"); $('#error-icon-pass').removeClass("fa-info"); $('#error-icon-pass').removeClass("fa-ban"); } function remove_form_invalid_password() { $('#old-password').removeClass("is-invalid"); $('#new-password').removeClass("is-invalid"); $('#cpassword').removeClass("is-invalid"); } </script> <script> $(document).on("wheel", "input[type=number]", function(e) { $(this).blur(); }); </script> </body> </html>��views/employees/signup.php��0000644��00000150130�15025010632�0011713 0��ustar�00��<?php include('cfg/db.php'); if(isset($_SESSION['user'])){ header('location:home.php'); } // else{ // if ((!isset($_SESSION['check_sso']) \|\| !$_SESSION['check_sso'])){ // $_SESSION['check_sso'] = true; // header('location: http://www.autohub.ph/connect/home/datacon_login.php'); // }else{ // $_SESSION['check_sso'] = false; // } // } $information_array = array(); $sign_up_query = $db -> return_result("SELECT title,content FROM `settings_legals` WHERE `name` = 'signup'"); foreach($sign_up_query as $data){ $information_array['title'] = $data['title']; $information_array['content'] = $data['content']; } ?> <!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']; ?> \| Sign up</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"> <!-- 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; } body{ background-color: #e9ecef; } </style> </head> <style> .dropdown{ margin-bottom: .1rem; } .dropdown-input{ margin-bottom: .5rem; } </style> </head> <body class="hold-transition "> <div class="wrapper"> <!-- Main content --> <section class="content"> <div class="container-fluid"> <div class="d-flex justify-content-center align-items-center"> <div class="col-md-6"> <div class="card card-outline card-primary"> <div class="card-header text-center"> <center><a href="home.php"><img class="brand-image img-circle elevation-3" src="dist/img/<?php echo $variable['logo']; ?>" alt="<?php echo $variable['logo']; ?>" width="130px" height="130px"></a></center> <a href="home.php" class="h1"><b></b> <?php /$pieces = explode(" ", $variable['site_name']); echo $pieces[1];/ echo "Connect"; ?></a> </div> <div class="card-body"> <div class="bs-stepper"> <div class="bs-stepper-header" role="tablist"> <!-- your steps here --> <div class="step" data-target="#logins-part"> <button type="button" class="step-trigger" role="tab" aria-controls="logins-part" id="logins-part-trigger"> <span class="bs-stepper-circle">1</span> <span class="bs-stepper-label">Step 1</span> </button> </div> <div class="line"></div> <div class="step" data-target="#information-part"> <button type="button" class="step-trigger" role="tab" aria-controls="information-part" id="information-part-trigger"> <span class="bs-stepper-circle">2</span> <span class="bs-stepper-label">Step 2</span> </button> </div> </div> <div class="bs-stepper-content"> <form id="signup_form" enctype="multipart/form-data"> <!-- your steps content here --> <div id="logins-part" class="content" role="tabpanel" aria-labelledby="logins-part-trigger"> <!-- <input type="email" name="email" class="is-invalid" id="exampleInputEmail1" placeholder="Enter email" aria-describedby="exampleInputEmail1-error" aria-invalid="true"> --> <div class="form-group text-center" style="position: relative;" hidden> <span class="img-div"> <div class="text-center img-placeholder" onClick="triggerClick()"> <h4>Select image</h4> </div> <img class="profile-user-img img-fluid img-circle" src="dist/img/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" style="display: none;"> </div> <!-- <div class="input-group mb-2"> <div class="custom-file mr-2"> <input type="file" class="custom-file-input" id="upload_picture" name="upload_picture" accept=".png,.jpeg,.jpg" /> <label id="upload_picture_label" class="custom-file-label" for="upload_picture">Choose profile picture</label> </div> </div> --> <div class="form-group input-group mb-2"> <input type="text" name="employeeid" id="employeeid" class="form-control" placeholder="Employee ID" 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> <div class="form-group input-group mb-2"> <input type="text" name="firstname" id="firstname" class="form-control" placeholder="First name" 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> <div class="input-group mb-2" hidden> <input type="text" name="middlename" id="middlename" class="form-control" placeholder="Middle name" maxlength="15"> <div class="input-group-append mr-2"> <div class="input-group-text"> <span class="fas fa-user"></span> </div> </div> </div> <div class="input-group mb-2"> <input type="text" name="lastname" id="lastname" class="form-control" placeholder="Last name" 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 --> <div class="form-group dropdown-input mr-2" hidden> <label class="dropdown" hidden>Suffix name</label> <select name="suffixname" id="suffixname" class="form-control"> <option disabled selected>Extension name</option> <?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 --> <div class="form-group dropdown-input mr-2 mb-1"> <label class="dropdown" hidden>Gender</label> <select name="gender" id="gender" class="form-control"> <option disabled selected>Select Gender</option> <?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 --> <div class="form-group dropdown-input mb-2"> <label class="dropdown mb-0 mt-0">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 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> <div class="input-group mb-2"> <div class="input-group-append"> <div class="input-group-text"> <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" placeholder="10 Digit Mobile Number"> <div class="input-group-append"> <div class="input-group-text"> <span class="fas fa-phone"></span> </div><strong style="color:red;"></strong> </div> </div> <div class="text-right"> <span onclick="stepper.next()" href="#" class="btn btn-primary">Next</span> </div> </div> <div id="information-part" class="content" role="tabpanel" aria-labelledby="information-part-trigger"> <div class="input-group mb-2"> <span id="validate-email" style="width: 100%; margin-top: .25rem; font-size: 80%; color: #dc3545; display:;">Use your autohubgroup.com email</span> <input type="text" name="email" id="email" class="form-control" placeholder="Email" maxlength="50"> <div class="input-group-append"> <div class="input-group-text"> <span class="fas fa-envelope"></span> </div><strong style="color:red;"></strong> </div> </div> <div class="input-group mb-2" hidden> <input type="text" name="address" id="address" class="form-control" placeholder="Address" maxlength="100"> <div class="input-group-append"> <div class="input-group-text"> <span class="fa fa-map-marker "></span> </div><strong style="color:red;"></strong> </div> </div> <div class="form-group dropdown-input mr-2" id="state_div" hidden> <label class="dropdown" hidden>State</label> <select name="state" id="state" class="form-control select2" style="width: 100%;"> <option disabled 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> <div class="form-group dropdown-input mr-2" id="city_div" hidden> <label class="dropdown" hidden>City</label> <select name="city" id="city" class="form-control select2" style="width: 100%;"> </select> </div> <div class="form-group dropdown-input mr-2" id="company_div"> <label class="dropdown" hidden>Company</label> <select name="company" id="company" class="form-control select2" style="width: 100%;"> <option disabled 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> <div class="form-group dropdown-input mr-2" id="dealer_div"> <label class="dropdown" hidden>Dealer</label> <select name="dealer" id="dealer" class="form-control select2" style="width: 100%;"> </select> </div> <div class="form-group dropdown-input mr-2" id="department_div" > <label class="dropdown" hidden>Department</label> <select name="department" id="department" class="form-control select2" style="width: 100%;"> <option disabled 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> <div class="form-group dropdown-input mr-2" id="position_div" > <label class="dropdown" hidden>Position</label> <select name="position" id="position" class="form-control select2" style="width: 100%;"> </select> </div> <div class="input-group mb-2" hidden> <input type="text" name="username" id="username" class="form-control" placeholder="Username" 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 id="pw-not-matched" style="width: 100%; margin-top: .25rem; font-size: 80%; color: #dc3545; display:none;"></span> <div class="input-group mb-2"> <input type="password" minlength="6" name="password" id="password" class="form-control" placeholder="Password" maxlength="25"> <div class="input-group-append"> <div class="input-group-text"> <span class="fas fa-lock"></span> </div><strong style="color:red;"></strong> </div> </div> <div class="input-group mb-2"> <input type="password" minlength="6" name="cpassword" id="cpassword" class="form-control" placeholder="Retype password" maxlength="25"> <div class="input-group-append"> <div class="input-group-text"> <span class="fas fa-lock"></span> </div><strong style="color:red;"></strong> </div> </div> <div class="alert" role="alert" id="error-alert" style="display:none;"> <span id="error-icon" class="icon fas"> </span> <span id="alert-message"></span></a> </div> <div class="row"> <div class="col-12"> <span id="agree-terms" style="width: 100%; margin-top: .25rem; font-size: 80%; color: #dc3545; display:none;"></span> <div class="icheck-primary" id="agree-terms-div"> <input type="checkbox" name="agreeTerms" id="agreeTerms" value="agree"> <label for="agreeTerms"> I agree to the <a href="#" data-toggle="modal" data-target="#modal-lg">terms</a> </label> </div> </div> <!-- /.col --> <!-- /.col --> </div> <div class="text-right"> <span onclick="stepper.previous()" href="#" id="btn_previous" class="btn btn-primary">Previous</span> <!-- <button class="btn btn-primary" onclick="stepper.previous()">Previous</button> --> <button type="submit" name="submit" id="submit" class="btn btn-primary">Register</button> </div> </div> <div class="text-right mt-1"> <a href="signin.php" class="text-center text-right">I already have an account</a> </div> </form> <div class="modal fade" id="modal-lg"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title"> <?php echo $information_array['title']; ?> </h4> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <p> <?php echo $information_array['content'] ?> </p> </div> <div class="modal-footer justify-content-between"> <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button> </div> </div> <!-- /.modal-content --> </div> <!-- /.modal-dialog --> </div> <div class="modal fade" id="modal-reg-success"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title">Registration Successful</h4> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <p>Account successfully created, Please wait to activate your account. </p> </div> <div class="modal-footer justify-content-between"> <a href="signin.php" class="text-center"><button type="button" class="btn btn-primary">Login Page</button></a> </div> </div> <!-- /.modal-content --> </div> <!-- /.modal-dialog --> </div> </div> </div> </div> </div> <!-- /.card --> </div> </div> </div> <!-- /.container-fluid --> </section> <!-- /.content --> <!-- /.control-sidebar --> </div> <!-- ./wrapper --> <!-- 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> <!-- Page specific script --> <script> // BS-Stepper Init document.addEventListener('DOMContentLoaded', function() { window.stepper = new Stepper(document.querySelector('.bs-stepper')) }) $("#signup_form").submit(function(event) { // alert("sdas"); }); </script> <script> $("#signup_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 contactno = $.trim($("#contactno").val()); var email = $.trim($("#email").val()); var address = $.trim($("#address").val()); var state = $("#state").val(); var city = $("#city").val(); var company = $("#company").val(); var dealer = $("#dealer").val(); var department = $("#department").val(); var position = $("#position").val(); var username = $.trim($("#username").val()); var password = $.trim($("#password").val()); var cpassword = $.trim($("#cpassword").val()); if (employeeid == '') { stepper.previous() $('#employeeid').addClass("is-invalid"); $("#employeeid").focus(); return; } if (firstname == '') { stepper.previous() $('#firstname').addClass("is-invalid"); $("#firstname").focus(); return; } if (lastname == '') { stepper.previous() $('#lastname').addClass("is-invalid"); $("#lastname").focus(); return; } // if(suffixname == null){ // $('#suffixname').addClass("is-invalid"); // $("#suffixname").focus(); // return; // } if (gender == null) { stepper.previous() $('#gender').addClass("is-invalid"); $("#gender").focus(); return; } if (birthday == '') { stepper.previous() $('#birthday').addClass("is-invalid"); $("#birthday").focus(); return; } if (contactno == '' \|\| contactno.length != 10) { stepper.previous() $('#contactno').addClass("is-invalid"); $("#contactno").focus(); return; } if (email == '') { stepper.next() $('#email').addClass("is-invalid"); $("#email").focus(); return; } if (!isEmail(email)) { stepper.next() $('#validate-email').fadeIn(); $('#validate-email').text('Use your autohubgroup.com email'); $('#email').addClass("is-invalid"); $("#email").focus(); return; } // if(address == ''){ // $('#address').addClass("is-invalid"); // $("#address").focus(); // return; // } // if(state == null){ // $('#state_div').css("border", "1px solid #dc3545"); // $("#state").focus(); // return; // } // if(city == null){ // $('#city_div').css("border", "1px solid #dc3545"); // $("#city").focus(); // return; // } if (company == null) { stepper.next() $('#company_div').css("border", "1px solid #dc3545"); $("#company").focus(); return; } if (dealer == null) { stepper.next() $('#dealer_div').css("border", "1px solid #dc3545"); $("#dealer").focus(); return; } if(department == null){ $('#department_div').css("border", "1px solid #dc3545"); $("#department").focus(); return; } if(position == null){ $('#position_div').css("border", "1px solid #dc3545"); $("#position").focus(); return; } // if(username == ''){ // $('#username').addClass("is-invalid"); // $("#username").focus(); // return; // } if (password == '') { stepper.next() $('#password').addClass("is-invalid"); $("#password").focus(); return; } if (cpassword == '') { stepper.next() $('#cpassword').addClass("is-invalid"); $("#cpassword").focus(); return; } if (password.length < 6 \|\| cpassword.length < 6) { stepper.next() $('#pw-not-matched').fadeIn(); $("#password").focus(); $('#pw-not-matched').text('Password must 6 character or above!'); return; } if (password !== cpassword) { stepper.next() $('#pw-not-matched').fadeIn(); $("#cpassword").focus(); $('#pw-not-matched').text('Password not matched!'); return; } if (!$('#agreeTerms').is(':checked')) { stepper.next() $('#agree-terms').fadeIn(); $("#agreeTerms").focus(); // $('#agree-terms-div').css("border", "1px solid #dc3545"); $('#agree-terms').text('Read the terms and condition.'); return; } $('#error-icon').addClass("fa-info"); $('#error-alert').addClass("alert-info"); $('#error-alert').fadeIn(); $('#alert-message').text(" Creating account, please wait..."); $.ajax({ url: "app/employee/process_signup_v2.php", data: new FormData(this), type: "POST", dataType: 'json', contentType: false, cache: false, processData: false, beforeSend: function() { $("#btn_previous").css("pointer-events", "none"); $('#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').fadeOut() }, 3000); } else { $('#error-alert').fadeOut(); remove_alert_bg(); stepper.previous() $('#modal-reg-success').modal('show'); $("#profileDisplay").attr("src", "dist/img/default.png"); $('#upload_picture').val('') $("#upload_picture_label").text("Choose profile picture"); $("#employeeid").val(''); $("#firstname").val(''); $("#middlename").val(''); $("#lastname").val(''); $("#suffixname").prop('selectedIndex', 0); $("#gender").prop('selectedIndex', 0); $("#birthday").val(''); $("#contactno").val(''); $("#email").val(''); $("#address").val(''); $("#state").val('Select State').change(); $("#city").val('Select City').change(); $("#company").val('Select Company').change(); $("#dealer").val('Select Dealer').change(); $("#department").val('Select Department').change(); $("#position").val('Select Position').change(); $("#username").val(''); $("#password").val(''); $("#cpassword").val(''); $("#agreeTerms").prop('checked', false); // $('#error-icon').addClass("fa-check"); // $('#error-alert').addClass("alert-success"); // $('#alert-message').text(result.message); // setTimeout(function () { // window.location.assign("signin.php"); // }, 5000); // setTimeout(function () { $('#error-alert').fadeOut()}, 3000); } $("#btn_previous").css("pointer-events", "auto"); $('#submit').attr('disabled', false); }, error: handleError }); }); function handleError(xhr, status, error) { remove_alert_bg(); $('#error-icon').addClass("fa-ban"); $('#error-alert').addClass("alert-danger"); $('#alert-message').text("Error occurred, Try again."); $("#btn_previous").css("pointer-events", "auto"); $('#submit').attr('disabled', false); } function isEmail(email) { var regex = /^([a-zA-Z0-9_.+-])+\@(autohubgroup.com)+$/; return regex.test(email); } function remove_alert_bg() { $('#pw-not-matched').fadeOut(); $('#agree-terms').fadeOut(); // $('#validate-email').fadeOut(); $('#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"); $('#email').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"); $('#cpassword').removeClass("is-invalid"); $('#agree-terms-div').css("border", ""); } </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('<option disabled selected>Select Position</option>' + 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 disabled 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('<option disabled selected>Select City</option>' + 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 disabled selected>Select City</option>' + data); $('#city').attr('disabled', false); } }) }); }); </script> <!-- GET DEALERS --> <!-- GET POSITIONS --> <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 disabled selected>Select Dealer</option>' + data); $('#dealer').attr('disabled', false); } }) }); }); </script> <script> $(function() { bsCustomFileInput.init(); }); </script> <script> $(function() { $('.select2').select2() //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> 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> <script> $(document).on("wheel", "input[type=number]", function(e) { $(this).blur(); }); </script> </body> </html>��views/employees/profile.php��0000644��00000264651�15025010632�0012064 0��ustar�00��<?php include('cfg/db.php'); if(!isset($_SESSION['user']['id'])){ header('location:signin.php'); } if(!(isset($_SESSION['user']['dealer']) && intval($_SESSION['user']['dealer']) !== 0)){ $company_dealer = "style='display:;'"; }else{ $company_dealer = "style='display:none;'"; } if(!(isset($_SESSION['user']['gender_id']) && intval($_SESSION['user']['gender_id']) !== 0)){ $gender_status = "style='display:;'"; }else{ $gender_status = "style='display:none;'"; } if(!(isset($_SESSION['user']['date_of_birth']) && ($_SESSION['user']['date_of_birth']) !== '')){ $dob_status = "style='display:;'"; }else{ $dob_status = "style='display:none;'"; } ?> <!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']; ?> \| Profile</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"> <!-- Select2 --> <link rel="stylesheet" href="plugins/select2/css/select2.min.css"> <link rel="stylesheet" href="plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css"> <!-- Theme style --> <link rel="stylesheet" href="dist/css/adminlte.min.css"> <!-- Tempusdominus Bootstrap 4 --> <link rel="stylesheet" href="plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css"> <!-- daterange picker --> <link rel="stylesheet" href="plugins/daterangepicker/daterangepicker.css"> <!-- overlayScrollbars --> <link rel="stylesheet" href="plugins/overlayScrollbars/css/OverlayScrollbars.min.css"> <!-- Ekko Lightbox --> <link rel="stylesheet" href="plugins/ekko-lightbox/ekko-lightbox.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; } .no-border-card { box-shadow: 0 0 1px rgba(0, 0, 0, .125), 0 1px 3px rgba(0, 0, 0, 0); } .img-div:hover .img-placeholder { display: block; cursor: pointer; } / Clarence Design Needs / .lbl-forms-sm { font-size: 90%; } .list-group-item { padding: .25rem .50rem; } </style> </head> <body class="hold-transition sidebar-mini text-sm layout-fixed"> <div class="wrapper"> <!-- Navbar --> <?php include('include/header.php'); ?> <!-- /.navbar --> <?php include('include/sidebar.php'); ?> <!-- Content Wrapper. Contains page content --> <div class="content-wrapper"> <!-- Content Header (Page header) --> <section class="content-header"> <div class="container-fluid"> <div class="row mb-0"> <div class="col-sm-6"> <h1>Profile</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">User Profile</li> </ol> </div> --> </div> </div><!-- /.container-fluid --> </section> <!-- Main content --> <section class="content"> <div class="container-fluid"> <div class="card card-primary card-outline card-tabs no-border-card mb-0"> <div class="card-header p-0 pt-1 border-bottom-0"> <!-- <div id="app" class=" border-bottom"> --> <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" style="border-bottom: 0px solid #ffffff;"> --> <ul class=" nav nav-tabs navbar-nav mr-auto" id="custom-tabs-three-tab" role="tablist"> <li class="nav-item "> <a class="nav-link active" 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" id="customer-family-tab"> <a class="nav-link " id="custom-tabs-three-family-tab" data-toggle="pill" href="#custom-tabs-three-family" role="tab" aria-controls="custom-tabs-three-family" aria-selected="false">Password</a> </li> <li class="nav-item" hidden> <a class="nav-link" id="custom-tabs-three-hobbies-tab" data-toggle="pill" href="#custom-tabs-three-hobbies" role="tab" aria-controls="custom-tabs-three-hobbies" aria-selected="false">Affiliations</a> </li> <li class="nav-item" hidden> <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">Gallery</a> </li> <li class="nav-item" id="customer-corporation_individuals-tab" hidden> <a class="nav-link" id="custom-tabs-three-individuals-tab" data-toggle="pill" href="#custom-tabs-three-individuals" role="tab" aria-controls="custom-tabs-three-individuals" aria-selected="false">Connected Individuals</a> </li> <li class="nav-item" hidden> <a class="nav-link" id="custom-tabs-three-profile-tab" data-toggle="pill" href="#custom-tabs-three-profile" role="tab" aria-controls="custom-tabs-three-profile" aria-selected="false">Vehicles</a> </li> <li class="nav-item" hidden> <a class="nav-link" id="custom-tabs-three-messages-tab" data-toggle="pill" href="#custom-tabs-three-messages" role="tab" aria-controls="custom-tabs-three-messages" aria-selected="false">Service</a> </li> <li class="nav-item" hidden> <a class="nav-link" id="custom-tabs-three-settings-tab" data-toggle="pill" href="#custom-tabs-three-settings" role="tab" aria-controls="custom-tabs-three-settings" aria-selected="false">Sales</a> </li> </ul> <ul class="navbar-nav mt-1" id="customer-info-button"> <li class="nav-item" hidden> <input type="button" onclick="" style="width:65px;" class="btn btn-danger btn-sm" value="Remove" title="Remove Customer"></input> </li> </ul> </div> </nav> </div> </div> <div class="card-body" style="padding-top: 0.30rem;padding-right: .50rem;padding-left: .50rem;"> <div class="tab-content" id="custom-tabs-three-tabContent"> <div class="tab-pane fade active show" id="custom-tabs-three-home" role="tabpanel" aria-labelledby="custom-tabs-three-home-tab"> <div class="row d-flex align-items-stretch"> <div class="col-md-4 d-flex align-items-stretch"> <div id="information-employee-side" class="card card-primary card-outline col-12" style="display: ;"> <div class="card-body"> <form id="update_form" enctype="multipart/form-data"> <a data-toggle="lightbox" id="profileDisplay_pop"> <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/<?php echo $_SESSION['user']['photo']; ?>" 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> </a> <h3 class="profile-username text-center mb-1"> <?php $suffix = ""; if($_SESSION['user']['suffix_name'] != 'None'){ $suffix = $_SESSION['user']['suffix_name']; } echo $_SESSION['user']['first_name'].' '.$_SESSION['user']['middle_name'].' '.$_SESSION['user']['last_name'].' '.$suffix; ?> </h3> <p class="text-muted text-center mb-1" id="position-display"> <?php echo $_SESSION['user']['position_name']; ?> </p> <a class="email-click"> <p id="main_email" style="font-size: 14px; color:#007bff;" class="customer-data-side text-center"> <?php echo $_SESSION['user']['email_address']; ?> </p> </a> <ul class="list-group list-group-unbordered mb-3"> <li class="list-group-item"> <div class="form-group row my-0"> <span class="col-sm-5 lbl-forms-sm-customer-main"><strong>Employee ID</strong> <span class="float-right">:</span></span> <span class="customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="main_category"><a class=""><?php echo $_SESSION['user']['employee_id']; ?></a></span> </div> </li> <li class="list-group-item"> <div class="form-group row my-0"> <span class="col-sm-5 lbl-forms-sm-customer-main"><strong>Username</strong> <span class="float-right">:</span></span> <span class="col-sm-7 lbl-forms-sm-customer-main" id="main_customer_status"> <a class=""><?php echo $_SESSION['user']['username']; ?></a></span> </div> </li> <!-- <li class="list-group-item"> <div class="form-group row my-0"> <span class="col-sm-5 lbl-forms-sm-customer-main"><strong>Email </strong><span class="float-right">:</span></span> <div style="word-wrap: break-word; width: 50%"> <a class="email2-click"><span class="customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="main_customer_email_2"><?php //echo $_SESSION['user']['email_address']; ?></span></a> </div> </div> </li> --> <li class="list-group-item"> <div class="form-group row my-0"> <span class="col-sm-5 lbl-forms-sm-customer-main"><strong>Mobile </strong><span class="float-right">:</span></span> <a class="contact2-click"><span class="customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="main_customer_mobile_2">+63<?php echo $_SESSION['user']['contact_number']; ?></span></a> </div> </li> <li class="list-group-item" hidden> <div class="form-group row my-0"> <span class="col-sm-5 lbl-forms-sm-customer-main"><strong>Department </strong><span class="float-right">:</span></span> <a class="residential-click"> <span class="customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="main_customer_home_mobile"> <?php echo $_SESSION['user']['department_name']; ?></span></a> </div> </li> <li class="list-group-item"> <div class="form-group row my-0"> <span class="col-sm-5 lbl-forms-sm-customer-main"><strong>Company </strong><span class="float-right">:</span></span> <a class="residential-click"> <span class="customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="company_main"><?php echo $_SESSION['user']['company_code']; ?></span></a> </div> </li> <li class="list-group-item"> <div class="form-group row my-0"> <span class="col-sm-5 lbl-forms-sm-customer-main"><strong>Dealer </strong><span class="float-right">:</span></span> <a class="business-click"> <span class="customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="dealer_main"><?php echo $_SESSION['user']['dealer_code']; ?></span></a> </div> </li> <li class="list-group-item"> <div class="form-group row my-0"> <span class="col-sm-5 lbl-forms-sm-customer-main"><strong>Gender </strong><span class="float-right">:</span></span> <span class="customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="gender_main"><?php echo $_SESSION['user']['gender_name']; ?></span> </div> </li> <li class="list-group-item"> <div class="form-group row my-0"> <span class="col-sm-5 lbl-forms-sm-customer-main"><strong>Date of birth </strong><span class="float-right">:</span></span> <span class="customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="dob_main"> <?php echo $_SESSION['user']['date_of_birth']; ?></span> </div> </li> <li class="list-group-item"> <div class="form-group row my-0"> <span class="col-sm-5 lbl-forms-sm-customer-main"><strong>Date Registered </strong><span class="float-right">:</span></span> <span class="customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="main_customer_address_2"> <?php echo $_SESSION['user']['date_registered']; ?></span> </div> </li> </ul> <ul class="remove-list-space list-group list-group-unbordered" hidden> <li class="list-group-item" style="border-top: 0 none; border-bottom: 0 none;" title="Viber"> <div class="form-group row my-0"> <div class=" col-sm-5 "> <i class="col-0 fa-fw text-left fab fa-viber fa-lg"></i> <span class=" col-sm-11 lbl-forms-sm-customer-main"><strong>Viber</strong><span class="float-right">:</span></span> </div> <div style="word-wrap: break-word; width: 50%"> <a class="viber-click"> <span id="main_viber" class="customer-data-side col-sm-7 lbl-forms-sm-customer-main mx-0 my-0"></span> </a> </div> </div> </li> <li class="list-group-item" style="border-top: 0 none; border-bottom: 0 none;" title="Facebook"> <div class="form-group row my-0"> <div class=" col-sm-5 "> <i class="col-0 fa-fw text-left fab fa-facebook-f fa-lg"> </i> <span class="col-sm-11 lbl-forms-sm-customer-main"><strong>Facebook</strong><span class="float-right">:</span></span> </div> <div style="word-wrap: break-word; width: 50%"> <a class="facebook-click"> <span id="main_facebook" class="customer-data-side col-sm-7 lbl-forms-sm-customer-main mx-0 my-0"></span> </a> </div> </div> </li> <li class="list-group-item" style="border-top: 0 none; border-bottom: 0 none;" title="Instagram"> <div class="form-group row my-0"> <div class=" col-sm-5 "> <i class="col-0 fa-fw text-left fab fa-instagram fa-lg"> </i> <span class="col-sm-11 lbl-forms-sm-customer-main"><strong>Instagram</strong><span class="float-right">:</span></span> </div> <div style="word-wrap: break-word; width: 50%"> <a class="instagram-click"> <span id="main_instagram" class="customer-data-side col-sm-7 lbl-forms-sm-customer-main mx-0 my-0"></span> </a> </div> </div> </li> <li class="list-group-item" style="border-top: 0 none; border-bottom: 0 none;" title="Whatsapp"> <div class="form-group row my-0"> <div class=" col-sm-5 "> <i class="col-0 fa-fw text-left fab fa-whatsapp fa-lg"> </i> <span class="col-sm-11 lbl-forms-sm-customer-main"><strong>Whatsapp</strong><span class="float-right">:</span></span> </div> <div style="word-wrap: break-word; width: 50%"> <a class="whatsapp-click"> <span id="main_whatsapp" class="customer-data-side col-sm-7 lbl-forms-sm-customer-main mx-0 my-0"></span> </a> </div> </div> </li> <li class="list-group-item" style="border-top: 0 none; border-bottom: 0 none;" title="Telegram"> <div class="form-group row my-0"> <div class=" col-sm-5 "> <i class="col-0 fa-fw text-left fab fa-telegram fa-lg"> </i> <span class="col-sm-11 lbl-forms-sm-customer-main"><strong>Telegram</strong><span class="float-right">:</span></span> </div> <div style="word-wrap: break-word; width: 50%"> <a class="telegram-click"> <span id="main_telegram" class="customer-data-side col-sm-7 lbl-forms-sm-customer-main mx-0 my-0"></span> </a> </div> </div> </li> <li class="list-group-item" style="border-top: 0 none; border-bottom: 0 none;" title="Website"> <div class="form-group row my-0"> <div class=" col-sm-5 "> <i class="col-0 fa-fw text-left fas fa-globe fa-lg"> </i> <span class="col-sm-11 lbl-forms-sm-customer-main"><strong>Website</strong><span class="float-right">:</span></span> </div> <div style="word-wrap: break-word; width: 50%"> <a class="website-click"> <span id="main_website_link" class="customer-data-side col-sm-7 lbl-forms-sm-customer-main mx-0 my-0"></span> </a> </div> </div> </li> </ul> </div> <!-- NEW --> <!-- /.card-body --> </div> </div> <div class="col-md-8 d-flex align-items-stretch"> <div id="information-employee" class="card card-primary card-outline col-12" style="display: ;"> <div class="card-body"> <div class="tab-content"> <div class="active tab-pane" id="information"> <span id="company_span" <?php echo $company_dealer; ?> ><strong>Company</strong>  <i class=" tooltip-me mt-2 mr-2 mb-0 fas fa-question-circle" style="color:blue; cursor: help;" title="You can change this only once."></i></span> <div class="form-group mb-2 dropdown-input mr-2" id="company_div" <?php echo $company_dealer; ?> > <label class="dropdown" hidden>Company</label> <select name="company" id="company" class="form-control form-control-sm " style="width: 100%;"> <option value='0' selected> Select Company</option> <?php $company = $db -> return_result("SELECT sc.`id`,sc.code, 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['code'].' - '.$data['name']."</option>"; } ?> </select> </div> <span id="dealer_span" <?php echo $company_dealer; ?> ><strong>Dealer</strong>  <i class=" tooltip-me mt-2 mr-2 mb-0 fas fa-question-circle" style="color:blue; cursor: help;" title="You can change this only once."></i></span> <div class="form-group mb-2 dropdown-input mr-2" id="dealer_div" <?php echo $company_dealer; ?> > <label class="dropdown" hidden>Dealer</label> <select name="dealer" id="dealer" class="form-control form-control-sm " style="width: 100%;"> </select> </div> <span id="gender_span" <?php echo $gender_status; ?>><strong>Gender</strong>  <i class=" tooltip-me mt-2 mr-2 mb-0 fas fa-question-circle" style="color:blue; cursor: help;" title="You can change this only once."></i></span> <div class="form-group mb-2 dropdown-input mr-2" id="gender_div" <?php echo $gender_status; ?>> <label class="dropdown" hidden>Gender</label> <select name="gender" id="gender" class="form-control form-control-sm" style="width: 100%;"> <option value="0">Select Gender</option> <option value ="1">Male</option> <option value="2">Female</option> </select> </div> <span id="dob_span" <?php echo $dob_status; ?> ><strong>Date of birth</strong>  <i class=" tooltip-me mt-2 mr-2 mb-0 fas fa-question-circle" style="color:blue; cursor: help;" title="You can change this only once."></i></span> <div class="form-group mb-2 dropdown-input mr-2" id="dob_div" <?php echo $dob_status; ?> > <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> </div> <!-- input --> </div> <span><strong>Department</strong></span> <div class="form-group mb-2 dropdown-input mr-2" id="department_div"> <label class="dropdown" hidden>Department</label> <select name="department" id="department" class="form-control form-control-sm " style="width: 100%;"> <?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 mb-2 dropdown-input mr-2" id="position_div"> <label class="dropdown" hidden>Position</label> <select name="position" id="position" class="form-control form-control-sm" style="width: 100%;"> <option></option> </select> </div> <span><strong>Other Mobile Number</strong></span> <div class="input-group mb-2"> <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="" value="<?php echo $_SESSION['user']['contact_number_2']; ?>"> <div class="input-group-append mr-2"> <div class="input-group-text" style="height:31px;"> <span class="fas fa-phone"></span> </div> </div> </div> <span hidden><strong>Fax</strong></span> <div class="input-group mb-2" hidden> <input type="text" name="fax" id="fax" maxlength="15" class="form-control form-control-sm" placeholder="" value="<?php echo $_SESSION['user']['fax']; ?>"> <div class="input-group-append mr-2"> <div class="input-group-text"> <span class="fas fa-phone"></span> </div> </div> </div> <span><strong>Business Phone</strong></span> <div class="input-group mb-2"> <input type="text" name="business" id="business" maxlength="15" class="form-control form-control-sm" placeholder="" value="<?php echo $_SESSION['user']['business']; ?>"> <div class="input-group-append mr-2"> <div class="input-group-text"> <span class="fas fa-phone"></span> </div> </div> </div> <span><strong>Residential Phone</strong></span> <div class="input-group mb-2"> <input type="text" name="residential" id="residential" maxlength="15" class="form-control form-control-sm" placeholder="" value="<?php echo $_SESSION['user']['residential']; ?>"> <div class="input-group-append"> <div class="input-group-text mr-2"> <span class="fas fa-phone"></span> </div> </div> </div> <span><strong>Landline</strong></span> <div class="input-group mb-2"> <input type="text" name="landline" id="landline" maxlength="15" class="form-control form-control-sm" placeholder="" value="<?php echo $_SESSION['user']['landline']; ?>"> <div class="input-group-append mr-2"> <div class="input-group-text"> <span class="fas fa-phone"></span> </div> </div> </div> <span><strong>Other Email Address</strong></span> <div class="input-group mb-2"> <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="" value="<?php echo $_SESSION['user']['email_address_2']; ?>"> <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-2"> <input maxlength="100" type="text" name="address" id="address" class="form-control form-control-sm" placeholder="" value="<?php echo $_SESSION['user']['address']; ?>"> <div class="input-group-append mr-2 "> <div class="input-group-text"> <span class="fa fa-map-marker "></span> </div><strong style="color:red;"></strong> </div> </div> <span><strong>State</strong></span> <div class="form-group mb-2 dropdown-input mr-2" id="state_div"> <label class="dropdown" hidden>State</label> <select name="state" id="state" class="form-control form-control-sm " 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 mb-2 dropdown-input mr-2" id="city_div"> <label class="dropdown" hidden>City</label> <select name="city" id="city" class="form-control form-control-sm " style="width: 100%;"> </select> </div> <span><strong>Postal Code</strong></span> <div class="input-group mb-2"> <input oninput="this.value=this.value.slice(0,this.maxLength)" type="number" maxlength="6" name="postal" id="postal" class="form-control form-control-sm" placeholder="" value="<?php echo $_SESSION['user']['postal']; ?>"> <div class="input-group-append mr-2"> <div class="input-group-text"> <span class="fa fa-map-marker "></span> </div> </div> </div> <div class="row mb-2 mt-2"> <div class="col-12"> <div class="form-group mr-2"> <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"> </span></a> </div> </div> </div> <div class="col-12"> <div class="form-group mr-2"> <input type="submit" name="submit" id="submit" value="Update" class="btn btn-success float-right"> </div> </div> </div> </form> </div> <!-- /.tab-pane --> <!-- /.tab-pane --> <!-- /.contact --> </div> </div> </div> <!-- <div class="card "> <div class="card-header p-2"> <ul class="nav nav-pills"> <li class="nav-item"><a class="nav-link active" href="#information" data-toggle="tab">Information</a> </li> <li class="nav-item"><a class="nav-link" href="#password" data-toggle="tab">Change Password</a></li> </ul> </div> </div> --> </div> </div> </div> <div class="tab-pane fade" id="custom-tabs-three-family" role="tabpanel" aria-labelledby="custom-tabs-three-family-tab"> <div class="tab-pane" id="password"> <form id="update_form_password" class="form-horizontal"> <span><strong>Old Password</strong></span> <div class="input-group mb-2"> <input type="password" minlength="6" name="old-password" id="old-password" class="form-control form-control-sm" placeholder=""> <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> <span><strong>New Password</strong></span> <div class="input-group mb-2"> <span id="pw-not-matched" style="width: 100%; margin-top: .25rem; font-size: 80%; color: #dc3545; display:none;"></span> <input type="password" minlength="6" name="new-password" id="new-password" class="form-control form-control-sm" placeholder=""> <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> <span><strong>Repeat New Password</strong></span> <div class="input-group mb-2"> <input type="password" minlength="6" name="cpassword" id="cpassword" class="form-control form-control-sm" placeholder=""> <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 class="row mb-3 mt-3"> <div class="col-12"> <div class="alert alert-info float-right" role="alert" id="error-alert-pass" style="display:none;"> <span id="error-icon-pass" class="icon fas fa-info"> </span> <span id="alert-message-pass"> </span></a> </div> </div> <div class="col-12"> <input type="submit" name="submit" id="submit_password" value="Update" class="btn btn-success"> </div> </div> </form> </div> </div> <div class="tab-pane fade" id="custom-tabs-three-profile" role="tabpanel" aria-labelledby="custom-tabs-three-profile-tab"> <?php include 'include/components/customer/customer_vehicle.php'; ?> </div> <div class="tab-pane fade" id="custom-tabs-three-messages" role="tabpanel" aria-labelledby="custom-tabs-three-messages-tab"> <?php include 'include/components/customer/customer_service.php'; ?> </div> <div class="tab-pane fade" id="custom-tabs-three-settings" role="tabpanel" aria-labelledby="custom-tabs-three-settings-tab"> <?php include 'include/components/customer/customer_sales.php'; ?> </div> <div class="tab-pane fade" id="custom-tabs-three-individuals" role="tabpanel" aria-labelledby="custom-tabs-three-individuals-tab"> <?php include 'include/components/customer/corporation_individual.php'; ?> </div> <div class="tab-pane fade" id="custom-tabs-three-hobbies" role="tabpanel" aria-labelledby="custom-tabs-three-hobbies-tab"> <?php include 'include/components/customer/customer_affiliations.php'; ?> </div> <div class="tab-pane fade" id="custom-tabs-three-gallery" role="tabpanel" aria-labelledby="custom-tabs-three-gallery-tab"> <div class="container"> <div id="customer-sales-image-data" class="row"> </div> </div> </div> <!-- /.card --> </div> </div> </div> <!--card-body--> <!-- /.row --> </div><!-- /.container-fluid --> </section> <!-- /.content --> </div> <!-- /.content-wrapper --> <!-- INSERT FOOTER --> <?php include('include/footer.php'); ?> <!-- Control Sidebar --> <aside class="control-sidebar control-sidebar-dark"> <!-- Control sidebar content goes here --> </aside> <!-- /.control-sidebar --> </div> <!-- ./wrapper --> <!-- jQuery --> <script src="plugins/jquery/jquery.min.js"></script> <!-- jQuery UI 1.11.4 --> <script src="plugins/jquery-ui/jquery-ui.min.js"></script> <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip --> <script> $.widget.bridge('uibutton', $.ui.button) </script> <!-- overlayScrollbars --> <script src="plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></script> <!-- Select2 --> <script src="plugins/select2/js/select2.full.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> <!-- Tempusdominus Bootstrap 4 --> <script src="plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js"></script> <!-- Bootstrap 4 --> <script src="plugins/bootstrap/js/bootstrap.bundle.min.js"></script> <!-- AdminLTE App --> <script src="dist/js/adminlte.min.js"></script> <!-- Ekko Lightbox --> <script src="plugins/ekko-lightbox/ekko-lightbox.min.js"></script> <!-- Navigation Highlight --> <script src="dist/js/main.js"></script> <script> function initToolTip(){ var bootstrapTooltip = $.fn.tooltip.noConflict(); $.fn.bstooltip = bootstrapTooltip; $('.tooltip-me').bstooltip(); } $(document).ready(function() { initToolTip(); $('#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> $(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(data); $('#position').attr('disabled', false); } }) }); }); </script> <!-- GET City List --> <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); } }) }); $('#department').on('change', function(event) { event.preventDefault(); $('#position').val('').trigger('change'); }); }); </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> <script> // alert('<?php echo $_SESSION['user']['state']; ?>') $(function() { //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() $('#gender').select2({ // placeholder: "Select Gender", // allowClear: true, minimumResultsForSearch: -1 }); $('#company').select2({ // placeholder: 'Select Department', // allowClear: true }) $('#dealer').select2({ minimumResultsForSearch: -1 // placeholder: 'Select Department', // allowClear: true }) $('#state').select2({ // placeholder: 'Select Department', // allowClear: true }) $('#city').select2({ // placeholder: 'Select Department', // allowClear: true }) // $('.select2').select2() $('#department').select2({ placeholder: 'Select Department', allowClear: true }) $('#position').select2({ placeholder: 'Select Position', allowClear: true }) $('#birthday').val('<?php echo $_SESSION['user']['date_of_birth']; ?>'); $('#department').val('<?php echo $_SESSION['user']['department']; ?>').trigger('change'); $('#company').val('<?php echo $_SESSION['user']['company']; ?>').trigger('change'); $('#state').val('<?php echo $_SESSION['user']['state_id']; ?>').trigger('change'); setTimeout(function() { $('#city').val('<?php echo $_SESSION['user']['city_id']; ?>').trigger('change'); $('#dealer').val('<?php echo $_SESSION['user']['dealer']; ?>').trigger('change'); $('#position').val('<?php echo $_SESSION['user']['position']; ?>').trigger('change'); $('#gender').val('<?php echo $_SESSION['user']['gender_id']; ?>').trigger('change'); }, 1000); }); </script> <script> $("#update_form").submit(function(event) { //do validatons event.preventDefault(); remove_alert_bg(); remove_form_invalid(); 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 email2 = $.trim($("#email2").val()); var address = $.trim($("#address").val()); var state = $("#state").val(); var city = $("#city").val(); var department = $("#department").val(); var position = $("#position").val(); var company = $("#company").val(); var dealer = $("#dealer").val(); var gender = $("#gender").val(); var dob = $("#birthday").val(); if(parseInt(company) !== 0 && parseInt(dealer) === 0) { $('#error-alert').fadeOut(); $('#dealer_div').css("border", "1px solid #dc3545"); $("#dealer").focus(); return; } if (contactno2 != '') { if (contactno2.length != 9) { $('#error-alert').fadeOut(); $('#contactno2').addClass("is-invalid"); $("#contactno2").focus(); return; } } if (email2 != '') { if (!isEmail(email2)) { $('#error-alert').fadeOut(); $('#email2').addClass("is-invalid"); $('#validate-email2').fadeIn(); $("#email2").focus(); $('#validate-email2').text('Invalid email address.'); return; } } if (address == '') { $('#error-alert').fadeOut(); $('#address').addClass("is-invalid"); $("#address").focus(); return; } if (state == null) { $('#error-alert').fadeOut(); $('#state_div').css("border", "1px solid #dc3545"); $("#state").focus(); return; } if (city == null) { $('#error-alert').fadeOut(); $('#city_div').css("border", "1px solid #dc3545"); $("#city").focus(); return; } $('#error-icon').addClass("fa-info"); $('#error-alert').addClass("alert-info"); $('#error-alert').fadeIn(); $('#alert-message').text(" Updating account..."); $.ajax({ url: "app/employee/update_employee_profile.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').fadeOut()}, 3000); } else { //success remove_alert_bg(); remove_form_invalid(); $('#error-icon').addClass("fa-check"); $('#error-alert').addClass("alert-success"); $('#alert-message').text(result.message); if (parseInt(department) != 0) { var sd = $("#department option:selected").text(); $('#department-display').text(sd); } else { $('#department-display').text('-'); } if (parseInt(position) != 0) { var sp = $("#position option:selected").text(); $('#position-display').text(sp); } else { $('#position-display').text('-'); } $('#company_main').text(result.company_code); $('#dealer_main').text(result.dealer_code); $('#gender_main').text(result.gender); $('#dob_main').text(result.dob); if(parseInt(company) != 0){ $('#company_div').hide(); $('#company_span').hide(); } if(parseInt(dealer) != 0){ $('#dealer_div').hide(); $('#dealer_span').hide(); } if(parseInt(gender) != 0){ $('#gender_div').hide(); $('#gender_span').hide(); } if( dob != ''){ $('#dob_div').hide(); $('#dob_span').hide(); } // if (parseInt(company) != 0) { // var comp = $("#company option:selected").text(); // $('#company-display').text(comp); // } else { // $('#company-display').text('-'); // } // if (parseInt(dealer) != 0) { // var deal = $("#dealer option:selected").text(); // $('#dealer-display').text(deal); // } else { // $('#dealer-display').text('-'); // } } $('#submit').attr('disabled', false); }, error: handleError }); }); 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() { $('#validate-email2').fadeOut(); $('#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"); $('#contactno2').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"); $('#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", ""); $('#company_div').css("border", ""); $('#dealer_div').css("border", ""); $('#username').removeClass("is-invalid"); $('#password').removeClass("is-invalid"); } </script> <script> $("#update_form_password").submit(function(event) { //do validatons event.preventDefault(); remove_alert_bg_password(); remove_form_invalid_password(); var old_password = $.trim($("#old-password").val()); var password = $.trim($("#new-password").val()); var cpassword = $.trim($("#cpassword").val()); if (old_password == '') { $('#error-alert-pass').fadeOut(); $('#old-password').addClass("is-invalid"); $("#old-password").focus(); return; } if (password == '') { $('#error-alert-pass').fadeOut(); $('#new-password').addClass("is-invalid"); $("#new-password").focus(); return; } if (cpassword == '') { $('#error-alert-pass').fadeOut(); $('#cpassword').addClass("is-invalid"); $("#cpassword").focus(); return; } if (password.length < 6 \|\| cpassword.length < 6) { $('#error-alert-pass').fadeOut(); $('#pw-not-matched').fadeIn(); $("#new-password").focus(); $('#pw-not-matched').text('Password must 6 character or above!'); return; } if (password !== cpassword) { $('#error-alert-pass').fadeOut(); $('#pw-not-matched').fadeIn(); $("#cpassword").focus(); $('#pw-not-matched').text('Password not matched!'); return; } $('#error-icon-pass').addClass("fa-info"); $('#error-alert-pass').addClass("alert-info"); $('#error-alert-pass').fadeIn(); $('#alert-message-pass').text(" Updating password, please wait..."); $.ajax({ url: "app/employee/update_employee_password.php", data: new FormData(this), type: "POST", dataType: 'json', contentType: false, cache: false, processData: false, beforeSend: function() { $('#submit_password').attr('disabled', true); }, success: function(result) { console.log(result.status + " " + result.message); if (result.status != 1) { remove_alert_bg_password(); $('#error-icon-pass').addClass("fa-ban"); $('#error-alert-pass').addClass("alert-danger"); $('#alert-message-pass').text(result.message); } else { //success remove_alert_bg_password(); $('#error-icon-pass').addClass("fa-check"); $('#error-alert-pass').addClass("alert-success"); $('#alert-message-pass').text(result.message); $('#old-password').val(""); $('#new-password').val(""); $('#cpassword').val(""); } $('#submit_password').attr('disabled', false); }, error: handleError_password }); }); function handleError_password(xhr, status, error) { //Handle failure here remove_alert_bg_password(); $('#error-icon-pass').addClass("fa-ban"); $('#error-alert-pass').addClass("alert-danger"); $('#alert-message-pass').text("Something went wrong, try again."); $('#submit_password').attr('disabled', false); } function remove_alert_bg_password() { $('#pw-not-matched').fadeOut(); $('#error-alert-pass').removeClass("alert-success"); $('#error-alert-pass').removeClass("alert-danger"); $('#error-alert-pass').removeClass("alert-info"); $('#error-icon-pass').removeClass("fa-check"); $('#error-icon-pass').removeClass("fa-info"); $('#error-icon-pass').removeClass("fa-ban"); } function remove_form_invalid_password() { $('#old-password').removeClass("is-invalid"); $('#new-password').removeClass("is-invalid"); $('#cpassword').removeClass("is-invalid"); } </script> <script> $(document).on("wheel", "input[type=number]", function(e) { $(this).blur(); }); </script> </body> </html>��views/employees/recover.php��0000644��00000025117�15025010632�0012061 0��ustar�00��<?php include('cfg/db.php'); if(isset($_SESSION['user'])){ header('location:home.php'); } if(!isset($_GET['account']) \|\| trim($_GET['account']) == '' ){ header('location:home.php'); } $account_key = $db -> escape(trim($_GET['account'])); $account_information = $db -> sql_query("SELECT ea.`employee_id`, ea.`account_key`, ea.`account_code`,ea.date_start,ea.date_expire , ec.contact_number, ea.status FROM `employee_account_key` ea INNER JOIN employee_contact ec ON ea.employee_id=ec.employee_id WHERE ea.account_key = '$account_key' AND status = 1"); $account_information_count = $account_information -> num_rows; // echo $account_information_count; if($account_information_count > 0){ while($row = $account_information->fetch_assoc()) { $employee_id = $row['employee_id']; $account_key = $row['account_key']; $account_code = $row['account_code']; $contact_number = "0".$row['contact_number']; $date_start = $row['date_start']; $date_expire = $row['date_expire']; if($db -> sql_query("SELECT id FROM employee_account_key T WHERE TIMESTAMPDIFF(MINUTE,T.date_expire,NOW()) < 3 AND `account_key` = '$account_key'") -> num_rows == 0){ //update and send $db -> sql_query("UPDATE employee_account_key SET `date_expire`= NOW() WHERE employee_id = '$employee_id' AND account_key = '$account_key' "); //SEND SMS $site_link = str_replace("https","http",$variable['site_link']); $url = $site_link.'app/sms/sms.php'; $data = array('number' => $contact_number,'message' => $db->select("SELECT value FROM `settings_notification` WHERE `name` = 'activation_sms_message'").' '.$account_code); // use key 'http' even if you send the request to https://... $options = array( 'http' => array( 'header' => "Content-type: application/x-www-form-urlencoded\r\n", 'method' => 'POST', 'content' => http_build_query($data) ) ); $context = stream_context_create($options); $result = file_get_contents($url, false, $context); if ($result === FALSE) { / Handle error / } // var_dump($result); } } }else{ header('location:home.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']; ?> \| Recover Password</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"> <!-- icheck bootstrap --> <link rel="stylesheet" href="plugins/icheck-bootstrap/icheck-bootstrap.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" /> </head> <body class="hold-transition login-page"> <div class="login-box"> <div class="card card-outline card-primary"> <!-- <div class="card-header text-center"> <a href="home.php" class="h1"><b><?php echo $variable['site_name']; ?></b></a> </div> --> <div class="card-header text-center"> <center><a href="home.php"><img class="brand-image img-circle elevation-3" src="dist/img/<?php echo $variable['logo']; ?>" alt="<?php echo $variable['logo']; ?>" width="130px" height="130px"></a></center> <a href="home.php" class="h1"><b></b><?php /$pieces = explode(" ", $variable['site_name']); echo $pieces[1];/ echo "Connect"; ?></a> </div> <div class="card-body"> <p class="login-box-msg" id="msg" hidden>You are only one step a way from your new password, recover your password now.</p> <form id="recover-password"> <div class="alert" role="alert" id="error-alert" style="display:none;"> <span id="error-icon" class="icon fas"> </span> <span id="alert-message"></span></a> </div> <p class="login-box-msg" id="number-label">Mobile Number: <?php echo "******".substr($contact_number,strlen($contact_number)-2,strlen($contact_number)) ?></p> <div class="input-group mb-3" id = "code-div"> <input oninput="this.value=this.value.slice(0,this.maxLength)" type = "number" maxlength = "6" id="code" class="form-control" placeholder="Activation Code" > <div class="input-group-append"> <div class="input-group-text"> <span class="fas fa-lock"></span> </div> </div> </div> <span id="pw-not-matched" style="width: 100%; margin-top: .25rem; font-size: 80%; color: #dc3545; display:none;" ></span> <div class="input-group mb-3" id="password-div" > <input type="password" class="form-control" id="password" name="password" placeholder="Password"> <div class="input-group-append"> <div class="input-group-text"> <span class="fas fa-lock"></span> </div> </div> </div> <div class="input-group mb-3" id="cpassword-div" > <input type="password" class="form-control" id="cpassword" name="cpassword" placeholder="Confirm Password"> <div class="input-group-append"> <div class="input-group-text"> <span class="fas fa-lock"></span> </div> </div> </div> <div class="row" id="row-div" > <div class="col-6"> <span name="resend" id="resend" href="#" class="btn btn-primary btn-block">Resend Code</span> </div> <div class="col-6"> <button type="submit" id="submit" name="submit" class="btn btn-primary btn-block">Change</button> </div> <!-- /.col --> </div> </form> <p class="mt-3 mb-1"> <a href="signin.php">Login</a> </p> </div> <!-- /.login-card-body --> </div> </div> <!-- /.login-box --> <!-- jQuery --> <script src="plugins/jquery/jquery.min.js"></script> <!-- Bootstrap 4 --> <script src="plugins/bootstrap/js/bootstrap.bundle.min.js"></script> <!-- AdminLTE App --> <script src="dist/js/adminlte.min.js"></script> <script> $("#resend").click(function(){ $('#resend').attr('disabled', true); location.reload(); }); </script> <script> $(document).ready(function(){ $('#error-icon').addClass("fa-check"); $('#error-alert').addClass("alert-success"); $('#alert-message').text('Activation code sent to your number.'); $('#error-alert').fadeIn(); setTimeout(function () { $('#error-alert').fadeOut()}, 5000); }); </script> <script> $("#recover-password").submit(function(event){ //do validatons event.preventDefault(); remove_alert_bg(); remove_form_invalid(); var account_key = '<?php echo $account_key; ?>'; $('#code').removeClass("is-invalid"); var input_code = $.trim($("#code").val()); if(input_code.length < 6){ $('#code').addClass("is-invalid"); $("#code").focus(); return; } var password = $.trim($("#password").val()); var cpassword = $.trim($("#cpassword").val()); if(password == ''){ $('#password').addClass("is-invalid"); $("#password").focus(); return; } if(cpassword == ''){ $('#cpassword').addClass("is-invalid"); $("#cpassword").focus(); return; } if(password.length < 6 \|\| cpassword.length < 6 ){ $('#pw-not-matched').fadeIn(); $("#password").focus(); $('#pw-not-matched').text('Password must 6 character or above!'); return; } if(password !== cpassword ){ $('#pw-not-matched').fadeIn(); $("#cpassword").focus(); $('#pw-not-matched').text('Password not matched!'); return; } $.ajax({ url: "app/employee/recover_password.php", data: { employee_id : '<?php echo $employee_id; ?>', newpassword : password, cpassword : cpassword, account_key : account_key, input_code : input_code } , type: "POST", dataType: 'json', beforeSend:function(){ $('#error-icon').addClass("fa-info"); $('#error-alert').addClass("alert-info"); $('#error-alert').fadeIn(); $('#alert-message').text(" Changing password, please wait..."); $('#submit').attr('disabled', true); }, success: function (result) { $('#submit').attr('disabled', false); if (result.status!=1) { remove_alert_bg(); $('#error-icon').addClass("fa-ban"); $('#error-alert').addClass("alert-danger"); $('#alert-message').text(result.message); }else{ remove_alert_bg(); $('#msg').fadeOut(); $('#password-div').fadeOut(); $('#cpassword-div').fadeOut(); $('#code-div').fadeOut(); $('#number-label').fadeOut(); $('#row-div').fadeOut(); $('#error-icon').addClass("fa-check"); $('#error-alert').addClass("alert-success"); $('#alert-message').text(result.message); } $('#submit').attr('disabled', false); }, error: handleError }); }); function handleError(xhr, status, error){ remove_alert_bg(); $('#error-icon').addClass("fa-ban"); $('#error-alert').addClass("alert-danger"); $('#alert-message').text("Error has occured. Please try again."); $('#submit').attr('disabled', false); $('#submit').attr('disabled', false); } function remove_alert_bg(){ $('#pw-not-matched').fadeOut(); $('#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(){ $('#password').removeClass("is-invalid"); $('#cpassword').removeClass("is-invalid"); } </script> </body> </html> ��views/employees/forgot.php��0000644��00000013634�15025010632�0011715 0��ustar�00��<?php include('cfg/db.php'); if(isset($_SESSION['user'])){ header('location:home.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']; ?> \| Forgot Password</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"> <!-- icheck bootstrap --> <link rel="stylesheet" href="plugins/icheck-bootstrap/icheck-bootstrap.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" /> </head> <body class="hold-transition login-page"> <div class="login-box"> <div class="card card-outline card-primary"> <!-- <div class="card-header text-center"> <a href="home.php" class="h1"><b><?php echo $variable['site_name']; ?></b></a> </div> --> <div class="card-header text-center"> <center><a href="home.php"><img class="brand-image img-circle elevation-3" src="dist/img/<?php echo $variable['logo']; ?>" alt="<?php echo $variable['logo']; ?>" width="130px" height="130px"></a></center> <a href="home.php" class="h1"><b></b><?php /$pieces = explode(" ", $variable['site_name']); echo $pieces[1];/ echo "Connect"; ?></a> </div> <div class="card-body"> <p class="login-box-msg">You forgot your password? Here you can easily retrieve a new password.</p> <form id="reset-form" > <div class="alert" role="alert" id="error-alert" style="display:none;"> <span id="error-icon" class="icon fas"> </span> <span id="alert-message"></span></a> </div> <span id="validate-email" style="width: 100%; margin-top: .25rem; font-size: 80%; color: #dc3545; display:;" >Use your autohubgroup.com email</span> <div class="input-group mb-3" id = "email-div"> <input type="email" id="email" name="email" class="form-control" placeholder="Email"> <div class="input-group-append"> <div class="input-group-text"> <span class="fas fa-envelope"></span> </div> </div> </div> <div class="row"> <div class="col-12"> <button type="submit" name="activate" id="activate" class="btn btn-primary btn-block">Request new password</button> </div> <!-- /.col --> </div> </form> <p class="mt-3 mb-1"> <a href="signin.php">Login</a> </p> </div> <!-- /.login-card-body --> </div> </div> <!-- /.login-box --> <!-- jQuery --> <script src="plugins/jquery/jquery.min.js"></script> <!-- Bootstrap 4 --> <script src="plugins/bootstrap/js/bootstrap.bundle.min.js"></script> <!-- AdminLTE App --> <script src="dist/js/adminlte.min.js"></script> <script> // $("#activate").click(function(){ $("#reset-form").submit(function(event){ event.preventDefault(); $('#email').removeClass("is-invalid"); var email = $.trim($("#email").val()); if(email.length == ''){ $('#email').addClass("is-invalid"); $("#email").focus(); return; } if(email == ''){ $('#email').addClass("is-invalid"); $("#email").focus(); return; } if(!isEmail(email)){ $('#email').addClass("is-invalid"); $('#validate-email').fadeIn(); $("#email").focus(); $('#validate-email').text('Use your autohubgroup.com email'); return; } $.ajax({ url: "app/employee/reset_password.php", data: { email : email } , type: "POST", dataType: 'json', beforeSend:function(){ $('#error-icon').addClass("fa-info"); $('#error-alert').addClass("alert-info"); $('#error-alert').fadeIn(); $('#alert-message').text(" Requesting password, please wait..."); $('#activate').attr('disabled', true); }, success: function (result) { $('#activate').attr('disabled', false); if (result.status!=1) { remove_alert_bg(); $('#error-icon').addClass("fa-ban"); $('#error-alert').addClass("alert-danger"); $('#alert-message').text(result.message); }else{ remove_alert_bg(); $('#error-icon').addClass("fa-check"); $('#error-alert').addClass("alert-success"); $('#alert-message').text(result.message); $('#validate-email').fadeOut(); $('#email-div').fadeOut(); $('#activate').fadeOut(); } $('#activate').attr('disabled', false); }, error: handleError }); }); function handleError(xhr, status, error){ remove_alert_bg(); $('#error-icon').addClass("fa-ban"); $('#error-alert').addClass("alert-danger"); $('#alert-message').text("Error has occured. Please try again."); $('#activate').attr('disabled', false) } 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"); } function isEmail(email) { var regex = /^([a-zA-Z0-9_.+-])+\@(autohubgroup.com)+$/; return regex.test(email); } </script> </body> </html> ��views/employees/signin050524.php��0000644��00000021023�15025010632�0012353 0��ustar�00��<?php include('cfg/db.php'); if(isset($_SESSION['user'])){ header('location:home.php'); } // else{ // if ((!isset($_SESSION['check_sso']) \|\| !$_SESSION['check_sso'])){ // $_SESSION['check_sso'] = true; // header('location: http://www.autohub.ph/connect/home/datacon_login.php'); // }else{ // $_SESSION['check_sso'] = false; // } // } ?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="csrf-token" content="<?= csrf_token(); ?>"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title><?php echo $variable['site_name']; ?> \| Sign in</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"> <!-- icheck bootstrap --> <link rel="stylesheet" href="plugins/icheck-bootstrap/icheck-bootstrap.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" /> </head> <body class="hold-transition login-page"> <div class="login-box"> <!-- /.login-logo --> <div class="card card-outline card-primary"> <div class="card-header text-center"> <center><a href="home.php"><img class="brand-image img-circle elevation-3" src="dist/img/<?php echo $variable['logo']; ?>" alt="<?php echo $variable['logo']; ?>" width="130px" height="130px"></a></center> <a href="home.php" class="h1"><b></b><?php /$pieces = explode(" ", $variable['site_name']); echo $pieces[1];/ echo "Connect"; ?></a> </div> <div class="card-body"> <!-- <p class="login-box-msg">Sign in to <?php //echo $variable['site_name']; ?></p> --> <p class="login-box-msg">Use your ASA account</p> <div class="alert" role="alert" id="error-alert" style="display:none;"> <span id="error-icon" class="icon fas"> </span> <span id="alert-message"> Please Login.</span></a> </div> <!--<form action="method/login.php" method="post"> <form method="post" id="signin" >--> <!-- <form id="login_form"> --> <div class="form-group"> <div class="input-group mb-3"> <input type="username" name="username" maxlength="50" id="username" class="form-control" placeholder="Employee ID" required> <div class="input-group-append"> <div class="input-group-text"> <span class="fas fa-user"></span> </div> </div> </div> </div> <div class="input-group mb-3"> <input type="password" name="password" maxlength="25" id="password" class="form-control" placeholder="Password" required> <div class="input-group-append"> <div class="input-group-text"> <span class="fas fa-lock"></span> </div> </div> </div> <div class="row"> <div class="col-8"> <div class="icheck-primary"> <input type="checkbox" name="remember" id="remember"> <!-- <label for="remember"> Remember Me </label> --> </div> </div> <!-- /.col --> <div class="col-4"> <button type="submit" name="submit" id="submit" class="btn btn-primary btn-block">Sign In</button> </div> <!-- /.col --> </div> <!-- </form> --> <div class="social-auth-links text-center mt-2 mb-3" hidden> <a href="#" class="btn btn-block btn-primary"> <i class="fab fa-facebook mr-2"></i> Sign in using Facebook </a> <a href="#" class="btn btn-block btn-danger"> <i class="fab fa-google-plus mr-2"></i> Sign in using Google+ </a> </div> <!-- /.social-auth-links --> <p class="mb-1" hidden> <a href="forgot.php">Forgot my password</a> </p> <p class="mb-0" hidden> <a href="signup.php" class="text-center">Create a new account</a> </p> </div> <!-- /.card-body --> </div> <!-- /.card --> </div> <!-- /.login-box --> <!-- jQuery --> <script src="plugins/jquery/jquery.min.js"></script> <!-- Bootstrap 4 --> <script src="plugins/bootstrap/js/bootstrap.bundle.min.js"></script> <!-- AdminLTE App --> <script src="dist/js/adminlte.min.js"></script> <!-- Toastr --> <script src="plugins/toastr/toastr.min.js"></script> <script> // $("#login_form").submit(function(event){ $( "#submit" ).on( "click", function(event) { event.preventDefault(); remove_alert_bg(); if($('#username').val().trim() == '' \|\| $('#password').val().trim() == '') { toastr.remove(); toastr.error('Username and password are required.'); return false; } $('#error-icon').addClass("fa-info"); $('#error-alert').addClass("alert-info"); $('#error-alert').fadeIn(); $('#alert-message').text(" Authenticating please wait..."); $.ajax({ url: "app/employee/process_login.php", data: { csrf_token: $("meta[name='csrf-token']").attr("content"), username: $('#username').val(), password: $('#password').val(), remember: $('#remember').prop('checked') }, type: "POST", dataType: 'json', beforeSend:function(){ $('#submit').attr('disabled', true); toastr.remove(); }, 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); $('#submit').attr('disabled', false); // setTimeout(function () { $('#error-alert').fadeOut()}, 3000); }else{ remove_alert_bg(); $('#error-icon').addClass("fa-check"); $('#error-alert').addClass("alert-success"); $('#alert-message').text(result.message); window.location.assign("home.php"); // setTimeout(function () { $('#error-alert').fadeOut()}, 3000); } }, error: handleError }); }); $(document).on('keypress',function(e) { if(e.which == 13) { if($('#username').is(":focus") \|\| $('#password').is(":focus")){ $('#submit').trigger('click'); } } }); function handleError(xhr, status, error){ remove_alert_bg(); $('#error-icon').addClass("fa-ban"); $('#error-alert').addClass("alert-danger"); $('#alert-message').text('Username or password is invalid.'); $('#submit').attr('disabled', false); } 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(){ $('#signin').on('submit', function(event){ event.preventDefault(); var username = $('#username').val(); var submit = $('#submit').val(); var password = $('#password').val(); $.ajax({ url:"method/login.php", method:"POST", data: { submit: submit, username: username, password: password }, cache:false, beforeSend:function(){ $('#submit').attr('disabled', 'disabled'); $('#submit').val('Loading...'); $("#login-failed").hide(); $("#login-wait").show(); }, success:function(data) { console.log(data); if(data === "true"){ window.location.replace("home.php"); }else{ $("#login-wait").hide(); $("#login-failed").show(); } //$('#message').html(data); // $('#signin')[0].reset(); $('#submit').attr('disabled', false); $('#submit').val('Sign in'); } }) }); }); / </script> </body> </html> ��views/employees/activate.php��0000644��00000022766�15025010632�0012223 0��ustar�00��<?php include('cfg/db.php'); if(isset($_SESSION['user'])){ header('location:home.php'); } if(!isset($_GET['account']) \|\| trim($_GET['account']) == '' ){ header('location:home.php'); } // select from employee T where // TIMESTAMPDIFF(MINUTE,T.date_registered,NOW()) < 5 $account_key = $db -> escape(trim($_GET['account'])); $account_information = $db -> sql_query("SELECT ea.`employee_id`, ea.`account_key`, ea.`account_code`,ea.date_start,ea.date_expire , ec.contact_number, ea.status FROM `employee_account_key` ea INNER JOIN employee_contact ec ON ea.employee_id=ec.employee_id WHERE ea.account_key = '$account_key' AND status = 1"); $account_information_count = $account_information -> num_rows; // echo "SELECT ea.`employee_id`, ea.`account_key`, ea.`account_code`,ea.date_start,ea.date_expire , ec.contact_number, ea.status // FROM `employee_account_key` ea // INNER JOIN employee_contact ec // ON ea.employee_id=ec.employee_id // WHERE ea.account_key = '$account_key' AND status = 1"; if($account_information_count > 0){ while($row = $account_information->fetch_assoc()) { $employee_id = $row['employee_id']; $account_key = $row['account_key']; $account_code = $row['account_code']; $contact_number = "0".$row['contact_number']; $date_start = $row['date_start']; $date_expire = $row['date_expire']; // if($date_expire == ''){ // $db -> sql_query("UPDATE employee_account_key SET `date_expire`= NOW() WHERE employee_id = '$employee_id' AND employee_account_key = '$account_key'"); // } // echo "SELECT id FROM employee_account_key T WHERE TIMESTAMPDIFF(MINUTE,T.date_expire,NOW()) < 3 AND `account_key` = '$account_key'"; if($db -> sql_query("SELECT id FROM employee_account_key T WHERE TIMESTAMPDIFF(MINUTE,T.date_expire,NOW()) < 3 AND `account_key` = '$account_key'") -> num_rows == 0){ //update and send $db -> sql_query("UPDATE employee_account_key SET `date_expire`= NOW() WHERE employee_id = '$employee_id' AND account_key = '$account_key' "); //SEND SMS $site_link = str_replace("https","http",$variable['site_link']); $url = $site_link.'app/sms/sms.php'; $data = array('number' => $contact_number,'message' => $db->select("SELECT value FROM `settings_notification` WHERE `name` = 'activation_sms_message'").' '.$account_code); // use key 'http' even if you send the request to https://... $options = array( 'http' => array( 'header' => "Content-type: application/x-www-form-urlencoded\r\n", 'method' => 'POST', 'content' => http_build_query($data) ) ); $context = stream_context_create($options); $result = file_get_contents($url, false, $context); if ($result === FALSE) { /* Handle error / } // var_dump($result); } //clcylate diff } }else{ header('location:home.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']; ?> \| Recover Password</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"> <!-- icheck bootstrap --> <link rel="stylesheet" href="plugins/icheck-bootstrap/icheck-bootstrap.min.css"> <!-- Theme style --> <link rel="stylesheet" href="dist/css/adminlte.min.css"> <!-- overlayScrollbars --> <link rel="stylesheet" href="plugins/overlayScrollbars/css/OverlayScrollbars.min.css"> <!-- overlayScrollbars --> <link rel="stylesheet" href="plugins/overlayScrollbars/css/OverlayScrollbars.min.css"> <link href="dist/img/<?php echo $variable['logo']; ?>" rel="icon" /> </head> <body class="hold-transition login-page"> <div class="login-box"> <div class="card card-outline card-primary"> <!-- <div class="card-header text-center"> <a href="home.php" class="h1"><b><?php echo $variable['site_name']; ?></b></a> </div> --> <div class="card-header text-center"> <center><a href="home.php"><img class="brand-image img-circle elevation-3" src="dist/img/<?php echo $variable['logo']; ?>" alt="<?php echo $variable['logo']; ?>" width="130px" height="130px"></a></center> <a href="home.php" class="h1"><b></b><?php /$pieces = explode(" ", $variable['site_name']); echo $pieces[1];/ echo "Connect"; ?></a> </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...</span></strong> </div> <div class="card-body"> <form id="login_form"> <div class="alert" role="alert" id="error-alert" style="display:none;"> <span id="error-icon" class="icon fas"> </span> <span id="alert-message"></span></a> </div> <p class="login-box-msg" id="number-label">Mobile Number: <?php echo "******".substr($contact_number,strlen($contact_number)-2,strlen($contact_number)) ?></p> <div class="input-group mb-3" id = "code-div"> <input oninput="this.value=this.value.slice(0,this.maxLength)" type = "number" maxlength = "6" id="code" class="form-control" placeholder="Activation Code" > <div class="input-group-append"> <div class="input-group-text"> <span class="fas fa-lock"></span> </div> </div> </div> <div class="row"> <div class="col-6"> <span name="resend" id="resend" href="#" class="btn btn-primary btn-block">Resend Code</span> </div> <div class="col-6"> <button type="submit" name="activate" id="activate" class="btn btn-primary btn-block">Activate</button> </div> <!-- /.col --> </div> <p class="mt-3 mb-1"> <a href="signin.php">Login</a> </p> </div> </div> <!-- /.login-card-body --> </div> </div> <!-- /.login-box --> <!-- jQuery --> <script src="plugins/jquery/jquery.min.js"></script> <!-- Bootstrap 4 --> <script src="plugins/bootstrap/js/bootstrap.bundle.min.js"></script> <!-- AdminLTE App --> <script src="dist/js/adminlte.min.js"></script> <script> $("#resend").click(function(){ $('#resend').attr('disabled', true); location.reload(); }); </script> <script> $(document).ready(function(){ $('#error-icon').addClass("fa-check"); $('#error-alert').addClass("alert-success"); $('#alert-message').text('Activation code sent to your number.'); $('#error-alert').fadeIn(); setTimeout(function () { $('#error-alert').fadeOut()}, 5000); }); </script> <script> // $("#activate").click(function(){ $("#login_form").submit(function(event){ event.preventDefault(); $('#code').removeClass("is-invalid"); var account_key = '<?php echo $account_key; ?>'; var input_code = $.trim($("#code").val()); if(input_code.length < 6){ $('#code').addClass("is-invalid"); $("#code").focus(); return; } $.ajax({ url: "app/employee/activate_account.php", data: { account_key : account_key, input_code : input_code } , type: "POST", dataType: 'json', beforeSend:function(){ $('#error-icon').addClass("fa-info"); $('#error-alert').addClass("alert-info"); $('#error-alert').fadeIn(); $('#alert-message').text(" Activating your account, please wait..."); $('#activate').attr('disabled', true); $('#resend').attr('disabled', true); }, success: function (result) { $('#activate').attr('disabled', false); $('#resend').attr('disabled', false); if (result.status!=1) { remove_alert_bg(); $('#error-icon').addClass("fa-ban"); $('#error-alert').addClass("alert-danger"); $('#alert-message').text(result.message); }else{ remove_alert_bg(); $('#error-icon').addClass("fa-check"); $('#error-alert').addClass("alert-success"); $('#alert-message').text(result.message); $('#code-div').fadeOut(); $('#activate').fadeOut(); $('#resend').fadeOut(); $('#number-label').fadeOut(); } $('#resend').attr('disabled', false); }, error: handleError }); }); function handleError(xhr, status, error){ remove_alert_bg(); $('#error-icon').addClass("fa-ban"); $('#error-alert').addClass("alert-danger"); $('#alert-message').text("Error has occured. Please try again."); $('#activate').attr('disabled', false); $('#resend').attr('disabled', false); } 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> </body> </html> ��views/employees/signin.php��0000644��00000021224�15025010632�0011676 0��ustar�00��<?php include('cfg/db.php'); if(isset($_SESSION['user'])){ header('location:home.php'); } // else{ // if ((!isset($_SESSION['check_sso']) \|\| !$_SESSION['check_sso'])){ // $_SESSION['check_sso'] = true; // header('location: http://www.autohub.ph/connect/home/datacon_login.php'); // }else{ // $_SESSION['check_sso'] = false; // } // } ?> <!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']; ?> \| Sign in</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"> <!-- icheck bootstrap --> <link rel="stylesheet" href="plugins/icheck-bootstrap/icheck-bootstrap.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" /> </head> <body class="hold-transition login-page"> <div class="login-box"> <!-- /.login-logo --> <div class="card card-outline card-primary"> <div class="card-header text-center"> <center><a href="home.php"><img class="brand-image img-circle elevation-3" src="dist/img/<?php echo $variable['logo']; ?>" alt="<?php echo $variable['logo']; ?>" width="130px" height="130px"></a></center> <a href="home.php" class="h1"><b></b><?php /$pieces = explode(" ", $variable['site_name']); echo $pieces[1];/ echo "Connect"; ?></a> </div> <div class="card-body"> <!-- <p class="login-box-msg">Sign in to <?php //echo $variable['site_name']; ?></p> --> <p class="login-box-msg">Use your ASA account</p> <div class="alert" role="alert" id="error-alert" style="display:none;"> <span id="error-icon" class="icon fas"> </span> <span id="alert-message"> Please Login.</span></a> </div> <!--<form action="method/login.php" method="post"> <form method="post" id="signin" >--> <!-- <form id="login_form"> --> <div class="form-group"> <div class="input-group mb-3"> <input type="username" name="username" maxlength="50" id="username" class="form-control" placeholder="Employee ID" required> <div class="input-group-append"> <div class="input-group-text"> <span class="fas fa-user"></span> </div> </div> </div> </div> <div class="input-group mb-3"> <input type="password" name="password" maxlength="25" id="password" class="form-control" placeholder="Password" required> <div class="input-group-append"> <div class="input-group-text"> <span class="fas fa-lock"></span> </div> </div> </div> <div class="row"> <div class="col-8"> <div class="icheck-primary"> <input type="checkbox" name="remember" id="remember"> <!-- <label for="remember"> Remember Me </label> --> </div> </div> <!-- /.col --> <div class="col-4"> <button type="submit" name="submit" id="submit" class="btn btn-primary btn-block">Sign In</button> </div> <!-- /.col --> </div> <!-- </form> --> <div class="social-auth-links text-center mt-2 mb-3" hidden> <a href="#" class="btn btn-block btn-primary"> <i class="fab fa-facebook mr-2"></i> Sign in using Facebook </a> <a href="#" class="btn btn-block btn-danger"> <i class="fab fa-google-plus mr-2"></i> Sign in using Google+ </a> </div> <!-- /.social-auth-links --> <p class="mb-1" hidden> <a href="forgot.php">Forgot my password</a> </p> <p class="mb-0" hidden> <a href="signup.php" class="text-center">Create a new account</a> </p> </div> <!-- /.card-body --> </div> <!-- /.card --> </div> <!-- /.login-box --> <!-- jQuery --> <script src="plugins/jquery/jquery.min.js"></script> <!-- Bootstrap 4 --> <script src="plugins/bootstrap/js/bootstrap.bundle.min.js"></script> <!-- AdminLTE App --> <script src="dist/js/adminlte.min.js"></script> <!-- Toastr --> <script src="plugins/toastr/toastr.min.js"></script> <script> // $("#login_form").submit(function(event){ $( "#submit" ).on( "click", function(event) { event.preventDefault(); remove_alert_bg(); if($('#username').val().trim() == '' \|\| $('#password').val().trim() == '') { toastr.remove(); toastr.error('Username and password are required.'); return false; } $('#error-icon').addClass("fa-info"); $('#error-alert').addClass("alert-info"); $('#error-alert').fadeIn(); $('#alert-message').text(" Authenticating please wait..."); $.ajax({ url: "app/employee/process_login.php", data: { username: $('#username').val(), password: $('#password').val(), remember: $('#remember').prop('checked') }, type: "POST", dataType: 'json', beforeSend:function(){ $('#submit').attr('disabled', true); toastr.remove(); }, 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); $('#submit').attr('disabled', false); // setTimeout(function () { $('#error-alert').fadeOut()}, 3000); }else{ remove_alert_bg(); $('#error-icon').addClass("fa-check"); $('#error-alert').addClass("alert-success"); $('#alert-message').text(result.message); window.location.assign("home.php"); // setTimeout(function () { $('#error-alert').fadeOut()}, 3000); } }, error: handleError }); }); $(document).on('keypress',function(e) { if(e.which == 13) { if($('#username').is(":focus") \|\| $('#password').is(":focus")){ $('#submit').trigger('click'); } } }); function handleError(xhr, status, error){ remove_alert_bg(); $('#error-icon').addClass("fa-ban"); $('#error-alert').addClass("alert-danger"); $('#alert-message').text('Username or password is invalid.'); $('#submit').attr('disabled', false); } 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(){ $('#signin').on('submit', function(event){ event.preventDefault(); var username = $('#username').val(); var submit = $('#submit').val(); var password = $('#password').val(); $.ajax({ url:"method/login.php", method:"POST", data: { submit: submit, username: username, password: password }, cache:false, beforeSend:function(){ $('#submit').attr('disabled', 'disabled'); $('#submit').val('Loading...'); $("#login-failed").hide(); $("#login-wait").show(); }, success:function(data) { console.log(data); if(data === "true"){ window.location.replace("home.php"); }else{ $("#login-wait").hide(); $("#login-failed").show(); } //$('#message').html(data); // $('#signin')[0].reset(); $('#submit').attr('disabled', false); $('#submit').val('Sign in'); } }) }); }); / </script> </body> </html> ��views/sc_compliance/sc_compliance_client.php��0000644��00000115650�15025010632�0015350 0��ustar�00��<?php include('cfg/db.php'); include_once("api/controllers/utility.php"); $utility = new Utility(); if(!isset($_SESSION['user'])){ header('location:signin.php'); } if(!(isset($global_action_permissions['7']['34']) && in_array("1", $global_action_permissions['7']['34']))){ header('location:signin.php'); } // $role_permissions = $_SESSION['user']['action_permissions']['sub_34']; if(!isset($_REQUEST['q']) \|\| !$utility->isNotEmpty($_REQUEST['q'])){ header('location:sc_compliance_clients.php'); exit; }else{ $sales_id = $db->escape($_REQUEST['q']); } ?> <!DOCTYPE html> <html lang="en"> <head> <!-- <script src="dist/js/filter.js"></script> --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> <?php echo $variable['site_name']; ?> \| Client Information</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"> <!-- Select2 --> <link rel="stylesheet" href="plugins/select2/css/select2.min.css"> <link rel="stylesheet" href="plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css"> <!-- Theme style --> <link rel="stylesheet" href="dist/css/adminlte.min.css"> <link href="plugins/bootstrap-table/css/bootstrap-table.min.css" rel="stylesheet"> <!-- overlayScrollbars --> <link rel="stylesheet" href="plugins/overlayScrollbars/css/OverlayScrollbars.min.css"> <!-- Default style --> <link rel="stylesheet" href="dist/css/default.css"> <!-- SweetAlert2 --> <link rel="stylesheet" href="plugins/sweetalert2/sweetalert2.min.css"> <!-- <link rel="stylesheet" href="plugins/sweetalert2-the me-bootstrap-4/bootstrap-4.min.css"> --> <!-- Toastr --> <link rel="stylesheet" href="plugins/toastr/toastr.min.css"> <!-- Tempusdominus Bootstrap 4 --> <link rel="stylesheet" href="plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css"> <link href="dist/img/<?php echo $variable['logo']; ?>" rel="icon" /> <!-- Ekko Lightbox --> <link rel="stylesheet" href="plugins/ekko-lightbox/ekko-lightbox.css"> <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%; } </style> <!-- END MULTI --> <style> / .div-blocks{ scroll-behavior: smooth; } / / .select2-selection__rendered li { margin: 6px 0px 4px; } / 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%; } .select2-container--default { margin-right: .25rem !important; margin-bottom: .25rem !important; font-size: .800rem !important; / display: none !important; / } .select2-selection--single { / height: 100% !important; / padding-top: 0.7em !important; padding-bottom: 0.2em !important; padding-left: 0.0em !important; padding-right: 0.0em !important; margin-right: 0.0em !important; } .accounting-select .select2-selection__rendered { / word-wrap: break-word !important; / / text-overflow: inherit !important; / / white-space: normal !important; / line-height: 1.8em !important; padding-right: 0.0em !important; text-align: center; } .accounting-select-dd .select2-results__option { padding: 0.3em !important; user-select: none !important; overflow: hidden !important; -webkit-user-select: none !important; margin: 0px !important; } .accounting-select .select2-selection__arrow b { display: none !important; } </style> </head> <!-- <body class="hold-transition sidebar-mini text-sm" oncopy='return false' oncut='return false' onselectstart='return false'> --> <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'); ?> <!-- /.navbar --> <!-- Content Wrapper. Contains page content --> <div id="sales-wrapper" class="content-wrapper"> <!-- Content Header (Page header) --> <!-- Main content --> <section class="content"> <div class="container-fluid"> <div class="row"> <div class="col-md mt-3"> <!--card card-primary--> <div id="sales_information" class="card card-primary" style="display:;"> <div class="card-header"> <h3 class="card-title"><button class="btn btn-tool" type="button" onclick="back()"><i class="fas fa-arrow-alt-circle-left fa-2x"></i></button> Client 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 pb-0" 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">Status History</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 pb-0" 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"> <div class="row d-flex align-items-stretch"> <div class="col-md-4 d-flex align-items-stretch"> <?php include 'include/components/compliance/vehicle_about_side.php'; ?> </div> <div class="col-md-8 d-flex align-items-stretch"> <?php include 'include/components/compliance/vehicle_sales_information.php'; ?> </div> </div> <div class="row pb-2"> <div class="col-6"> </div> <div class="col-6"> <div class="row d-flex justify-content-end "> <?php if((isset($global_action_permissions['7']['34']) && in_array("2", $global_action_permissions['7']['34']))){ ?> <input type="button" id="action_hold" style="display: none ;" class="col-sm-3 mb-1 mr-1 tooltip-mee btn btn-danger btn-sm" title="Hold Commission" data-html="true" data-placement="left" value="Hold"></input> <?php } ?> <?php if((isset($global_action_permissions['7']['34']) && in_array("3", $global_action_permissions['7']['34']))){ ?> <input type="button" id="action_for_release_1" style="display: none ;" class="col-sm-3 mb-1 mr-1 tooltip-mee btn btn-primary btn-sm" title="For Release Commission" data-html="true" data-placement="left" value="For Release"></input> <?php } ?> <select name="company-filter" id="accounting_<?php echo $sales_id; ?>" class="col-sm-4 form-control form-control-sm select2"> <?php $commission_accting = $db -> return_result("SELECT id,name FROM `source_commission_accounting_status` WHERE status <> 0 "); foreach($commission_accting as $data){ echo "<option value='{$data['id']}' >".$data['name']."</option>"; } ?> </select> <?php if((isset($global_action_permissions['7']['34']) && in_array("4", $global_action_permissions['7']['34']))){ ?> <input type="button" id="action_for_release" style="display: none ;" class=" col-sm-3 mb-1 mr-1 tooltip-mee btn btn-primary btn-sm" title="Release Commission" data-html="true" data-placement="left" value="Released"></input> <?php } ?> </div> </div> </div> <div class="col-sm-12 text-right" id="released_commission_date_div" style="display: ;"> <label>Released Date: </label><span id="released_commission_date"></span> </div> </div> <div class="tab-pane fade" id="custom-tabs-three-gallery" role="tabpanel" aria-labelledby="custom-tabs-three-gallery-tab"> <table id="compliance-table" class="table table-sm" data-toggle="table" data-url="" data-pagination="false" data-search="false" data-show-refresh="true" data-show-toggle="false" data-show-columns="false" data-show-columns-toggle-all="false" data-show-export="false" data-export-options='{"fileName": "Export"}' data-export-types="['xlsx','excel','csv', 'doc', 'png']" data-buttons="buttonsFunction" data-side-pagination="client" data-page-list="[10, All]" data-minimum-count-columns="2" data-show-pagination-switch="false" data-query-params="queryParams" data-click-to-select="true"> <colgroup> <col span="1" style="width: 20%;"> <col span="1" style="width: 20%;"> <col span="1" style="width: 20%;"> <col span="1" style="width: 40%;"> </colgroup> <thead> <tr> <th data-formatter="" data-sortable="true" data-field="date"> Date</th> <th data-formatter="" data-sortable="true" data-field="user"> Employee</th> <th data-formatter="" data-sortable="true" data-field="status"> Status</th> <th data-formatter="" data-sortable="true" data-field="description"> Reason</th> </tr> </thead> </table> </div> </div> </div> <!-- </div> --> </div> </div> </div> </div> </div> </div> </div> </div> <!--col-md--> </div> <!--row--> </div><!-- /.container-fluid --> </section> <!-- /.content --> </div> <!-- /.content-wrapper --> <!--Modal here--> <?php include 'include/components/sales/modal/add_sales.php'; ?> <!-- INSERT FOOTER --> <?php include('include/footer.php'); ?> <!-- Control Sidebar --> <aside class="control-sidebar control-sidebar-dark"> <!-- Control sidebar content goes here --> </aside> <!-- /.control-sidebar --> </div> <!-- ./wrapper --> </div> <!-- jQuery --> <script src="plugins/jquery/jquery.min.js"></script> <!-- overlayScrollbars --> <script src="plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></script> <!-- Select2 --> <script src="plugins/select2/js/select2.full.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> <!-- jQuery Cookie--> <script src="plugins/jquery-cookie/jquery.cookie.js"></script> <!-- Bootstrap 4 --> <script src="plugins/bootstrap/js/bootstrap.bundle.min.js"></script> <!-- Tempusdominus Bootstrap 4 --> <script src="plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js"></script> <!-- SweetAlert2 --> <script src="plugins/sweetalert2/sweetalert2.min.js"></script> <script src="dist/js/tableExport/tableExport.min.js"></script> <script src="dist/js/tableExport/libs/js-xlsx/xlsx.core.min.js"></script> <script src="dist/js/tableExport/libs/jsPDF/jspdf.umd.min.js"></script> <script src="dist/js/tableExport/libs/es6-promise/es6-promise.auto.min.js"></script> <script src="dist/js/tableExport/libs/html2canvas/html2canvas.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> <!-- Toastr --> <script src="plugins/toastr/toastr.min.js"></script> <!-- AdminLTE App --> <script src="dist/js/adminlte.min.js"></script> <!-- Ekko Lightbox --> <script src="plugins/ekko-lightbox/ekko-lightbox.min.js"></script> <!-- Navigation Highlight --> <script src="dist/js/main.js"></script> <!-- Page specific script --> <script> var sales_id = '<?php echo $sales_id; ?>'; var complete_status = ''; function initToolTip() { var bootstrapTooltip = $.fn.tooltip.noConflict(); $.fn.bstooltip = bootstrapTooltip; $('.tooltip-me').bstooltip(); } 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 back() { window.history.back(); } $(document).on('click', '[data-toggle="lightbox"]', function(event) { // event.preventDefault(); // $(this).ekkoLightbox(); event.preventDefault(); $(this).ekkoLightbox({ alwaysShowClose: true }); }); function isEmpty(string) { var flag = false; if (string == '') { flag = true; } else if (string == null) { flag = true; } else if (typeof string === 'undefined') { flag = true; } else { try { if (string.trim() == '') { flag = true; } } catch (err) { return true; } } return flag; } function readCustomerInformationMain(sales_id) { $.ajax({ url: "api/compliance/compliance.php", method: "POST", dataType: 'json', data: { apiKey: '6037364564277021', sales_id: sales_id, secure: 1 }, beforeSend: function() { $('#action_hold').hide(); $('#action_for_release_1').hide(); $('#action_for_release').hide(); $('.select2-container--default').hide(); }, success: function(result) { var json = JSON.stringify(result); data = JSON.parse(json)['rows'][0]; $.each(data, function(i, n) { if(i=='customer_id') //modify { cid = n; } var excemptedFields = ["main_corporation_name", "main_first_name", "main_middle_name", "main_last_name", "information_modified_by", "information_date_modified", "hold_commission_by", "for_release_commission_by", "released_commission_by" ]; if (excemptedFields.indexOf(i) < 0) { //not excempted list if (parseInt(data['customer_type']) === 2) { $('#' + i + '_corp_div').hide(); } $("#" + i).css('color', '') $("#sales_" + i).css('color', '') if (isEmpty(n)) { $("#" + i).text('(Missing Data)'); $("#" + i).val('(Missing Data)'); $("#" + i).css('color', 'red') $("#sales_" + i).text('(Missing Data)'); $("#sales_" + i).val('(Missing Data)'); $("#sales_" + i).css('color', 'red') } else { // alert(i) if (i == 'mobile_phone_1' \|\| i == 'email_1' \|\| i == 'facebook') { $("#" + i).text(n); $("#" + i).val(n); } else { $("#" + i).text(n); $("#" + i).val(n); $("#" + i).trigger('change') $("#" + i).css('color', '007bff') $("#sales_" + i).text(n); $("#sales_" + i).val(n); $("#sales_" + i).trigger('change') $("#sales_" + i).css('color', '007bff') } } } else { //excemted area if ((i == 'hold_commission_by' \|\| i == 'for_release_commission_by' \|\| i == 'released_commission_by') && isEmpty(n)) { $('#' + i + '_div').hide(); } else { $("#" + i).text(n); $("#" + i).val(n); $("#" + i).trigger('change') $("#sales_" + i).text(n); $("#sales_" + i).val(n); $("#sales_" + i).trigger('change') } } //modify if(i =='has_ltms' && (n=='0')) { $("#ltms-wrapper").html('<span style="color: red;">(Missing Data)</span>'); } if(i =='has_ltms' && (n=='1')) { if (i == 'has_ltms' && (n == '1')) { $("#ltms-wrapper").html('<a title="View file" href="/customer_view.php?q='+cid+'" ><i class="fas far fa-image"></i> View uploaded file </a> '); } } }); var image_name = 'default.png'; if (!isEmpty(data['vehicle_image'])) { image_name = data['vehicle_image']; } if (!isEmpty(data['status'])) { complete_status = data['status']; } $('#accounting_' + sales_id).val(data['commission_accounting_status_id']).trigger('change'); if (parseInt(data['commission_id']) !== 2) { $('#released_commission_date_div').hide(); if (parseInt(data['commission_id']) === 0 \|\| parseInt(data['commission_id']) === 3) { $('#action_for_release_1').show(); } else if (parseInt(data['commission_id']) === 1) { $('#action_hold').show(); $('.select2-container--default').show(); if (parseInt(data['commission_accounting_status_id']) === 2) { $('#action_for_release').show(); } } else { $('#action_for_release').hide(); } } else { $('#released_commission_date_div').show(); } $("#profileDisplay").attr("src", "dist/img/customer/" + image_name); $("#profileDisplay_pop").attr("href", "dist/img/customer/" + image_name); $(".contact-click").attr("href", "tel:" + $('#mobile_phone_1').text()) $(".landline-click").attr("href", "tel:" + $('#main_customer_landline').text()) $(".contact2-click").attr("href", "tel:" + $('#main_customer_mobile_2').text()) $(".business-click").attr("href", "tel:" + $('#main_customer_business_mobile').text()) $(".residential-click").attr("href", "tel:" + $('#main_customer_home_mobile').text()) $(".viber-click").attr("href", "viber://chat?number=" + $('#main_viber').text()) $(".facebook-click").attr("href", "http://www.facebook.com/" + $('#facebook').text()) $(".instagram-click").attr("href", "http://instagram.com/_u/" + $('#main_instagram').text()) $(".whatsapp-click").attr("href", "https://wa.me/" + $('#main_whatsapp').text()) $(".telegram-click").attr("href", "https://t.me/" + $('#main_telegram').text()) $(".website-click").attr("href", "http://" + $('#main_website_link').text()) $(".email-click").attr("href", "mailto:" + $('#email_1').text()) $(".email2-click").attr("href", "mailto:" + $('#main_customer_email_2').text()) // $(".main_name_click").attr("href", "customer_view.php?q=" + new_customer_record_id) // $(".main_name_click").click(function() { // $.cookie("customer_selected_tab", 'custom-tabs-three-home-tab'); // }); refreshTable(); $('#loader').hide(); }, error: function(xhr, status, error) { $('#loader').hide(); back(); toastr.remove(); toastr.error('Error has occurred, Try again...'); } }); } 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; } } function commissionAction(status, title) { Swal.fire({ icon: 'question', html: title, showDenyButton: false, showCancelButton: true, confirmButtonText: `Confirm`, denyButtonText: `Don't Confirm`, }).then((result) => { if (result.isConfirmed) { // toastr.remove(); // alert('1') $.ajax({ url: "api/compliance/compliance.php", method: "POST", data: { apiKey: '2357447068264980', sales_id: sales_id, status: status }, cache: false, beforeSend: function() { sweetAlertSimple('info', 'Oops...', 'Updating...'); $('#loader').show(); }, success: function(data) { sweetAlertSimple('success', 'Oops...', 'Update successful.'); // $('#loader').hide(); readCustomerInformationMain(sales_id); } }) } else if (result.isDenied) { // Swal.fire('', 'Changes are not saved', 'info') } }) } function commissionStatusChange(status) { Swal.fire({ title: 'Enter your reason', input: 'textarea', confirmButtonText: `Confirm`, showCancelButton: true, }).then(function(result) { if (result.isConfirmed) { if (result.value) { $.ajax({ url: "api/compliance/compliance.php", method: "POST", data: { apiKey: '2357447068264980', sales_id: sales_id, status: status, description: result.value }, beforeSend: function() { sweetAlertSimple('info', 'Oops...', 'Updating...'); $('#loader').show(); }, success: function(data) { sweetAlertSimple('success', 'Oops...', 'Update successful.'); // $('#loader').hide(); readCustomerInformationMain(sales_id); } }); } else { Swal.fire({ icon: 'warning', text: 'Enter your reason to change this record status.', showDenyButton: false, showCancelButton: false, confirmButtonText: `OK`, }).then((result) => { if (result.isConfirmed) { commissionStatusChange(); } else if (result.isDenied) {} else {} }) } } }) } function initList() { var $table = $('#compliance-table'); $table.bootstrapTable('destroy') $('#compliance-table').bootstrapTable({ sidePagination: 'client', formatSearch: function() { return 'Search' }, }); } function refreshTable() { initList(); var $vehicle_table = $('#compliance-table') $(function() { $vehicle_table.bootstrapTable('refresh', { url: 'api/compliance/compliance.php' }); }) } function queryParams(params) { return { // search: params.search, // offset: params.offset, // limit: params.limit, sales_id: sales_id, apiKey: '6045085206627390' // vehicle_actions: vehicle_actions, // my_records : my_records //other filters hehe }; } $(document).ready(function() { initToolTip(); readCustomerInformationMain(sales_id); // readVehicleSaleDetailsMain(); // readBrandsOfferedMain(); $('#action_hold').click(function() { commissionAction(3, 'Are you sure, you want to <strong>HOLD</strong> the commission of this record?'); }) $('#action_for_release').click(function() { commissionAction(2, 'Are you sure you want to tag this record as <strong>RELEASED</strong>?<br>this action cannot be undone.' ); }) $('#action_for_release_1').click(function() { if (complete_status === 'INC') { commissionStatusChange(1); } else { commissionAction(1, 'Are you sure, you want to change the commission status to <strong>FOR RELEASE</strong>?' ) }; }) navigateTabs(1); var $select2 = $('#accounting_' + sales_id).select2({ minimumResultsForSearch: -1, containerCssClass: "accounting-select", dropdownCssClass: "accounting-select-dd" }) $('.select2-container--default').hide(); $select2.on('select2:select', function(e) { var data = e.params.data; // console.log(data); $.ajax({ url: "api/compliance/compliance.php", method: "POST", data: { apiKey: '3625900201207033', sales_id: sales_id, status: data.id }, beforeSend: function() { sweetAlertSimple('info', 'Oops...', 'Updating...'); $('#loader').show(); }, success: function(data) { sweetAlertSimple('success', 'Oops...', 'Update successful.'); // $('#loader').hide(); readCustomerInformationMain(sales_id); } }); }); // refreshTable(); }); </script> </body> </html>��views/sc_compliance/compliance_clients.php��0000644��00000055056�15025010632�0015051 0��ustar�00��<?php include('cfg/db.php'); // include('app/security/security.php'); if(!isset($_SESSION['user'])){ header('location:signin.php'); } // $check_page = new CheckPage(); // $check_page->start($db); if(!(isset($global_action_permissions['7']['33']) && in_array("1", $global_action_permissions['7']['33']))){ header('location:signin.php'); } if(!isset($_REQUEST['q'])){ header('location:sales_person.php'); } $sc_id = $db->escape($_REQUEST['q']); $customer_type = (!isset($_REQUEST['type'])) ? '' : $db->escape($_REQUEST['type']); $start_date = (!isset($_REQUEST['start'])) ? '' : $db->escape($_REQUEST['start']); $end_date = (!isset($_REQUEST['end'])) ? '' : $db->escape($_REQUEST['end']); $get_company = (!isset($_REQUEST['company'])) ? '' : $db->escape($_REQUEST['company']); $complete_type = (!isset($_REQUEST['status'])) ? '' : $db->escape($_REQUEST['status']); // echo $company;exit; ?> <!DOCTYPE html> <html lang="en"> <head> <!-- <script src="dist/js/filter.js"></script> --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> <?php echo $variable['site_name']; ?> \| Client</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"> <!-- Select2 --> <link rel="stylesheet" href="plugins/select2/css/select2.min.css"> <link rel="stylesheet" href="plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css"> <!-- Theme style --> <link rel="stylesheet" href="dist/css/adminlte.min.css"> <!-- overlayScrollbars --> <link rel="stylesheet" href="plugins/overlayScrollbars/css/OverlayScrollbars.min.css"> <!-- Default style --> <link rel="stylesheet" href="dist/css/default.css"> <!-- SweetAlert2 --> <link rel="stylesheet" href="plugins/sweetalert2-theme-bootstrap-4/bootstrap-4.min.css"> <!-- Toastr --> <link rel="stylesheet" href="plugins/toastr/toastr.min.css"> <link href="plugins/bootstrap-table/css/bootstrap-table.min.css" rel="stylesheet"> <!-- Tempusdominus Bootstrap 4 --> <link rel="stylesheet" href="plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css"> <link href="dist/img/<?php echo $variable['logo']; ?>" rel="icon" /> <!-- BS Stepper --> <link rel="stylesheet" href="plugins/bs-stepper/css/bs-stepper.min.css"> <!-- Ekko Lightbox --> <link rel="stylesheet" href="plugins/ekko-lightbox/ekko-lightbox.css"> <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%; } </style> <!-- END MULTI --> <style> / .div-blocks{ scroll-behavior: smooth; } / / .select2-selection__rendered li { margin: 6px 0px 4px; } / 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" oncopy='return false' oncut='return false' onselectstart='return false'> --> <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'); ?> <!-- /.navbar --> <!-- Content Wrapper. Contains page content --> <div id="sales-wrapper" class="content-wrapper"> <!-- Content Header (Page header) --> <!-- Main content --> <section class="content"> <div class="container-fluid"> <div class="row"> <div class="col-md mt-3"> <div id="sales_table_list" class="card card-primary" style="display: ;"> <div class="card-header" id="profile-header" style="display:;"> <h3 class="card-title"><button class="btn btn-tool" title="Go back" type="button" onclick="back()"><i class="fas fa-arrow-alt-circle-left fa-2x"></i></button> Clients <span class="sales-person-names"></span></h3> </div> <!-- INSERT TABLE HERE --> <div class="card"> <div class="card-body"> <!-- <div class="col-6"> <input type="button" id="new-sales" class="btn btn-primary btn-sm mr-1" data-toggle="modal" data-target="#modal-sales" value="New Sales"></input> </div> --> <!-- <div class="table-responsive"> --> <div> <table id="sales-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-side-pagination="server" data-page-size = "15" data-show-export="false" data-export-options='{"fileName": "Executive Report Client List"}' data-export-types= "['xlsx','excel','csv', 'doc', 'png']" data-buttons="buttonsFunction" data-page-list="[15, 30, 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-formatter="checkIfEmpty" data-field="release_date">Released Date</th> <th data-formatter="checkIfEmpty" data-field="customer_name"> Customer </th> <th data-formatter="checkIfEmpty" data-field="company"> Company </th> <th data-formatter="checkIfEmpty" data-field="dealer">Dealer </th> <!-- <th data-formatter="tableMobileFormatter" data-field="mobile_phone_1">Mobile </th> <th data-formatter="tableEmailFormatter" data-field="email_1"> Email </th> --> <!-- <th data-formatter="checkIfEmpty" data-field="po_number">PO Number</th> --> <th data-formatter="checkIfEmpty" data-field="conduction_sticker">CS Number </th> <th data-formatter="checkIfEmpty" data-field="brand_name">Brand </th> <th data-formatter="checkIfEmpty" data-field="model_name">Model </th> <th data-formatter="checkIfEmpty" data-field="status">Status </th> <!-- <th data-formatter="checkIfEmpty" data-field="sales_person"> Sales Person</th> --> <!-- <th data-formatter="checkIfEmpty" data-field="customer_name_id">Customer ID / Name</th> --> </tr> </thead> </table> </div> <!--table-responsive--> </div> <!--card-body--> </div> <!--card--> </div> <!--card card-primary--> </div> <!--col-md--> </div> <!--row--> </div><!-- /.container-fluid --> </section> <!-- /.content --> </div> <!-- /.content-wrapper --> <!--Modal here--> <?php include 'include/components/sales/modal/add_sales.php'; ?> <!-- INSERT FOOTER --> <?php include('include/footer.php'); ?> <!-- Control Sidebar --> <aside class="control-sidebar control-sidebar-dark"> <!-- Control sidebar content goes here --> </aside> <!-- /.control-sidebar --> </div> <!-- ./wrapper --> </div> <!-- jQuery --> <script src="plugins/jquery/jquery.min.js"></script> <!-- overlayScrollbars --> <script src="plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></script> <!-- Select2 --> <script src="plugins/select2/js/select2.full.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> <!-- jQuery Cookie--> <script src="plugins/jquery-cookie/jquery.cookie.js"></script> <!-- Bootstrap 4 --> <script src="plugins/bootstrap/js/bootstrap.bundle.min.js"></script> <!-- Tempusdominus Bootstrap 4 --> <script src="plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js"></script> <!-- SweetAlert2 --> <script src="plugins/sweetalert2/sweetalert2.min.js"></script> <!-- Toastr --> <script src="plugins/toastr/toastr.min.js"></script> <script src="dist/js/tableExport/tableExport.min.js"></script> <script src="dist/js/tableExport/libs/js-xlsx/xlsx.core.min.js"></script> <script src="dist/js/tableExport/libs/jsPDF/jspdf.umd.min.js"></script> <script src="dist/js/tableExport/libs/es6-promise/es6-promise.auto.min.js"></script> <script src="dist/js/tableExport/libs/html2canvas/html2canvas.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> <!-- BS-Stepper --> <script src="plugins/bs-stepper/js/bs-stepper.min.js"></script> <!-- AdminLTE App --> <script src="dist/js/adminlte.min.js"></script> <!-- Ekko Lightbox --> <script src="plugins/ekko-lightbox/ekko-lightbox.min.js"></script> <!-- Navigation Highlight --> <script src="dist/js/main.js"></script> <!-- Page specific script --> <script> var sc_id = '<?php echo $sc_id; ?>'; var customer_type = '<?php echo $customer_type; ?>'; var start_date = '<?php echo $start_date; ?>'; var end_date = '<?php echo $end_date; ?>'; var company = '<?php echo $get_company; ?>'; var complete_type = '<?php echo $complete_type; ?>'; function checkIfEmpty(value, row, index) { if (isEmpty(value)) { return "<span style='color:red;'> (Not Provided) </span>"; } return value; } function refreshTable() { var $sales_table = $('#sales-table') $(function() { $sales_table.bootstrapTable('refresh', { // url: 'https://www.autohub.ph/connect/LOAD_SALES_PERSON.php' url: "api/compliance/compliance.php", }); }) } function queryParams(params) { return { search: params.search, offset: params.offset, limit: params.limit, type: customer_type, company : company, start_date : start_date, end_date : end_date, sc_id: sc_id, status:complete_type, apiKey: '6037364564277021', secure : 1 //other filters hehe }; } function back() { window.history.back(); } function isEmpty(string) { var flag = false; try { string = string.trim(); if (string == '') { flag = true; } else if (string == null) { flag = true; } else if (string == '-') { flag = true; } else { return false; } } catch (err) { return true; } return flag; } function addCommas(numberString) { numberString += ''; var x = numberString.split('.'), x1 = x[0], x2 = x.length > 1 ? '.' + x[1] : '', rgxp = /(\d+)(\d{3})/; while (rgxp.test(x1)) { x1 = x1.replace(rgxp, '$1' + ',' + '$2'); } return x1 + x2; } function getASANameByASAID(objectId) { $.ajax({ url: 'https://www.autohub.ph/connect/LOAD_SALES_PERSON.php', type: "POST", dataType: 'json', data: { uid: sc_id, apiKey: '3892635489643867' }, beforeSend: function() {}, success: function(result) { // alert(result['rows'][0].u_lname) var name = result['rows'][0].u_fname + ' ' + result['rows'][0].u_lname; $("." + objectId).text(name); // alert(name) // var newOption = new Option(name, sc_id, true, true); // $("#" + objectId).append(newOption).trigger('change'); } }); } function tableMobileFormatter(value, row, index) { if (isEmpty(value)) { return "<span style='color:red;'> (Not Provided) </span>"; } if (value == '-1') { return ""; } return "<a href='tel:" + value + "'>" + value + "</a>"; } function tableEmailFormatter(value, row, index) { if (isEmpty(value)) { return "<span style='color:red;'> (Not Provided) </span>"; } if (value == '-1') { return ""; } return "<a href='mailto:" + value + "'>" + value + "</a>"; } function buttonsFunction() { return { grid_toggle_off: { 'icon': 'fa-file-pdf', 'event': 'exportPdf', 'attributes': { 'title': 'Download PDF', 'data-test': 'test123' } }, excel_export: { 'icon': 'fa-file-excel', 'event': 'exportXlsx', 'attributes': { 'title': 'Download XLSX', 'data-test': 'test123' } } } } function exportXlsx() { $('#sales-table').tableExport({ // onCellHtmlData: DoOnCellHtmlData, // ignoreColumn: [9,10], fileName: 'Executive Report Client List', type: 'xlsx' }); } function exportPdf() { $('#sales-table').tableExport({ fileName: 'Executive Report Client List', type: 'pdf', jspdf: { orientation: 'p', margins: { left: 20, right: 10, top: 20, bottom: 20 }, autotable: { styles: { overflow: 'linebreak' }, tableWidth: 'wrap', tableExport: { onBeforeAutotable: DoBeforeAutotable, onCellData: DoCellData } } } }); // $('#compliance-table').tableExport({type:'pdf', // pdfmake:{ // enabled:true, // docDefinition:{pageOrientation:'portrait'}} // }); } function DoCellData(cell, row, col, data) {} function DoBeforeAutotable(table, headers, rows, AutotableSettings) {} </script> <!-- CLARENCE ROCKS --> <script> $(document).ready(function() { refreshTable(); if (!isEmpty(sc_id)) { // getASANameByASAID('sales-person-name'); } $('#sales-table').on('click-cell.bs.table', function(field, value, row, $el) { if (value == 'email_1' \|\| value == 'mobile_phone_1'){ return; } if( customer_type == 'customer_affiliation' \|\| customer_type == 'nature_of_business' \|\| customer_type == 'email_1' \|\| customer_type == 'mobile_phone_1' \|\| customer_type == 'address_1' \|\| customer_type == 'profession' \|\| customer_type == 'position' \|\| customer_type == 'gender' \|\| customer_type == 'date_of_birth' \|\| customer_type == 'facebook' ){ $.cookie("customer_selected_tab", 'custom-tabs-three-home-tab'); window.location.href = "customer_view.php?q=" + $el.customer_id; }else{ $.cookie("vehicle_tab_open", 1); window.location.href = "vehicle_view.php?q=" + $el.vehicle_id; } }); }); </script> </body> </html>��views/sc_compliance/sc_compliance_client08-11-24.php��0000644��00000115661�15025010632�0016164 0��ustar�00��<?php include('cfg/db.php'); include_once("api/controllers/utility.php"); $utility = new Utility(); if(!isset($_SESSION['user'])){ header('location:signin.php'); } if(!(isset($global_action_permissions['7']['34']) && in_array("1", $global_action_permissions['7']['34']))){ header('location:signin.php'); } // $role_permissions = $_SESSION['user']['action_permissions']['sub_34']; if(!isset($_REQUEST['q']) \|\| !$utility->isNotEmpty($_REQUEST['q'])){ header('location:sc_compliance_clients.php'); exit; }else{ $sales_id = $db->escape($_REQUEST['q']); } ?> <!DOCTYPE html> <html lang="en"> <head> <!-- <script src="dist/js/filter.js"></script> --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> <?php echo $variable['site_name']; ?> \| Client Information</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"> <!-- Select2 --> <link rel="stylesheet" href="plugins/select2/css/select2.min.css"> <link rel="stylesheet" href="plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css"> <!-- Theme style --> <link rel="stylesheet" href="dist/css/adminlte.min.css"> <link href="plugins/bootstrap-table/css/bootstrap-table.min.css" rel="stylesheet"> <!-- overlayScrollbars --> <link rel="stylesheet" href="plugins/overlayScrollbars/css/OverlayScrollbars.min.css"> <!-- Default style --> <link rel="stylesheet" href="dist/css/default.css"> <!-- SweetAlert2 --> <link rel="stylesheet" href="plugins/sweetalert2/sweetalert2.min.css"> <!-- <link rel="stylesheet" href="plugins/sweetalert2-the me-bootstrap-4/bootstrap-4.min.css"> --> <!-- Toastr --> <link rel="stylesheet" href="plugins/toastr/toastr.min.css"> <!-- Tempusdominus Bootstrap 4 --> <link rel="stylesheet" href="plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css"> <link href="dist/img/<?php echo $variable['logo']; ?>" rel="icon" /> <!-- Ekko Lightbox --> <link rel="stylesheet" href="plugins/ekko-lightbox/ekko-lightbox.css"> <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%; } </style> <!-- END MULTI --> <style> / .div-blocks{ scroll-behavior: smooth; } / / .select2-selection__rendered li { margin: 6px 0px 4px; } / 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%; } .select2-container--default { margin-right: .25rem !important; margin-bottom: .25rem !important; font-size: .800rem !important; / display: none !important; / } .select2-selection--single { / height: 100% !important; / padding-top: 0.7em !important; padding-bottom: 0.2em !important; padding-left: 0.0em !important; padding-right: 0.0em !important; margin-right: 0.0em !important; } .accounting-select .select2-selection__rendered { / word-wrap: break-word !important; / / text-overflow: inherit !important; / / white-space: normal !important; / line-height: 1.8em !important; padding-right: 0.0em !important; text-align: center; } .accounting-select-dd .select2-results__option { padding: 0.3em !important; user-select: none !important; overflow: hidden !important; -webkit-user-select: none !important; margin: 0px !important; } .accounting-select .select2-selection__arrow b { display: none !important; } </style> </head> <!-- <body class="hold-transition sidebar-mini text-sm" oncopy='return false' oncut='return false' onselectstart='return false'> --> <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'); ?> <!-- /.navbar --> <!-- Content Wrapper. Contains page content --> <div id="sales-wrapper" class="content-wrapper"> <!-- Content Header (Page header) --> <!-- Main content --> <section class="content"> <div class="container-fluid"> <div class="row"> <div class="col-md mt-3"> <!--card card-primary--> <div id="sales_information" class="card card-primary" style="display:;"> <div class="card-header"> <h3 class="card-title"><button class="btn btn-tool" type="button" onclick="back()"><i class="fas fa-arrow-alt-circle-left fa-2x"></i></button> Client 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 pb-0" 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">Status History</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 pb-0" 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"> <div class="row d-flex align-items-stretch"> <div class="col-md-4 d-flex align-items-stretch"> <?php include 'include/components/compliance/vehicle_about_side.php'; ?> </div> <div class="col-md-8 d-flex align-items-stretch"> <?php include 'include/components/compliance/vehicle_sales_information.php'; ?> </div> </div> <div class="row pb-2"> <div class="col-6"> </div> <div class="col-6"> <div class="row d-flex justify-content-end "> <?php if((isset($global_action_permissions['7']['34']) && in_array("2", $global_action_permissions['7']['34']))){ ?> <input type="button" id="action_hold" style="display: none ;" class="col-sm-3 mb-1 mr-1 tooltip-mee btn btn-danger btn-sm" title="Hold Commission" data-html="true" data-placement="left" value="Hold"></input> <?php } ?> <?php if((isset($global_action_permissions['7']['34']) && in_array("3", $global_action_permissions['7']['34']))){ ?> <input type="button" id="action_for_release_1" style="display: none ;" class="col-sm-3 mb-1 mr-1 tooltip-mee btn btn-primary btn-sm" title="For Release Commission" data-html="true" data-placement="left" value="For Release"></input> <?php } ?> <select name="company-filter" id="accounting_<?php echo $sales_id; ?>" class="col-sm-4 form-control form-control-sm select2"> <?php $commission_accting = $db -> return_result("SELECT id,name FROM `source_commission_accounting_status` WHERE status <> 0 "); foreach($commission_accting as $data){ echo "<option value='{$data['id']}' >".$data['name']."</option>"; } ?> </select> <?php if((isset($global_action_permissions['7']['34']) && in_array("4", $global_action_permissions['7']['34']))){ ?> <input type="button" id="action_for_release" style="display: none ;" class=" col-sm-3 mb-1 mr-1 tooltip-mee btn btn-primary btn-sm" title="Release Commission" data-html="true" data-placement="left" value="Released"></input> <?php } ?> </div> </div> </div> <div class="col-sm-12 text-right" id="released_commission_date_div" style="display: ;"> <label>Released Date: </label><span id="released_commission_date"></span> </div> </div> <div class="tab-pane fade" id="custom-tabs-three-gallery" role="tabpanel" aria-labelledby="custom-tabs-three-gallery-tab"> <table id="compliance-table" class="table table-sm" data-toggle="table" data-url="" data-pagination="false" data-search="false" data-show-refresh="true" data-show-toggle="false" data-show-columns="false" data-show-columns-toggle-all="false" data-show-export="false" data-export-options='{"fileName": "Export"}' data-export-types="['xlsx','excel','csv', 'doc', 'png']" data-buttons="buttonsFunction" data-side-pagination="client" data-page-list="[10, All]" data-minimum-count-columns="2" data-show-pagination-switch="false" data-query-params="queryParams" data-click-to-select="true"> <colgroup> <col span="1" style="width: 20%;"> <col span="1" style="width: 20%;"> <col span="1" style="width: 20%;"> <col span="1" style="width: 40%;"> </colgroup> <thead> <tr> <th data-formatter="" data-sortable="true" data-field="date"> Date</th> <th data-formatter="" data-sortable="true" data-field="user"> Employee</th> <th data-formatter="" data-sortable="true" data-field="status"> Status</th> <th data-formatter="" data-sortable="true" data-field="description"> Reason</th> </tr> </thead> </table> </div> </div> </div> <!-- </div> --> </div> </div> </div> </div> </div> </div> </div> </div> <!--col-md--> </div> <!--row--> </div><!-- /.container-fluid --> </section> <!-- /.content --> </div> <!-- /.content-wrapper --> <!--Modal here--> <?php include 'include/components/sales/modal/add_sales.php'; ?> <!-- INSERT FOOTER --> <?php include('include/footer.php'); ?> <!-- Control Sidebar --> <aside class="control-sidebar control-sidebar-dark"> <!-- Control sidebar content goes here --> </aside> <!-- /.control-sidebar --> </div> <!-- ./wrapper --> </div> <!-- jQuery --> <script src="plugins/jquery/jquery.min.js"></script> <!-- overlayScrollbars --> <script src="plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></script> <!-- Select2 --> <script src="plugins/select2/js/select2.full.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> <!-- jQuery Cookie--> <script src="plugins/jquery-cookie/jquery.cookie.js"></script> <!-- Bootstrap 4 --> <script src="plugins/bootstrap/js/bootstrap.bundle.min.js"></script> <!-- Tempusdominus Bootstrap 4 --> <script src="plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js"></script> <!-- SweetAlert2 --> <script src="plugins/sweetalert2/sweetalert2.min.js"></script> <script src="dist/js/tableExport/tableExport.min.js"></script> <script src="dist/js/tableExport/libs/js-xlsx/xlsx.core.min.js"></script> <script src="dist/js/tableExport/libs/jsPDF/jspdf.umd.min.js"></script> <script src="dist/js/tableExport/libs/es6-promise/es6-promise.auto.min.js"></script> <script src="dist/js/tableExport/libs/html2canvas/html2canvas.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> <!-- Toastr --> <script src="plugins/toastr/toastr.min.js"></script> <!-- AdminLTE App --> <script src="dist/js/adminlte.min.js"></script> <!-- Ekko Lightbox --> <script src="plugins/ekko-lightbox/ekko-lightbox.min.js"></script> <!-- Navigation Highlight --> <script src="dist/js/main.js"></script> <!-- Page specific script --> <script> var sales_id = '<?php echo $sales_id; ?>'; var complete_status = ''; function initToolTip() { var bootstrapTooltip = $.fn.tooltip.noConflict(); $.fn.bstooltip = bootstrapTooltip; $('.tooltip-me').bstooltip(); } 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 back() { window.history.back(); } $(document).on('click', '[data-toggle="lightbox"]', function(event) { // event.preventDefault(); // $(this).ekkoLightbox(); event.preventDefault(); $(this).ekkoLightbox({ alwaysShowClose: true }); }); function isEmpty(string) { var flag = false; if (string == '') { flag = true; } else if (string == null) { flag = true; } else if (typeof string === 'undefined') { flag = true; } else { try { if (string.trim() == '') { flag = true; } } catch (err) { return true; } } return flag; } function readCustomerInformationMain(sales_id) { $.ajax({ url: "api/compliance/compliance.php", method: "POST", dataType: 'json', data: { apiKey: '6037364564277021', sales_id: sales_id, secure: 1 }, beforeSend: function() { $('#action_hold').hide(); $('#action_for_release_1').hide(); $('#action_for_release').hide(); $('.select2-container--default').hide(); }, success: function(result) { var json = JSON.stringify(result); data = JSON.parse(json)['rows'][0]; $.each(data, function(i, n) { if(i=='customer_id') //modify { cid = n; } var excemptedFields = ["main_corporation_name", "main_first_name", "main_middle_name", "main_last_name", "information_modified_by", "information_date_modified", "hold_commission_by", "for_release_commission_by", "released_commission_by" ]; if (excemptedFields.indexOf(i) < 0) { //not excempted list if (parseInt(data['customer_type']) === 2) { $('#' + i + '_corp_div').hide(); } $("#" + i).css('color', '') $("#sales_" + i).css('color', '') if (isEmpty(n)) { $("#" + i).text('(Missing Data)'); $("#" + i).val('(Missing Data)'); $("#" + i).css('color', 'red') $("#sales_" + i).text('(Missing Data)'); $("#sales_" + i).val('(Missing Data)'); $("#sales_" + i).css('color', 'red') } else { // alert(i) if (i == 'mobile_phone_1' \|\| i == 'email_1' \|\| i == 'facebook') { $("#" + i).text(n); $("#" + i).val(n); } else { $("#" + i).text(n); $("#" + i).val(n); $("#" + i).trigger('change') $("#" + i).css('color', '007bff') $("#sales_" + i).text(n); $("#sales_" + i).val(n); $("#sales_" + i).trigger('change') $("#sales_" + i).css('color', '007bff') } } } else { //excemted area if ((i == 'hold_commission_by' \|\| i == 'for_release_commission_by' \|\| i == 'released_commission_by') && isEmpty(n)) { $('#' + i + '_div').hide(); } else { $("#" + i).text(n); $("#" + i).val(n); $("#" + i).trigger('change') $("#sales_" + i).text(n); $("#sales_" + i).val(n); $("#sales_" + i).trigger('change') } } //modify if(i =='has_ltms' && (n=='0')) { $("#ltms-wrapper").html('<span style="color: red;">(Missing Data)</span>'); } if(i =='has_ltms' && (n=='1')) { // if (i == 'has_ltms' && (n == '1')) { // $("#ltms-wrapper").html('<a title="View file" href="/customer_view.php?q='+cid+'" ><i class="fas far fa-image"></i> View uploaded file </a> '); // } } }); var image_name = 'default.png'; if (!isEmpty(data['vehicle_image'])) { image_name = data['vehicle_image']; } if (!isEmpty(data['status'])) { complete_status = data['status']; } $('#accounting_' + sales_id).val(data['commission_accounting_status_id']).trigger('change'); if (parseInt(data['commission_id']) !== 2) { $('#released_commission_date_div').hide(); if (parseInt(data['commission_id']) === 0 \|\| parseInt(data['commission_id']) === 3) { $('#action_for_release_1').show(); } else if (parseInt(data['commission_id']) === 1) { $('#action_hold').show(); $('.select2-container--default').show(); if (parseInt(data['commission_accounting_status_id']) === 2) { $('#action_for_release').show(); } } else { $('#action_for_release').hide(); } } else { $('#released_commission_date_div').show(); } $("#profileDisplay").attr("src", "dist/img/customer/" + image_name); $("#profileDisplay_pop").attr("href", "dist/img/customer/" + image_name); $(".contact-click").attr("href", "tel:" + $('#mobile_phone_1').text()) $(".landline-click").attr("href", "tel:" + $('#main_customer_landline').text()) $(".contact2-click").attr("href", "tel:" + $('#main_customer_mobile_2').text()) $(".business-click").attr("href", "tel:" + $('#main_customer_business_mobile').text()) $(".residential-click").attr("href", "tel:" + $('#main_customer_home_mobile').text()) $(".viber-click").attr("href", "viber://chat?number=" + $('#main_viber').text()) $(".facebook-click").attr("href", "http://www.facebook.com/" + $('#facebook').text()) $(".instagram-click").attr("href", "http://instagram.com/_u/" + $('#main_instagram').text()) $(".whatsapp-click").attr("href", "https://wa.me/" + $('#main_whatsapp').text()) $(".telegram-click").attr("href", "https://t.me/" + $('#main_telegram').text()) $(".website-click").attr("href", "http://" + $('#main_website_link').text()) $(".email-click").attr("href", "mailto:" + $('#email_1').text()) $(".email2-click").attr("href", "mailto:" + $('#main_customer_email_2').text()) // $(".main_name_click").attr("href", "customer_view.php?q=" + new_customer_record_id) // $(".main_name_click").click(function() { // $.cookie("customer_selected_tab", 'custom-tabs-three-home-tab'); // }); refreshTable(); $('#loader').hide(); }, error: function(xhr, status, error) { $('#loader').hide(); back(); toastr.remove(); toastr.error('Error has occurred, Try again...'); } }); } 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; } } function commissionAction(status, title) { Swal.fire({ icon: 'question', html: title, showDenyButton: false, showCancelButton: true, confirmButtonText: `Confirm`, denyButtonText: `Don't Confirm`, }).then((result) => { if (result.isConfirmed) { // toastr.remove(); // alert('1') $.ajax({ url: "api/compliance/compliance.php", method: "POST", data: { apiKey: '2357447068264980', sales_id: sales_id, status: status }, cache: false, beforeSend: function() { sweetAlertSimple('info', 'Oops...', 'Updating...'); $('#loader').show(); }, success: function(data) { sweetAlertSimple('success', 'Oops...', 'Update successful.'); // $('#loader').hide(); readCustomerInformationMain(sales_id); } }) } else if (result.isDenied) { // Swal.fire('', 'Changes are not saved', 'info') } }) } function commissionStatusChange(status) { Swal.fire({ title: 'Enter your reason', input: 'textarea', confirmButtonText: `Confirm`, showCancelButton: true, }).then(function(result) { if (result.isConfirmed) { if (result.value) { $.ajax({ url: "api/compliance/compliance.php", method: "POST", data: { apiKey: '2357447068264980', sales_id: sales_id, status: status, description: result.value }, beforeSend: function() { sweetAlertSimple('info', 'Oops...', 'Updating...'); $('#loader').show(); }, success: function(data) { sweetAlertSimple('success', 'Oops...', 'Update successful.'); // $('#loader').hide(); readCustomerInformationMain(sales_id); } }); } else { Swal.fire({ icon: 'warning', text: 'Enter your reason to change this record status.', showDenyButton: false, showCancelButton: false, confirmButtonText: `OK`, }).then((result) => { if (result.isConfirmed) { commissionStatusChange(); } else if (result.isDenied) {} else {} }) } } }) } function initList() { var $table = $('#compliance-table'); $table.bootstrapTable('destroy') $('#compliance-table').bootstrapTable({ sidePagination: 'client', formatSearch: function() { return 'Search' }, }); } function refreshTable() { initList(); var $vehicle_table = $('#compliance-table') $(function() { $vehicle_table.bootstrapTable('refresh', { url: 'api/compliance/compliance.php' }); }) } function queryParams(params) { return { // search: params.search, // offset: params.offset, // limit: params.limit, sales_id: sales_id, apiKey: '6045085206627390' // vehicle_actions: vehicle_actions, // my_records : my_records //other filters hehe }; } $(document).ready(function() { initToolTip(); readCustomerInformationMain(sales_id); // readVehicleSaleDetailsMain(); // readBrandsOfferedMain(); $('#action_hold').click(function() { commissionAction(3, 'Are you sure, you want to <strong>HOLD</strong> the commission of this record?'); }) $('#action_for_release').click(function() { commissionAction(2, 'Are you sure you want to tag this record as <strong>RELEASED</strong>?<br>this action cannot be undone.' ); }) $('#action_for_release_1').click(function() { if (complete_status === 'INC') { commissionStatusChange(1); } else { commissionAction(1, 'Are you sure, you want to change the commission status to <strong>FOR RELEASE</strong>?' ) }; }) navigateTabs(1); var $select2 = $('#accounting_' + sales_id).select2({ minimumResultsForSearch: -1, containerCssClass: "accounting-select", dropdownCssClass: "accounting-select-dd" }) $('.select2-container--default').hide(); $select2.on('select2:select', function(e) { var data = e.params.data; // console.log(data); $.ajax({ url: "api/compliance/compliance.php", method: "POST", data: { apiKey: '3625900201207033', sales_id: sales_id, status: data.id }, beforeSend: function() { sweetAlertSimple('info', 'Oops...', 'Updating...'); $('#loader').show(); }, success: function(data) { sweetAlertSimple('success', 'Oops...', 'Update successful.'); // $('#loader').hide(); readCustomerInformationMain(sales_id); } }); }); // refreshTable(); }); </script> </body> </html>��views/sc_compliance/compliancestatus.php��0000644��00000233236�15025010632�0014572 0��ustar�00��<?php include_once('cfg/db.php'); // include('app/security/security.php'); include_once("api/controllers/utility.php"); if(!isset($_SESSION['user']['id'])){ header('location:signin.php'); } if(!(isset($global_action_permissions['7']['36']) && in_array("1", $global_action_permissions['7']['36']))){ header('location:signin.php'); } // $role_permissions = $_SESSION['user']['action_permissions']['sub_36']; $title = "Compliance Status Report"; $utility = new Utility(); $granted_company_ids = $utility->isNotEmpty($_SESSION['user']['company_permissions_implode']) ? $_SESSION['user']['company_permissions_implode'] : '-1' ; ?> <!DOCTYPE html> <html lang="en"> <head> <!-- <script src="dist/js/filter.js"></script> --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title><?php echo $variable['site_name']; ?> \| <?php echo $title; ?></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"> <!-- Default style --> <link rel="stylesheet" href="dist/css/default.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"> <!-- <link rel="stylesheet" href="dist/css/dropzone.css"> --> <!-- Theme style --> <link rel="stylesheet" href="dist/css/adminlte.min.css"> <!-- SweetAlert2 --> <link rel="stylesheet" href="plugins/sweetalert2/sweetalert2.min.css"> <!-- Bootstrrap Toggle --> <link rel="stylesheet" href="node_modules/bootstrap4-toggle/css/bootstrap4-toggle.min.css"> <!-- Toastr --> <link rel="stylesheet" href="plugins/toastr/toastr.min.css"> <link href="dist/img/<?php echo $variable['logo']; ?>" rel="icon" /> <!-- Ekko Lightbox --> <link rel="stylesheet" href="plugins/ekko-lightbox/ekko-lightbox.css"> <!-- dropzonejs --> <!-- <link rel="stylesheet" href="plugins/dropzone/min/dropzone.min.css"> --> <style> / Just add this CSS to your project / / 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; } table.fixed { table-layout: fixed; } table.fixed td { overflow: hidden; } table { cursor: pointer; } table th { cursor: default; } .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; } .select2-selection--single { height: 100% !important; padding-bottom: 0.2em !important; } .accounting-select .select2-selection__rendered { word-wrap: break-word !important; text-overflow: inherit !important; white-space: normal !important; line-height: 1.2em !important; padding-right: 0.1em !important; text-align: center; } .accounting-select-dd .select2-results__option { padding: 0.3em !important; user-select: none !important; overflow: hidden !important; -webkit-user-select: none !important; margin: 0px !important; } .accounting-select .select2-selection__arrow b { display: none !important; } </style> </head> <!-- <body class="hold-transition sidebar-mini text-sm" oncopy='return false' oncut='return false' onselectstart='return false'> --> <body class="hold-transition sidebar-mini text-sm layout-fixed"> <div id="wrapper" 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="6 0" width="60"> </div> <?php include('include/header.php'); ?> <?php include('include/sidebar.php'); ?> <!-- /.navbar --> <!-- Content Wrapper. Contains page content --> <div class="content-wrapper"> <!-- Content Header (Page header) --> <!-- Main content --> <section class="content"> <div class="container-fluid"> <div class="row"> <div class="col-md mt-3"> <div id="vehicle_table_list" class="card card-primary" style="display: "> <div class="card-header"> <h3 class="card-title"><?php echo $title; ?></h3> </div> <div class="card"> <div class="card-body pt-3"> <!-- SHORT SUMMARY AND ACTION --> <div class="row mb-2"> <div class="col-6"> <div class="p-0 m-0"> <label class="p-0 m-0"> Date Range: </label>  <span id="date_cover"></span> </div> <div class="p-0 m-0"> <label class="p-0 m-0"> Company: </label>  <span id="company_cover"></span> </div> <div class="p-0 m-0"> <label class="p-0 m-0"> Comission: </label>  <span id="commission_status_cover"></span> </div> <div class="p-0 m-0"> <label class="p-0 m-0"> Completion Status: </label>  <span id="status_cover"></span> </div> <div class="p-0 m-0"> <label class="p-0 m-0"> Brand: </label>  <span id="brand_cover"></span> </div> </div> <div class="col-6 text-right"> <div class="btn-group"> <button type="button" class="tooltip-me btn btn-default dropdown-toggle btn-sm" data-toggle="dropdown" aria-haspopup="true" title="Filter" data-html="true" data-placement="left" aria-expanded="true"> <i class="fa fa-filter" aria-hidden="true"></i> </button> <div id="dropdown-filter" class="dropdown-menu dropdown-menu-right"> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <input type="button" class="btn btn-primary btn-sm form-control form-control-sm " name="btnCustomerListNoFilter" id="btnCustomerListNoFilter" value="Reset" style="width: 100%;"></input> </div> <!--form-group dropdown--> </div> <!--form-group--> <div class="form-group mb-0" style="display:;"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <div id="filter-date" class="p-1" name="filter-date" style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc; width: 100%"> <i class="fa fa-calendar"></i>  <span></span> <i class="fa fa-angle-down mt-1 float-right"></i> </div> </div> <!--form-group dropdown--> </div> <!--form-group--> <!-- text input --> <div class="form-group mb-0" style="display:;"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="company-filter" id="company-filter" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php $company = $db -> return_result("SELECT `id`, `code` FROM `source_company` WHERE status = 1 AND id IN (".$granted_company_ids.") ORDER BY code ASC"); foreach($company as $data){ echo "<option value='{$data['id']}' >".$data['code']."</option>"; } ?> </select> </div> <!--form-group dropdown--> </div> <!--form-group--> <!-- text input --> <div class="form-group mb-0" style="display:;"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="commission-filter" id="commission-filter" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php $commission = $db -> return_result("SELECT id,name FROM `source_commission_status` WHERE id <> 3 ORDER BY FIELD(id,0,1,2)"); foreach($commission as $data){ echo "<option value='{$data['id']}' >".$data['name']."</option>"; } ?> </select> </div> <!--form-group dropdown--> </div> <div class="form-group mb-0" style="display:;"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="status-filter" id="status-filter" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <option value="1">Complete</option> <option value="0">Incomplete</option> </select> </div> <!--form-group dropdown--> </div> <!--form-group--> <!-- text input --> <div class="form-group mb-0" style="display:;"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="brand-filter" id="brand-filter" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php $brand_lst = $db -> return_result("SELECT `id`, `name` FROM `source_brand` WHERE status = 1 ORDER BY name ASC"); foreach($brand_lst as $data){ echo "<option value='{$data['id']}' >".$data['name']."</option>"; } ?> </select> </div> <!--form-group dropdown--> </div> <div class="form-group mb-0" style="display:;"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <input id="days-filter" type="text" placeholder="No. of Day/s (7,14-99)" class="form-control form-control-sm" > </div> <!--form-group dropdown--> </div> <!--form-group--> </div> </div> </div> </div> <hr> <div class="row " hidden> <!-- <div class="col-md-12"> <h4 class="no-margin">Compliance Summary</h4> </div> --> <div id="vehicle_action_all" class="col-md-2 col-sm-6 col-12" style="cursor: normal;"> <div class="info-box " style="background-color:#B5EAEA;"> <!-- <span class="info-box-icon bg-primary"><i class="fa fa-car"></i></span> --> <div class="info-box-content"> <span class="info-box-text font-weight-normal">Submitted</span> <h4><span class="info-box-number" id="total_compliance">0</span> </h4> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> <div id="vehicle_action_new" class="col-md-2 col-sm-6 col-12" style="cursor: normal;"> <div class="info-box " style="background-color:#CAF7E3;"> <!-- <span class="info-box-icon bg-info"><i class="fa fa-car"></i></span> --> <div class="info-box-content"> <div class="row"> <div class="col-10"> <span class="info-box-text font-weight-normal">Complete </span> </div> <!-- <div class="col-2"> <i class="float-right tooltip-me mt-2 mr-2 mb-0 fas fa-question-circle" style="color:blue; cursor: help;" title="Record count from last 7 days"></i> </div> --> </div> <h4><span class="info-box-number" id="complete_compliance">0</span></h4> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> <div id="vehicle_action_updated" class="col-md-2 col-sm-6 col-12" style="cursor: normal;"> <div class="info-box" style="background-color:#FFBCBC;"> <!-- <span class="info-box-icon bg-warning"><i class="fa fa fa-sync"></i></span> --> <div class="info-box-content"> <div class="row"> <div class="col-10"> <span class="info-box-text font-weight-normal">Incomplete </span> </div> <!-- <div class="col-2"> <i class="float-right tooltip-me mt-2 mr-2 mb-0 fas fa-question-circle" style="color:blue; cursor: help;" title="Record count from last 7 days"></i> </div> --> </div> <h4><span class="info-box-number" id="incomplete_compliance">0</span></h4> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <div id="vehicle_action_for_release" class="col-md-2 col-sm-6 col-12" style="cursor: normal; display: "> <div class="info-box" style="background-color:#CAF7E3;"> <!-- <span class="info-box-icon bg-warning"><i class="fa fa fa-sync"></i></span> --> <div class="info-box-content"> <div class="row"> <div class="col-10"> <span class="info-box-text font-weight-normal">Released </span> </div> </div> <h4><span class="info-box-number" id="released_compliance">0</span></h4> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> <div id="vehicle_action_for_release" class="col-md-2 col-sm-6 col-12" style="cursor: normal;"> <div class="info-box" style="background-color:#F7D59C;"> <div class="info-box-content"> <div class="row"> <div class="col-10"> <span class="info-box-text font-weight-normal">For Release </span> </div> </div> <h4><span class="info-box-number" id="for_release_compliance">0</span></h4> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <div id="vehicle_action_hold" class="col-md-2 col-sm-6 col-12" style="cursor: normal;"> <div class="info-box" style="background-color:#FFBCBC;"> <!-- <span class="info-box-icon bg-info"><i class="fa fa-car"></i></span> --> <div class="info-box-content"> <div class="row"> <div class="col-10"> <span class="info-box-text font-weight-normal">Hold </span> </div> </div> <h4><span class="info-box-number" id="hold_compliance">0</span> </h4> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> <div id="vehicle_action_added" class="col-md-2 col-sm-6 col-12" style="cursor: normal; display: none;"> <div class="info-box bg-primary"> <!-- <span class="info-box-icon bg-success"><i class="fa fa-plus"></i></span> --> <div class="info-box-content"> <span class="info-box-text font-weight-normal">Rate</span> <h4><span class="info-box-number" id="rate_compliance">0</span> </h4> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> </div> <!-- SHORT SUMMARY AND ACTION --> <div class="row"> <div class="table-responsive col-sm-12"> <table id="compliance-table" data-search="true" data-show-refresh="true" data-custom-search="customSearch" data-buttons="buttonsFunction" data-page-size="20" data-page-list="[20, 35, 50, 100, all]" data-show-columns="false" data-url="" class="table table-bordered table-hover table-sm" data-export-types="['xlsx','excel','csv', 'doc', 'png']" data-show-export="false" data-query-params="queryParams" data-pagination="true"> <thead> <tr> <th data-formatter="checkIfEmpty" data-field="release_date"> Released Date</th> <th data-formatter="checkIfEmpty" data-field="customer_name"> Customer </th> <th data-formatter="companyDealerFormatter" data-field="company_dealer"> Company & Dealer </th> <!-- <th data-formatter="checkIfEmpty" data-field="dealer">Dealer </th> --> <th data-formatter="checkIfEmpty" data-field="sales_consultant">Sales Consultant </th> <th data-formatter="vehicleInfoFormatter" data-field="vehicle_info">Vehicle </th> <th data-formatter="checkIfEmpty" data-field="conduction_sticker">CS Number </th> <th data-formatter="missingFormatter" data-field=""> Missing/Wrong Information </th> <th data-formatter="daysRemaining" data-field="release_date_count">Days </th> <!-- <th data-formatter="checkIfEmpty" data-field="conduction_sticker">CS Number </th> <th data-formatter="checkIfEmpty" data-field="brand_name"> Brand </th> <th data-formatter="checkIfEmpty" data-field="model_name"> Model </th> <th data-formatter="" data-field="complete_date">Date Complete </th> <th data-formatter="checkIfEmpty" data-field="status">Status </th> <th class="text-center" data-formatter="statusFormatter" data-events="statusEvents" data-field="commission_id"> Commission </th> <th class="text-center" data-formatter="statusFormatterAccounting" data-events="" data-field="accounting_status"> Accounting </th> <th class="text-center" data-formatter="statusFormatterReleased" data-events="statusEventsReleased" data-field="commission_id_released"> Released </th> --> </tr> </thead> </table> </div> </div> </div> <!--card-body--> </div> <!--card--> </div> </div> <!--col-md--> </div> <!--row--> </div> <!--container-fluid--> </section> <!-- /.content --> </div> <!-- /.content-wrapper --> <!-- INSERT FOOTER --> <?php include('include/footer.php'); ?> <!-- Control Sidebar --> <aside class="control-sidebar control-sidebar-dark"> <!-- Control sidebar content goes here --> </aside> <!-- /.control-sidebar --> </div> <!-- ./wrapper --> <!-- jQuery --> <script src="plugins/jquery/jquery.min.js"></script> <!-- jQuery UI 1.11.4 --> <script src="plugins/jquery-ui/jquery-ui.min.js"></script> <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip --> <script> $.widget.bridge('uibutton', $.ui.button) </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 --> <!-- html2canvas --> <!-- <script src="dist/js/html2canvas.js"></script> <script src="node_modules/html2canvas/dist/html2canvas.js"></script> --> <!-- jQuery Cookie--> <script src="plugins/jquery-cookie/jquery.cookie.js"></script> <!-- Ekko Lightbox --> <script src="plugins/ekko-lightbox/ekko-lightbox.min.js"></script> <!-- Toastr --> <script src="plugins/toastr/toastr.min.js"></script> <!-- Bootstrap Toggle --> <script src="node_modules/bootstrap4-toggle/js/bootstrap4-toggle.min.js"></script> <!-- SweetAlert2 --> <script src="plugins/sweetalert2/sweetalert2.min.js"></script> <!-- <script src="dist/js/jspdf.min.js"></script> --> <!-- <script src="plugins/bootstrap-table/js/tableExport.min.js"></script> --> <script src="dist/js/tableExport/tableExport.min.js"></script> <script src="dist/js/tableExport/libs/js-xlsx/xlsx.core.min.js"></script> <script src="dist/js/tableExport/libs/jsPDF/jspdf.umd.min.js"></script> <!-- <script src="dist/js/tableExport/libs/pdfmake/pdfmake.min.js"></script> <script src="dist/js/tableExport/libs/pdfmake/vfs_fonts.js"></script> --> <script src="dist/js/tableExport/libs/es6-promise/es6-promise.auto.min.js"></script> <script src="dist/js/tableExport/libs/html2canvas/html2canvas.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 src="dist/js/bootstrap-table.min.js"></script> --> <script> var count_vehicle_summary = null; var status_get = '0'; var permission_hold = <?php echo (isset($global_action_permissions['7']['34']) && in_array("2", $global_action_permissions['7']['34'])) ? 1 : 0 ; ?>; var permission_for_release = <?php echo (isset($global_action_permissions['7']['34']) && in_array("3", $global_action_permissions['7']['34'])) ? 1 : 0 ; ?>; var permission_released = <?php echo (isset($global_action_permissions['7']['34']) && in_array("4", $global_action_permissions['7']['34'])) ? 1 : 0 ; ?>; var export_filename = '<?php echo $title; ?>'; function resetDateRangePicker(start, end) { // daterangepicker_filter = false; $("#filter-date").data('daterangepicker').setStartDate(start); $("#filter-date").data('daterangepicker').setEndDate(end); // $('#filter-date').data('daterangepicker').chosenLabel = 'Disable'; $('#filter-date').data('daterangepicker').hideCalendars(); $('.daterangepicker').css('width', 'auto'); var startDate = start.format('MMMM DD, YYYY'); var endDate = end.format('MMMM DD, YYYY'); $('#filter-date span').html(startDate + ' - ' + endDate); cb(start, end); } function addListenerCompanyFilter() { $('#commission-filter').off('change.mychange').on('change.mychange', function() { var start = $('#filter-date').data('daterangepicker').startDate; var end = $('#filter-date').data('daterangepicker').endDate; cb(start, end); }); $('#company-filter').off('change.mychange').on('change.mychange', function() { var start = $('#filter-date').data('daterangepicker').startDate; var end = $('#filter-date').data('daterangepicker').endDate; cb(start, end); }); $('#brand-filter').off('change.mychange').on('change.mychange', function() { var start = $('#filter-date').data('daterangepicker').startDate; var end = $('#filter-date').data('daterangepicker').endDate; cb(start, end); }); $('#status-filter').off('change.mychange').on('change.mychange', function() { var start = $('#filter-date').data('daterangepicker').startDate; var end = $('#filter-date').data('daterangepicker').endDate; cb(start, end); }); $('#days-filter').off('keyup').on('keyup', delay(function(e) { var start = $('#filter-date').data('daterangepicker').startDate; var end = $('#filter-date').data('daterangepicker').endDate; cb(start, end); }, 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); }; } function passDate(startDate, endDate) { refreshTable(); } function cb(start, end) { var startDate = start.format('YYYY-MM-DD'); passDate(start, end); //pass empty dates } function buttonsFunction() { return { grid_toggle_off: { 'icon': 'fa-file-pdf', 'event': 'exportPdf', 'attributes': { 'title': 'Download PDF', 'data-test': 'test123' } }, excel_export: { 'icon': 'fa-file-excel', 'event': 'exportXlsx', 'attributes': { 'title': 'Download XLSX', 'data-test': 'test123' } } } } function initList() { var $table = $('#compliance-table'); // $table.bootstrapTable('destroy') $('#compliance-table').bootstrapTable('destroy').bootstrapTable({ sidePagination: 'server', formatSearch: function() { return 'Search...' }, onLoadSuccess: function() { $("input[data-bootstrap-switch]").each(function() { if (this.id.startsWith('released_')) { $(this).bootstrapToggle({ on: 'Released', off: '', offstyle: 'outline-secondary', onstyle: 'outline-secondary', size: 'sm' }); } else { $(this).bootstrapToggle({ on: 'For Release', off: 'Hold', offstyle: 'danger', onstyle: 'success', size: 'sm' }); } }) switchListener(); $("select[data-bootstrap-select]").each(function() { var $select2 = $(this).select2({ minimumResultsForSearch: -1, containerCssClass: "accounting-select", dropdownCssClass: "accounting-select-dd" }) }) selectListener(); }, exportOptions: { fileName: function() { return export_filename } } }); } function selectListener() { $("select[data-bootstrap-select]").each(function() { clickedId = this.id; var accounting_status = $('#' + clickedId).attr('data-accounting-status'); var sales_id = clickedId.replace('accounting_', ''); $('#' + clickedId).val(accounting_status).trigger('change'); $('#' + clickedId).on('select2:select', function(e) { var data = e.params.data; // console.log(data); $.ajax({ url: "api/compliance/compliance.php", method: "POST", data: { apiKey: '3625900201207033', sales_id: sales_id, status: data.id }, beforeSend: function() { toastr.remove(); toastr.info('Updating status...') }, success: function(data) { refreshTableSilent(); //tobe change not resetting table toastr.remove(); toastr.success('Status updated...') } }); }); }); } function switchListener() { $("input[data-bootstrap-switch]").change(function() { clickedId = this.id; if (clickedId.startsWith('released_')) { $(this).bootstrapToggle('off', true); Swal.fire({ icon: 'question', html: 'Are you sure you want to tag this record as RELEASED?<br>this action cannot be undone.', showDenyButton: false, showCancelButton: true, confirmButtonText: `Yes`, cancelButtonText: `No`, denyButtonText: `Don't Confirm`, }).then((result) => { if (result.isConfirmed) { var status = 2; var sales_id = clickedId.replace('released_', ''); $.ajax({ url: "api/compliance/compliance.php", method: "POST", data: { apiKey: '2357447068264980', sales_id: sales_id, status: status }, beforeSend: function() { toastr.remove(); toastr.info('Updating status...') }, success: function(data) { refreshTableSilent(); //tobe change not resetting table toastr.remove(); toastr.success('Status updated...') } }); } else if (result.isDenied) {} else {} }) } else { var status = document.getElementById(this.id).checked ? 1 : 3; var sales_id = clickedId; if ($('#' + clickedId).attr('data-complete-status') === 'INC' && parseInt(status) === 1) { $(this).bootstrapToggle('off', true); commissionStatusChange(status, sales_id); } else { $.ajax({ url: "api/compliance/compliance.php", method: "POST", data: { apiKey: '2357447068264980', sales_id: sales_id, status: status }, beforeSend: function() { toastr.remove(); toastr.info('Updating status...') }, success: function(data) { refreshTableSilent(); //tobe change not resetting table toastr.remove(); toastr.success('Status updated...') } }); } } }); } function commissionStatusChange(status, sales_id) { Swal.fire({ title: 'Enter your reason', input: 'textarea', confirmButtonText: `Confirm`, showCancelButton: true, }).then(function(result) { if (result.isConfirmed) { if (result.value) { $.ajax({ url: "api/compliance/compliance.php", method: "POST", data: { apiKey: '2357447068264980', sales_id: sales_id, status: status, description: result.value }, beforeSend: function() { toastr.remove(); toastr.info('Updating status...') }, success: function(data) { refreshTableSilent(); //tobe change not resetting table toastr.remove(); toastr.success('Status updated...') } }); } else { Swal.fire({ icon: 'warning', text: 'Enter your reason to change this record status.', showDenyButton: false, showCancelButton: false, confirmButtonText: `OK`, }).then((result) => { if (result.isConfirmed) { commissionStatusChange(); } else if (result.isDenied) {} else {} }) } } }) } function initToolTip() { var bootstrapTooltip = $.fn.tooltip.noConflict(); $.fn.bstooltip = bootstrapTooltip; $('.tooltip-me').bstooltip(); } function statusFormatter(value, row, index) { if (row.commission_id == 0 \|\| row.commission_id == 3) { var disabled = permission_hold ? '' : 'disabled'; return '<input id="' + row.sales_id + '" type="checkbox" title="HOLD" data-complete-status="' + row.status + '" data-bootstrap-switch data-off-color="danger" data-on-color="success" data-off-text="" data-on-text="" data-size="mini" data-handle-width="20" ' + disabled + ' > '; } else if (row.commission_id == 2) { return '<input id="' + row.sales_id + '" type="checkbox" title="FOR RELEASE" data-complete-status="' + row.status + '" checked data-bootstrap-switch data-off-color="danger" data-on-color="success" data-off-text="" data-on-text="" data-size="mini" data-handle-width="20" disabled>'; } else { var disabled = permission_for_release ? '' : 'disabled'; return '<input id="' + row.sales_id + '" type="checkbox" title="FOR RELEASE" data-complete-status="' + row.status + '" checked data-bootstrap-switch data-off-color="danger" data-on-color="success" data-off-text="" data-on-text="" data-size="mini" data-handle-width="20" ' + disabled + ' >'; } } function statusFormatterReleased(value, row, index) { if (parseInt(row.commission_id_released) === 2) { return '<input id="released_' + row.sales_id + '" type="checkbox" title="RELEASED" data-complete-status="' + row.status + '" checked data-bootstrap-switch data-off-color="danger" data-on-color="primary" data-off-text="" data-size="mini" data-on-text="" data-handle-width="20" disabled>'; } else { if (row.commission_id == 0 \|\| row.commission_id == 3 \|\| row.commission_accounting_status_id != 2) { return '<input id="released_' + row.sales_id + '" type="checkbox" title="" data-complete-status="' + row.status + '" data-bootstrap-switch data-off-color="danger" data-on-color="primary" data-off-text="" data-size="mini" data-on-text="" data-handle-width="20" disabled>'; } else { var disabled = permission_released ? '' : 'disabled'; return '<input id="released_' + row.sales_id + '" type="checkbox" title="" data-complete-status="' + row.status + '" data-bootstrap-switch data-off-color="danger" data-on-color="primary" data-off-text="" data-size="mini" data-on-text="" data-handle-width="20" ' + disabled + '>'; } } } function statusFormatterAccounting(value, row, index) { var disabled = ''; if (row.commission_id_released == 2 \|\| row.commission_id_released == 0 \|\| row.commission_id_released == 3) { disabled = 'disabled'; } return `<select name="company-filter" id="accounting_` + row.sales_id + `" class="form-control form-control-sm select2" data-accounting-status="` + row .commission_accounting_status_id + `" data-bootstrap-select style="width: 100%;" ` + disabled + `> <option value="1">ON PROCESS</option> <option value="2">FOR COLLECTION</option> <option value="3">WITH MISSING DOCUMENTS</option> <option value="4">HOLD AS PER INSTRUCTION</option> </select>`; } function refreshTable() { initList(); var $vehicle_table = $('#compliance-table') // $vehicle_table.bootstrapTable('destroy') $(function() { $vehicle_table.bootstrapTable('refresh', { url: 'api/compliance/compliance.php' }); }) // complianceCountSummary(); } function refreshTableSilent() { var $vehicle_table = $('#compliance-table') $(function() { $vehicle_table.bootstrapTable('refresh', { url: 'api/compliance/compliance.php' }); }) } function complianceCountSummary() { var start = $('#filter-date').data('daterangepicker').startDate; var end = $('#filter-date').data('daterangepicker').endDate; var company = ($("#company-filter").val() == '') ? '0' : $("#company-filter").val(); var brand = ($("#brand-filter").val() == '') ? '' : $("#brand-filter").val(); var start_date = start.format('YYYY-MM-DD'); var end_date = end.format('YYYY-MM-DD'); // alert('ds') if (count_vehicle_summary != null) { count_vehicle_summary.abort(); } count_vehicle_summary = $.ajax({ url: "api/compliance/compliance.php", type: "GET", dataType: 'json', data: { apiKey: '9917866898468776', company: company, brand: brand, start_date: start_date, end_date: end_date }, beforeSend: function() {}, success: function(result) { // result.total $('#total_compliance').text(addCommas(result.total_compliance)); $('#complete_compliance').text(addCommas(result.complete_compliance)); $('#incomplete_compliance').text(addCommas(result.incomplete_compliance)); $('#hold_compliance').text(addCommas(result.hold_compliance)); $('#for_release_compliance').text(addCommas(result.for_release_compliance)); $('#released_compliance').text(addCommas(result.released_compliance)); $('#rate_compliance').text(addCommas(result.rate_compliance)); } }); } function checkIfEmpty(value, row, index) { if (isEmpty(value)) { return "<span style='color:red;'> (Not Provided) </span>"; } return value; } function companyDealerFormatter(value, row, index) { // if (isEmpty(value)) { // return "<span style='color:red;'> (Not Provided) </span>"; // } return row.company+ '-'+row.dealer; } function vehicleInfoFormatter(value, row, index) { // if (isEmpty(value)) { // return "<span style='color:red;'> (Not Provided) </span>"; // } return row.brand_name+ '-'+row.model_name; } function missingFormatter(value, row, index) { var field_name = []; const required_fields = { "customer_name":"Name", "profession":"Profession", "position":"Position", "date_of_birth":"Birthday", "gender":"Gender", "customer_company":"Company/Business", "email_1":"Email", "mobile_phone_1":"Mobile", "address_1":"Address", "nature_of_business":"Nature of Business", // "facebook":"Facebook", "customer_affiliation":"Affiliation", "brand_name":"Brand", "model_name":"Model", "model_year":"Model Year", "release_date":"Release Date", "mode_of_sale":"Mode of Sale", "conduction_sticker":"Conduction Sticker", "vehicle_color":"Color", "type_of_payment":"Type of Payment", "insurance":"Insurance", "sales_consultant":"Sales Consultant", "sales_manager":"Sales Manager", "source_of_sale":"Source of Sale", "brand_offered":"Future Vehicle", "model_variant":"Model Variant", }; const person_only_fields = [ "gender", "date_of_birth", "position", "profession", "customer_affiliation", "customer_company", // "facebook", ]; $.each(required_fields, function(i, n) { if(isEmpty(row[i])){ if(parseInt(row['customer_type']) === 2){ if(person_only_fields.indexOf(i) !== -1){ return; } } field_name.push(required_fields[i]); } }); // console.log(field_name) return field_name.join(); } function daysRemaining(value, row, index) { return value+""; } function formatCompleteIncomplete(value, row, index) { return "<span style='color:#007bff;'>" + value + "</span>"; } function queryParams(params) { var start = $('#filter-date').data('daterangepicker').startDate; var end = $('#filter-date').data('daterangepicker').endDate; var company = ($("#company-filter").val() == '') ? '0' : $("#company-filter").val(); var brand = ($("#brand-filter").val() == '') ? '' : $("#brand-filter").val(); var commission = ($("#commission-filter").val() == '') ? '' : $("#commission-filter").val(); var status_filter = ($("#status-filter").val() == '') ? '' : $("#status-filter").val(); var start_date = start.format('YYYY-MM-DD'); var end_date = end.format('YYYY-MM-DD'); var days_filter = ($("#days-filter").val() == '') ? '' : $("#days-filter").val(); $('#date_cover').text(start.format('MM/DD/YYYY')+' - '+end.format('MM/DD/YYYY')); $('#company_cover').text(company == '0' ? 'All' :$("#company-filter option:selected").text()); $('#commission_status_cover').text(commission == '' ? 'All' :$("#commission-filter option:selected").text()); $('#status_cover').text(status_filter == '' ? 'All' :$("#status-filter option:selected").text()); $('#brand_cover').text(brand == '' ? 'All' :$("#brand-filter option:selected").text()); $.cookie("hold_inc_start_date",start_date); $.cookie("hold_inc_end_date",end_date); return { search: params.search, offset: params.offset, limit: params.limit, company: company, brand: brand, commission_status: commission, start_date: start_date, end_date: end_date, status: status_filter, days:days_filter, apiKey: '6037364564277021', secure: 0 }; } function back() { window.history.back(); } function isEmpty(string) { var flag = false; try { string = string.trim(); if (string == '') { flag = true; } else if (string == null) { flag = true; } else if (string == '-') { flag = true; } else { return false; } } catch (err) { return true; } return flag; } function getCookie(name) { var match = document.cookie.match(RegExp('(?:^\|;\\s)' + name + '=([^;])')); return match ? match[1] : null; } function setDateRangePickerWidth(isMobile) { if ($(".daterangepicker").hasClass('show-calendar') && !isMobile) { $('.daterangepicker').css('width', '630px'); } else { $('.daterangepicker').css('width', 'auto'); } } function tableMobileFormatter(value, row, index) { if (isEmpty(value)) { return "<span style='color:red;'> (Not Provided) </span>"; } if (value == '-1') { return ""; } return "<a href='tel:" + value + "'>" + value + "</a>"; } function tableEmailFormatter(value, row, index) { if (isEmpty(value)) { return "<span style='color:red;'> (Not Provided) </span>"; } if (value == '-1') { return ""; } return "<a href='mailto:" + value + "'>" + value + "</a>"; } function addCommas(numberString) { numberString += ''; var x = numberString.split('.'), x1 = x[0], x2 = x.length > 1 ? '.' + x[1] : '', rgxp = /(\d+)(\d{3})/; while (rgxp.test(x1)) { x1 = x1.replace(rgxp, '$1' + ',' + '$2'); } return x1 + x2; } function exportPdf() { $('#compliance-table').tableExport({ onCellHtmlData: DoOnCellHtmlData, // ignoreColumn: [9,10], fileName: export_filename, type: 'pdf', jspdf: { orientation: 'h', margins: { left: 10, right: 10, top: 85, bottom: 20 }, autotable: { startY: false, startX: 10, showHeader: 'firstPage', margin: { top: 10 }, bodyStyles: { valign: "top" }, theme: "striped", beforePageContent: function(data) { //console.log(data.settings.tableExport.doc);return; var doc = data.settings.tableExport.doc; // Internal jspdf instance var company = ($("#company-filter").val() == '') ? '0' : $("#company-filter").val(); var brand = ($("#brand-filter").val() == '') ? '0' : $("#brand-filter").val(); var commission = ($("#commission-filter").val() == '') ? '' : $("#commission-filter").val(); var status_filter = ($("#status-filter").val() == '') ? '' : $("#status-filter").val(); var start = $('#filter-date').data('daterangepicker').startDate; var end = $('#filter-date').data('daterangepicker').endDate; // $('#date_cover').text(start.format('MM/DD/YYYY')+' - '+end.format('MM/DD/YYYY')); // $('#company_cover').text(); // $('#commission_status_cover').text(); var company_status = company == '0' ? 'All' :$("#company-filter option:selected").text(); var brand_status = brand == '0' ? 'All' :$("#brand-filter option:selected").text(); var commission_status = commission == '' ? 'All' :$("#commission-filter option:selected").text(); var completion_status = status_filter == '' ? 'All' :$("#status-filter option:selected").text(); console.log(doc.getFontList()); doc.setFontSize(12); doc.text(export_filename, data.settings.margin.top - 75, 20); doc.setFont('helvetica', 'normal'); doc.setFontSize(10); doc.text('Date: '+moment(start).format('MMMM DD, YYYY') + ' - ' + moment( end).format('MMMM DD, YYYY'), data.settings.margin.top - 75, 32); doc.text('Company: '+company_status, data.settings.margin.top - 75, 45); doc.text('Status: '+commission_status, data.settings.margin.top - 75, 58); doc.text('Completion: '+completion_status, data.settings.margin.top - 75, 70); doc.text('Brand: '+brand_status, data.settings.margin.top - 75, 82); var str = "Page " + doc.internal.getNumberOfPages() + ' - ' + export_filename; doc.setFont('Times', 'normal'); doc.setFontSize(10); // jsPDF 1.4+ uses getWidth, <1.4 uses .width var pageSize = doc.internal.pageSize; var pageHeight = pageSize.height ? pageSize.height : pageSize.getHeight(); doc.text(str, data.settings.margin.left, pageHeight - 10); }, styles: { overflow: 'linebreak', fontSize: 8, overflowColumns: 'linebreak' } } } }); } function exportXlsx() { $('#compliance-table').tableExport({ onCellHtmlData: DoOnCellHtmlData, // ignoreColumn: [9,10], fileName: export_filename, type: 'xlsx' }); } //Processing export content, this method can customize the content of a row, column, or even cell, that is, set its value to what you want. function DoOnCellHtmlData(cell, row, col, data) { // console.log(row) if ((col == '9' \|\| col == '11') && parseInt(row) > 0) { var spanObj = $(data); //Convert a string labeled <span title="val"> </span> to a jQuery object var spanObj2 = $(spanObj[0].innerHTML); var title = spanObj2.attr( "title"); //Read the value of title attribute in <span title="val"</span>. if (typeof(title) != 'undefined') { return title; } } else if ((col == '10') && parseInt(row) > 0) { var spanObj = $(data); return spanObj[1].innerText; } else { return data; } } function DoCellData(cell, row, col, data) { // console.log(data) } function DoBeforeAutotable(table, headers, rows, AutotableSettings) {} </script> <script> $(function() { initToolTip(); var start = null; var end = null; if ( (getCookie("hold_inc_start_date") == null \|\| $.cookie("hold_inc_start_date") == '') \|\| (getCookie("hold_inc_end_date") == null \|\| $.cookie("hold_inc_end_date") == '') ) { start = moment().startOf('month'); end = moment().endOf('month'); } else { start = moment($.cookie("hold_inc_start_date")); end = moment($.cookie("hold_inc_end_date")); } $('#status-filter').val('0').trigger('change'); $('#commission-filter').val('0').trigger('change'); $('#filter-date').daterangepicker({ autoUpdateInput: false, showDropdowns: true, parentEl: '#dropdown-filter', locale: { cancelLabel: 'Cancel' }, startDate: start, opens: "left", endDate: end, ranges: { 'Today': [moment(), moment()], 'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')], 'Last 7 Days': [moment().subtract(6, 'days'), moment()], 'Last 30 Days': [moment().subtract(29, 'days'), moment()], 'This Month': [moment().startOf('month'), moment().endOf('month')], 'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')], 'This Year': [moment().startOf('year'), moment().endOf('year')], 'Last Year': [moment().subtract(1, 'year').startOf('year'), moment().subtract(1, 'year').endOf('year')] } }); resetDateRangePicker(start, end); let isMobile = window.matchMedia("only screen and (max-width: 760px)").matches; $(".daterangepicker").click(function() { setDateRangePickerWidth(isMobile); }); $("#filter-date").click(function() { setDateRangePickerWidth(isMobile); }); $('#company-filter').select2({ placeholder: "Company", allowClear: true }) $('#brand-filter').select2({ placeholder: "Brand", allowClear: true }) $('#commission-filter').select2({ placeholder: "Commission Status", allowClear: true }) $('#status-filter').select2({ placeholder: "Completion", allowClear: true }) addListenerCompanyFilter(); $('#filter-date').on('apply.daterangepicker', function(ev, picker) { $('#filter-date span').html(picker.startDate.format('MMMM D, YYYY') + ' - ' + picker.endDate .format( 'MMMM D, YYYY')); cb(picker.startDate, picker.endDate); }); $('#filter-date').on('cancel.daterangepicker', function(ev, picker) { $('#filter-date').data('daterangepicker').hideCalendars(); }); $('#btnCustomerListNoFilter').click(function() { $('#company-filter').off('change.mychange'); //off the company filter built in change event $('#brand-filter').off('change.mychange'); //off the company filter built in change event $('#commission-filter').off( 'change.mychange'); //off the company filter built in change event $('#status-filter').off('change.mychange'); //off the company filter built in change event $('#days-filter').off('keyup'); $('#company-filter').val('').trigger('change') //triggr change $('#brand-filter').val('').trigger('change') //triggr change $('#commission-filter').val('0').trigger('change') //triggr change $('#status-filter').val('0').trigger('change') //triggr change $('#days-filter').val(''); //triggr change addListenerCompanyFilter(); //enable afain the company filter even t var start = moment().startOf('month'); var end = moment().endOf('month'); resetDateRangePicker(start, end); }) // //for click bnalloon not hiding -> filter document.getElementById("dropdown-filter").addEventListener('click', function(event) { event.stopPropagation(); }); $('#compliance-table').on('click-cell.bs.table', function(field, value, row, $el) { return false; if (value != "commission_id" && value != "commission_id_released" && value != "accounting_status") { var url = "<?php echo $variable['site_link']?>sc_compliance_client.php?q=" + $el .sales_id; window.location.href = url; } }); setTimeout(function() {}, 3000); }); window.statusEvents = { 'click .bootstrap-switch': function(e, value, row, index) { var status = parseInt(value) === 0 ? 1 : 3; var sales_id = row.sales_id; $.ajax({ url: "api/compliance/compliance.php", method: "POST", data: { apiKey: '2357447068264980', sales_id: sales_id, status: status }, success: function(data) { refreshTable(); } }); } }; window.statusEventsReleased = { 'click :checkbox': function(e, value, row, index) { var status = 2; var sales_id = row.sales_id; $.ajax({ url: "api/compliance/compliance.php", method: "POST", data: { apiKey: '2357447068264980', sales_id: sales_id, status: status }, success: function(data) { refreshTable(); } }); } }; </script> </body> </html>��views/sc_compliance/compliance.php��0000644��00000131350�15025010632�0013320 0��ustar�00��<?php include_once('cfg/db.php'); // include('app/security/security.php'); include_once("api/controllers/utility.php"); if (!isset($_SESSION['user']['id'])) { header('location:signin.php'); } if (!(isset($global_action_permissions['7']['33']) && in_array("1", $global_action_permissions['7']['33']))) { header('location:signin.php'); } // echo $_SERVER['HTTP_REFERER']; if (!isset($_REQUEST['q'])) { $sc_id = ""; $title = "Executive Report"; } else { $sc_id = $db->escape($_REQUEST['q']); $sc_name = $db->select("SELECT CONCAT(first_name, ' ' ,last_name) FROM sales_consultant WHERE id = $sc_id"); $sc_name = ucwords(strtolower($sc_name)); $title = $sc_name . " Compliance Report"; } $utility = new Utility(); $granted_company_ids = $utility->isNotEmpty($_SESSION['user']['company_permissions_implode']) ? $_SESSION['user']['company_permissions_implode'] : '-1'; // $isRoNumberSet = 0; // $isPlateCsIsSet = 0; // $isOrderNumberSet = 0; // $plate_number = ""; // $cs_number = ""; // $vehicle_id = ""; // $vehicle_customer_id = ""; // if(isset($_GET['vehicle'])){ // $table = $_GET['vehicle']; // } else { // $table = "true"; // } // if($table == "true"){ // $isPlateCsIsSet = 0; // } else { // if((isset($_GET['plate_number']) && isNotEmpty($_GET['plate_number'])) \|\| (isset($_GET['cs_number']) && isNotEmpty($_GET['cs_number']))){ // $plate_number = $db->escape(trim($_GET['plate_number'])); // $cs_number = $db->escape(trim($_GET['cs_number'])); // $vehicle_id = $db->escape(trim($_GET['vehicle_id'])); // $vehicle_customer_id = $db->escape(trim($_GET['vehicle_customer_id'])); // $isPlateCsIsSet = 1; // } else if((isset($_GET['order_number'])) && (isNotEmpty($_GET['order_number']))){ // $isPlateCsIsSet = 1; // } // } // function isNotEmpty($data){ // return preg_match('/\S/', $data); // } ?> <!DOCTYPE html> <html lang="en"> <head> <!-- <script src="dist/js/filter.js"></script> --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title><?php echo $variable['site_name']; ?> \| <?php echo $title; ?></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"> <!-- Default style --> <link rel="stylesheet" href="dist/css/default.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"> <!-- <link rel="stylesheet" href="dist/css/dropzone.css"> --> <!-- Theme style --> <link rel="stylesheet" href="dist/css/adminlte.min.css"> <!-- SweetAlert2 --> <link rel="stylesheet" href="plugins/sweetalert2/sweetalert2.min.css"> <!-- Toastr --> <link rel="stylesheet" href="plugins/toastr/toastr.min.css"> <link href="dist/img/<?php echo $variable['logo']; ?>" rel="icon" /> <!-- Ekko Lightbox --> <link rel="stylesheet" href="plugins/ekko-lightbox/ekko-lightbox.css"> <!-- dropzonejs --> <!-- <link rel="stylesheet" href="plugins/dropzone/min/dropzone.min.css"> --> <style> / Just add this CSS to your project / / 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; } table.fixed { table-layout: fixed; } table.fixed td { overflow: hidden; } table { cursor: pointer; } table th { cursor: default; } .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; } </style> </head> <!-- <body class="hold-transition sidebar-mini text-sm" oncopy='return false' oncut='return false' onselectstart='return false'> --> <body class="hold-transition sidebar-mini text-sm layout-fixed"> <div id="wrapper" 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="6 0" width="60"> </div> <?php include('include/header.php'); ?> <?php include('include/sidebar.php'); ?> <!-- /.navbar --> <!-- Content Wrapper. Contains page content --> <div class="content-wrapper"> <!-- Content Header (Page header) --> <!-- Main content --> <section class="content"> <div class="container-fluid"> <div class="row"> <div class="col-md mt-3"> <div id="vehicle_table_list" class="card card-primary" style="display: "> <div class="card-header"> <?php if ($utility->isNotEmpty($sc_id)) { ?> <h3 class="card-title"><button class="btn btn-tool" title="Go back" type="button" onclick="back()"><i class="fas fa-arrow-alt-circle-left fa-2x"></i></button> <span class="sales-person-name"></span> <?php echo $title; ?></h3> <?php } else { ?> <h3 class="card-title"><?php echo $title; ?></h3> <?php } ?> </div> <div class="card"> <div class="card-body pt-3"> <!-- SHORT SUMMARY AND ACTION --> <div class="row"> <div class="col-6 text-left"> <div class="p-0 m-0"> <label class="p-0 m-0"> Date Range: </label>  <span id="date_cover"></span> </div> <div class="p-0 m-0"> <label class="p-0 m-0"> Company: </label>  <span id="company_cover"></span> </div> <!-- <input type="button" style="display:none;" id="customer-vehicle-button" class="btn btn-primary btn-sm mr-1" value="New Vehicle" title="New Vehicle"></input> --> </div> <div class="col-6 text-right"> <div class="btn-group mt-2"> <button type="button" class="tooltip-me btn btn-default dropdown-toggle btn-sm" data-toggle="dropdown" aria-haspopup="true" title="Filter" data-html="true" data-placement="left" aria-expanded="true"> <i class="fa fa-filter" aria-hidden="true"></i> </button> <div id="dropdown-filter" class="dropdown-menu dropdown-menu-right"> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <input type="button" class="btn btn-primary btn-sm form-control form-control-sm " name="btnCustomerListNoFilter" id="btnCustomerListNoFilter" value="Reset" style="width: 100%;"></input> </div> <!--form-group dropdown--> </div> <!--form-group--> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <div id="filter-date" class="p-1" name="filter-date" style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc; width: 100%"> <i class="fa fa-calendar"></i>  <span></span> <i class="fa fa-angle-down mt-1 float-right"></i> </div> </div> <!--form-group dropdown--> </div> <!--form-group--> <!-- text input --> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="company-filter" id="company-filter" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php $company = $db->return_result("SELECT `id`, `code` FROM `source_company` WHERE status = 1 AND id IN (" . $granted_company_ids . ") ORDER BY code ASC"); foreach ($company as $data) { echo "<option value='{$data['id']}' >" . $data['code'] . "</option>"; } ?> </select> </div> <!--form-group dropdown--> </div> <!--form-group--> </div> </div> </div> </div> <hr class="mt-1"> <div class="row"> <!-- <div class="col-md-12"> <h4 class="no-margin">Compliance Summary</h4> </div> --> <div id="vehicle_action_all" class="col-md-3 col-sm-6 col-12" style="cursor: normal;"> <div class="info-box"> <span class="info-box-icon bg-primary"><i class="fa fa-car"></i></span> <div class="info-box-content"> <span class="info-box-text">Submitted</span> <span class="info-box-number" id="total_compliance">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> <div id="vehicle_action_new" class="col-md-3 col-sm-6 col-12" style="cursor: normal;"> <div class="info-box"> <span class="info-box-icon bg-info"><i class="fa fa-car"></i></span> <div class="info-box-content"> <div class="row"> <div class="col-10"> <span class="info-box-text">Complete </span> </div> <!-- <div class="col-2"> <i class="float-right tooltip-me mt-2 mr-2 mb-0 fas fa-question-circle" style="color:blue; cursor: help;" title="Record count from last 7 days"></i> </div> --> </div> <span class="info-box-number" id="complete_compliance">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> <div id="vehicle_action_updated" class="col-md-3 col-sm-6 col-12" style="cursor: normal;"> <div class="info-box"> <span class="info-box-icon bg-warning"><i class="fa fa fa-sync"></i></span> <div class="info-box-content"> <div class="row"> <div class="col-10"> <span class="info-box-text">Incomplete </span> </div> <!-- <div class="col-2"> <i class="float-right tooltip-me mt-2 mr-2 mb-0 fas fa-question-circle" style="color:blue; cursor: help;" title="Record count from last 7 days"></i> </div> --> </div> <span class="info-box-number" id="incomplete_compliance">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> <div id="vehicle_action_added" class="col-md-3 col-sm-6 col-12" style="cursor: normal;"> <div class="info-box"> <span class="info-box-icon bg-success"><i class="fa fa-plus"></i></span> <div class="info-box-content"> <span class="info-box-text">Rate</span> <span class="info-box-number" id="rate_compliance">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> </div> <!-- SHORT SUMMARY AND ACTION --> <div class="row"> <div class="col-sm-12"> <!-- <div class="card card-primary"> <div class="card-header"> <h3 class="card-title">Fields Percentage</h3> <div class="card-tools"> <button type="button" class="btn btn-tool" data-card-widget="collapse"> <i class="fas fa-minus"></i> </button> </div> </div> <div class="card-body p-0"> --> <table id="compliance-table" class="table table-sm" data-toggle="table" data-url="" data-pagination="false" data-search="false" data-show-refresh="true" data-show-toggle="false" data-show-columns="false" data-show-columns-toggle-all="false" data-show-export="false" data-export-options='{"fileName": "Executive Report"}' data-export-types="['xlsx','excel','csv', 'doc', 'png']" data-buttons="buttonsFunction" data-side-pagination="client" data-page-list="[10, All]" data-minimum-count-columns="2" data-show-pagination-switch="false" data-query-params="queryParams" data-click-to-select="true"> <thead> <tr> <th data-formatter="checkIfEmpty" data-sortable="true" data-field="information"> Information</th> <!-- <th data-formatter="checkIfEmpty" data-sortable="true" data-field="submitted">Submitted</th> --> <th data-formatter="formatCompleteIncomplete" data-sortable="true" data-field="complete"> Complete</th> <th data-formatter="formatCompleteIncomplete" data-sortable="true" data-field="incomplete"> Incomplete</th> <th data-formatter="checkIfEmpty" data-sortable="true" data-field="score">Score (%)</th> </tr> </thead> </table> <!-- </div> </div> --> </div> <div class="col-sm-6" hidden> <div class="card card-primary"> <div class="card-header"> <h3 class="card-title">YTD Percentage</h3> <div class="card-tools"> <button type="button" class="btn btn-tool" data-card-widget="collapse"> <i class="fas fa-minus"></i> </button> </div> <!-- /.card-tools --> </div> <!-- /.card-header --> <div class="card-body p-0"> adas </div> <!-- /.card-body --> </div> </div> </div> </div> <!--card-body--> </div> <!--card--> </div> </div> <!--col-md--> </div> <!--row--> </div> <!--container-fluid--> </section> <!-- /.content --> </div> <!-- /.content-wrapper --> <!--Modal here--> <!-- INSERT FOOTER --> <?php include('include/footer.php'); ?> <!-- Control Sidebar --> <aside class="control-sidebar control-sidebar-dark"> <!-- Control sidebar content goes here --> </aside> <!-- /.control-sidebar --> </div> <!-- ./wrapper --> </div> <!-- jQuery --> <script src="plugins/jquery/jquery.min.js"></script> <!-- jQuery UI 1.11.4 --> <script src="plugins/jquery-ui/jquery-ui.min.js"></script> <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip --> <script> $.widget.bridge('uibutton', $.ui.button) </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 --> <!-- jQuery Cookie--> <script src="plugins/jquery-cookie/jquery.cookie.js"></script> <!-- Ekko Lightbox --> <script src="plugins/ekko-lightbox/ekko-lightbox.min.js"></script> <!-- Toastr --> <script src="plugins/toastr/toastr.min.js"></script> <!-- SweetAlert2 --> <script src="plugins/sweetalert2/sweetalert2.min.js"></script> <script src="dist/js/tableExport/tableExport.min.js"></script> <script src="dist/js/tableExport/libs/js-xlsx/xlsx.core.min.js"></script> <script src="dist/js/tableExport/libs/jsPDF/jspdf.umd.min.js"></script> <script src="dist/js/tableExport/libs/es6-promise/es6-promise.auto.min.js"></script> <script src="dist/js/tableExport/libs/html2canvas/html2canvas.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 count_vehicle_summary = null; var sc_id = '<?php echo $sc_id; ?>'; function resetDateRangePicker(start, end) { // daterangepicker_filter = false; $("#filter-date").data('daterangepicker').setStartDate(start); $("#filter-date").data('daterangepicker').setEndDate(end); // $('#filter-date').data('daterangepicker').chosenLabel = 'Disable'; $('#filter-date').data('daterangepicker').hideCalendars(); $('.daterangepicker').css('width', 'auto'); var startDate = start.format('MMMM DD, YYYY'); var endDate = end.format('MMMM DD, YYYY'); $('#filter-date span').html(startDate + ' - ' + endDate); cb(start, end); } function addListenerCompanyFilter() { $('#company-filter').off('change.mychange').on('change.mychange', function() { var start = $('#filter-date').data('daterangepicker').startDate; var end = $('#filter-date').data('daterangepicker').endDate; cb(start, end); }); } function passDate(startDate, endDate) { var company = ($("#company-filter").val() == '') ? '0' : $("#company-filter").val(); filtered_company = (parseInt(company) === 0) ? '' : '&selected_company=' + company; filtered_date_start = (startDate === '') ? '' : '&start_date=' + startDate; filtered_date_end = (endDate === '') ? '' : '&end_date=' + endDate; refreshTable(); // getTotalCustomerCount(startDate, endDate, company); // getTotalVehicleCount(startDate, endDate, company); // getTotalServiceCount(startDate, endDate, company); // getTotalSalesCount(startDate, endDate, company); // showGraph(startDate, endDate, company); // showGraphCompany(startDate, endDate, company); // showDonut(startDate, endDate, company); // showPie(startDate, endDate, company); } function buttonsFunction() { return { grid_toggle_off: { 'icon': 'fa-file-pdf', 'event': 'exportPdf', 'attributes': { 'title': 'Download PDF', 'data-test': 'test123' } }, excel_export: { 'icon': 'fa-file-excel', 'event': 'exportXlsx', 'attributes': { 'title': 'Download XLSX', 'data-test': 'test123' } } } } function exportXlsx() { $('#compliance-table').tableExport({ // onCellHtmlData: DoOnCellHtmlData, // ignoreColumn: [9,10], fileName: 'Executive Report', type: 'xlsx' }); } function exportPdf() { // $('#compliance-table').tableExport({ // fileName: export_filename, // type: 'pdf', // jspdf: { // orientation: 'p', // margins: { // left: 20, // top: 10 // }, // autotable: { // styles: { // overflow: 'linebreak' // }, // tableWidth: 'wrap' // }, // } // }); $('#compliance-table').tableExport({ // ignoreColumn: [9,10], fileName: 'Executive Report', type: 'pdf', jspdf: { orientation: 'p', margins: { left: 20, right: 10, top: 20, bottom: 20 }, autotable: { styles: { overflow: 'linebreak' }, tableWidth: 'wrap', tableExport: { onBeforeAutotable: DoBeforeAutotable, onCellData: DoCellData } } } }); // $('#compliance-table').tableExport({type:'pdf', // pdfmake:{ // enabled:true, // docDefinition:{pageOrientation:'portrait'}} // }); } function DoCellData(cell, row, col, data) { // console.log(data) } function DoBeforeAutotable(table, headers, rows, AutotableSettings) {} function cb(start, end) { var startDate = start.format('YYYY-MM-DD'); passDate(start, end); //pass empty dates } function initList() { var $table = $('#compliance-table'); // $table.bootstrapTable('destroy') $('#compliance-table').bootstrapTable({ sidePagination: 'server', formatSearch: function() { return 'Search' }, }); } function initToolTip() { var bootstrapTooltip = $.fn.tooltip.noConflict(); $.fn.bstooltip = bootstrapTooltip; $('.tooltip-me').bstooltip(); } function refreshTable() { initList(); var $vehicle_table = $('#compliance-table') // $vehicle_table.bootstrapTable('destroy') $(function() { $vehicle_table.bootstrapTable('refresh', { url: 'api/compliance/compliance.php' }); }) complianceCountSummary(); } function complianceCountSummary() { var start = $('#filter-date').data('daterangepicker').startDate; var end = $('#filter-date').data('daterangepicker').endDate; var company = ($("#company-filter").val() == '') ? '0' : $("#company-filter").val(); var start_date = start.format('YYYY-MM-DD'); var end_date = end.format('YYYY-MM-DD'); $('#date_cover').text(start.format('MM/DD/YYYY') + ' - ' + end.format('MM/DD/YYYY')); $('#company_cover').text(company == '0' ? 'All' : $("#company-filter option:selected").text()); // alert('ds') if (count_vehicle_summary != null) { count_vehicle_summary.abort(); } count_vehicle_summary = $.ajax({ url: "api/compliance/compliance.php", type: "GET", dataType: 'json', data: { apiKey: '9917866898468776', sc_id: sc_id, company: company, start_date: start_date, end_date: end_date }, beforeSend: function() {}, success: function(result) { // result.total $('#total_compliance').text(result.total_compliance); $('#complete_compliance').text(result.complete_compliance); $('#incomplete_compliance').text(result.incomplete_compliance); $('#rate_compliance').text(result.rate_compliance); } }); } function checkIfEmpty(value, row, index) { if (isEmpty(value)) { return "<span style='color:red;'> (Not Provided) </span>"; } return value; } function formatCompleteIncomplete(value, row, index) { return "<span style='color:#007bff;'>" + value + "</span>"; } function getASANameByASAID(objectId) { $.ajax({ url: 'https://www.autohub.ph/connect/LOAD_SALES_PERSON.php', type: "POST", dataType: 'json', data: { uid: sc_id, apiKey: '3892635489643867' }, beforeSend: function() {}, success: function(result) { // alert(result['rows'][0].u_lname) var name = result['rows'][0].u_fname + ' ' + result['rows'][0].u_lname; $("." + objectId).text(name); // alert(name) // var newOption = new Option(name, sc_id, true, true); // $("#" + objectId).append(newOption).trigger('change'); } }); } function queryParams(params) { var start = $('#filter-date').data('daterangepicker').startDate; var end = $('#filter-date').data('daterangepicker').endDate; var company = ($("#company-filter").val() == '') ? '0' : $("#company-filter").val(); var start_date = start.format('YYYY-MM-DD'); var end_date = end.format('YYYY-MM-DD'); $.cookie("compliance_start_date", start_date); $.cookie("compliance_end_date", end_date); return { // search: params.search, // offset: params.offset, // limit: params.limit, // dms: dms, company: company, start_date: start_date, end_date: end_date, sc_id: sc_id, apiKey: '2679462138438190' // vehicle_actions: vehicle_actions, // my_records : my_records //other filters hehe }; } function back() { window.history.back(); } function isEmpty(string) { var flag = false; try { string = string.trim(); if (string == '') { flag = true; } else if (string == null) { flag = true; } else if (string == '-') { flag = true; } else { return false; } } catch (err) { return true; } return flag; } function getCookie(name) { var match = document.cookie.match(RegExp('(?:^\|;\\s)' + name + '=([^;])')); return match ? match[1] : null; } function setDateRangePickerWidth(isMobile) { if ($(".daterangepicker").hasClass('show-calendar') && !isMobile) { $('.daterangepicker').css('width', '630px'); } else { $('.daterangepicker').css('width', 'auto'); } } </script> <script> $(function() { initToolTip(); var start = null; var end = null; if ( (getCookie("compliance_start_date") == null \|\| $.cookie("compliance_start_date") == '') \|\| (getCookie("compliance_end_date") == null \|\| $.cookie("compliance_end_date") == '') ) { // alert("no") start = moment().startOf('month'); end = moment().endOf('month'); } else { start = moment($.cookie("compliance_start_date")); end = moment($.cookie("compliance_end_date")); // alert(start) // alert(start) } // alert(start); // $('input[name="daterange"]').daterangepicker({ // opens: 'left' // }, function(start, end, label) { // console.log("A new date selection was made: " + start.format('YYYY-MM-DD') + ' to ' + end // .format('YYYY-MM-DD')); // }); $('#filter-date').daterangepicker({ autoUpdateInput: false, showDropdowns: true, parentEl: '#dropdown-filter', locale: { cancelLabel: 'Cancel' }, startDate: start, opens: "left", endDate: end, ranges: { 'Today': [moment(), moment()], 'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')], 'Last 7 Days': [moment().subtract(6, 'days'), moment()], 'Last 30 Days': [moment().subtract(29, 'days'), moment()], 'This Month': [moment().startOf('month'), moment().endOf('month')], 'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')], 'This Year': [moment().startOf('year'), moment().endOf('year')], 'Last Year': [moment().subtract(1, 'year').startOf('year'), moment().subtract(1, 'year').endOf('year')] } }); // var start = $('#filter-date').data('daterangepicker').startDate; resetDateRangePicker(start, end); let isMobile = window.matchMedia("only screen and (max-width: 760px)").matches; $(".daterangepicker").click(function() { setDateRangePickerWidth(isMobile); }); $("#filter-date").click(function() { setDateRangePickerWidth(isMobile); }); $('#company-filter').select2({ placeholder: "Company", allowClear: true }) addListenerCompanyFilter(); $('#filter-date').on('apply.daterangepicker', function(ev, picker) { $('#filter-date span').html(picker.startDate.format('MMMM D, YYYY') + ' - ' + picker.endDate .format( 'MMMM D, YYYY')); cb(picker.startDate, picker.endDate); }); $('#filter-date').on('cancel.daterangepicker', function(ev, picker) { $('#filter-date').data('daterangepicker').hideCalendars(); }); $('#btnCustomerListNoFilter').click(function() { $('#company-filter').off('change.mychange'); //off the company filter built in change event $('#company-filter').val('').trigger('change') //triggr change addListenerCompanyFilter(); //enable afain the company filter even t var start = moment().startOf('month'); var end = moment().endOf('month'); resetDateRangePicker(start, end); }) // //for click bnalloon not hiding -> filter document.getElementById("dropdown-filter").addEventListener('click', function(event) { event.stopPropagation(); }); if (!isEmpty(sc_id)) { // getASANameByASAID('sales-person-name'); } }); // refreshTable(); $('#compliance-table').on('click-cell.bs.table', function(field, value, row, $el) { var status = ''; if (value == 'complete') { status = 1; } else if (value == 'incomplete') { status = 0; } // if(isEmpty(sc_id)){ var start = $('#filter-date').data('daterangepicker').startDate; var end = $('#filter-date').data('daterangepicker').endDate; var company = ($("#company-filter").val() == '') ? '0' : $("#company-filter").val(); var start_date = start.format('YYYY-MM-DD'); var end_date = end.format('YYYY-MM-DD'); var url = "<?php echo $variable['site_link'] ?>compliance_clients.php?q=" + sc_id + "&type=" + $el.information_code + "&start=" + start_date + "&end=" + end_date + "&company=" + company + "&status=" + status; window.location.href = url; // }else{ // var url = "<?php echo $variable['site_link'] ?>compliance_clients.php?q=" + sc_id + "&type=" + // $el.information_code + "&status=" + status; // window.location.href = url; // } // vehicleInfo($el.id,$el.c ustomer_record_id); // vehicle_id = $el.id; // customer_id = $el.customer_id; // customer_record_id = $el.customer_record_id; }); </script> </body> </html>��views/sc_compliance/sc_compliance_clients08-11-24.php��0000644��00000223241�15025010632�0016341 0��ustar�00��<?php include_once('cfg/db.php'); // include('app/security/security.php'); include_once("api/controllers/utility.php"); if (!isset($_SESSION['user']['id'])) { header('location:signin.php'); } if (!(isset($global_action_permissions['7']['34']) && in_array("1", $global_action_permissions['7']['34']))) { header('location:signin.php'); } // $role_permissions = $_SESSION['user']['action_permissions']['sub_34']; // echo $_SERVER['HTTP_REFERER']; if (!isset($_REQUEST['q'])) { header('location:sc_compliance.php'); exit; // $sc_id = ""; // $title = "Executive Report"; } else { $sc_id = $db->escape($_REQUEST['q']); $status = $db->escape($_REQUEST['status']); $company_id = $db->escape($_REQUEST['company']); $start_date = $db->escape($_REQUEST['start']); $end_date = $db->escape($_REQUEST['end']); $sc_name = $db->select("SELECT CONCAT(first_name, ' ' ,last_name) FROM sales_consultant WHERE id = $sc_id"); $sc_name = ucwords(strtolower($sc_name)); $title = $sc_name . " Compliance Report"; } $utility = new Utility(); $granted_company_ids = $utility->isNotEmpty($_SESSION['user']['company_permissions_implode']) ? $_SESSION['user']['company_permissions_implode'] : '-1'; ?> <!DOCTYPE html> <html lang="en"> <head> <!-- <script src="dist/js/filter.js"></script> --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title><?php echo $variable['site_name']; ?> \| <?php echo $title; ?></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"> <!-- Default style --> <link rel="stylesheet" href="dist/css/default.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"> <!-- <link rel="stylesheet" href="dist/css/dropzone.css"> --> <!-- Theme style --> <link rel="stylesheet" href="dist/css/adminlte.min.css"> <!-- SweetAlert2 --> <link rel="stylesheet" href="plugins/sweetalert2/sweetalert2.min.css"> <!-- Bootstrrap Toggle --> <link rel="stylesheet" href="node_modules/bootstrap4-toggle/css/bootstrap4-toggle.min.css"> <!-- Toastr --> <link rel="stylesheet" href="plugins/toastr/toastr.min.css"> <link href="dist/img/<?php echo $variable['logo']; ?>" rel="icon" /> <!-- Ekko Lightbox --> <link rel="stylesheet" href="plugins/ekko-lightbox/ekko-lightbox.css"> <!-- dropzonejs --> <!-- <link rel="stylesheet" href="plugins/dropzone/min/dropzone.min.css"> --> <style> / Just add this CSS to your project / / 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; } table.fixed { table-layout: fixed; } table.fixed td { overflow: hidden; } table { cursor: pointer; } table th { cursor: default; } .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; } .select2-selection--single { height: 100% !important; padding-bottom: 0.2em !important; } .accounting-select .select2-selection__rendered { word-wrap: break-word !important; text-overflow: inherit !important; white-space: normal !important; line-height: 1.2em !important; padding-right: 0.1em !important; text-align: center; } .accounting-select-dd .select2-results__option { padding: 0.3em !important; user-select: none !important; overflow: hidden !important; -webkit-user-select: none !important; margin: 0px !important; } .accounting-select .select2-selection__arrow b { display: none !important; } </style> </head> <!-- <body class="hold-transition sidebar-mini text-sm" oncopy='return false' oncut='return false' onselectstart='return false'> --> <body class="hold-transition sidebar-mini text-sm layout-fixed"> <div id="wrapper" 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="6 0" width="60"> </div> <?php include('include/header.php'); ?> <?php include('include/sidebar.php'); ?> <!-- /.navbar --> <!-- Content Wrapper. Contains page content --> <div class="content-wrapper"> <!-- Content Header (Page header) --> <!-- Main content --> <section class="content"> <div class="container-fluid"> <div class="row"> <div class="col-md mt-3"> <div id="vehicle_table_list" class="card card-primary" style="display: "> <div class="card-header"> <?php if ($utility->isNotEmpty($sc_id)) { ?> <h3 class="card-title"><button class="btn btn-tool" title="Go back" type="button" onclick="back()"><i class="fas fa-arrow-alt-circle-left fa-2x"></i></button> <span class="sales-person-name"></span> <?php echo $title; ?></h3> <?php } else { ?> <h3 class="card-title"><?php echo $title; ?></h3> <?php } ?> </div> <div class="card"> <div class="card-body"> <!-- SHORT SUMMARY AND ACTION --> <div class="row mb-2"> <div class="col-6"> <!-- <input type="button" style="display:none;" id="customer-vehicle-button" class="btn btn-primary btn-sm mr-1" value="New Vehicle" title="New Vehicle"></input> --> </div> <div class="col-6 text-right"> <div class="btn-group"> <button type="button" class="tooltip-me btn btn-default dropdown-toggle btn-sm" data-toggle="dropdown" aria-haspopup="true" title="Filter" data-html="true" data-placement="left" aria-expanded="true"> <i class="fa fa-filter" aria-hidden="true"></i> </button> <div id="dropdown-filter" class="dropdown-menu dropdown-menu-right"> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <input type="button" class="btn btn-primary btn-sm form-control form-control-sm " name="btnCustomerListNoFilter" id="btnCustomerListNoFilter" value="No Filter" style="width: 100%;"></input> </div> <!--form-group dropdown--> </div> <!--form-group--> <div class="form-group mb-0" style="display:none;"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <div id="filter-date" class="p-1" name="filter-date" style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc; width: 100%"> <i class="fa fa-calendar"></i>  <span></span> <i class="fa fa-angle-down mt-1 float-right"></i> </div> </div> <!--form-group dropdown--> </div> <!--form-group--> <!-- text input --> <div class="form-group mb-0" style="display:none;"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="company-filter" id="company-filter" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php $company = $db->return_result("SELECT `id`, `code` FROM `source_company` WHERE status = 1 AND id IN (" . $granted_company_ids . ") ORDER BY code ASC"); foreach ($company as $data) { echo "<option value='{$data['id']}' >" . $data['code'] . "</option>"; } ?> </select> </div> <!--form-group dropdown--> </div> <!--form-group--> <!-- text input --> <div class="form-group mb-0" style="display:;"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="commission-filter" id="commission-filter" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php $commission = $db->return_result("SELECT id,name FROM `source_commission_status` WHERE id <> 3 ORDER BY FIELD(id,0,1,2)"); foreach ($commission as $data) { echo "<option value='{$data['id']}' >" . $data['name'] . "</option>"; } ?> </select> </div> <!--form-group dropdown--> </div> <!--form-group--> </div> </div> </div> </div> <hr> <div class="row "> <!-- <div class="col-md-12"> <h4 class="no-margin">Compliance Summary</h4> </div> --> <div id="vehicle_action_all" class="col-md-2 col-sm-6 col-12" style="cursor: normal;"> <div class="info-box " style="background-color:#B5EAEA;"> <!-- <span class="info-box-icon bg-primary"><i class="fa fa-car"></i></span> --> <div class="info-box-content"> <span class="info-box-text font-weight-normal">Submitted</span> <h4><span class="info-box-number" id="total_compliance">0</span> </h4> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> <div id="vehicle_action_new" class="col-md-2 col-sm-6 col-12" style="cursor: normal;"> <div class="info-box " style="background-color:#CAF7E3;"> <!-- <span class="info-box-icon bg-info"><i class="fa fa-car"></i></span> --> <div class="info-box-content"> <div class="row"> <div class="col-10"> <span class="info-box-text font-weight-normal">Complete </span> </div> <!-- <div class="col-2"> <i class="float-right tooltip-me mt-2 mr-2 mb-0 fas fa-question-circle" style="color:blue; cursor: help;" title="Record count from last 7 days"></i> </div> --> </div> <h4><span class="info-box-number" id="complete_compliance">0</span></h4> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> <div id="vehicle_action_updated" class="col-md-2 col-sm-6 col-12" style="cursor: normal;"> <div class="info-box" style="background-color:#FFBCBC;"> <!-- <span class="info-box-icon bg-warning"><i class="fa fa fa-sync"></i></span> --> <div class="info-box-content"> <div class="row"> <div class="col-10"> <span class="info-box-text font-weight-normal">Incomplete </span> </div> <!-- <div class="col-2"> <i class="float-right tooltip-me mt-2 mr-2 mb-0 fas fa-question-circle" style="color:blue; cursor: help;" title="Record count from last 7 days"></i> </div> --> </div> <h4><span class="info-box-number" id="incomplete_compliance">0</span></h4> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <div id="vehicle_action_for_release" class="col-md-2 col-sm-6 col-12" style="cursor: normal; display: "> <div class="info-box" style="background-color:#CAF7E3;"> <!-- <span class="info-box-icon bg-warning"><i class="fa fa fa-sync"></i></span> --> <div class="info-box-content"> <div class="row"> <div class="col-10"> <span class="info-box-text font-weight-normal">Released </span> </div> <!-- <div class="col-2"> <i class="float-right tooltip-me mt-2 mr-2 mb-0 fas fa-question-circle" style="color:blue; cursor: help;" title="Record count from last 7 days"></i> </div> --> </div> <h4><span class="info-box-number" id="released_compliance">0</span></h4> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> <div id="vehicle_action_for_release" class="col-md-2 col-sm-6 col-12" style="cursor: normal;"> <div class="info-box" style="background-color:#F7D59C;"> <!-- <span class="info-box-icon bg-warning"><i class="fa fa fa-sync"></i></span> --> <div class="info-box-content"> <div class="row"> <div class="col-10"> <span class="info-box-text font-weight-normal">For Release </span> </div> <!-- <div class="col-2"> <i class="float-right tooltip-me mt-2 mr-2 mb-0 fas fa-question-circle" style="color:blue; cursor: help;" title="Record count from last 7 days"></i> </div> --> </div> <h4><span class="info-box-number" id="for_release_compliance">0</span></h4> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <div id="vehicle_action_hold" class="col-md-2 col-sm-6 col-12" style="cursor: normal;"> <div class="info-box" style="background-color:#FFBCBC;"> <!-- <span class="info-box-icon bg-info"><i class="fa fa-car"></i></span> --> <div class="info-box-content"> <div class="row"> <div class="col-10"> <span class="info-box-text font-weight-normal">Hold </span> </div> <!-- <div class="col-2"> <i class="float-right tooltip-me mt-2 mr-2 mb-0 fas fa-question-circle" style="color:blue; cursor: help;" title="Record count from last 7 days"></i> </div> --> </div> <h4><span class="info-box-number" id="hold_compliance">0</span> </h4> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> <div id="vehicle_action_added" class="col-md-2 col-sm-6 col-12" style="cursor: normal; display: none;"> <div class="info-box bg-primary"> <!-- <span class="info-box-icon bg-success"><i class="fa fa-plus"></i></span> --> <div class="info-box-content"> <span class="info-box-text font-weight-normal">Rate</span> <h4><span class="info-box-number" id="rate_compliance">0</span> </h4> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> </div> <!-- SHORT SUMMARY AND ACTION --> <div class="row"> <div class="table-responsive col-sm-12"> <!-- <table id="compliance-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]" data-minimum-count-columns="2" data-show-pagination-switch="false" data-pagination="true" data-query-params="queryParams" data-click-to-select="true"> --> <table id="compliance-table" data-search="true" data-show-refresh="true" data-custom-search="customSearch" data-buttons="buttonsFunction" data-page-size="20" data-page-list="[20, 35, 50, 100, all]" data-url="" class="table table-bordered table-hover table-sm" data-export-types="['xlsx','excel','csv', 'doc', 'png']" data-show-export="false" data-query-params="queryParams" data-pagination="true"> <!-- data-show-export="true" data-export-options='{"fileName": "<?php echo $title ?>"}' data-export-types= "['pdf','png', 'xlsx','csv', 'doc', 'excel']" --> <thead> <tr> <th data-formatter="checkIfEmpty" data-field="release_date"> Released<br>Date</th> <th data-formatter="checkIfEmpty" data-field="customer_name"> Customer </th> <!-- <th data-formatter="checkIfEmpty" data-field="company"> Company </th> <th data-formatter="checkIfEmpty" data-field="dealer">Dealer </th> --> <th data-formatter="checkIfEmpty" data-field="company_dealer">Company-<br>Dealer </th> <th data-formatter="checkIfEmpty" data-field="conduction_sticker">CS Number </th> <!-- <th data-formatter="checkIfEmpty" data-field="brand_name"> Brand </th> <th data-formatter="checkIfEmpty" data-field="model_name"> Model </th> --> <th data-formatter="checkIfEmpty" data-field="vehicle"> Released<br>Vehicle </th> <th data-formatter="" data-field="complete_date">Date<br>Complete </th> <th data-formatter="checkIfEmpty" data-field="status">Status </th> <th data-formatter="checkIfEmpty" data-field="sc_percent">SC<br>Commission </th> <th data-formatter="checkIfEmpty" data-field="st_percent">Deducted<br>Commission </th> <th class="text-center" data-formatter="statusFormatter" data-events="statusEvents" data-field="commission_id"> Commission </th> <th class="text-center" data-formatter="statusFormatterAccounting" data-events="" data-field="accounting_status"> Accounting </th> <th class="text-center" data-formatter="statusFormatterReleased" data-events="statusEventsReleased" data-field="commission_id_released"> Released </th> <!-- <th data-formatter="checkIfEmpty" data-field="sales_person"> Sales Person</th> --> <!-- <th data-formatter="checkIfEmpty" data-field="customer_name_id">Customer ID / Name</th> --> </tr> </thead> </table> </div> <div class="col-sm-6" hidden> <div class="card card-primary"> <div class="card-header"> <h3 class="card-title">YTD Percentage</h3> <div class="card-tools"> <button type="button" class="btn btn-tool" data-card-widget="collapse"> <i class="fas fa-minus"></i> </button> </div> <!-- /.card-tools --> </div> <!-- /.card-header --> <div class="card-body p-0"> adas </div> <!-- /.card-body --> </div> </div> </div> </div> <!--card-body--> </div> <!--card--> </div> </div> <!--col-md--> </div> <!--row--> </div> <!--container-fluid--> </section> <!-- /.content --> </div> <!-- /.content-wrapper --> <!--Modal here--> <!-- INSERT FOOTER --> <?php include('include/footer.php'); ?> <!-- Control Sidebar --> <aside class="control-sidebar control-sidebar-dark"> <!-- Control sidebar content goes here --> </aside> <!-- /.control-sidebar --> </div> <!-- ./wrapper --> <!-- jQuery --> <script src="plugins/jquery/jquery.min.js"></script> <!-- jQuery UI 1.11.4 --> <script src="plugins/jquery-ui/jquery-ui.min.js"></script> <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip --> <script> $.widget.bridge('uibutton', $.ui.button) </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 --> <!-- html2canvas --> <!-- <script src="dist/js/html2canvas.js"></script> <script src="node_modules/html2canvas/dist/html2canvas.js"></script> --> <!-- jQuery Cookie--> <script src="plugins/jquery-cookie/jquery.cookie.js"></script> <!-- Ekko Lightbox --> <script src="plugins/ekko-lightbox/ekko-lightbox.min.js"></script> <!-- Toastr --> <script src="plugins/toastr/toastr.min.js"></script> <!-- Bootstrap Toggle --> <script src="node_modules/bootstrap4-toggle/js/bootstrap4-toggle.min.js"></script> <!-- SweetAlert2 --> <script src="plugins/sweetalert2/sweetalert2.min.js"></script> <!-- <script src="dist/js/jspdf.min.js"></script> --> <!-- <script src="plugins/bootstrap-table/js/tableExport.min.js"></script> --> <script src="dist/js/tableExport/tableExport.min.js"></script> <script src="dist/js/tableExport/libs/js-xlsx/xlsx.core.min.js"></script> <script src="dist/js/tableExport/libs/jsPDF/jspdf.umd.min.js"></script> <!-- <script src="dist/js/tableExport/libs/pdfmake/pdfmake.min.js"></script> <script src="dist/js/tableExport/libs/pdfmake/vfs_fonts.js"></script> --> <script src="dist/js/tableExport/libs/es6-promise/es6-promise.auto.min.js"></script> <script src="dist/js/tableExport/libs/html2canvas/html2canvas.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 src="dist/js/bootstrap-table.min.js"></script> --> <script> var count_vehicle_summary = null; var sc_id = '<?php echo $sc_id; ?>'; var start_date_get = '<?php echo $start_date; ?>'; var end_date_get = '<?php echo $end_date; ?>'; var company_get = '<?php echo $company_id; ?>'; var status_get = '<?php echo $status; ?>'; var permission_hold = <?php echo (isset($global_action_permissions['7']['34']) && in_array("2", $global_action_permissions['7']['34'])) ? 1 : 0; ?>; // alert(permission_hold) var permission_for_release = <?php echo (isset($global_action_permissions['7']['34']) && in_array("3", $global_action_permissions['7']['34'])) ? 1 : 0; ?>; var permission_released = <?php echo (isset($global_action_permissions['7']['34']) && in_array("4", $global_action_permissions['7']['34'])) ? 1 : 0; ?>; var export_filename = '<?php echo $title; ?>'; function resetDateRangePicker(start, end) { // daterangepicker_filter = false; $("#filter-date").data('daterangepicker').setStartDate(start); $("#filter-date").data('daterangepicker').setEndDate(end); // $('#filter-date').data('daterangepicker').chosenLabel = 'Disable'; $('#filter-date').data('daterangepicker').hideCalendars(); $('.daterangepicker').css('width', 'auto'); var startDate = start.format('MMMM DD, YYYY'); var endDate = end.format('MMMM DD, YYYY'); $('#filter-date span').html(startDate + ' - ' + endDate); cb(start, end); } function addListenerCompanyFilter() { $('#commission-filter').off('change.mychange').on('change.mychange', function() { var start = $('#filter-date').data('daterangepicker').startDate; var end = $('#filter-date').data('daterangepicker').endDate; cb(start, end); }); $('#company-filter').off('change.mychange').on('change.mychange', function() { var start = $('#filter-date').data('daterangepicker').startDate; var end = $('#filter-date').data('daterangepicker').endDate; cb(start, end); }); } function passDate(startDate, endDate) { // var company = ($("#company-filter").val() == '') ? '0' : $("#company-filter").val(); // var commission = ($("#commission-filter").val() == '') ? '0' : $("#commission-filter").val(); // filtered_company = (parseInt(company) === 0) ? '' : '&selected_company=' + company; // filtered_date_start = (startDate === '') ? '' : '&start_date=' + startDate; // filtered_date_end = (endDate === '') ? '' : '&end_date=' + endDate; refreshTable(); // getTotalCustomerCount(startDate, endDate, company); // getTotalVehicleCount(startDate, endDate, company); // getTotalServiceCount(startDate, endDate, company); // getTotalSalesCount(startDate, endDate, company); // showGraph(startDate, endDate, company); // showGraphCompany(startDate, endDate, company); // showDonut(startDate, endDate, company); // showPie(startDate, endDate, company); } function cb(start, end) { var startDate = start.format('YYYY-MM-DD'); passDate(start, end); //pass empty dates } function buttonsFunction() { return { grid_toggle_off: { 'icon': 'fa-file-pdf', 'event': 'exportPdf', 'attributes': { 'title': 'Download PDF', 'data-test': 'test123' } }, excel_export: { 'icon': 'fa-file-excel', 'event': 'exportXlsx', 'attributes': { 'title': 'Download XLSX', 'data-test': 'test123' } } } } function initList() { var $table = $('#compliance-table'); // $table.bootstrapTable('destroy') $('#compliance-table').bootstrapTable('destroy').bootstrapTable({ sidePagination: 'server', formatSearch: function() { return 'Search...' }, onLoadSuccess: function() { $("input[data-bootstrap-switch]").each(function() { if (this.id.startsWith('released_')) { $(this).bootstrapToggle({ on: 'Released', off: '', offstyle: 'outline-secondary', onstyle: 'outline-secondary', size: 'sm' }); } else { $(this).bootstrapToggle({ on: 'For Release', off: 'Hold', offstyle: 'danger', onstyle: 'success', size: 'sm' }); } }) switchListener(); $("select[data-bootstrap-select]").each(function() { var $select2 = $(this).select2({ minimumResultsForSearch: -1, containerCssClass: "accounting-select", dropdownCssClass: "accounting-select-dd" }) }) selectListener(); }, exportOptions: { fileName: function() { return export_filename } } }); } function selectListener() { $("select[data-bootstrap-select]").each(function() { clickedId = this.id; var accounting_status = $('#' + clickedId).attr('data-accounting-status'); var sales_id = clickedId.replace('accounting_', ''); $('#' + clickedId).val(accounting_status).trigger('change'); $('#' + clickedId).on('select2:select', function(e) { var data = e.params.data; // console.log(data); $.ajax({ url: "api/compliance/compliance.php", method: "POST", data: { apiKey: '3625900201207033', sales_id: sales_id, status: data.id }, beforeSend: function() { toastr.remove(); toastr.info('Updating status...') }, success: function(data) { refreshTableSilent(); //tobe change not resetting table toastr.remove(); toastr.success('Status updated...') } }); }); }); } function switchListener() { $("input[data-bootstrap-switch]").change(function() { clickedId = this.id; if (clickedId.startsWith('released_')) { $(this).bootstrapToggle('off', true); Swal.fire({ icon: 'question', html: 'Are you sure you want to tag this record as RELEASED?<br>this action cannot be undone.', showDenyButton: false, showCancelButton: true, confirmButtonText: `Yes`, cancelButtonText: `No`, denyButtonText: `Don't Confirm`, }).then((result) => { if (result.isConfirmed) { var status = 2; var sales_id = clickedId.replace('released_', ''); $.ajax({ url: "api/compliance/compliance.php", method: "POST", data: { apiKey: '2357447068264980', sales_id: sales_id, status: status }, beforeSend: function() { toastr.remove(); toastr.info('Updating status...') }, success: function(data) { refreshTableSilent(); //tobe change not resetting table toastr.remove(); toastr.success('Status updated...') } }); } else if (result.isDenied) {} else {} }) } else { var status = document.getElementById(this.id).checked ? 1 : 3; var sales_id = clickedId; if ($('#' + clickedId).attr('data-complete-status') === 'INC' && parseInt(status) === 1) { $(this).bootstrapToggle('off', true); commissionStatusChange(status, sales_id); } else { $.ajax({ url: "api/compliance/compliance.php", method: "POST", data: { apiKey: '2357447068264980', sales_id: sales_id, status: status }, beforeSend: function() { toastr.remove(); toastr.info('Updating status...') }, success: function(data) { refreshTableSilent(); //tobe change not resetting table toastr.remove(); toastr.success('Status updated...') } }); } } }); } function commissionStatusChange(status, sales_id) { Swal.fire({ title: 'Enter your reason', input: 'textarea', confirmButtonText: `Confirm`, showCancelButton: true, }).then(function(result) { if (result.isConfirmed) { if (result.value) { $.ajax({ url: "api/compliance/compliance.php", method: "POST", data: { apiKey: '2357447068264980', sales_id: sales_id, status: status, description: result.value }, beforeSend: function() { toastr.remove(); toastr.info('Updating status...') }, success: function(data) { refreshTableSilent(); //tobe change not resetting table toastr.remove(); toastr.success('Status updated...') } }); } else { Swal.fire({ icon: 'warning', text: 'Enter your reason to change this record status.', showDenyButton: false, showCancelButton: false, confirmButtonText: `OK`, }).then((result) => { if (result.isConfirmed) { commissionStatusChange(); } else if (result.isDenied) {} else {} }) } } }) } function initToolTip() { var bootstrapTooltip = $.fn.tooltip.noConflict(); $.fn.bstooltip = bootstrapTooltip; $('.tooltip-me').bstooltip(); } function statusFormatter(value, row, index) { if (row.commission_id == 0 \|\| row.commission_id == 3) { var disabled = permission_hold ? '' : 'disabled'; return '<input id="' + row.sales_id + '" type="checkbox" title="HOLD" data-complete-status="' + row.status + '" data-bootstrap-switch data-off-color="danger" data-on-color="success" data-off-text="" data-on-text="" data-size="mini" data-handle-width="20" ' + disabled + ' > '; } else if (row.commission_id == 2) { return '<input id="' + row.sales_id + '" type="checkbox" title="FOR RELEASE" data-complete-status="' + row.status + '" checked data-bootstrap-switch data-off-color="danger" data-on-color="success" data-off-text="" data-on-text="" data-size="mini" data-handle-width="20" disabled>'; } else { var disabled = permission_for_release ? '' : 'disabled'; return '<input id="' + row.sales_id + '" type="checkbox" title="FOR RELEASE" data-complete-status="' + row.status + '" checked data-bootstrap-switch data-off-color="danger" data-on-color="success" data-off-text="" data-on-text="" data-size="mini" data-handle-width="20" ' + disabled + ' >'; } } function statusFormatterReleased(value, row, index) { if (parseInt(row.commission_id_released) === 2) { return '<input id="released_' + row.sales_id + '" type="checkbox" title="RELEASED" data-complete-status="' + row.status + '" checked data-bootstrap-switch data-off-color="danger" data-on-color="primary" data-off-text="" data-size="mini" data-on-text="" data-handle-width="20" disabled>'; } else { if (row.commission_id == 0 \|\| row.commission_id == 3 \|\| row.commission_accounting_status_id != 2) { return '<input id="released_' + row.sales_id + '" type="checkbox" title="" data-complete-status="' + row.status + '" data-bootstrap-switch data-off-color="danger" data-on-color="primary" data-off-text="" data-size="mini" data-on-text="" data-handle-width="20" disabled>'; } else { var disabled = permission_released ? '' : 'disabled'; return '<input id="released_' + row.sales_id + '" type="checkbox" title="" data-complete-status="' + row.status + '" data-bootstrap-switch data-off-color="danger" data-on-color="primary" data-off-text="" data-size="mini" data-on-text="" data-handle-width="20" ' + disabled + '>'; } } } function statusFormatterAccounting(value, row, index) { var disabled = ''; if (row.commission_id_released == 2 \|\| row.commission_id_released == 0 \|\| row.commission_id_released == 3) { disabled = 'disabled'; } return `<select name="company-filter" id="accounting_` + row.sales_id + `" class="form-control form-control-sm select2" data-accounting-status="` + row.commission_accounting_status_id + `" data-bootstrap-select style="width: 100%;" ` + disabled + `> <option value="1">ON PROCESS</option> <option value="5">FOR COLLECTION</option> <option value="3">WITH MISSING DOCUMENTS</option> <option value="4">HOLD AS PER INSTRUCTION</option> <option value="2">PAYMENT RECEIVED</option> </select>`; } function refreshTable() { initList(); var $vehicle_table = $('#compliance-table') // $vehicle_table.bootstrapTable('destroy') $(function() { $vehicle_table.bootstrapTable('refresh', { url: 'api/compliance/compliance.php' }); }) complianceCountSummary(); } function refreshTableSilent() { var $vehicle_table = $('#compliance-table') $(function() { $vehicle_table.bootstrapTable('refresh', { url: 'api/compliance/compliance.php' }); }) } function complianceCountSummary() { var start = $('#filter-date').data('daterangepicker').startDate; var end = $('#filter-date').data('daterangepicker').endDate; var company = ($("#company-filter").val() == '') ? '0' : $("#company-filter").val(); var start_date = start.format('YYYY-MM-DD'); var end_date = end.format('YYYY-MM-DD'); // alert('ds') if (count_vehicle_summary != null) { count_vehicle_summary.abort(); } count_vehicle_summary = $.ajax({ url: "api/compliance/compliance.php", type: "GET", dataType: 'json', data: { apiKey: '9917866898468776', sc_id: sc_id, company: company, start_date: start_date, end_date: end_date }, beforeSend: function() {}, success: function(result) { // result.total $('#total_compliance').text(addCommas(result.total_compliance)); $('#complete_compliance').text(addCommas(result.complete_compliance)); $('#incomplete_compliance').text(addCommas(result.incomplete_compliance)); $('#hold_compliance').text(addCommas(result.hold_compliance)); $('#for_release_compliance').text(addCommas(result.for_release_compliance)); $('#released_compliance').text(addCommas(result.released_compliance)); $('#rate_compliance').text(addCommas(result.rate_compliance)); } }); } function checkIfEmpty(value, row, index) { if (isEmpty(value)) { return "<span style='color:red;'> (Not Provided) </span>"; } return value; } function formatCompleteIncomplete(value, row, index) { return "<span style='color:#007bff;'>" + value + "</span>"; } function getASANameByASAID(objectId) { $.ajax({ url: 'https://www.autohub.ph/connect/LOAD_SALES_PERSON.php', type: "POST", dataType: 'json', data: { uid: sc_id, apiKey: '3892635489643867' }, beforeSend: function() {}, success: function(result) { // alert(result['rows'][0].u_lname) var name = result['rows'][0].u_fname + ' ' + result['rows'][0].u_lname; $("." + objectId).text(name); // alert(name) // var newOption = new Option(name, sc_id, true, true); // $("#" + objectId).append(newOption).trigger('change'); } }); } function queryParams(params) { var start = $('#filter-date').data('daterangepicker').startDate; var end = $('#filter-date').data('daterangepicker').endDate; var company = ($("#company-filter").val() == '') ? '0' : $("#company-filter").val(); var commission = ($("#commission-filter").val() == '') ? '' : $("#commission-filter").val(); var start_date = start.format('YYYY-MM-DD'); var end_date = end.format('YYYY-MM-DD'); // $.cookie("client_compliance_start_date", start_date); // $.cookie("client_compliance_end_date", end_date); return { search: params.search, offset: params.offset, limit: params.limit, company: company, commission_status: commission, start_date: start_date, end_date: end_date, sc_id: sc_id, status: status_get, apiKey: '6037364564277021', secure: 1 }; } function back() { window.history.back(); } function isEmpty(string) { var flag = false; try { string = string.trim(); if (string == '') { flag = true; } else if (string == null) { flag = true; } else if (string == '-') { flag = true; } else { return false; } } catch (err) { return true; } return flag; } function getCookie(name) { var match = document.cookie.match(RegExp('(?:^\|;\\s)' + name + '=([^;])')); return match ? match[1] : null; } function setDateRangePickerWidth(isMobile) { if ($(".daterangepicker").hasClass('show-calendar') && !isMobile) { $('.daterangepicker').css('width', '630px'); } else { $('.daterangepicker').css('width', 'auto'); } } function tableMobileFormatter(value, row, index) { if (isEmpty(value)) { return "<span style='color:red;'> (Not Provided) </span>"; } if (value == '-1') { return ""; } return "<a href='tel:" + value + "'>" + value + "</a>"; } function tableEmailFormatter(value, row, index) { if (isEmpty(value)) { return "<span style='color:red;'> (Not Provided) </span>"; } if (value == '-1') { return ""; } return "<a href='mailto:" + value + "'>" + value + "</a>"; } function addCommas(numberString) { numberString += ''; var x = numberString.split('.'), x1 = x[0], x2 = x.length > 1 ? '.' + x[1] : '', rgxp = /(\d+)(\d{3})/; while (rgxp.test(x1)) { x1 = x1.replace(rgxp, '$1' + ',' + '$2'); } return x1 + x2; } function exportPdf() { $('#compliance-table').tableExport({ onCellHtmlData: DoOnCellHtmlData, // ignoreColumn: [9,10], fileName: export_filename, type: 'pdf', jspdf: { orientation: 'p', margins: { left: 10, right: 10, top: 40, bottom: 20 }, autotable: { startY: false, startX: 10, showHeader: 'firstPage', margin: { top: 10 }, bodyStyles: { valign: "top" }, theme: "striped", beforePageContent: function(data) { //console.log(data.settings.tableExport.doc);return; var doc = data.settings.tableExport.doc; // Internal jspdf instance console.log(doc.getFontList()); doc.setFontSize(12); doc.text(export_filename, data.settings.margin.top - 30, 20); doc.setFont('helvetica', 'normal'); doc.setFontSize(10); doc.text(moment(start_date_get).format('MMMM DD, YYYY') + ' - ' + moment( end_date_get).format('MMMM DD, YYYY'), data.settings.margin.top - 30, 32); var str = "Page " + doc.internal.getNumberOfPages() + ' - ' + export_filename; doc.setFont('Times', 'normal'); doc.setFontSize(10); // jsPDF 1.4+ uses getWidth, <1.4 uses .width var pageSize = doc.internal.pageSize; var pageHeight = pageSize.height ? pageSize.height : pageSize.getHeight(); doc.text(str, data.settings.margin.left, pageHeight - 10); }, styles: { overflow: 'linebreak', fontSize: 8, overflowColumns: 'linebreak' } } } }); } function exportXlsx() { $('#compliance-table').tableExport({ onCellHtmlData: DoOnCellHtmlData, // ignoreColumn: [9,10], fileName: export_filename, type: 'xlsx' }); } //Processing export content, this method can customize the content of a row, column, or even cell, that is, set its value to what you want. function DoOnCellHtmlData(cell, row, col, data) { // console.log(row) if ((col == '9' \|\| col == '11') && parseInt(row) > 0) { // data = data.replace("%", "%%"); console.log(data); var spanObj = $(data); //Convert a string labeled <span title="val"> </span> to a jQuery object var spanObj2 = $(spanObj[0].innerHTML); var title = spanObj2.attr( "title"); //Read the value of title attribute in <span title="val"</span>. if (typeof(title) != 'undefined') { return title; } } else if ((col == '10') && parseInt(row) > 0) { var spanObj = $(data); //Convert a string labeled <span title="val"> </span> to a jQuery object // var title = spanObj2.attr( // "selected"); //Read the value of title attribute in <span title="val"</span>. // return $('#'+spanObj[0].id+ ' option:selected').text(); return spanObj[1].innerText; } else { return data; } // console.log(col) // if(row == 0){ // return data; // } // //If the annotation column is more than 6 words, only the first 6 words will be displayed through the span tag processing. If the content is exported directly, it will lead to incomplete content. Therefore, the value of title attribute in the span tag with complete content should be replaced. // if(col == 4 \|\| col ==11 \|\| col == 7){ // var spanObj = $(data);//Convert a string labeled <span title="val"> </span> to a jQuery object // var title = spanObj.attr("title");//Read the value of title attribute in <span title="val"</span>. // //var span = cell[0].firstElementChild; // Read the first element under the first value in the cell array // if(typeof(title) != 'undefined'){ // return title; // } // } // return data; } function DoCellData(cell, row, col, data) { // console.log(data) } function DoBeforeAutotable(table, headers, rows, AutotableSettings) {} </script> <script> $(function() { initToolTip(); var start = moment(start_date_get); var end = moment(end_date_get); if (company_get != 0) { $('#company-filter').val(company_get).trigger('change'); } $('#filter-date').daterangepicker({ autoUpdateInput: false, showDropdowns: true, parentEl: '#dropdown-filter', locale: { cancelLabel: 'Cancel' }, startDate: start, opens: "left", endDate: end, ranges: { 'Today': [moment(), moment()], 'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')], 'Last 7 Days': [moment().subtract(6, 'days'), moment()], 'Last 30 Days': [moment().subtract(29, 'days'), moment()], 'This Month': [moment().startOf('month'), moment().endOf('month')], 'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')], 'This Year': [moment().startOf('year'), moment().endOf('year')], 'Last Year': [moment().subtract(1, 'year').startOf('year'), moment().subtract(1, 'year').endOf('year')] } }); resetDateRangePicker(start, end); let isMobile = window.matchMedia("only screen and (max-width: 760px)").matches; $(".daterangepicker").click(function() { setDateRangePickerWidth(isMobile); }); $("#filter-date").click(function() { setDateRangePickerWidth(isMobile); }); $('#company-filter').select2({ placeholder: "Company", allowClear: true }) $('#commission-filter').select2({ placeholder: "Commission Status", allowClear: true }) addListenerCompanyFilter(); $('#filter-date').on('apply.daterangepicker', function(ev, picker) { $('#filter-date span').html(picker.startDate.format('MMMM D, YYYY') + ' - ' + picker.endDate .format( 'MMMM D, YYYY')); cb(picker.startDate, picker.endDate); }); $('#filter-date').on('cancel.daterangepicker', function(ev, picker) { $('#filter-date').data('daterangepicker').hideCalendars(); }); $('#btnCustomerListNoFilter').click(function() { $('#company-filter').off('change.mychange'); //off the company filter built in change event $('#commission-filter').off( 'change.mychange'); //off the company filter built in change event if (company_get != 0) { $('#company-filter').val(company_get).trigger('change'); } // $('#company-filter').val('').trigger('change') //triggr change $('#commission-filter').val('').trigger('change') //triggr change addListenerCompanyFilter(); //enable afain the company filter even t var start = moment(start_date_get); var end = moment(end_date_get); resetDateRangePicker(start, end); }) // //for click bnalloon not hiding -> filter document.getElementById("dropdown-filter").addEventListener('click', function(event) { event.stopPropagation(); }); if (!isEmpty(sc_id)) { // getASANameByASAID('sales-person-name'); } $('#compliance-table').on('click-cell.bs.table', function(field, value, row, $el) { if (value != "commission_id" && value != "commission_id_released" && value != "accounting_status") { var url = "<?php echo $variable['site_link'] ?>sc_compliance_client.php?q=" + $el .sales_id; window.location.href = url; } }); setTimeout(function() {}, 3000); }); window.statusEvents = { 'click .bootstrap-switch': function(e, value, row, index) { var status = parseInt(value) === 0 ? 1 : 3; var sales_id = row.sales_id; $.ajax({ url: "api/compliance/compliance.php", method: "POST", data: { apiKey: '2357447068264980', sales_id: sales_id, status: status }, success: function(data) { refreshTable(); } }); } }; window.statusEventsReleased = { 'click :checkbox': function(e, value, row, index) { var status = 2; var sales_id = row.sales_id; $.ajax({ url: "api/compliance/compliance.php", method: "POST", data: { apiKey: '2357447068264980', sales_id: sales_id, status: status }, success: function(data) { refreshTable(); } }); } }; </script> </body> </html>��views/sc_compliance/sc_compliance_clients.php��0000644��00000223244�15025010632�0015532 0��ustar�00��<?php include_once('cfg/db.php'); // include('app/security/security.php'); include_once("api/controllers/utility.php"); if (!isset($_SESSION['user']['id'])) { header('location:signin.php'); } if (!(isset($global_action_permissions['7']['34']) && in_array("1", $global_action_permissions['7']['34']))) { header('location:signin.php'); } // $role_permissions = $_SESSION['user']['action_permissions']['sub_34']; // echo $_SERVER['HTTP_REFERER']; if (!isset($_REQUEST['q'])) { header('location:sc_compliance.php'); exit; // $sc_id = ""; // $title = "Executive Report"; } else { $sc_id = $db->escape($_REQUEST['q']); $status = $db->escape($_REQUEST['status']); $company_id = $db->escape($_REQUEST['company']); $start_date = $db->escape($_REQUEST['start']); $end_date = $db->escape($_REQUEST['end']); $sc_name = $db->select("SELECT CONCAT(first_name, ' ' ,last_name) FROM sales_consultant WHERE id = $sc_id"); $sc_name = ucwords(strtolower($sc_name)); $title = $sc_name . " Compliance Report"; } $utility = new Utility(); $granted_company_ids = $utility->isNotEmpty($_SESSION['user']['company_permissions_implode']) ? $_SESSION['user']['company_permissions_implode'] : '-1'; ?> <!DOCTYPE html> <html lang="en"> <head> <!-- <script src="dist/js/filter.js"></script> --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title><?php echo $variable['site_name']; ?> \| <?php echo $title; ?></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"> <!-- Default style --> <link rel="stylesheet" href="dist/css/default.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"> <!-- <link rel="stylesheet" href="dist/css/dropzone.css"> --> <!-- Theme style --> <link rel="stylesheet" href="dist/css/adminlte.min.css"> <!-- SweetAlert2 --> <link rel="stylesheet" href="plugins/sweetalert2/sweetalert2.min.css"> <!-- Bootstrrap Toggle --> <link rel="stylesheet" href="node_modules/bootstrap4-toggle/css/bootstrap4-toggle.min.css"> <!-- Toastr --> <link rel="stylesheet" href="plugins/toastr/toastr.min.css"> <link href="dist/img/<?php echo $variable['logo']; ?>" rel="icon" /> <!-- Ekko Lightbox --> <link rel="stylesheet" href="plugins/ekko-lightbox/ekko-lightbox.css"> <!-- dropzonejs --> <!-- <link rel="stylesheet" href="plugins/dropzone/min/dropzone.min.css"> --> <style> / Just add this CSS to your project / / 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; } table.fixed { table-layout: fixed; } table.fixed td { overflow: hidden; } table { cursor: pointer; } table th { cursor: default; } .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; } .select2-selection--single { height: 100% !important; padding-bottom: 0.2em !important; } .accounting-select .select2-selection__rendered { word-wrap: break-word !important; text-overflow: inherit !important; white-space: normal !important; line-height: 1.2em !important; padding-right: 0.1em !important; text-align: center; } .accounting-select-dd .select2-results__option { padding: 0.3em !important; user-select: none !important; overflow: hidden !important; -webkit-user-select: none !important; margin: 0px !important; } .accounting-select .select2-selection__arrow b { display: none !important; } </style> </head> <!-- <body class="hold-transition sidebar-mini text-sm" oncopy='return false' oncut='return false' onselectstart='return false'> --> <body class="hold-transition sidebar-mini text-sm layout-fixed"> <div id="wrapper" 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="6 0" width="60"> </div> <?php include('include/header.php'); ?> <?php include('include/sidebar.php'); ?> <!-- /.navbar --> <!-- Content Wrapper. Contains page content --> <div class="content-wrapper"> <!-- Content Header (Page header) --> <!-- Main content --> <section class="content"> <div class="container-fluid"> <div class="row"> <div class="col-md mt-3"> <div id="vehicle_table_list" class="card card-primary" style="display: "> <div class="card-header"> <?php if ($utility->isNotEmpty($sc_id)) { ?> <h3 class="card-title"><button class="btn btn-tool" title="Go back" type="button" onclick="back()"><i class="fas fa-arrow-alt-circle-left fa-2x"></i></button> <span class="sales-person-name"></span> <?php echo $title; ?></h3> <?php } else { ?> <h3 class="card-title"><?php echo $title; ?></h3> <?php } ?> </div> <div class="card"> <div class="card-body"> <!-- SHORT SUMMARY AND ACTION --> <div class="row mb-2"> <div class="col-6"> <!-- <input type="button" style="display:none;" id="customer-vehicle-button" class="btn btn-primary btn-sm mr-1" value="New Vehicle" title="New Vehicle"></input> --> </div> <div class="col-6 text-right"> <div class="btn-group"> <button type="button" class="tooltip-me btn btn-default dropdown-toggle btn-sm" data-toggle="dropdown" aria-haspopup="true" title="Filter" data-html="true" data-placement="left" aria-expanded="true"> <i class="fa fa-filter" aria-hidden="true"></i> </button> <div id="dropdown-filter" class="dropdown-menu dropdown-menu-right"> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <input type="button" class="btn btn-primary btn-sm form-control form-control-sm " name="btnCustomerListNoFilter" id="btnCustomerListNoFilter" value="No Filter" style="width: 100%;"></input> </div> <!--form-group dropdown--> </div> <!--form-group--> <div class="form-group mb-0" style="display:none;"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <div id="filter-date" class="p-1" name="filter-date" style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc; width: 100%"> <i class="fa fa-calendar"></i>  <span></span> <i class="fa fa-angle-down mt-1 float-right"></i> </div> </div> <!--form-group dropdown--> </div> <!--form-group--> <!-- text input --> <div class="form-group mb-0" style="display:none;"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="company-filter" id="company-filter" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php $company = $db->return_result("SELECT `id`, `code` FROM `source_company` WHERE status = 1 AND id IN (" . $granted_company_ids . ") ORDER BY code ASC"); foreach ($company as $data) { echo "<option value='{$data['id']}' >" . $data['code'] . "</option>"; } ?> </select> </div> <!--form-group dropdown--> </div> <!--form-group--> <!-- text input --> <div class="form-group mb-0" style="display:;"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="commission-filter" id="commission-filter" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php $commission = $db->return_result("SELECT id,name FROM `source_commission_status` WHERE id <> 3 ORDER BY FIELD(id,0,1,2)"); foreach ($commission as $data) { echo "<option value='{$data['id']}' >" . $data['name'] . "</option>"; } ?> </select> </div> <!--form-group dropdown--> </div> <!--form-group--> </div> </div> </div> </div> <hr> <div class="row "> <!-- <div class="col-md-12"> <h4 class="no-margin">Compliance Summary</h4> </div> --> <div id="vehicle_action_all" class="col-md-2 col-sm-6 col-12" style="cursor: normal;"> <div class="info-box " style="background-color:#B5EAEA;"> <!-- <span class="info-box-icon bg-primary"><i class="fa fa-car"></i></span> --> <div class="info-box-content"> <span class="info-box-text font-weight-normal">Submitted</span> <h4><span class="info-box-number" id="total_compliance">0</span> </h4> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> <div id="vehicle_action_new" class="col-md-2 col-sm-6 col-12" style="cursor: normal;"> <div class="info-box " style="background-color:#CAF7E3;"> <!-- <span class="info-box-icon bg-info"><i class="fa fa-car"></i></span> --> <div class="info-box-content"> <div class="row"> <div class="col-10"> <span class="info-box-text font-weight-normal">Complete </span> </div> <!-- <div class="col-2"> <i class="float-right tooltip-me mt-2 mr-2 mb-0 fas fa-question-circle" style="color:blue; cursor: help;" title="Record count from last 7 days"></i> </div> --> </div> <h4><span class="info-box-number" id="complete_compliance">0</span></h4> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> <div id="vehicle_action_updated" class="col-md-2 col-sm-6 col-12" style="cursor: normal;"> <div class="info-box" style="background-color:#FFBCBC;"> <!-- <span class="info-box-icon bg-warning"><i class="fa fa fa-sync"></i></span> --> <div class="info-box-content"> <div class="row"> <div class="col-10"> <span class="info-box-text font-weight-normal">Incomplete </span> </div> <!-- <div class="col-2"> <i class="float-right tooltip-me mt-2 mr-2 mb-0 fas fa-question-circle" style="color:blue; cursor: help;" title="Record count from last 7 days"></i> </div> --> </div> <h4><span class="info-box-number" id="incomplete_compliance">0</span></h4> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <div id="vehicle_action_for_release" class="col-md-2 col-sm-6 col-12" style="cursor: normal; display: "> <div class="info-box" style="background-color:#CAF7E3;"> <!-- <span class="info-box-icon bg-warning"><i class="fa fa fa-sync"></i></span> --> <div class="info-box-content"> <div class="row"> <div class="col-10"> <span class="info-box-text font-weight-normal">Released </span> </div> <!-- <div class="col-2"> <i class="float-right tooltip-me mt-2 mr-2 mb-0 fas fa-question-circle" style="color:blue; cursor: help;" title="Record count from last 7 days"></i> </div> --> </div> <h4><span class="info-box-number" id="released_compliance">0</span></h4> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> <div id="vehicle_action_for_release" class="col-md-2 col-sm-6 col-12" style="cursor: normal;"> <div class="info-box" style="background-color:#F7D59C;"> <!-- <span class="info-box-icon bg-warning"><i class="fa fa fa-sync"></i></span> --> <div class="info-box-content"> <div class="row"> <div class="col-10"> <span class="info-box-text font-weight-normal">For Release </span> </div> <!-- <div class="col-2"> <i class="float-right tooltip-me mt-2 mr-2 mb-0 fas fa-question-circle" style="color:blue; cursor: help;" title="Record count from last 7 days"></i> </div> --> </div> <h4><span class="info-box-number" id="for_release_compliance">0</span></h4> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <div id="vehicle_action_hold" class="col-md-2 col-sm-6 col-12" style="cursor: normal;"> <div class="info-box" style="background-color:#FFBCBC;"> <!-- <span class="info-box-icon bg-info"><i class="fa fa-car"></i></span> --> <div class="info-box-content"> <div class="row"> <div class="col-10"> <span class="info-box-text font-weight-normal">Hold </span> </div> <!-- <div class="col-2"> <i class="float-right tooltip-me mt-2 mr-2 mb-0 fas fa-question-circle" style="color:blue; cursor: help;" title="Record count from last 7 days"></i> </div> --> </div> <h4><span class="info-box-number" id="hold_compliance">0</span> </h4> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> <div id="vehicle_action_added" class="col-md-2 col-sm-6 col-12" style="cursor: normal; display: none;"> <div class="info-box bg-primary"> <!-- <span class="info-box-icon bg-success"><i class="fa fa-plus"></i></span> --> <div class="info-box-content"> <span class="info-box-text font-weight-normal">Rate</span> <h4><span class="info-box-number" id="rate_compliance">0</span> </h4> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> </div> <!-- SHORT SUMMARY AND ACTION --> <div class="row"> <div class="table-responsive col-sm-12"> <!-- <table id="compliance-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]" data-minimum-count-columns="2" data-show-pagination-switch="false" data-pagination="true" data-query-params="queryParams" data-click-to-select="true"> --> <table id="compliance-table" data-search="true" data-show-refresh="true" data-custom-search="customSearch" data-buttons="buttonsFunction" data-page-size="20" data-page-list="[20, 35, 50, 100, all]" data-url="" class="table table-bordered table-hover table-sm" data-export-types="['xlsx','excel','csv', 'doc', 'png']" data-show-export="false" data-query-params="queryParams" data-pagination="true"> <!-- data-show-export="true" data-export-options='{"fileName": "<?php echo $title ?>"}' data-export-types= "['pdf','png', 'xlsx','csv', 'doc', 'excel']" --> <thead> <tr> <th data-formatter="checkIfEmpty" data-field="release_date"> Released<br>Date</th> <th data-formatter="checkIfEmpty" data-field="customer_name"> Customer </th> <!-- <th data-formatter="checkIfEmpty" data-field="company"> Company </th> <th data-formatter="checkIfEmpty" data-field="dealer">Dealer </th> --> <th data-formatter="checkIfEmpty" data-field="company_dealer">Company-<br>Dealer </th> <th data-formatter="checkIfEmpty" data-field="conduction_sticker">CS Number </th> <!-- <th data-formatter="checkIfEmpty" data-field="brand_name"> Brand </th> <th data-formatter="checkIfEmpty" data-field="model_name"> Model </th> --> <th data-formatter="checkIfEmpty" data-field="vehicle"> Released<br>Vehicle </th> <th data-formatter="" data-field="complete_date">Date<br>Complete </th> <th data-formatter="checkIfEmpty" data-field="status">Status </th> <th data-formatter="checkIfEmpty" data-field="sc_percent">SC<br>Commission </th> <th data-formatter="checkIfEmpty" data-field="st_percent">Deducted<br>Commission </th> <th class="text-center" data-formatter="statusFormatter" data-events="statusEvents" data-field="commission_id"> Commission </th> <th class="text-center" data-formatter="statusFormatterAccounting" data-events="" data-field="accounting_status"> Accounting </th> <th class="text-center" data-formatter="statusFormatterReleased" data-events="statusEventsReleased" data-field="commission_id_released"> Released </th> <!-- <th data-formatter="checkIfEmpty" data-field="sales_person"> Sales Person</th> --> <!-- <th data-formatter="checkIfEmpty" data-field="customer_name_id">Customer ID / Name</th> --> </tr> </thead> </table> </div> <div class="col-sm-6" hidden> <div class="card card-primary"> <div class="card-header"> <h3 class="card-title">YTD Percentage</h3> <div class="card-tools"> <button type="button" class="btn btn-tool" data-card-widget="collapse"> <i class="fas fa-minus"></i> </button> </div> <!-- /.card-tools --> </div> <!-- /.card-header --> <div class="card-body p-0"> adas </div> <!-- /.card-body --> </div> </div> </div> </div> <!--card-body--> </div> <!--card--> </div> </div> <!--col-md--> </div> <!--row--> </div> <!--container-fluid--> </section> <!-- /.content --> </div> <!-- /.content-wrapper --> <!--Modal here--> <!-- INSERT FOOTER --> <?php include('include/footer.php'); ?> <!-- Control Sidebar --> <aside class="control-sidebar control-sidebar-dark"> <!-- Control sidebar content goes here --> </aside> <!-- /.control-sidebar --> </div> <!-- ./wrapper --> <!-- jQuery --> <script src="plugins/jquery/jquery.min.js"></script> <!-- jQuery UI 1.11.4 --> <script src="plugins/jquery-ui/jquery-ui.min.js"></script> <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip --> <script> $.widget.bridge('uibutton', $.ui.button) </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 --> <!-- html2canvas --> <!-- <script src="dist/js/html2canvas.js"></script> <script src="node_modules/html2canvas/dist/html2canvas.js"></script> --> <!-- jQuery Cookie--> <script src="plugins/jquery-cookie/jquery.cookie.js"></script> <!-- Ekko Lightbox --> <script src="plugins/ekko-lightbox/ekko-lightbox.min.js"></script> <!-- Toastr --> <script src="plugins/toastr/toastr.min.js"></script> <!-- Bootstrap Toggle --> <script src="node_modules/bootstrap4-toggle/js/bootstrap4-toggle.min.js"></script> <!-- SweetAlert2 --> <script src="plugins/sweetalert2/sweetalert2.min.js"></script> <!-- <script src="dist/js/jspdf.min.js"></script> --> <!-- <script src="plugins/bootstrap-table/js/tableExport.min.js"></script> --> <script src="dist/js/tableExport/tableExport.min.js"></script> <script src="dist/js/tableExport/libs/js-xlsx/xlsx.core.min.js"></script> <script src="dist/js/tableExport/libs/jsPDF/jspdf.umd.min.js"></script> <!-- <script src="dist/js/tableExport/libs/pdfmake/pdfmake.min.js"></script> <script src="dist/js/tableExport/libs/pdfmake/vfs_fonts.js"></script> --> <script src="dist/js/tableExport/libs/es6-promise/es6-promise.auto.min.js"></script> <script src="dist/js/tableExport/libs/html2canvas/html2canvas.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 src="dist/js/bootstrap-table.min.js"></script> --> <script> var count_vehicle_summary = null; var sc_id = '<?php echo $sc_id; ?>'; var start_date_get = '<?php echo $start_date; ?>'; var end_date_get = '<?php echo $end_date; ?>'; var company_get = '<?php echo $company_id; ?>'; var status_get = '<?php echo $status; ?>'; var permission_hold = <?php echo (isset($global_action_permissions['7']['34']) && in_array("2", $global_action_permissions['7']['34'])) ? 1 : 0; ?>; // alert(permission_hold) var permission_for_release = <?php echo (isset($global_action_permissions['7']['34']) && in_array("3", $global_action_permissions['7']['34'])) ? 1 : 0; ?>; var permission_released = <?php echo (isset($global_action_permissions['7']['34']) && in_array("4", $global_action_permissions['7']['34'])) ? 1 : 0; ?>; var export_filename = '<?php echo $title; ?>'; function resetDateRangePicker(start, end) { // daterangepicker_filter = false; $("#filter-date").data('daterangepicker').setStartDate(start); $("#filter-date").data('daterangepicker').setEndDate(end); // $('#filter-date').data('daterangepicker').chosenLabel = 'Disable'; $('#filter-date').data('daterangepicker').hideCalendars(); $('.daterangepicker').css('width', 'auto'); var startDate = start.format('MMMM DD, YYYY'); var endDate = end.format('MMMM DD, YYYY'); $('#filter-date span').html(startDate + ' - ' + endDate); cb(start, end); } function addListenerCompanyFilter() { $('#commission-filter').off('change.mychange').on('change.mychange', function() { var start = $('#filter-date').data('daterangepicker').startDate; var end = $('#filter-date').data('daterangepicker').endDate; cb(start, end); }); $('#company-filter').off('change.mychange').on('change.mychange', function() { var start = $('#filter-date').data('daterangepicker').startDate; var end = $('#filter-date').data('daterangepicker').endDate; cb(start, end); }); } function passDate(startDate, endDate) { // var company = ($("#company-filter").val() == '') ? '0' : $("#company-filter").val(); // var commission = ($("#commission-filter").val() == '') ? '0' : $("#commission-filter").val(); // filtered_company = (parseInt(company) === 0) ? '' : '&selected_company=' + company; // filtered_date_start = (startDate === '') ? '' : '&start_date=' + startDate; // filtered_date_end = (endDate === '') ? '' : '&end_date=' + endDate; refreshTable(); // getTotalCustomerCount(startDate, endDate, company); // getTotalVehicleCount(startDate, endDate, company); // getTotalServiceCount(startDate, endDate, company); // getTotalSalesCount(startDate, endDate, company); // showGraph(startDate, endDate, company); // showGraphCompany(startDate, endDate, company); // showDonut(startDate, endDate, company); // showPie(startDate, endDate, company); } function cb(start, end) { var startDate = start.format('YYYY-MM-DD'); passDate(start, end); //pass empty dates } function buttonsFunction() { return { grid_toggle_off: { 'icon': 'fa-file-pdf', 'event': 'exportPdf', 'attributes': { 'title': 'Download PDF', 'data-test': 'test123' } }, excel_export: { 'icon': 'fa-file-excel', 'event': 'exportXlsx', 'attributes': { 'title': 'Download XLSX', 'data-test': 'test123' } } } } function initList() { var $table = $('#compliance-table'); // $table.bootstrapTable('destroy') $('#compliance-table').bootstrapTable('destroy').bootstrapTable({ sidePagination: 'server', formatSearch: function() { return 'Search...' }, onLoadSuccess: function() { $("input[data-bootstrap-switch]").each(function() { if (this.id.startsWith('released_')) { $(this).bootstrapToggle({ on: 'Released', off: '', offstyle: 'outline-secondary', onstyle: 'outline-secondary', size: 'sm' }); } else { $(this).bootstrapToggle({ on: 'For Release', off: 'Hold', offstyle: 'danger', onstyle: 'success', size: 'sm' }); } }) switchListener(); $("select[data-bootstrap-select]").each(function() { var $select2 = $(this).select2({ minimumResultsForSearch: -1, containerCssClass: "accounting-select", dropdownCssClass: "accounting-select-dd" }) }) selectListener(); }, exportOptions: { fileName: function() { return export_filename } } }); } function selectListener() { $("select[data-bootstrap-select]").each(function() { clickedId = this.id; var accounting_status = $('#' + clickedId).attr('data-accounting-status'); var sales_id = clickedId.replace('accounting_', ''); $('#' + clickedId).val(accounting_status).trigger('change'); $('#' + clickedId).on('select2:select', function(e) { var data = e.params.data; // console.log(data); $.ajax({ url: "api/compliance/compliance.php", method: "POST", data: { apiKey: '3625900201207033', sales_id: sales_id, status: data.id }, beforeSend: function() { toastr.remove(); toastr.info('Updating status...') }, success: function(data) { refreshTableSilent(); //tobe change not resetting table toastr.remove(); toastr.success('Status updated...') } }); }); }); } function switchListener() { $("input[data-bootstrap-switch]").change(function() { clickedId = this.id; if (clickedId.startsWith('released_')) { $(this).bootstrapToggle('off', true); Swal.fire({ icon: 'question', html: 'Are you sure you want to tag this record as RELEASED?<br>this action cannot be undone.', showDenyButton: false, showCancelButton: true, confirmButtonText: `Yes`, cancelButtonText: `No`, denyButtonText: `Don't Confirm`, }).then((result) => { if (result.isConfirmed) { var status = 2; var sales_id = clickedId.replace('released_', ''); $.ajax({ url: "api/compliance/compliance.php", method: "POST", data: { apiKey: '2357447068264980', sales_id: sales_id, status: status }, beforeSend: function() { toastr.remove(); toastr.info('Updating status...') }, success: function(data) { refreshTableSilent(); //tobe change not resetting table toastr.remove(); toastr.success('Status updated...') } }); } else if (result.isDenied) {} else {} }) } else { var status = document.getElementById(this.id).checked ? 1 : 3; var sales_id = clickedId; if ($('#' + clickedId).attr('data-complete-status') === 'INC' && parseInt(status) === 1) { $(this).bootstrapToggle('off', true); commissionStatusChange(status, sales_id); } else { $.ajax({ url: "api/compliance/compliance.php", method: "POST", data: { apiKey: '2357447068264980', sales_id: sales_id, status: status }, beforeSend: function() { toastr.remove(); toastr.info('Updating status...') }, success: function(data) { refreshTableSilent(); //tobe change not resetting table toastr.remove(); toastr.success('Status updated...') } }); } } }); } function commissionStatusChange(status, sales_id) { Swal.fire({ title: 'Enter your reason', input: 'textarea', confirmButtonText: `Confirm`, showCancelButton: true, }).then(function(result) { if (result.isConfirmed) { if (result.value) { $.ajax({ url: "api/compliance/compliance.php", method: "POST", data: { apiKey: '2357447068264980', sales_id: sales_id, status: status, description: result.value }, beforeSend: function() { toastr.remove(); toastr.info('Updating status...') }, success: function(data) { refreshTableSilent(); //tobe change not resetting table toastr.remove(); toastr.success('Status updated...') } }); } else { Swal.fire({ icon: 'warning', text: 'Enter your reason to change this record status.', showDenyButton: false, showCancelButton: false, confirmButtonText: `OK`, }).then((result) => { if (result.isConfirmed) { commissionStatusChange(); } else if (result.isDenied) {} else {} }) } } }) } function initToolTip() { var bootstrapTooltip = $.fn.tooltip.noConflict(); $.fn.bstooltip = bootstrapTooltip; $('.tooltip-me').bstooltip(); } function statusFormatter(value, row, index) { if (row.commission_id == 0 \|\| row.commission_id == 3) { var disabled = permission_hold ? '' : 'disabled'; return '<input id="' + row.sales_id + '" type="checkbox" title="HOLD" data-complete-status="' + row.status + '" data-bootstrap-switch data-off-color="danger" data-on-color="success" data-off-text="" data-on-text="" data-size="mini" data-handle-width="20" ' + disabled + ' > '; } else if (row.commission_id == 2) { return '<input id="' + row.sales_id + '" type="checkbox" title="FOR RELEASE" data-complete-status="' + row.status + '" checked data-bootstrap-switch data-off-color="danger" data-on-color="success" data-off-text="" data-on-text="" data-size="mini" data-handle-width="20" disabled>'; } else { var disabled = permission_for_release ? '' : 'disabled'; return '<input id="' + row.sales_id + '" type="checkbox" title="FOR RELEASE" data-complete-status="' + row.status + '" checked data-bootstrap-switch data-off-color="danger" data-on-color="success" data-off-text="" data-on-text="" data-size="mini" data-handle-width="20" ' + disabled + ' >'; } } function statusFormatterReleased(value, row, index) { if (parseInt(row.commission_id_released) === 2) { return '<input id="released_' + row.sales_id + '" type="checkbox" title="RELEASED" data-complete-status="' + row.status + '" checked data-bootstrap-switch data-off-color="danger" data-on-color="primary" data-off-text="" data-size="mini" data-on-text="" data-handle-width="20" disabled>'; } else { if (row.commission_id == 0 \|\| row.commission_id == 3 \|\| row.commission_accounting_status_id != 2) { return '<input id="released_' + row.sales_id + '" type="checkbox" title="" data-complete-status="' + row.status + '" data-bootstrap-switch data-off-color="danger" data-on-color="primary" data-off-text="" data-size="mini" data-on-text="" data-handle-width="20" disabled>'; } else { var disabled = permission_released ? '' : 'disabled'; return '<input id="released_' + row.sales_id + '" type="checkbox" title="" data-complete-status="' + row.status + '" data-bootstrap-switch data-off-color="danger" data-on-color="primary" data-off-text="" data-size="mini" data-on-text="" data-handle-width="20" ' + disabled + '>'; } } } function statusFormatterAccounting(value, row, index) { var disabled = ''; if (row.commission_id_released == 2 \|\| row.commission_id_released == 0 \|\| row.commission_id_released == 3) { disabled = 'disabled'; } return `<select name="company-filter" id="accounting_` + row.sales_id + `" class="form-control form-control-sm select2" data-accounting-status="` + row.commission_accounting_status_id + `" data-bootstrap-select style="width: 100%;" ` + disabled + `> <option value="1">ON PROCESS</option> <option value="5">FOR COLLECTION</option> <option value="3">WITH MISSING DOCUMENTS</option> <option value="4">HOLD AS PER INSTRUCTION</option> <option value="2">PAYMENT RECEIVED</option> </select>`; } function refreshTable() { initList(); var $vehicle_table = $('#compliance-table') // $vehicle_table.bootstrapTable('destroy') $(function() { $vehicle_table.bootstrapTable('refresh', { url: 'api/compliance/compliance.php' }); }) complianceCountSummary(); } function refreshTableSilent() { var $vehicle_table = $('#compliance-table') $(function() { $vehicle_table.bootstrapTable('refresh', { url: 'api/compliance/compliance.php' }); }) } function complianceCountSummary() { var start = $('#filter-date').data('daterangepicker').startDate; var end = $('#filter-date').data('daterangepicker').endDate; var company = ($("#company-filter").val() == '') ? '0' : $("#company-filter").val(); var start_date = start.format('YYYY-MM-DD'); var end_date = end.format('YYYY-MM-DD'); // alert('ds') if (count_vehicle_summary != null) { count_vehicle_summary.abort(); } count_vehicle_summary = $.ajax({ url: "api/compliance/compliance.php", type: "GET", dataType: 'json', data: { apiKey: '9917866898468776', sc_id: sc_id, company: company, start_date: start_date, end_date: end_date }, beforeSend: function() {}, success: function(result) { // result.total $('#total_compliance').text(addCommas(result.total_compliance)); $('#complete_compliance').text(addCommas(result.complete_compliance)); $('#incomplete_compliance').text(addCommas(result.incomplete_compliance)); $('#hold_compliance').text(addCommas(result.hold_compliance)); $('#for_release_compliance').text(addCommas(result.for_release_compliance)); $('#released_compliance').text(addCommas(result.released_compliance)); $('#rate_compliance').text(addCommas(result.rate_compliance)); } }); } function checkIfEmpty(value, row, index) { if (isEmpty(value)) { return "<span style='color:red;'> (Not Provided) </span>"; } return value; } function formatCompleteIncomplete(value, row, index) { return "<span style='color:#007bff;'>" + value + "</span>"; } function getASANameByASAID(objectId) { $.ajax({ url: 'https://www.autohub.ph/connect/LOAD_SALES_PERSON.php', type: "POST", dataType: 'json', data: { uid: sc_id, apiKey: '3892635489643867' }, beforeSend: function() {}, success: function(result) { // alert(result['rows'][0].u_lname) var name = result['rows'][0].u_fname + ' ' + result['rows'][0].u_lname; $("." + objectId).text(name); // alert(name) // var newOption = new Option(name, sc_id, true, true); // $("#" + objectId).append(newOption).trigger('change'); } }); } function queryParams(params) { var start = $('#filter-date').data('daterangepicker').startDate; var end = $('#filter-date').data('daterangepicker').endDate; var company = ($("#company-filter").val() == '') ? '0' : $("#company-filter").val(); var commission = ($("#commission-filter").val() == '') ? '' : $("#commission-filter").val(); var start_date = start.format('YYYY-MM-DD'); var end_date = end.format('YYYY-MM-DD'); // $.cookie("client_compliance_start_date", start_date); // $.cookie("client_compliance_end_date", end_date); return { search: params.search, offset: params.offset, limit: params.limit, company: company, commission_status: commission, start_date: start_date, end_date: end_date, sc_id: sc_id, status: status_get, apiKey: '6037364564277021', secure: 1 }; } function back() { window.history.back(); } function isEmpty(string) { var flag = false; try { string = string.trim(); if (string == '') { flag = true; } else if (string == null) { flag = true; } else if (string == '-') { flag = true; } else { return false; } } catch (err) { return true; } return flag; } function getCookie(name) { var match = document.cookie.match(RegExp('(?:^\|;\\s)' + name + '=([^;])')); return match ? match[1] : null; } function setDateRangePickerWidth(isMobile) { if ($(".daterangepicker").hasClass('show-calendar') && !isMobile) { $('.daterangepicker').css('width', '630px'); } else { $('.daterangepicker').css('width', 'auto'); } } function tableMobileFormatter(value, row, index) { if (isEmpty(value)) { return "<span style='color:red;'> (Not Provided) </span>"; } if (value == '-1') { return ""; } return "<a href='tel:" + value + "'>" + value + "</a>"; } function tableEmailFormatter(value, row, index) { if (isEmpty(value)) { return "<span style='color:red;'> (Not Provided) </span>"; } if (value == '-1') { return ""; } return "<a href='mailto:" + value + "'>" + value + "</a>"; } function addCommas(numberString) { numberString += ''; var x = numberString.split('.'), x1 = x[0], x2 = x.length > 1 ? '.' + x[1] : '', rgxp = /(\d+)(\d{3})/; while (rgxp.test(x1)) { x1 = x1.replace(rgxp, '$1' + ',' + '$2'); } return x1 + x2; } function exportPdf() { $('#compliance-table').tableExport({ onCellHtmlData: DoOnCellHtmlData, // ignoreColumn: [9,10], fileName: export_filename, type: 'pdf', jspdf: { orientation: 'p', margins: { left: 10, right: 10, top: 40, bottom: 20 }, autotable: { startY: false, startX: 10, showHeader: 'firstPage', margin: { top: 10 }, bodyStyles: { valign: "top" }, theme: "striped", beforePageContent: function(data) { //console.log(data.settings.tableExport.doc);return; var doc = data.settings.tableExport.doc; // Internal jspdf instance console.log(doc.getFontList()); doc.setFontSize(12); doc.text(export_filename, data.settings.margin.top - 30, 20); doc.setFont('helvetica', 'normal'); doc.setFontSize(10); doc.text(moment(start_date_get).format('MMMM DD, YYYY') + ' - ' + moment( end_date_get).format('MMMM DD, YYYY'), data.settings.margin.top - 30, 32); var str = "Page " + doc.internal.getNumberOfPages() + ' - ' + export_filename; doc.setFont('Times', 'normal'); doc.setFontSize(10); // jsPDF 1.4+ uses getWidth, <1.4 uses .width var pageSize = doc.internal.pageSize; var pageHeight = pageSize.height ? pageSize.height : pageSize.getHeight(); doc.text(str, data.settings.margin.left, pageHeight - 10); }, styles: { overflow: 'linebreak', fontSize: 8, overflowColumns: 'linebreak' } } } }); } function exportXlsx() { $('#compliance-table').tableExport({ onCellHtmlData: DoOnCellHtmlData, // ignoreColumn: [9,10], fileName: export_filename, type: 'xlsx' }); } //Processing export content, this method can customize the content of a row, column, or even cell, that is, set its value to what you want. function DoOnCellHtmlData(cell, row, col, data) { // console.log(row) if ((col == '9' \|\| col == '11') && parseInt(row) > 0) { // data = data.replace("%", "%%"); console.log(data); var spanObj = $(data); //Convert a string labeled <span title="val"> </span> to a jQuery object var spanObj2 = $(spanObj[0].innerHTML); var title = spanObj2.attr( "title"); //Read the value of title attribute in <span title="val"</span>. if (typeof(title) != 'undefined') { return title; } } else if ((col == '10') && parseInt(row) > 0) { var spanObj = $(data); //Convert a string labeled <span title="val"> </span> to a jQuery object // var title = spanObj2.attr( // "selected"); //Read the value of title attribute in <span title="val"</span>. // return $('#'+spanObj[0].id+ ' option:selected').text(); return spanObj[1].innerText; } else { return data; } // console.log(col) // if(row == 0){ // return data; // } // //If the annotation column is more than 6 words, only the first 6 words will be displayed through the span tag processing. If the content is exported directly, it will lead to incomplete content. Therefore, the value of title attribute in the span tag with complete content should be replaced. // if(col == 4 \|\| col ==11 \|\| col == 7){ // var spanObj = $(data);//Convert a string labeled <span title="val"> </span> to a jQuery object // var title = spanObj.attr("title");//Read the value of title attribute in <span title="val"</span>. // //var span = cell[0].firstElementChild; // Read the first element under the first value in the cell array // if(typeof(title) != 'undefined'){ // return title; // } // } // return data; } function DoCellData(cell, row, col, data) { // console.log(data) } function DoBeforeAutotable(table, headers, rows, AutotableSettings) {} </script> <script> $(function() { initToolTip(); var start = moment(start_date_get); var end = moment(end_date_get); if (company_get != 0) { $('#company-filter').val(company_get).trigger('change'); } $('#filter-date').daterangepicker({ autoUpdateInput: false, showDropdowns: true, parentEl: '#dropdown-filter', locale: { cancelLabel: 'Cancel' }, startDate: start, opens: "left", endDate: end, ranges: { 'Today': [moment(), moment()], 'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')], 'Last 7 Days': [moment().subtract(6, 'days'), moment()], 'Last 30 Days': [moment().subtract(29, 'days'), moment()], 'This Month': [moment().startOf('month'), moment().endOf('month')], 'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')], 'This Year': [moment().startOf('year'), moment().endOf('year')], 'Last Year': [moment().subtract(1, 'year').startOf('year'), moment().subtract(1, 'year').endOf('year')] } }); resetDateRangePicker(start, end); let isMobile = window.matchMedia("only screen and (max-width: 760px)").matches; $(".daterangepicker").click(function() { setDateRangePickerWidth(isMobile); }); $("#filter-date").click(function() { setDateRangePickerWidth(isMobile); }); $('#company-filter').select2({ placeholder: "Company", allowClear: true }) $('#commission-filter').select2({ placeholder: "Commission Status", allowClear: true }) addListenerCompanyFilter(); $('#filter-date').on('apply.daterangepicker', function(ev, picker) { $('#filter-date span').html(picker.startDate.format('MMMM D, YYYY') + ' - ' + picker.endDate .format( 'MMMM D, YYYY')); cb(picker.startDate, picker.endDate); }); $('#filter-date').on('cancel.daterangepicker', function(ev, picker) { $('#filter-date').data('daterangepicker').hideCalendars(); }); $('#btnCustomerListNoFilter').click(function() { $('#company-filter').off('change.mychange'); //off the company filter built in change event $('#commission-filter').off( 'change.mychange'); //off the company filter built in change event if (company_get != 0) { $('#company-filter').val(company_get).trigger('change'); } // $('#company-filter').val('').trigger('change') //triggr change $('#commission-filter').val('').trigger('change') //triggr change addListenerCompanyFilter(); //enable afain the company filter even t var start = moment(start_date_get); var end = moment(end_date_get); resetDateRangePicker(start, end); }) // //for click bnalloon not hiding -> filter document.getElementById("dropdown-filter").addEventListener('click', function(event) { event.stopPropagation(); }); if (!isEmpty(sc_id)) { // getASANameByASAID('sales-person-name'); } $('#compliance-table').on('click-cell.bs.table', function(field, value, row, $el) { if (value != "commission_id" && value != "commission_id_released" && value != "accounting_status") { var url = "<?php echo $variable['site_link'] ?>sc_compliance_client.php?q=" + $el .sales_id; window.location.href = url; } }); setTimeout(function() {}, 3000); }); window.statusEvents = { 'click .bootstrap-switch': function(e, value, row, index) { var status = parseInt(value) === 0 ? 1 : 3; var sales_id = row.sales_id; $.ajax({ url: "api/compliance/compliance.php", method: "POST", data: { // apiKey: '2357447068264980', sales_id: sales_id, status: status }, success: function(data) { refreshTable(); } }); } }; window.statusEventsReleased = { 'click :checkbox': function(e, value, row, index) { var status = 2; var sales_id = row.sales_id; $.ajax({ url: "api/compliance/compliance.php", method: "POST", data: { apiKey: '2357447068264980', sales_id: sales_id, status: status }, success: function(data) { refreshTable(); } }); } }; </script> </body> </html>��views/sc_compliance/sc_compliance.php��0000644��00000116736�15025010632�0014020 0��ustar�00��<?php include('cfg/db.php'); include_once("api/controllers/utility.php"); if (!isset($_SESSION['user'])) { header('location:signin.php'); } if (!(isset($global_action_permissions['7']['34']) && in_array("1", $global_action_permissions['7']['34']))) { header('location:signin.php'); } $utility = new Utility(); $granted_company_ids = $utility->isNotEmpty($_SESSION['user']['company_permissions_implode']) ? $_SESSION['user']['company_permissions_implode'] : '-1'; ?> <!DOCTYPE html> <html lang="en"> <head> <!-- <script src="dist/js/filter.js"></script> --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> <?php echo $variable['site_name']; ?> \| Sales Consultant Compliance</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"> <!-- Select2 --> <link rel="stylesheet" href="plugins/select2/css/select2.min.css"> <link rel="stylesheet" href="plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css"> <!-- Theme style --> <link rel="stylesheet" href="dist/css/adminlte.min.css"> <!-- daterange picker --> <link rel="stylesheet" href="plugins/daterangepicker/daterangepicker.css"> <!-- overlayScrollbars --> <link rel="stylesheet" href="plugins/overlayScrollbars/css/OverlayScrollbars.min.css"> <!-- Default style --> <link rel="stylesheet" href="dist/css/default.css"> <!-- SweetAlert2 --> <link rel="stylesheet" href="plugins/sweetalert2-theme-bootstrap-4/bootstrap-4.min.css"> <!-- Toastr --> <link rel="stylesheet" href="plugins/toastr/toastr.min.css"> <link href="plugins/bootstrap-table/css/bootstrap-table.min.css" rel="stylesheet"> <!-- Tempusdominus Bootstrap 4 --> <link rel="stylesheet" href="plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css"> <link href="dist/img/<?php echo $variable['logo']; ?>" rel="icon" /> <!-- BS Stepper --> <link rel="stylesheet" href="plugins/bs-stepper/css/bs-stepper.min.css"> <!-- Ekko Lightbox --> <link rel="stylesheet" href="plugins/ekko-lightbox/ekko-lightbox.css"> <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%; } </style> <!-- END MULTI --> <style> / .div-blocks{ scroll-behavior: smooth; } / / .select2-selection__rendered li { margin: 6px 0px 4px; } / 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%; } td.yes { background-color: #c3e6cb; } td.no { background-color: #f5c6cb; } </style> </head> <!-- <body class="hold-transition sidebar-mini text-sm" oncopy='return false' oncut='return false' onselectstart='return false'> --> <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'); ?> <!-- /.navbar --> <!-- Content Wrapper. Contains page content --> <div id="sales-wrapper" class="content-wrapper"> <!-- Content Header (Page header) --> <!-- Main content --> <section class="content"> <div class="container-fluid"> <div class="row"> <div class="col-md mt-3"> <div id="sales_table_list" class="card card-primary" style="display: <?php if (isset($_GET['order_number'])) { echo 'none'; } else { echo 'block'; } ?> ;"> <div class="card-header"> <h3 class="card-title">Sales Consultant Compliance</h3> </div> <!-- INSERT TABLE HERE --> <div class="card"> <div class="card-body pt-3"> <!-- <div class="col-6"> <input type="button" id="new-sales" class="btn btn-primary btn-sm mr-1" data-toggle="modal" data-target="#modal-sales" value="New Sales"></input> </div> --> <!-- <div class="table-responsive"> --> <div class="row mb-2"> <div class="col-6"> <div class="p-0 m-0"> <label class="p-0 m-0"> Date Range: </label>  <span id="date_cover"></span> </div> <div class="p-0 m-0"> <label class="p-0 m-0"> Company: </label>  <span id="company_cover"></span> </div> </div> <div class="col-6 text-right"> <div class="btn-group mt-2"> <button type="button" class="tooltip-me btn btn-default dropdown-toggle btn-sm" data-toggle="dropdown" aria-haspopup="true" title="Filter" data-html="true" data-placement="left" aria-expanded="true"> <i class="fa fa-filter" aria-hidden="true"></i> </button> <div id="dropdown-filter" class="dropdown-menu dropdown-menu-right"> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <input type="button" class="btn btn-primary btn-sm form-control form-control-sm " name="btnCustomerListNoFilter" id="btnCustomerListNoFilter" value="Reset" style="width: 100%;"></input> </div> <!--form-group dropdown--> </div> <!--form-group--> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <div id="filter-date" class="p-1" name="filter-date" style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc; width: 100%"> <i class="fa fa-calendar"></i>  <span></span> <i class="fa fa-angle-down mt-1 float-right"></i> </div> </div> <!--form-group dropdown--> </div> <!--form-group--> <!-- text input --> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="company-filter" id="company-filter" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php $company = $db->return_result("SELECT `id`, `code` FROM `source_company` WHERE status = 1 AND id IN (" . $granted_company_ids . ") ORDER BY code ASC"); foreach ($company as $data) { echo "<option value='{$data['id']}' >" . $data['code'] . "</option>"; } ?> </select> </div> <!--form-group dropdown--> </div> <!--form-group--> <!-- text input --> <div class="form-group mb-0" style="display:;"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="commission-filter" id="commission-filter" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php $commission = $db->return_result("SELECT id,name FROM `source_commission_status` WHERE id <> 3 ORDER BY FIELD(id,0,1,2)"); foreach ($commission as $data) { echo "<option value='{$data['id']}' >" . "WITH " . $data['name'] . "</option>"; } ?> </select> </div> <!--form-group dropdown--> </div> <!--form-group--> </div> </div> </div> </div> <hr class="mt-1"> <div> <!-- NESTED TABLE START --> <!-- NESTED TABLE END --> <table id="sales-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="15" data-buttons="buttonsFunction" data-export-options='{"fileName": "SC Compliance Records"}' data-export-types="['xlsx','excel','csv', 'doc', 'png']" data-page-list="[15, 30, 50, 100, all]" data-minimum-count-columns="2" data-show-pagination-switch="false" data-query-params="queryParams" data-click-to-select="true"> <thead> <tr> <!-- <th data-formatter="checkIfEmpty" data-field="employee_id"> Employee ID</th> --> <th data-formatter="checkIfEmpty" data-cell-style="cellStyle" data-sortable="true" data-field="name"> Name </th> <th data-formatter="completeFormat" data-cell-style="cellStyle" data-sortable="true" data-field="complete"> Complete </th> <th data-formatter="incompleteFormat" data-cell-style="cellStyle" data-sortable="true" data-field="incomplete"> Incomplete </th> <th data-formatter="checkIfEmpty" data-cell-style="cellStyle" data-sortable="true" data-field="total"> Total </th> <th data-formatter="checkIfEmpty" data-cell-style="cellStyle" data-sortable="true" data-field="rate"> Rate </th> <!-- <th data-formatter="checkIfEmpty" data-field="email">Email </th> <th data-formatter="checkIfEmpty" data-field="usr_mobile"> Mobile </th> --> <!-- <th data-formatter="checkIfEmpty" data-field="customer_name_id">Customer ID / Name</th> --> </tr> </thead> </table> </div> <!--table-responsive--> </div> <!--card-body--> </div> <!--card--> </div> <!--card card-primary--> </div> <!--col-md--> </div> <!--row--> </div><!-- /.container-fluid --> </section> <!-- /.content --> </div> <!-- /.content-wrapper --> <!--Modal here--> <?php include 'include/components/sales/modal/add_sales.php'; ?> <!-- INSERT FOOTER --> <?php include('include/footer.php'); ?> <!-- Control Sidebar --> <aside class="control-sidebar control-sidebar-dark"> <!-- Control sidebar content goes here --> </aside> <!-- /.control-sidebar --> </div> <!-- ./wrapper --> </div> <!-- jQuery --> <script src="plugins/jquery/jquery.min.js"></script> <!-- overlayScrollbars --> <script src="plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></script> <!-- Select2 --> <script src="plugins/select2/js/select2.full.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> <!-- jQuery Cookie--> <script src="plugins/jquery-cookie/jquery.cookie.js"></script> <!-- Bootstrap 4 --> <script src="plugins/bootstrap/js/bootstrap.bundle.min.js"></script> <!-- Tempusdominus Bootstrap 4 --> <script src="plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js"></script> <!-- SweetAlert2 --> <script src="plugins/sweetalert2/sweetalert2.min.js"></script> <!-- html2canvas --> <!-- <script src="dist/js/html2canvas.js"></script> <script src="node_modules/html2canvas/dist/html2canvas.js"></script> --> <!-- Toastr --> <script src="plugins/toastr/toastr.min.js"></script> <script src="dist/js/tableExport/tableExport.min.js"></script> <script src="dist/js/tableExport/libs/js-xlsx/xlsx.core.min.js"></script> <script src="dist/js/tableExport/libs/jsPDF/jspdf.umd.min.js"></script> <script src="dist/js/tableExport/libs/es6-promise/es6-promise.auto.min.js"></script> <script src="dist/js/tableExport/libs/html2canvas/html2canvas.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> <!-- BS-Stepper --> <script src="plugins/bs-stepper/js/bs-stepper.min.js"></script> <!-- AdminLTE App --> <script src="dist/js/adminlte.min.js"></script> <!-- Ekko Lightbox --> <script src="plugins/ekko-lightbox/ekko-lightbox.min.js"></script> <!-- AdminLTE for demo purposes --> <script src="dist/js/demo.js"></script> <!-- Navigation Highlight --> <script src="dist/js/main.js"></script> <!-- Page specific script --> <script> function buttonsFunction() { return { grid_toggle_off: { 'icon': 'fa-file-pdf', 'event': 'exportPdf', 'attributes': { 'title': 'Download PDF', 'data-test': 'test123' } }, excel_export: { 'icon': 'fa-file-excel', 'event': 'exportXlsx', 'attributes': { 'title': 'Download XLSX', 'data-test': 'test123' } } } } function exportXlsx() { $('#sales-table').tableExport({ // onCellHtmlData: DoOnCellHtmlData, // ignoreColumn: [9,10], fileName: 'SC Compliance Records', type: 'xlsx' }); } function exportPdf() { // $('#compliance-table').tableExport({ // fileName: export_filename, // type: 'pdf', // jspdf: { // orientation: 'p', // margins: { // left: 20, // top: 10 // }, // autotable: { // styles: { // overflow: 'linebreak' // }, // tableWidth: 'wrap' // }, // } // }); $('#sales-table').tableExport({ // ignoreColumn: [9,10], fileName: 'SC Compliance Records', type: 'pdf', jspdf: { orientation: 'p', margins: { left: 10, right: 10, top: 50, bottom: 20 }, autotable: { startY: false, startX: 10, showHeader: 'firstPage', margin: { top: 10 }, bodyStyles: { valign: "top" }, theme: "striped", beforePageContent: function(data) { //console.log(data.settings.tableExport.doc);return; var doc = data.settings.tableExport.doc; // Internal jspdf instance console.log(doc.getFontList()); doc.setFontSize(12); doc.text('SC Compliance Records', data.settings.margin.top - 40, 20); var start = $('#filter-date').data('daterangepicker').startDate; var end = $('#filter-date').data('daterangepicker').endDate; var company = ($("#company-filter").val() == '') ? '0' : $("#company-filter").val(); var start_date = start.format('MMMM DD, YYYY'); var end_date = end.format('MMMM DD, YYYY'); doc.setFont('helvetica', 'normal'); doc.setFontSize(10); doc.text('Date Range: ' + start_date + ' - ' + end_date, data.settings.margin.top - 40, 32); doc.text('Company: ' + (company == '0' ? 'All' : $("#company-filter option:selected").text()), data.settings.margin.top - 40, 43); // var str = "Page " + doc.internal.getNumberOfPages() +' - '+ export_filename; // doc.setFont('Times','normal'); // doc.setFontSize(10); // // jsPDF 1.4+ uses getWidth, <1.4 uses .width // var pageSize = doc.internal.pageSize; // var pageHeight = pageSize.height // ? pageSize.height // : pageSize.getHeight(); // doc.text(str, data.settings.margin.left, pageHeight - 10); }, styles: { overflow: 'linebreak', fontSize: 10, overflowColumns: 'linebreak' } } } }); // $('#compliance-table').tableExport({type:'pdf', // pdfmake:{ // enabled:true, // docDefinition:{pageOrientation:'portrait'}} // }); } function DoCellData(cell, row, col, data) { // console.log(data) } function DoBeforeAutotable(table, headers, rows, AutotableSettings) {} function resetDateRangePicker(start, end) { // daterangepicker_filter = false; $("#filter-date").data('daterangepicker').setStartDate(start); $("#filter-date").data('daterangepicker').setEndDate(end); // $('#filter-date').data('daterangepicker').chosenLabel = 'Disable'; $('#filter-date').data('daterangepicker').hideCalendars(); $('.daterangepicker').css('width', 'auto'); var startDate = start.format('MMMM DD, YYYY'); var endDate = end.format('MMMM DD, YYYY'); $('#filter-date span').html(startDate + ' - ' + endDate); cb(start, end); } function addListenerCompanyFilter() { $('#company-filter').off('change.mychange').on('change.mychange', function() { var start = $('#filter-date').data('daterangepicker').startDate; var end = $('#filter-date').data('daterangepicker').endDate; cb(start, end); }); $('#commission-filter').off('change.mychange').on('change.mychange', function() { var start = $('#filter-date').data('daterangepicker').startDate; var end = $('#filter-date').data('daterangepicker').endDate; cb(start, end); }); } function passDate(startDate, endDate) { var company = ($("#company-filter").val() == '') ? '0' : $("#company-filter").val(); filtered_company = (parseInt(company) === 0) ? '' : '&selected_company=' + company; filtered_date_start = (startDate === '') ? '' : '&start_date=' + startDate; filtered_date_end = (endDate === '') ? '' : '&end_date=' + endDate; refreshTable(); } function cb(start, end) { var startDate = start.format('YYYY-MM-DD'); passDate(start, end); //pass empty dates } function initList() { var $table = $('#sales-table'); // $table.bootstrapTable('destroy') $('#sales-table').bootstrapTable({ sidePagination: 'server', formatSearch: function() { return 'Search' }, }); } function refreshTable() { initList(); var $sales_table = $('#sales-table') $(function() { $sales_table.bootstrapTable('refresh', { url: 'api/compliance/compliance.php' }); }) } function queryParams(params) { var start = $('#filter-date').data('daterangepicker').startDate; var end = $('#filter-date').data('daterangepicker').endDate; var company = ($("#company-filter").val() == '') ? '0' : $("#company-filter").val(); var start_date = start.format('YYYY-MM-DD'); var end_date = end.format('YYYY-MM-DD'); var commission = ($("#commission-filter").val() == '') ? '' : $("#commission-filter").val(); $('#date_cover').text(start.format('MM/DD/YYYY') + ' - ' + end.format('MM/DD/YYYY')); $('#company_cover').text(company == '0' ? 'All' : $("#company-filter option:selected").text()); $.cookie("sc_compliance_start_date", start_date); $.cookie("sc_compliance_end_date", end_date); return { company: company, start_date: start_date, end_date: end_date, commission_status: commission, search: params.search, offset: params.offset, limit: params.limit, order: params.order, sort: params.sort, apiKey: '4683843345322827' }; } function getCookie(name) { var match = document.cookie.match(RegExp('(?:^\|;\\s)' + name + '=([^;])')); return match ? match[1] : null; } function setDateRangePickerWidth(isMobile) { if ($(".daterangepicker").hasClass('show-calendar') && !isMobile) { $('.daterangepicker').css('width', '630px'); } else { $('.daterangepicker').css('width', 'auto'); } } function checkIfEmpty(value, row, index) { if (value == "" \|\| value == '-' \|\| value == null) { return "<span style='color:red;'> (Not Provided) </span>"; } return "<span class='tooltip-me' data-original-title='View all records' title='View all records'><strong>" + value + "</strong></span>"; } function completeFormat(value, row, index) { if (value == "" \|\| value == '-' \|\| value == null) { return "<span style='color:red;'> (Not Provided) </span>"; } return "<span style='color:#007bff;' class='tooltip-me' data-original-title='View complete records' title='View complete records'><strong>" + value + "</strong></span>"; } function incompleteFormat(value, row, index) { if (value == "" \|\| value == '-' \|\| value == null) { return "<span style='color:red;'> (Not Provided) </span>"; } return "<span style='color:#007bff;' class='tooltip-me' data-original-title='View incomplete records' title='View complete records'><strong>" + value + "</strong></span>"; } //////////////////////////////////////////////////////////////// function isEmpty(string) { var flag = false; try { string = string.trim(); if (string == '') { flag = true; } else if (string == null) { flag = true; } else if (string == '-') { flag = true; } else { return false; } } catch (err) { return true; } return flag; } function initToolTip() { var bootstrapTooltip = $.fn.tooltip.noConflict(); $.fn.bstooltip = bootstrapTooltip; $('.tooltip-me').bstooltip(); } function addCommas(numberString) { numberString += ''; var x = numberString.split('.'), x1 = x[0], x2 = x.length > 1 ? '.' + x[1] : '', rgxp = /(\d+)(\d{3})/; while (rgxp.test(x1)) { x1 = x1.replace(rgxp, '$1' + ',' + '$2'); } return x1 + x2; } function cellStyle(value, row, index, $el) { // console.log(row) return { classes: parseInt(row.hold_count) === 0 ? 'yes' : 'no' }; } </script> <!-- CLARENCE ROCKS --> <script> $(document).ready(function() { initToolTip(); var start = null; var end = null; if ( (getCookie("sc_compliance_start_date") == null \|\| $.cookie("sc_compliance_start_date") == '') \|\| (getCookie("sc_compliance_end_date") == null \|\| $.cookie("sc_compliance_end_date") == '') ) { // alert("no") start = moment().startOf('month'); end = moment().endOf('month'); } else { start = moment($.cookie("sc_compliance_start_date")); end = moment($.cookie("sc_compliance_end_date")); // alert(start) // alert(start) } $('#commission-filter').select2({ placeholder: "Commission Status", allowClear: true }) $('#filter-date').daterangepicker({ autoUpdateInput: false, showDropdowns: true, parentEl: '#dropdown-filter', locale: { cancelLabel: 'Cancel' }, startDate: start, opens: "left", endDate: end, ranges: { 'Today': [moment(), moment()], 'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')], 'Last 7 Days': [moment().subtract(6, 'days'), moment()], 'Last 30 Days': [moment().subtract(29, 'days'), moment()], 'This Month': [moment().startOf('month'), moment().endOf('month')], 'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')], 'This Year': [moment().startOf('year'), moment().endOf('year')], 'Last Year': [moment().subtract(1, 'year').startOf('year'), moment().subtract(1, 'year').endOf('year')] } }); resetDateRangePicker(start, end); let isMobile = window.matchMedia("only screen and (max-width: 760px)").matches; $(".daterangepicker").click(function() { setDateRangePickerWidth(isMobile); }); $("#filter-date").click(function() { setDateRangePickerWidth(isMobile); }); $('#company-filter').select2({ placeholder: "Company", allowClear: true }) addListenerCompanyFilter(); $('#filter-date').on('apply.daterangepicker', function(ev, picker) { $('#filter-date span').html(picker.startDate.format('MMMM D, YYYY') + ' - ' + picker.endDate .format( 'MMMM D, YYYY')); cb(picker.startDate, picker.endDate); }); $('#filter-date').on('cancel.daterangepicker', function(ev, picker) { $('#filter-date').data('daterangepicker').hideCalendars(); }); $('#btnCustomerListNoFilter').click(function() { $('#company-filter').off('change.mychange'); //off the company filter built in change event $('#company-filter').val('').trigger('change') //triggr change $('#commission-filter').off( 'change.mychange'); //off the company filter built in change event $('#commission-filter').val('').trigger('change') //triggr change addListenerCompanyFilter(); //enable afain the company filter even t var start = moment().startOf('month'); var end = moment().endOf('month'); resetDateRangePicker(start, end); }) // //for click bnalloon not hiding -> filter document.getElementById("dropdown-filter").addEventListener('click', function(event) { event.stopPropagation(); }); $('#sales-table').on('click-cell.bs.table', function(field, value, row, $el) { if (value != "status") { // var url = "<?php echo $variable['site_link'] ?>sales_consultant_clients.php?q="+$el.u_id; // $.cookie("sc_compliance_start_date",''); // $.cookie("sc_compliance_end_date",''); var company = ($("#company-filter").val() == '') ? '0' : $("#company-filter").val(); var start = $('#filter-date').data('daterangepicker').startDate; var end = $('#filter-date').data('daterangepicker').endDate; var start_date = start.format('YYYY-MM-DD'); var end_date = end.format('YYYY-MM-DD'); if (value == 'complete') { status = 1; } else if (value == 'incomplete') { status = 0; } var url = "<?php echo $variable['site_link'] ?>sc_compliance_clients.php?q=" + $el.datacon_sc_id + "&start=" + start_date + "&end=" + end_date + "&company=" + company + "&status=" + status; window.location.href = url; } }); }); </script> </body> </html>��views/car_club/view.php��0000644��00000034204�15025010632�0011133 0��ustar�00��<?php include_once('cfg/db.php'); if (!(isset($global_action_permissions['2']['52']['1']) && in_array("1", $global_action_permissions['2']['52']['1']))) { 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><?= $page_title ?></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"> <link href="/dist/img/<?php echo $variable['logo']; ?>" rel="icon" /> <!-- Ekko Lightbox --> <link rel="stylesheet" href="/plugins/ekko-lightbox/ekko-lightbox.css"> <!-- SweetAlert2 --> <link rel="stylesheet" href="/plugins/sweetalert2/sweetalert2.min.css"> <!-- Toastr --> <link rel="stylesheet" href="/plugins/toastr/toastr.min.css"> <!-- STARTMULTI --> <link rel="stylesheet" href="/dist/css/bootstrap-multiselect.css" type="text/css"> <!-- INCLUDE HEADER CSS --> <?php include_once(__DIR__ . '/../common/css/style.php'); ?> </head> <!-- <body class="hold-transition sidebar-mini text-sm" oncopy='return false' oncut='return false' onselectstart='return false'> --> <body class="hold-transition sidebar-mini text-sm layout-fixed"> <div id="wrapper" class="wrapper"> <?php include('include/header.php'); ?> <?php include('include/sidebar.php'); ?> <!-- /.navbar --> <!-- Content Wrapper. Contains page content --> <div class="content-wrapper"> <!-- Content Header (Page header) --> <!-- Main content --> <section class="content"> <div class="container-fluid"> <div class="row"> <div class="col-md mt-3"> <!--card card-primary--> <form id="frm-vehicle-info"> <!-- <div id="vehicle-information" class="card card-primary" style="display: ;"> --> <!-- <div class="card-header"> <h3 class="card-title"><button class="btn btn-tool" title="Go to Vehicle table list" type="button" onclick="back()"><i class="fas fa-arrow-alt-circle-left fa-2x"></i></button> 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" style="border-bottom: 0px solid #ffffff;"> --> <ul class=" nav nav-tabs navbar-nav mr-auto" id="custom-tabs-three-tab" role="tablist"> <li class="nav-item"> <a class="nav-link vehicle-tab active" id="custom-tabs-three-home-tab" data-toggle="pill" href="#custom-tabs-three-home-tab-content" role="tab" aria-controls="custom-tabs-three-home-tab-content" aria-selected="true">Information</a> </li> <li class="nav-item "> <a class="nav-link vehicle-tab" id="custom-tabs-service-tab" data-toggle="pill" href="#custom-tabs-service-tab-content" role="tab" aria-controls="custom-tabs-service-tab-content" aria-selected="false">Members</a> </li> </ul> <ul class="navbar-nav mt-1" id="vehicle-info-button" style="display:;"> <li class="nav-item"> <input type="button" style="width:100px;" id="btn_update_car_club" class="btn btn-primary btn-xs mr-1" value="Update" title="Update"></input> <input type="button" onclick="" style="width:100px;" class="btn btn-danger btn-xs" value="Remove" id="btn_remove_car_club" title="Remove"></input> </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 vehicle-tab-content active show" id="custom-tabs-three-home-tab-content" role="tabpanel" aria-labelledby="custom-tabs-three-home-tab"> <?php include __DIR__ . '/components/viewer.php'; ?> </div> <div class="tab-pane fade vehicle-tab-content" id="custom-tabs-service-tab-content" role="tabpanel" aria-labelledby="custom-tabs-service-tab"> <?php include __DIR__ . '/components/members.php'; ?> </div> </div> </div> </div> </div> <!-- </div> --> <!-- </div> --> <!--vehicle_information--> </form> </div> <!--col-md--> </div> <!--row--> </div> <!--container-fluid--> <?php include_once __DIR__ . '/modals/car_club.php'; include_once __DIR__ . '/modals/car_club_member.php'; ?> </section> <!-- /.content --> </div> <!-- /.content-wrapper --> <!--Modal here--> <!-- INSERT FOOTER --> <?php include('include/footer.php'); ?> <!-- Control Sidebar --> <aside class="control-sidebar control-sidebar-dark"> <!-- Control sidebar content goes here --> </aside> <!-- /.control-sidebar --> </div> <!-- ./wrapper --> </div> <!-- jQuery --> <script src="/plugins/jquery/jquery.min.js"></script> <!-- jQuery UI 1.11.4 --> <script src="/plugins/jquery-ui/jquery-ui.min.js"></script> <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip --> <script> $.widget.bridge('uibutton', $.ui.button) </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 --> <!-- jQuery Cookie--> <script src="/plugins/jquery-cookie/jquery.cookie.js"></script> <!-- Ekko Lightbox --> <script src="/plugins/ekko-lightbox/ekko-lightbox.min.js"></script> <!-- SweetAlert2 --> <script src="/plugins/sweetalert2/sweetalert2.min.js"></script> <!-- Toastr --> <script src="/plugins/toastr/toastr.min.js"></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 src="/dist/js/jquery.balloon.min.js"></script>--> <!-- AutoCommplete --> <script src="/dist/js/bootstrap-autocomplete/bootstrap-autocomplete.min.js"></script> <script> var car_club_record_id = '<?php echo $id; ?>'; var global_car_club_data = null; var global_car_club_member_data = null; </script> <?php include_once(__DIR__ . '/../common/scripts/functions.php'); include_once(__DIR__ . '/../common/scripts/car_club.php'); ?> <script> $(function() { $('#btn_add_car_club_member').on('click', function() { global_car_club_member_data = null; $('#modal_car_club_members').modal('show') resetCarClubMemberModal(); }) $("#modal_car_club_members").on('shown.bs.modal', function() { $(this).find("input:visible:first").focus(); }); loadCarClubInformation(); carClubNameEvt(); assignedPersonEvt(); initSelect2Element(); initOfficers(); proceedBtnListener(); proceedBtnListenerMember(); carClubTableCellClickEvt(); removeCarClub(); updateCarClub(); common(); initTicketListMembers(); refreshCarClubTableSilentMembers(); }); </script> </body> </html>��views/car_club/components/viewer.php��0000644��00000010321�15025010632�0013641 0��ustar�00�� <div class="row"> <div class="col-sm-6"> <div class="col-sm-12"> <div class="mb-1 form-group"> <label class="lbl-forms mx-0 my-0">Car Club Name</label> <input id="name" type="text" maxlength="30" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;" readonly> </div> </div> <div class="col-sm-12"> <div class="mb-1 form-group"> <label class="lbl-forms mx-0 my-0">Brand</label> <span class="text-muted font-italic"></span> <input id="brand" type="text" maxlength="" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;" readonly> </div> </div> <div class="col-sm-12"> <div class="mb-1 form-group"> <label class="lbl-forms mx-0 my-0">Model</label> <span class="text-muted font-italic"></span> <input id="model" type="text" maxlength="" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;" readonly> </div> </div> <div class="col-sm-12"> <div class="mb-1 form-group"> <label class="lbl-forms mx-0 my-0">Membership Fee</label> <input id="fee" type="text" maxlength="30" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;" readonly> </div> </div> <div class="col-sm-12"> <div class="mb-1 form-group"> <label class="lbl-forms mx-0 my-0">Assigned Person</label> <input id="assigned_person" type="text" maxlength="30" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;" readonly> </div> </div> </div> <div class="col-sm-6"> <div class="col-sm-12"> <div class="mb-1 form-group"> <label class="lbl-forms mx-0 my-0">Members Count</label> <input id="members_count" type="text" maxlength="30" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;" readonly> </div> </div> <div class="col-sm-12"> <div class="mb-1 form-group"> <label class="lbl-forms mx-0 my-0">Active Members Count</label> <input id="active_members_count" type="text" maxlength="30" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;" readonly> </div> </div> <div class="col-sm-12"> <div class="mb-1 form-group"> <label class="lbl-forms mx-0 my-0">Facebook Members Count</label> <input id="fb_members_count" type="text" maxlength="30" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;" readonly> </div> </div> <div class="col-sm-12"> <div class="mb-1 form-group"> <label class="lbl-forms mx-0 my-0">Club Status</label> <input id="club_status" type="text" maxlength="" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;" readonly> </div> </div> </div> <div class="col-sm-6 mt-3"> <fieldset class="card shadow-none "> <legend class="m-0">OFFICERS </legend> <div class="table-responsive"> <table id="" class="table-bordered table-sm"> <thead> <tr> <th>Position</th> <th>Name</th> <th>Mobile</th> </tr> </thead> <tbody id="car_club_officers"> </tbody> </table> </div> </fieldset> </div> </div> ��views/car_club/components/right_view.php��0000644��00000015504�15025010632�0014517 0��ustar�00�� <div id="vehicle-information" class="card card-primary card-outline col-12" style="display: ;"> <div class="card-body"> <div class="tab-content"> <form id="form-individual" class="form-horizontal"> <!-- <div class="row"> <div class="col-sm-6 mb-3"> <span class="span-labels"><strong>Date created: &nbsp</strong> </span> <span class="span-values" id="vehicle-date-created"></span> </div> <div class="col-6 mb-3 text-right"> </div> </div> --> <div class="form-group mb-1"> <label class="lbl-forms mb-0"><strong>Brand</strong></label> <input type="text" class=" edit-customer lbl-forms-sm form-control form-control-sm" id="information-vehicle-brand" readonly style="background-color: transparent;"></input> </div> <div class="form-group mb-1"> <label class="lbl-forms mb-0"><strong>Model</strong></label> <input type="text" class=" edit-customer lbl-forms-sm form-control form-control-sm" id="information-vehicle-model" readonly style="background-color: transparent;"></input> </div> <div class="form-group mb-1"> <label class="lbl-forms mb-0"><strong>Model Variant</strong></label> <input type="text" class=" edit-customer lbl-forms-sm form-control form-control-sm" id="information-vehicle-model-variant" readonly style="background-color: transparent;"></input> </div> <div class="form-group row mb-2" hidden> <label class="lbl-forms mb-0"><strong>Model Description</strong></label> <input type="text" class=" edit-customer lbl-forms-sm form-control form-control-sm" id="information-vehicle-model-description" readonly style="background-color: transparent;"></input> </div> <div class="form-group mb-1" hidden> <label class="lbl-forms mb-0"><strong>Model No.</strong></label> <input type="text" class=" edit-customer lbl-forms-sm form-control form-control-sm" id="information-vehicle-model-number" readonly style="background-color: transparent;"></input> </div> <div class="form-group mb-1"> <label class="lbl-forms mb-0"><strong>Conduction Sticker</strong></label> <input type="text" class=" edit-customer lbl-forms-sm form-control form-control-sm" id="information-vehicle-cs" readonly style="background-color: transparent;"></input> </div> <div class="form-group mb-1"> <label class="lbl-forms mb-0"><strong>Plate Number</strong></label> <input type="text" class=" edit-customer lbl-forms-sm form-control form-control-sm" id="information-vehicle-plate" readonly style="background-color: transparent;"></input> </div> <div class="form-group mb-1"> <label class="lbl-forms mb-0"><strong>VIN</strong></label> <input type="text" class=" edit-customer lbl-forms-sm form-control form-control-sm" id="information-vehicle-vin" readonly style="background-color: transparent;"></input> </div> <div class="form-group mb-1" hidden> <label class="lbl-forms mb-0"><strong>Registration No.</strong></label> <input type="text" class=" edit-customer lbl-forms-sm form-control form-control-sm" id="information-vehicle-reg-no" readonly style="background-color: transparent;"></input> </div> <div class="form-group mb-1"> <label class="lbl-forms mb-0"><strong>Color</strong></label> <input type="text" class=" edit-customer lbl-forms-sm form-control form-control-sm" id="information-vehicle-color" readonly style="background-color: transparent;"></input> </div> <div class="form-group mb-1"> <label class="lbl-forms mb-0"><strong>Transmission</strong></label> <input type="text" class=" edit-customer lbl-forms-sm form-control form-control-sm" id="information-vehicle-transmission" readonly style="background-color: transparent;"></input> </div> <div class="form-group mb-1"> <label class="lbl-forms mb-0"><strong>Vehicle Type</strong></label> <input type="text" class=" edit-customer lbl-forms-sm form-control form-control-sm" id="information-vehicle-type" readonly style="background-color: transparent;"></input> </div> <div class="form-group mb-1"> <label class="lbl-forms mb-0"><strong>Engine Type</strong></label> <input type="text" class=" edit-customer lbl-forms-sm form-control form-control-sm" id="information-vehicle-engine-type" readonly style="background-color: transparent;"></input> </div> <div class="form-group mb-1"> <label class="lbl-forms mb-0"><strong>Gas Type</strong></label> <input type="text" class=" edit-customer lbl-forms-sm form-control form-control-sm" id="information-vehicle-gas-type" readonly style="background-color: transparent;"></input> </div> <div class="form-group mb-1"> <label class="lbl-forms mb-0"><strong>Year Model</strong></label> <input type="text" class=" edit-customer lbl-forms-sm form-control form-control-sm" id="information-vehicle-year-model" readonly style="background-color: transparent;"></input> </div> </form> <!-- /.tab-pane --> </div> <!-- /.tab-content --> </div><!-- /.card-body --> <div class="card-footer"> <div class="mt-0 mb-0 row"> <div class="col-sm-6"> <span class="span-labels"><strong>Added By:  </strong> </span> <span id="vehicle-uploaded-by" class="span-values"></span><br> <span class="span-labels"><strong>Date Added:  </strong></span> <span id="vehicle-date-uploaded" class="span-values"></span> <!-- <span class="span-labels"><strong>Dealer:  </strong> </span> <span id="information_dealer_list" class="span-values"></span> --> </div> <!-- <div class="col-sm-6"> <span id="information_modified_by_span" class="span-labels"><strong>Modified By:  </strong> </span> <span id="information_modified_by" class="span-values"></span><br> <span id="information_date_modified_span" class="span-labels"><strong>Date Modified:  </strong></span> <span id="information_date_modified" class="span-values"></span> </div> --> </div> </div> </div> ��views/car_club/components/left_view.php��0000644��00000007425�15025010632�0014337 0��ustar�00�� <!-- Profile Image --> <div id="customer-about-me" class="card card-primary card-outline col-12" style="display: ;"> <div class="input-forms card-body box-profile"> <a href="/dist/img/brand/default.png" data-toggle="lightbox" class="hidden" id="profileDisplay_pop"> <div class="form-group text-center" style="position: relative;"> <span class="img-div"> <!-- <div class="text-center img-placeholder" onClick="triggerClick()"> --> <div class="text-center img-placeholder"> <h4></h4> </div> <img class="profile-user-img img-fluid img-circle" src="/dist/img/brand/default.png" id="profileDisplay"> </span> <input accept=".png,.jpeg,.jpg" type="file" name="upload_picture" onChange="displayImage(this)" id="upload_picture" class="form-control" style="display: none;"> </div> <!--form-group text-center--> </a> <!-- <h5 id="vehicle-brand" class="text-center">Brand</h5> --> <div class="text-center mb-0 hidden"> <h6 class="text-center">Information</span></h6> </div> <ul class="list-group list-group-unbordered mb-3"> <li class="list-group-item"> <div class="ml-1 form-group row my-0"> <span class="pl-0 col-sm-5 lbl-forms-sm-customer-main"><strong>Name</strong> <span class=""></span></span> <div style="word-wrap: break-word; width: 50%"> <a style="cursor:pointer;" class="main_name_click"> <span class="pl-0 customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="main_name"></span></a> </div> </div> </li> <li class="list-group-item"> <div class="ml-1 form-group row my-0"> <span class="pl-0 col-sm-5 lbl-forms-sm-customer-main"><strong>Brand</strong> <span class=""></span></span> <span class="pl-0 customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="main_category"></span> </div> </li> <li class="list-group-item"> <div class="ml-1 form-group row my-0"> <span class="pl-0 col-sm-5 lbl-forms-sm-customer-main"><strong>Model</strong> <span class=""></span></span> <span class="pl-0 col-sm-7 lbl-forms-sm-customer-main" id="main_customer_type"></span> </div> </li> <li class="list-group-item"> <div class="ml-1 form-group row my-0"> <span class="pl-0 col-sm-5 lbl-forms-sm-customer-main"><strong>Membership Fee</strong> <span class=""></span></span> <span class="pl-0 col-sm-7 lbl-forms-sm-customer-main" id="main_customer_status"></span> </div> </li> <li class="list-group-item"> <div class="ml-1 form-group row my-0"> <span class="pl-0 col-sm-5 lbl-forms-sm-customer-main"><strong>Assigned Person</strong> <span class=""></span></span> <a class="contact-click"><span class="pl-0 customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="main_customer_mobile"></span></a> </div> </li> </ul> </div> <!--card-body--> </div> <!--card card-primary-->��views/car_club/components/members.php��0000644��00000006541�15025010632�0014003 0��ustar�00��<div class="row mb-2"> <div class="col-6"> <button id="btn_add_car_club_member" type="button" class="btn btn-success px-3 btn-xs"><i class="fa fa-plus" aria-hidden="true"></i> <strong>Add Member</strong></button> </div> <div class="col-6 text-right"> <div class="btn-group"> <button type="button" class="tooltip-me btn btn-default dropdown-toggle btn-sm " data-toggle="dropdown" aria-haspopup="true" title="Filter" data-html="true" data-placement="left" aria-expanded="true"> <i class="fa fa-filter" aria-hidden="true"></i> </button> <div id="dropdown-filter" class="dropdown-menu dropdown-menu-right"> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="filter_member_status" id="filter_member_status" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <option value='1'>ACTIVE</option> <option value='0'>INACTIVE</option> </select> </div> </div> </div> </div> </div> </div> <!-- <div id="customer-service" class="table-responsive "> --> <!-- <div id="customer-service"> <table id="car_club_members_table" data-toggle="table" class="table table-sm" data-url="" data-pagination="true" data-search="true" data-show-refresh="false" data-show-toggle="false" data-show-columns="false" data-show-columns-toggle-all="false" data-show-export="false" data-query-params="queryParamsMembers" data-side-pagination="server" data-page-list="[10, 25, 50, 100]" data-minimum-count-columns="2" data-show-pagination-switch="false" data-pagination="true" data-height="300" data-click-to-select="true"> <thead> <tr> <th data-formatter="" data-field="date_added">Date Added</th> <th data-formatter="" data-field="name">Name</th> <th data-formatter="" data-field="mobile">Mobile</th> <th data-formatter="" data-field="member_status">Status</th> <th data-formatter="" data-field="action">Action</th> </tr> </thead> <tbody> </tbody> </table> </div> --> <div id="" class="car_club_table"> <table id="car_club_members_table" data-search="true" data-custom-search="customSearch" data-buttons="buttonsFunction" data-url="" class="table table-bordered table-hover table-sm" data-page-size="15" data-page-list="[15, 30, 50, 100, all]" data-query-params="queryParamsMembers" data-pagination="true" data-show-refresh="true"> <thead> <tr> <th data-width="120" data-formatter="field_formatter" data-field="date_added">Date Added</th> <th data-formatter="field_formatter" data-field="name">Name</th> <th data-formatter="field_formatter" data-field="mobile">Mobile</th> <th data-formatter="field_formatter" data-field="member_status">Status</th> <th data-width="100" class="text-center" data-formatter="member_action_formatter" data-field="action">Action</th> </tr> </thead> <tbody> </tbody> </table> </div>��views/car_club/list.php��0000644��00000066324�15025010632�0011144 0��ustar�00��<?php include_once('cfg/db.php'); if (!isset($_SESSION['user'])) { header('location:' . $path['dirname'] . 'signin.php'); } include_once("api/controllers/utility.php"); if (!isset($_SESSION['user'])) { header('location:signin.php'); } if (!(isset($global_action_permissions['2']['52']['1']) && in_array("1", $global_action_permissions['2']['52']['1']))) { 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><?= $page_title ?></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"> <link href="dist/img/<?php echo $variable['logo']; ?>" rel="icon" /> <!-- Ekko Lightbox --> <link rel="stylesheet" href="plugins/ekko-lightbox/ekko-lightbox.css"> <!-- SweetAlert2 --> <link rel="stylesheet" href="plugins/sweetalert2/sweetalert2.min.css"> <!-- Toastr --> <link rel="stylesheet" href="plugins/toastr/toastr.min.css"> <!-- STARTMULTI --> <link rel="stylesheet" href="dist/css/bootstrap-multiselect.css" type="text/css"> <!-- INCLUDE HEADER CSS --> <?php include_once(__DIR__ . '/../common/css/style.php'); ?> </head> <body class="hold-transition sidebar-mini text-sm layout-fixed"> <div class="wrapper"> <!-- INCLUDE HEADER --> <?php include_once('include/header.php'); ?> <?php include_once('include/sidebar.php'); ?> <div id="upper" class="content-wrapper"> <!-- START --> <section class="content"> <div class="container-fluid"> <div class="row"> <div class="col-md mt-3"> <div id="table" style="display:;" class="card card-primary"> <div class="card-header"> <h3 class="card-title"><?= $page_title ?></h3> </div> <div class="card"> <div class="card-body"> <!-- ./FILTER --> <div class="row mb-2"> <div class="col-8"> <div class="row"> <button id="btn_add_car_club" type="button" class="btn btn-success px-3 btn-sm"><i class="fa fa-plus" aria-hidden="true"></i> <strong>Add</strong></button> <button id="btn_import_car_club" type="button" class="btn btn-success px-3 btn-sm ml-2"><i class="fa fa-upload" aria-hidden="true"></i> <strong>Import</strong></button> </div> </div> <div class="col-4 text-right"> <div class="btn-group"> <button type="button" class="tooltip-me btn btn-default dropdown-toggle btn-sm " data-toggle="dropdown" aria-haspopup="true" title="Filter" data-html="true" data-placement="left" aria-expanded="true"> <i class="fa fa-filter" aria-hidden="true"></i> </button> <div id="dropdown-filter" class="dropdown-menu dropdown-menu-right"> <!-- <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <input type="button" class="btn btn-primary btn-sm form-control form-control-sm " name="btnCustomerListNoFilter" id="btnCustomerListNoFilter" value="No Filter" style="width: 100%;"></input> </div> </div> --> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="filter_brand" id="filter_brand" class="form-control form-control-sm" style="width: 100%;"> <option></option> </select> </div> <!--form-group dropdown--> </div> <!--form-group--> <!-- text input --> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="filter_model" id="filter_model" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> </select> </div> <!--form-group dropdown--> </div> <!--form-group--> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="filter_club_status" id="filter_club_status" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <option value='1'>ACTIVE</option> <option value='0'>INACTIVE</option> </select> </div> </div> </div> </div> </div> </div> <!-- ./FILTER --> <hr class="hidden"> <div class="row hidden"> <!-- <div class="col-md-12"> <h4 class="no-margin">Customer Summary</h4> </div> --> <div id="customer_action_all" class="col-md-3 col-sm-6 col-12" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-primary"><i class="fa fa-users"></i></span> <div class="info-box-content"> <span class="info-box-text">Total</span> <span class="info-box-number" id="total_customer_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> <div id="customer_action_new" class="col-md-3 col-sm-6 col-12" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-info"><i class="fa fa-users"></i></span> <div class="info-box-content"> <div class="row"> <div class="col-10"> <span class="info-box-text">New</span> </div> <div class="col-2"> <i class="float-right tooltip-me mt-2 mr-2 mb-0 fas fa-question-circle" style="color:blue; cursor: help;" title="Record count from last 7 days"></i> </div> </div> <span class="info-box-number" id="new_customer_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> <div id="customer_action_updated" class="col-md-3 col-sm-6 col-12" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-warning"><i class="fa fa fa-sync"></i></span> <div class="info-box-content"> <div class="row"> <div class="col-10"> <span class="info-box-text">Updated </span> </div> <div class="col-2"> <i class="float-right tooltip-me mt-2 mr-2 mb-0 fas fa-question-circle" style="color:blue; cursor: help;" title="Record count from last 7 days"></i> </div> </div> <span class="info-box-number" id="updated_customer_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> <div id="customer_action_added" class="col-md-3 col-sm-6 col-12" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-success"><i class="fa fa-plus"></i></span> <div class="info-box-content"> <span class="info-box-text">Added Today</span> <span class="info-box-number" id="new_today_customer_count">0</span> </div> <!-- /.info-box-content --> </div> <!-- /.info-box --> </div> <!-- /.col --> </div> <!-- /.row --> <div id="customer-list" class="car_club_table"> <table id="car_club_table" data-search="true" data-custom-search="customSearch" data-buttons="buttonsFunction" data-url="" class="table table-bordered table-hover table-sm" data-page-size="15" data-page-list="[15, 30, 50, 100, all]" data-show-refresh="true" data-query-params="queryParams" data-pagination="true"> <thead> <tr> <th data-formatter="field_formatter" data-field="name">Name</th> <th data-formatter="field_formatter" data-field="vehicle">Vehicle Type</th> <th data-formatter="field_formatter" data-field="president">President</th> <!-- <th data-formatter="field_formatter" data-field="">Active Members</th> --> <!-- <th data-formatter="field_formatter" data-field="" >Facebook Members</th> --> <!-- <th data-formatter="field_formatter" data-field="">Total Members</th> --> <th data-formatter="field_formatter" data-field="members_count">Members</th> <th data-formatter="field_formatter" data-field="assigned_person">Assigned Person</th> <th data-formatter="field_formatter" data-field="club_status">Status</th> </tr> </thead> <tbody> </tbody> </table> </div> <!-- </div> --> </div> </div> </div> <!--card-card-primary--> <!--row--> </div> <!--container-fluid--> </div> <!--container-fluid--> </div> <!--container-fluid--> <?php include_once __DIR__ . '/modals/car_club.php'; include_once __DIR__ . '/modals/car_club_import.php'; ?> </section> <!-- END --> </div> <?php include_once('include/footer.php'); ?> <aside class="control-sidebar control-sidebar-dark"></aside> </div><!-- ./wrapper --> <!-- jQuery --> <script src="plugins/jquery/jquery.min.js"></script> <!-- jQuery UI 1.11.4 --> <script src="plugins/jquery-ui/jquery-ui.min.js"></script> <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip --> <script> $.widget.bridge('uibutton', $.ui.button) </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 --> <!-- jQuery Cookie--> <script src="plugins/jquery-cookie/jquery.cookie.js"></script> <!-- Ekko Lightbox --> <script src="plugins/ekko-lightbox/ekko-lightbox.min.js"></script> <!-- SweetAlert2 --> <script src="plugins/sweetalert2/sweetalert2.min.js"></script> <!-- Toastr --> <script src="plugins/toastr/toastr.min.js"></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 src="dist/js/jquery.balloon.min.js"></script>--> <!-- AutoCommplete --> <script src="dist/js/bootstrap-autocomplete/bootstrap-autocomplete.min.js"></script> <script> var car_club_record_id = ''; </script> <?php include_once(__DIR__ . '/../common/scripts/functions.php'); include_once(__DIR__ . '/../common/scripts/car_club.php'); ?> <script> var uploaded_kb_attachments_arr = []; var uploaded_kb_attachments_has_error = false; var uploaded_kb_attachments_error_msg; // DROPZONE 2 START // Get the template HTML and remove it from the doumenthe template HTML and remove it from the doument var kbNode = document.querySelector("#kb_modal_template") kbNode.id = "" var kbTemplate = kbNode.parentNode.innerHTML kbNode.parentNode.removeChild(kbNode) var kbDropzone = new Dropzone("#car_club_import_modal", { removedfile: function(file) { if (!isEmpty(file.id)) { remove_kb_attachment_mock_files.push(file.id); } var _ref; return (_ref = file.previewElement) != null ? _ref.parentNode.removeChild(file.previewElement) : void 0; }, url: "api/upload/upload_spreadsheet_car_club.php", paramName: "file", maxFilesize: 1024, maxFiles: 1, autoProcessQueue: false, acceptedFiles: '.xls, .csv, .xlsx', init: function() { this.on('sending', function(file, xhr, formData) { var $element = $("[json-modal-import"); var json_data = generate_json_attr_key('json-modal-import', 'sql-id', $element); formData.append("json_data", json_data); }); }, thumbnailWidth: 50, thumbnailHeight: 50, parallelUploads: 20, previewTemplate: kbTemplate, autoQueue: false, // Make sure the files aren't queued until manually added previewsContainer: "#kb_modal_previews", // Define the container to display the previews clickable: ".kb-modal-button" // Define the element that should be used as click trigger to select files. }); function startUpload() { if (kbDropzone.getAcceptedFiles().length < 1) { toastr.remove(); toastr.error("Please select file to be import."); return false; } for (var i = 0; i < kbDropzone.getAcceptedFiles().length; i++) { kbDropzone.processFile(kbDropzone.getAcceptedFiles()[i]); } } kbDropzone.on('success', function(file, result) { try { result = JSON.parse(result) if (parseInt(result.status) === 1) { // alert(result.change_name); var uploaded_kb_attachments_obj = { "change_name": result.change_name, "original_name": result.orig_name } uploaded_kb_attachments_arr.push(uploaded_kb_attachments_obj); } else if (parseInt(result.status) === 0) { //put the first error only if (!uploaded_kb_attachments_has_error) { uploaded_kb_attachments_has_error = true; uploaded_kb_attachments_error_msg = { filename: result.orig_name, message: result.message }; } } if (!result.error) { if (kbDropzone.getQueuedFiles().length === 0 && kbDropzone.getUploadingFiles().length === 0) { // console.log(uploaded_kb_attachments_arr) if (uploaded_kb_attachments_has_error) { toastr.remove(); toastr.error(uploaded_kb_attachments_error_msg.filename + ' - ' + uploaded_kb_attachments_error_msg.message) //remove uploaded files $.ajax({ url: "api/upload/upload_spreadsheet_car_club.php", data: { model: 'delete_file', file: 'knowledgebase', file_names: JSON.stringify(uploaded_kb_attachments_arr) }, type: "POST", dataType: 'json', beforeSend: function() {}, success: function(result) {}, error: function() {} }); } else { // kbDropzone.removeAllFiles(true); importDone(result); } uploaded_kb_attachments_has_error = false; uploaded_kb_attachments_arr = []; } } //TODO - } catch (e) { //TODO - console.log(e) } }); function importDone(result) { refreshCarClubTableSilent(); kbDropzone.removeAllFiles(true); if (result.status == "1") { $('#span_total_data').text(result.total); $('#span_inserted_data').text(result.inserted); $('#span_not_inserted_data').text(result.not_inserted); var a = document.getElementById('a_log_file'); //or grab it by tagname etc a.href = "/api/upload/logs/" + result.orig_name; $('#kb-file-dropzone-div').hide(); $('#error-report-div').hide(); $('#summary-report-div').show(); } else { $('#kb-file-dropzone-div').hide(); $('#error-report-div').show(); $('#summary-report-div').hide(); $('#span_msg_data').text(result.message); } //show summary } $(function() { carClubNameEvt(); assignedPersonEvt(); initSelect2Element(); initOfficers(); proceedBtnListener(); carClubTableCellClickEvt(); initTicketList(); refreshCarClubTableSilent(); common(); $('#btn_add_car_club').on('click', function(evt) { $('#modal_car_club').modal('show'); $('.customer-modal-overlay').hide(); }); $('#btn_import_car_club').on('click', function(evt) { $('#car_club_import_modal').modal('show'); readCarClubField(); }); $('#btn_import').on('click', function(evt) { startUpload(); }); $('#btn_summary_back,#btn_error_summary_back').on('click', function(evt) { $('#summary-report-div').hide(); $('#error-report-div').hide(); $('#kb-file-dropzone-div').show(); }); }); </script> </body> </html>��views/car_club/modals/car_club_member.php��0000644��00000012413�15025010632�0014537 0��ustar�00�� <!-- Modal --> <div class="modal fade" id="modal_car_club_members" role="dialog" data-backdrop="static" aria-labelledby="exampleModalCenterTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-scrollable modal-md modal-dialog-centered" role="document"> <div id="modal_car_club_members_content" class="modal-content"> <!-- <div class="modal-header"> <h5 class="modal-title mr-2" id="exampleModalCenterTitle"><span id="modal-title">Member</span></h5> <div class="fas fa-2x fa-sync-alt fa-spin customer-modal-overlay"> </div> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> --> <div class="modal-body"> <div class="col-sm-12"> <div class="mb-1 form-group"> <label class="lbl-forms mx-0 my-0">Firstname</label> <span style="color:red;"><strong></strong></span> <input json-modal-member="true" id="txt_member_fname" type="text" maxlength="30" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> <div class="col-sm-12"> <div class="mb-1 form-group"> <label class="lbl-forms mx-0 my-0">Lastname</label> <span style="color:red;"><strong></strong></span> <input autocomplete="off" json-modal-member="true" id="txt_member_lname" type="text" maxlength="30" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> <div class="col-sm-12"> <div class="mb-1 form-group"> <label class="lbl-forms mx-0 my-0">Mobile</label> <div class="input-group "> <div class=" edit-customer input-group-append" style="height: 28px;"> <div class="input-group-text">+63</div> </div> <input json-modal-member="true" oninput="this.value=this.value.slice(0,this.maxLength)" type="number" maxlength="10" id="txt_member_mobile" class="edit-customer lbl-forms-sm form-control form-control-sm" placeholder="10 Digit Mobile" style="background-color: transparent;"> <!-- <span style="color:red;"><strong></strong></span> --> </div> </div> </div> <div class="col-sm-12"> <div class="mb-1 form-group"> <label class="lbl-forms mx-0 my-0">Status</label> <select json-modal-member="true" name="dd_member_status" id="dd_member_status" class="edit-customer form-control form-control-sm" style="width: 100%;"> <option selected value='1'>ACTIVE</option> <option value='0'>INACTIVE</option> </select> </div> </div> </div> <div class="modal-footer p-1"> <button type="button" style="width:60px;" class="btn btn-secondary btn-sm" data-dismiss="modal">Close</button> <button id="proceed-button-member" style="width:60px;" type="button" class="btn btn-success btn-sm"><span>Save</span></button> </div> </div> </div> </div> <!-- Modal -->��views/car_club/modals/car_club_import.php��0000644��00000034441�15025010632�0014607 0��ustar�00��<!-- Modal --> <div class="modal bd-example-modal-lg fade" id="car_club_import_modal" role="dialog" data-backdrop="static" aria-labelledby="car_club_import_modalTitle" aria-hidden="true"> <div class="modal-dialog modal-lg modal-dialog-centered"> <div class="modal-content"> <div class="modal-header bg-light py-1"> <span class="modal-title text-md" id="car_club_import_modal_title">Import Car Clubs</span> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body pt-2"> <div class="col-12"> <div class="card collapsed-card mb-2"> <div class="card-header bg-light pl-2 pt-1 pb-1"> <h3 class="card-title text-md pt-1">EXCEL HEADER FIELDS</h3> <div class="card-tools"> <button type="button" class="btn btn-tool role-toggle" data-card-widget="collapse"> <i class="fas fa-plus"></i> </button> </div> </div> <!-- /.card-header pl-2 pt-1 pb-1 --> <div class="card-body p-0"> <!-- <fieldset class="card"> --> <!-- <legend>HEADER FIELD NAMES</legend> --> <div class="row"> <div class="col-sm-6"> <div class="col-sm-12"> <div class="mb-1 form-group"> <label class="lbl-forms mx-0 my-0">Car Club Name</label> <input json-modal-import="true" sql-id="1" id="txt_field_name" type="text" maxlength="30" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> <div class="col-sm-12"> <div class="mb-1 form-group"> <label class="lbl-forms mx-0 my-0">Brand</label> <span class="text-muted font-italic"></span> <input json-modal-import="true" sql-id="2" id="txt_field_brand" type="text" maxlength="30" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> <div class="col-sm-12"> <div class="mb-1 form-group"> <label class="lbl-forms mx-0 my-0">Model</label> <span class="text-muted font-italic"></span> <input json-modal-import="true" sql-id="3" id="txt_field_model" type="text" maxlength="30" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> <div class="col-sm-12"> <div class="mb-1 form-group"> <label class="lbl-forms mx-0 my-0">Membership Fee</label> <input json-modal-import="true" sql-id="4" id="txt_field_fee" type="text" maxlength="30" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> <div class="col-sm-12"> <div class="mb-1 form-group"> <label class="lbl-forms mx-0 my-0">President / Mobile</label> <!-- <span style="color:red;"><strong></strong></span> --> <input autocomplete="off" sql-id="5" json-modal-import="true" id="txt_field_president" type="text" maxlength="30" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> </div> <div class="col-sm-6"> <div class="col-sm-12"> <div class="mb-1 form-group"> <label class="lbl-forms mx-0 my-0">Members Count</label> <input json-modal-import="true" sql-id="6" id="txt_field_members_count" type="text" maxlength="30" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> <div class="col-sm-12"> <div class="mb-1 form-group"> <label class="lbl-forms mx-0 my-0">Active Members Count</label> <input json-modal-import="true" sql-id="7" id="txt_field_active_members_count" type="text" maxlength="30" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> <div class="col-sm-12"> <div class="mb-1 form-group"> <label class="lbl-forms mx-0 my-0">Facebook Members Count</label> <input json-modal-import="true" sql-id="8" id="txt_field_fb_members_count" type="text" maxlength="30" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> <div class="col-sm-12"> <div class="mb-1 form-group"> <label class="lbl-forms mx-0 my-0">Assigned Person</label> <!-- <span style="color:red;"><strong></strong></span> --> <input autocomplete="off" sql-id="9" json-modal-import="true" id="txt_field_assigned_person" type="text" maxlength="30" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> <div class="col-sm-12"> <div class="mb-1 form-group"> <label class="lbl-forms mx-0 my-0">Club Status</label> <input json-modal-import="true" sql-id="10" id="txt_field_club_status" type="text" maxlength="30" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> </div> </div> <!-- </fieldset> --> </div> <!-- /.card-body --> </div> <div class="col-12 hidden" id="error-report-div"> <div class="form-group row mb-0"> <label for="" class="col-sm-12 pb-0 pt-0 col-form-label font-weight-bold text-danger">Error: <span class="text-dark" id="span_msg_data"></span> </label> </div> <div id="" class="row mt-1"> <div class="col-sm-2 mt-1"> <div class="btn-group w-100"> <span id="btn_error_summary_back" class="btn btn-secondary col btn-xs"> <i class="fas fa-arrow-left"></i> <span>Back</span> </span> </div> </div> </div> </div> <div class="col-12 hidden" id="summary-report-div"> <div class="form-group row mb-0"> <label for="" class="col-sm-12 pb-0 pt-0 col-form-label font-weight-bold">Total Data: <span id="span_total_data"></span> </label> </div> <div class="form-group row mb-0"> <label for="" class="col-sm-12 pb-0 pt-0 col-form-label font-weight-bold">Inserted Data: <span id="span_inserted_data"></span></label> </div> <div class="form-group row mb-0"> <label for="" class="col-sm-12 pb-0 pt-0 col-form-label font-weight-bold">Not Inserted Data: <span id="span_not_inserted_data"></span> </label> </div> <div id="" class="row mt-1"> <div class="col-sm-3 mt-1"> <a href="" id="a_log_file"> <div class="btn-group w-100"> <span class="btn btn-primary col btn-xs "> <i class="fas fa-download"></i> <span>Download Summary</span> </span> </div> </a> </div> <div class="col-sm-2 mt-1"> <div class="btn-group w-100"> <span id="btn_summary_back" class="btn btn-secondary col btn-xs"> <i class="fas fa-arrow-left"></i> <span>Back</span> </span> </div> </div> </div> </div> <div class="col-12" id="kb-file-dropzone-div"> <div class="form-group row mb-1"> <label for="" class="col-sm-12 pb-0 pt-1 col-form-label font-weight-bold">Spreadsheet file:</label> </div> <div class="card-body p-0"> <div id="ticket_actions" class="row"> <div class="col-lg-3"> <div class="btn-group w-100"> <span class="btn btn-success col btn-xs kb-modal-button"> <i class="fas fa-plus"></i> <span>Browse/Drag File</span> </span> </div> </div> </div> <div class="table table-striped files" id="kb_modal_previews"> <div id="kb_modal_template" class="row mt-2"> <div class="col-auto p-0"> <span class="preview"><img src="data:," alt="" data-dz-thumbnail /></span> </div> <div class="col d-flex align-items-center word-wrap"> <p class="mb-0"> <span class="lead text-md" data-dz-name></span> (<span data-dz-size></span>) </p> <strong class="error text-danger" data-dz-errormessage></strong> </div> <div class="col-6 d-flex align-items-center"> <div class="progress progress-striped active w-100 my-2" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0"> <div class="progress-bar progress-bar-success" style="width:0%;" data-dz-uploadprogress></div> </div> </div> <div class="col-auto d-flex align-items-center"> <div class="btn-group"> <button data-dz-remove class="btn btn-sm btn-danger delete"> <i class="fas fa-trash"></i> <span>Remove</span> </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class="modal-footer p-1"> <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">Close</button> <button type="button" class="btn btn-sm btn-success" id="btn_import">Import</button> </div> </div> </div> </div>��views/car_club/modals/car_club_name.php��0000644��00000003345�15025010632�0014214 0��ustar�00�� <!-- Modal --> <div class="modal fade" id="modal_car_club_members" role="dialog" data-backdrop="static" aria-labelledby="exampleModalCenterTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-scrollable modal-md modal-dialog-centered" role="document"> <div id="modal_car_club_members_content" class="modal-content"> <div class="modal-body"> <div class="col-sm-12"> <div class="mb-1 form-group"> <label class="lbl-forms mx-0 my-0">Name</label> <span style="color:red;"><strong></strong></span> <input json-modal-member="true" id="club_name" type="text" maxlength="255" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> </div> <div class="modal-footer p-1"> <button type="button" style="width:60px;" class="btn btn-secondary btn-sm" data-dismiss="modal">Close</button> <button id="proceed-button-member" style="width:60px;" type="button" class="btn btn-success btn-sm"><span>Save</span></button> </div> </div> </div> </div> <!-- Modal -->��views/car_club/modals/car_club.php��0000644��00000044356�15025010632�0013223 0��ustar�00�� <!-- Modal --> <div class="modal fade" id="modal_car_club" role="dialog" data-backdrop="static" aria-labelledby="exampleModalCenterTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-scrollable modal-xl modal-dialog-centered" role="document"> <div id="modal_car_club_content" class="modal-content"> <div class="modal-header bg-light py-1"> <span class="modal-title text-md" id="">Car Club Form</span> <div class="fas fa-2x fa-sync-alt fa-spin customer-modal-overlay"> </div> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div class="card pb-0 pt-0 pl-0 pr-0 mt-0 mb-0 ml-0 mr-0" id="grid-card" style="box-shadow: 0 0 0 0"> <div class="overlay customer-modal-overlay"> <!-- <div class="fas fa-2x fa-sync-alt fa-spin" style="color:white;"> </div> <strong><span class="ml-2" style="color:white;"> Loading, please wait...</span></strong> --> </div> <div class="card-body pb-0 pt-0 pl-0 pr-0 mt-0 mb-0 ml-0 mr-0" id="customer-grid" style="padding: .50rem"> <!-- ./nav bar --> <div id="app" class="mb-2"> <nav class="navbar navbar-expand-md navbar-light ml-0 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" style="border-bottom: 0px solid #ffffff;"> --> <ul class="nav nav-tabs navbar-nav mr-auto customer-modal-tab" id="customer-modal-tab" role="tablist"> <li class="nav-item"> <a class="nav-link active border-0 " id="customer-modal-tab-information" data-toggle="pill" href="#customer-modal-information" role="tab" aria-controls="customer-modal-information" aria-selected="true">Information</a> </li> </ul> </div> </nav> </div> <div class="tab-content" id="customer-modal-tab-content"> <div class="tab-pane fade show active" id="customer-modal-information" role="tabpanel" aria-labelledby="customer-modal-tab-information"> <div class="row"> <div class="col-sm-12"> <fieldset class="card"> <!-- <legend>INFORMATION</legend> --> <div class="row"> <div class="col-sm-6"> <div class="col-sm-12"> <div class="mb-1 form-group"> <label class="lbl-forms mx-0 my-0">Car Club Name</label> <span style="color:red;"><strong></strong></span> <input json-modal="true" id="txt_name_id" class="hidden" type="text" /> <input json-modal="true" id="txt_name" type="text" maxlength="30" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> <div class="col-sm-12"> <div class="mb-1 form-group"> <label class="lbl-forms mx-0 my-0">Brand</label> <span class="text-muted font-italic"></span> <select json-modal="true" name="dd_brand" id="dd_brand" class="edit-customer form-control form-control-sm" style="width: 100%;"> <option></option> </select> </div> </div> <div class="col-sm-12"> <div class="mb-1 form-group"> <label class="lbl-forms mx-0 my-0">Model</label> <span class="text-muted font-italic"></span> <select json-modal="true" name="dd_model" id="dd_model" class="edit-customer form-control form-control-sm" style="width: 100%;"> <option></option> </select> </div> </div> <div class="col-sm-12"> <div class="mb-1 form-group"> <label class="lbl-forms mx-0 my-0">Membership Fee</label> <input json-modal="true" id="txt_fee" type="text" maxlength="30" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> <div class="col-sm-12"> <div class="mb-1 form-group"> <label class="lbl-forms mx-0 my-0">Assigned Person</label> <span style="color:red;"><strong></strong></span> <input json-modal="true" id="txt_assigned_person_id" class="hidden" type="text" /> <input autocomplete="off" json-modal="true" id="txt_assigned_person" type="text" maxlength="30" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> </div> <div class="col-sm-6"> <div class="col-sm-12"> <div class="mb-1 form-group"> <label class="lbl-forms mx-0 my-0">Members Count</label> <input json-modal="true" id="txt_members_count" type="text" maxlength="30" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> <div class="col-sm-12"> <div class="mb-1 form-group"> <label class="lbl-forms mx-0 my-0">Active Members Count</label> <input json-modal="true" id="txt_active_members_count" type="text" maxlength="30" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> <div class="col-sm-12"> <div class="mb-1 form-group"> <label class="lbl-forms mx-0 my-0">Facebook Members Count</label> <input json-modal="true" id="txt_fb_members_count" type="text" maxlength="30" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> <!-- NUMBERS FORMATT <div class="col-sm-12"> <div class="mb-1 form-group"> <label class="lbl-forms mx-0 my-0">Members Count</label> <input json-modal="true" id="txt_members_count" type="number" maxlength="10" oninput="this.value=this.value.slice(0,this.maxLength)" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> --> <div class="col-sm-12"> <div class="mb-1 form-group"> <label class="lbl-forms mx-0 my-0">Club Status</label> <select json-modal="true" name="dd_club_status" id="dd_club_status" class="edit-customer form-control form-control-sm" style="width: 100%;"> <option selected value='1'>ACTIVE</option> <option value='0'>INACTIVE</option> </select> </div> </div> </div> </fieldset> </div> </div> <div class="row"> <div class="col-sm-12"> <fieldset class="card"> <legend>OFFICERS <!-- <span style="color:red;"> <strong></strong> </span> --> </legend> <div class="table-responsive "> <table id="contact-person-list-table" style="position: relative;" class="fixed-table-width table-bordered table-sm"> <thead> <tr> <th style="width: 230px;">Position</th> <th style="width: 275px;">Firstname</th> <th style="width: 275px;">Lastname</th> <th style="width: 230px;">Mobile</th> <th style="width: 50px;" class="text-center"><button type="button" name="addRowOfficers" id="addRowOfficers" class="btn btn-success btn-xs add"><span class="fas fa-plus"></span></button> </th> </tr> </thead> <tbody id="contact-person-list"> </tbody> </table> </div> <table id="contact-person-list-clone" style="display:none"> <tbody> <tr> <td> <div class="input-group"> <input type="text" maxlength="50" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" id="txt_officer_pos" style="background-color: transparent;" autocomplete="off" /> </div> </td> <td> <div class="input-group"> <input type="text" maxlength="50" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" id="txt_officer_fname" style="background-color: transparent;" /> </div> </td> <td> <div class="input-group"> <input type="text" maxlength="50" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" id="txt_officer_lname" style="background-color: transparent;" /> </div> </td> <td> <div class="input-group "> <div class=" edit-customer input-group-append" style="height: 28px;"> <div class="input-group-text">+63</div> </div> <input oninput="this.value=this.value.slice(0,this.maxLength)" type="number" maxlength="10" id="txt_officer_mobile" class="edit-customer lbl-forms-sm form-control form-control-sm" placeholder="10 Digit Mobile" style="background-color: transparent;"> <!-- <span style="color:red;"><strong></strong></span> --> </div> </td> <td class="text-center"><button type="button" class="btnRemoveContactPerson btn btn-danger btn-xs"><span class="fas fa-minus"></span></button> </td> </tr> </tbody> </table> </fieldset> </div> </div> </div> </div> <!-- ./nav bar --> </div> </div> </div> <div class="modal-footer"> <!-- <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">Close</button> --> <button id="proceed-button" type="button" class="btn btn-success btn-sm"><span>Save Information</span></button> </div> </div> </div> </div> </div> <!-- Modal -->��views/car_club/reset.txt��0000644��00000000404�15025010632�0011326 0��ustar�00��DELETE FROM `car_club_members` WHERE 1; DELETE FROM `car_club_officers` WHERE 1; DELETE FROM `car_club_positions` WHERE 1 AND id NOT IN (1); DELETE FROM `car_club_users` WHERE 1; DELETE FROM `car_clubs` WHERE 1; DELETE FROM `car_club_assigned_persons` WHERE 1;��views/car_club/activities.txt��0000644��00000001511�15025010632�0012350 0��ustar�00��PHASE 1: - login / - routing the web / - database structure / *START CAR CLUBS manual adding of data -backend / -frontend / manual updating of data -backend / -frontend / removing of data -backend / -frontend / list of data -backend / -frontend / filtering of data => status,brand,model -backend / -frontend / END CAR CLUBS MEMBERS START* manual adding of data -backend / -frontend / manual updating of data -backend / -frontend / removing of data -backend / -frontend / list of data -backend / -frontend / filtering of data -backend / -frontend / MEMBERS END*** excel data importing -backend / -frontend / -Car Club Roles / -list car club from release -implement to live 26 activities = 3.85% per act = now 92.4% ��views/services/service_view.php��0000644��00000062616�15025010632�0012734 0��ustar�00��<?php include('cfg/db.php'); if(!isset($_SESSION['user'])){ header('location:signin.php'); } if(!(isset($global_action_permissions['2']['2']) && in_array("1", $global_action_permissions['2']['2']))){ header('location:signin.php'); } if(!isset($_REQUEST['q'])){ header('location:service.php'); } $id = $db->escape($_REQUEST['q']); ?> <!DOCTYPE html> <html lang="en"> <head> <!-- <script src="dist/js/filter.js"></script> --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> <?php echo $variable['site_name']; ?> \| Services</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"> <!-- Default style --> <link rel="stylesheet" href="dist/css/default.css"> <!-- daterange picker --> <link rel="stylesheet" href="plugins/daterangepicker/daterangepicker.css"> <!-- Tempusdominus Bootstrap 4 --> <link rel="stylesheet" href="plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css"> <!-- SweetAlert2 --> <link rel="stylesheet" href="plugins/sweetalert2-theme-bootstrap-4/bootstrap-4.min.css"> <!-- Toastr --> <link rel="stylesheet" href="plugins/toastr/toastr.min.css"> <link href="plugins/bootstrap-table/css/bootstrap-table.min.css" rel="stylesheet"> <!-- dropzonejs --> <link rel="stylesheet" href="plugins/dropzone/min/dropzone.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"> <link href="dist/img/<?php echo $variable['logo']; ?>" rel="icon" /> <!-- BS Stepper --> <link rel="stylesheet" href="plugins/bs-stepper/css/bs-stepper.min.css"> <!-- SweetAlert2 --> <link rel="stylesheet" href="plugins/sweetalert2-theme-bootstrap-4/bootstrap-4.min.css"> <!-- Ekko Lightbox --> <link rel="stylesheet" href="plugins/ekko-lightbox/ekko-lightbox.css"> <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%; } .dropzone { border: 2px dashed #3b9aff; border-radius: 5px; justify-content: center; background: #f5f5f5; } .dropzone i { font-size: 5rem; } .dropzone .dz-message { color: rgba(0, 0, 0, .54); font-weight: 500; font-size: initial; text-transform: uppercase; } .dropzone-image-preview { height: unset; width: 100%; } #vehicle-modal-tab .nav-link.active, .nav-item.active { color: rgb(0 123 255); border-bottom: 1px solid rgb(0 123 255) !important; } </style> </head> <body class="hold-transition sidebar-mini text-sm layout-fixed"> <!-- <body class="hold-transition sidebar-mini text-sm" oncopy='return false' oncut='return false' onselectstart='return false'> --> <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 id="wrapper" class="content-wrapper"> <!-- Main content --> <section class="content"> <div class="container-fluid"> <div class="row"> <div class="col-md mt-3"> <!--card card-primary--> <div id="service-information" class="card card-primary"> <div class="card-header"> <h3 class="card-title"><button class="btn btn-tool" title="Back to previous page" type="button" onclick="back()"><i class="fas fa-arrow-alt-circle-left fa-2x"></i></button>&nbspService Information</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"> <?php if((isset($global_action_permissions['2']['2']) && in_array("3", $global_action_permissions['2']['2']))){ ?> <div class="col-12 text-right p-0"> <input type="button" id="vehicle-service-button" class="btn btn-primary btn-sm mb-1" value="Edit Service" title="Edit Service"> </div> <?php } ?> <div class="row d-flex align-items-stretch"> <div class="col-md-4 d-flex align-items-stretch"> <?php include 'include/components/vehicle/vehicle_about_side.php'; ?> </div> <div class="col-md-8 d-flex align-items-stretch"> <?php include 'include/components/vehicle/vehicle_service_information.php'; ?> </div> </div> <div id="customer-ro-number" class="card card-primary"> <div class="card-header"> <h3 class="card-title">Service History</h3> </div> <div class="card-body"> <!-- <div id="customer-ro-number" class="table-responsive"> --> <div id="customer-ro-number"> <table id="ro-number-table" data-toggle="table" data-url="" class="table table-sm" data-pagination="true" data-search="false" data-show-refresh="false" data-show-toggle="false" data-show-columns="false" data-show-columns-toggle-all="false" data-show-export="false" data-query-params="queryParamsRoNumber" 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-height="300" data-click-to-select="true"> <thead> <tr> <th data-formatter="checkIfEmpty" data-field="job_code">Job Code</th> <th data-formatter="checkIfEmpty" data-field="problem_cause">Problem Cause</th> <th data-formatter="checkIfEmpty" data-field="correction"> Correction</th> <th data-formatter="checkIfEmpty" data-field="job_summary"> Job Summary</th> <th data-formatter="checkIfEmpty" data-field="amount">Amount </th> </tr> </thead> </table> </div> </div> </div> </div> <!--card-body--> </div> </div> <!--col-md--> </div> <!--row--> </div><!-- /.container-fluid --> <div id="vehicle_form"> </div> <?php // include 'include/components/service/modal/add_service.php'; ?> </section><!-- /.content --> </div><!-- /.content-wrapper --> <!--Modal here--> <!-- INSERT FOOTER --> <?php include('include/footer.php'); ?> <!-- Control Sidebar --> <aside class="control-sidebar control-sidebar-dark"> <!-- Control sidebar content goes here --> </aside> <!-- /.control-sidebar --> </div> <!-- ./wrapper --> </div> <!-- jQuery --> <script src="plugins/jquery/jquery.min.js"></script> <!-- overlayScrollbars --> <script src="plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></script> <!-- Select2 --> <script src="plugins/select2/js/select2.full.min.js"></script> <!-- InputMask --> <script src="plugins/moment/moment.min.js"></script> <script src="plugins/inputmask/jquery.inputmask.min.js"></script> <!-- Tempusdominus Bootstrap 4 --> <script src="plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js"></script> <!-- dropzonejs --> <script src="plugins/dropzone/min/dropzone.min.js"></script> <!-- jQuery Cookie--> <script src="plugins/jquery-cookie/jquery.cookie.js"></script> <!-- Bootstrap 4 --> <script src="plugins/bootstrap/js/bootstrap.bundle.min.js"></script> <!-- date-range-picker --> <script src="plugins/daterangepicker/daterangepicker.js"></script> <!-- SweetAlert2 --> <script src="plugins/sweetalert2/sweetalert2.min.js"></script> <!-- Toastr --> <script src="plugins/toastr/toastr.min.js"></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> <!-- AdminLTE App --> <script src="dist/js/adminlte.min.js"></script> <!-- Ekko Lightbox --> <script src="plugins/ekko-lightbox/ekko-lightbox.min.js"></script> <!-- AdminLTE for demo purposes --> <!-- <script src="dist/js/demo.js"></script> --> <!-- Navigation Highlight --> <script src="dist/js/main.js"></script> <!-- Page specific script --> <!-- BS-Stepper --> <!-- <script src="plugins/bs-stepper/js/bs-stepper.min.js"></script> --> <?php include_once(dirname(__FILE__) . '/../common/scripts/functions.php'); ?> <!-----------------------------------------------------------------------------------------------------------> <script> var record_id = '<?php echo $id; ?>'; var global_ro_number = 0; var vehicle_service_form = false; var location_url = '<?php echo $variable['site_link']?>'; var location_source = 'service_view'; var new_record_data = 0; function readCustomerInformationMain(customer_record_id) { $.ajax({ url: "api/vehicle/vehiclev2.php", method: "POST", dataType: 'json', data: { apiKey: '8361020315855100', customer_id: customer_record_id }, beforeSend: function() {}, success: function(result) { var json = JSON.stringify(result); // console.log(json); data = JSON.parse(json)[0]; $.each(data, function(i, n) { var excemptedFields = ["main_corporation_name", "main_first_name", "main_middle_name", "main_last_name", "information_modified_by", "information_date_modified" ]; if (excemptedFields.indexOf(i) < 0) { //excempted list $("#" + i).css('color', '') $("#sales_" + i).css('color', '') if (isEmpty(n)) { $("#" + i).text('(Not Provided)'); $("#" + i).val('(Not Provided)'); $("#" + i).css('color', 'red') $("#sales_" + i).text('(Not Provided)'); $("#sales_" + i).val('(Not Provided)'); $("#sales_" + i).css('color', 'red') } else { $("#" + i).text(n); $("#" + i).val(n); $("#" + i).trigger('change') $("#" + i).css('color', '007bff') $("#sales_" + i).text(n); $("#sales_" + i).val(n); $("#sales_" + i).trigger('change') $("#sales_" + i).css('color', '007bff') } } else { $("#" + i).text(n); $("#" + i).val(n); $("#" + i).trigger('change') $("#sales_" + i).text(n); $("#sales_" + i).val(n); $("#sales_" + i).trigger('change') } }); var image_name = 'default.png'; if (!isEmpty(data['photo'])) { image_name = data['photo']; } $("#profileDisplay").attr("src", "dist/img/customer/" + image_name); $("#profileDisplay_pop").attr("href", "dist/img/customer/" + image_name); $(".contact-click").attr("href", "tel:" + $('#main_customer_mobile').text()) $(".landline-click").attr("href", "tel:" + $('#main_customer_landline').text()) $(".contact2-click").attr("href", "tel:" + $('#main_customer_mobile_2').text()) $(".business-click").attr("href", "tel:" + $('#main_customer_business_mobile').text()) $(".residential-click").attr("href", "tel:" + $('#main_customer_home_mobile').text()) $(".viber-click").attr("href", "viber://chat?number=" + $('#main_viber').text()) $(".facebook-click").attr("href", "http://www.facebook.com/" + $('#main_facebook').text()) $(".instagram-click").attr("href", "http://instagram.com/_u/" + $('#main_instagram').text()) $(".whatsapp-click").attr("href", "https://wa.me/" + $('#main_whatsapp').text()) $(".telegram-click").attr("href", "https://t.me/" + $('#main_telegram').text()) $(".website-click").attr("href", "http://" + $('#main_website_link').text()) $(".email1-click").attr("href", "mailto:" + $('#main_email').text()) $(".email2-click").attr("href", "mailto:" + $('#main_customer_email_2').text()) $(".main_name_click").attr("href", "customer_view.php?q=" + customer_record_id) $(".main_name_click").click(function() { $.cookie("customer_selected_tab", 'custom-tabs-three-home-tab'); }); }, error: function(xhr, status, error) { $('#loader').hide(); back(); sweetAlertSimple('error', 'Oops...', 'Error has occurred, Try again...'); } }); } function readVehicleServiceDetailsMain(record_id) { $.ajax({ url: "api/service/servicev2.php", method: "POST", dataType: 'json', data: { apiKey: '8666047442237808', service_id: record_id }, beforeSend: function() { }, success: function(result) { var json = JSON.stringify(result); if (JSON.parse(json).length < 1) {} data = JSON.parse(json)[0]; var count_delay = 0; // alert(data['mod-dd-model-name']); // alert(data['mod-dd-color-name']) $.each(data, function(i, n) { // alert('') var excemptedFields = ["main_corporation_name", "main_first_name", "main_middle_name", "main_last_name", "information_modified_by", "information_date_modified" ]; if (excemptedFields.indexOf(i) < 0) { //excempted list $("#" + i).css('color', '') if (isEmpty(n)) { $("#" + i).text('(Not Provided)'); $("#" + i).val('(Not Provided)'); $("#" + i).css('color', 'red') } else { if (i == 'information-service-ro-amount' \|\| i == 'information-service-paid-amount' \|\| i == 'information-service-discount' \|\| i == 'information-service-paid-account' \|\| i == 'information-service-mileage') { var currency_format = addCommas(n); $("#" + i).text(currency_format); $("#" + i).val(currency_format); $("#" + i).trigger('change') $("#" + i).css('color', '007bff') } else { $("#" + i).text(n); $("#" + i).val(n); $("#" + i).trigger('change') $("#" + i).css('color', '007bff') } } } else { if (i == 'information-service-ro-amount' \|\| i == 'information-service-paid-amount' \|\| i == 'information-service-discount' \|\| i == 'information-service-paid-account' \|\| i == 'information-service-mileage') { var currency_format = addCommas(n); $("#" + i).text(currency_format); $("#" + i).val(currency_format); $("#" + i).trigger('change') $("#" + i).css('color', '007bff') } else { $("#" + i).text(n); $("#" + i).val(n); $("#" + i).trigger('change') } } }); global_ro_number = data['information-service-ro-no']; readCustomerInformationMain(data.customer_record_id); loadRoNumberTable(); } }); } function initVehicleSection() { if (!vehicle_service_form) { vehicle_service_form = true; $.ajax({ url: 'include/components/customer/modal/vehicle_service_form.php', type: 'post', beforeSend: function() { $('#vehicle-service-button').attr('disabled', true); }, success: function(data) { $('#vehicle_form').html(data); $.ajax({ url: 'dist/js/service/form.js', type: 'post', success: function(data) { $('#vehicle-service-button').attr('disabled', false); initVehicle(); }, error: function() { $('#vehicle_form').text('An error occurred'); } }); //temporary codes // $('#vehicle-service-button').attr('disabled', false); // $('#modal-vehicle').modal('show'); }, error: function() { $('#vehicle_form').text('An error occurred'); $('#vehicle-service-button').attr('disabled', false); } }); } else { $('#modal-vehicle').modal('show'); } } //RO Table function loadRoNumberTable() { var $table = $('#ro-number-table') $(function() { $table.bootstrapTable('refresh', { url: 'app/table/service_ro_number.php' }); }) } function initTicketList() { var $table = $('#ro-number-table') $table.bootstrapTable('destroy').bootstrapTable({ sidePagination: 'server', formatSearch: function() { return 'Search...' }, onLoadSuccess: function() {} }); } function queryParamsRoNumber(params) { return { search: params.search, offset: params.offset, limit: params.limit, ro_number: global_ro_number //other filters hehe }; } $(document).ready(function() { $('#vehicle-service-information').show(); initTicketList(); readVehicleServiceDetailsMain(record_id); $('#vehicle-service-button').click(function() { initVehicleSection(); }) }) </script> </body> </html>��views/services/service.php��0000644��00000052437�15025010632�0011702 0��ustar�00��<?php include('cfg/db.php'); if(!isset($_SESSION['user'])){ header('location:signin.php'); } if(!(isset($global_action_permissions['2']['2']) && in_array("1", $global_action_permissions['2']['2']))){ header('location:signin.php'); } ?> <!DOCTYPE html> <html lang="en"> <head> <!-- <script src="dist/js/filter.js"></script> --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> <?php echo $variable['site_name']; ?> \| Services</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"> <!-- Default style --> <link rel="stylesheet" href="dist/css/default.css"> <!-- daterange picker --> <link rel="stylesheet" href="plugins/daterangepicker/daterangepicker.css"> <!-- Tempusdominus Bootstrap 4 --> <link rel="stylesheet" href="plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css"> <!-- SweetAlert2 --> <link rel="stylesheet" href="plugins/sweetalert2-theme-bootstrap-4/bootstrap-4.min.css"> <!-- Toastr --> <link rel="stylesheet" href="plugins/toastr/toastr.min.css"> <link href="plugins/bootstrap-table/css/bootstrap-table.min.css" rel="stylesheet"> <!-- Select2 --> <link rel="stylesheet" href="plugins/select2/css/select2.min.css"> <link rel="stylesheet" href="plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css"> <link href="dist/img/<?php echo $variable['logo']; ?>" rel="icon" /> <!-- BS Stepper --> <link rel="stylesheet" href="plugins/bs-stepper/css/bs-stepper.min.css"> <!-- SweetAlert2 --> <link rel="stylesheet" href="plugins/sweetalert2-theme-bootstrap-4/bootstrap-4.min.css"> <!-- Ekko Lightbox --> <link rel="stylesheet" href="plugins/ekko-lightbox/ekko-lightbox.css"> <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"> <!-- <body class="hold-transition sidebar-mini text-sm" oncopy='return false' oncut='return false' onselectstart='return false'> --> <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 id="wrapper" class="content-wrapper"> <!-- Main content --> <section class="content"> <div class="container-fluid"> <div class="row"> <div class="col-md mt-3"> <div id="service-table-list" style="display: ;" class="card card-primary"> <div class="card-header"> <h3 class="card-title">Services</h3> </div> <!-- INSERT TABLE HERE --> <div class="card"> <div class="card-body"> <div class="row mb-2"> <div class="col-6"> <?php if((isset($global_action_permissions['2']['2']) && in_array("2", $global_action_permissions['2']['2']))){ ?> <input type="button" style="display:;" id="vehicle-service-button" class="btn btn-primary btn-sm mr-1" value="New Service" title="New Service"></input> <?php } ?> </div> <div class="col-6 text-right"> </div> </div> <hr> <div> <table id="service-table" class="table table-sm" data-toggle="table" data-url="" data-pagination="true" data-search="true" data-show-refresh="trur" 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]" data-minimum-count-columns="2" data-show-pagination-switch="false" data-pagination="true" data-query-params="queryParams" data-click-to-select="true"> <!-- Date Plate Amount Brand etch --> <thead> <tr> <th data-formatter="checkIfEmpty" data-field="date">Date</th> <th data-formatter="checkIfEmpty" data-field="dealer">Dealer </th> <th data-formatter="checkIfEmpty" data-field="ro_number">RO Number</th> <th data-formatter="checkIfEmpty" data-field="customer_name_id"> Customer Name</th> <th data-formatter="checkIfEmpty" data-field="ro_total">Amount </th> <th data-formatter="checkIfEmpty" data-field="conduction_sticker">CS </th> <th data-formatter="checkIfEmpty" data-field="plate_number"> Plate </th> <th data-formatter="checkIfEmpty" data-field="brand">Brand</th> <th data-formatter="checkIfEmpty" data-field="model">Model</th> <th data-formatter="checkIfEmpty" data-field="service_advisor"> Service Advisor</th> <!-- <th data-formatter="checkIfEmpty" data-field="customer_name_id">Customer ID / Name</th> --> </tr> </thead> </table> </div> </div> <!--card-body--> </div> <!--card--> </div> <!--card card-primary--> <div id="service-information" class="card card-primary" style="display: <?php if(isset($_GET['ro_number'])){ echo $information; } else { echo 'none'; } ?> ;"> <div class="card-header"> <h3 class="card-title"><button class="btn btn-tool" title="Back to previous page" type="button" <?php if(isset($_GET['ro_number'])){ // echo 'onclick="backToVehicleInformation()"' ; echo 'onclick="back()"' ; } else { echo 'onclick="back()"' ; } ?>><i class="fas fa-arrow-alt-circle-left fa-2x"></i></button>&nbspService Information</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"> <div class="row d-flex align-items-stretch"> <div class="col-md-4 d-flex align-items-stretch"> <?php include 'include/components/vehicle/vehicle_about_side.php'; ?> </div> <div class="col-md-8 d-flex align-items-stretch"> <?php include 'include/components/vehicle/vehicle_service_information.php'; ?> </div> </div> <div id="customer-ro-number" class="card card-primary"> <div class="card-header"> <h3 class="card-title">Service History</h3> </div> <div class="card-body"> <!-- <div id="customer-ro-number" class="table-responsive"> --> <div id="customer-ro-number"> <table id="ro-number-table" data-toggle="table" data-url="" class="table table-sm" data-pagination="true" data-search="false" data-show-refresh="false" data-show-toggle="false" data-show-columns="false" data-show-columns-toggle-all="false" data-show-export="false" data-query-params="queryParamsRoNumber" 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-height="300" data-click-to-select="true"> <thead> <tr> <th data-formatter="checkIfEmpty" data-field="job_code">Job Code</th> <th data-formatter="checkIfEmpty" data-field="problem_cause">Problem Cause</th> <th data-formatter="checkIfEmpty" data-field="correction"> Correction</th> <th data-formatter="checkIfEmpty" data-field="job_summary"> Job Summary</th> <th data-formatter="checkIfEmpty" data-field="amount">Amount </th> </tr> </thead> </table> </div> </div> </div> </div> <!--card-body--> </div> </div> <!--col-md--> </div> <!--row--> <div id="vehicle_form"> </div> </div><!-- /.container-fluid --> <?php include 'include/components/service/modal/add_service.php'; ?> </section><!-- /.content --> </div><!-- /.content-wrapper --> <!--Modal here--> <!-- INSERT FOOTER --> <?php include('include/footer.php'); ?> <!-- Control Sidebar --> <aside class="control-sidebar control-sidebar-dark"> <!-- Control sidebar content goes here --> </aside> <!-- /.control-sidebar --> </div> <!-- ./wrapper --> </div> <!-- jQuery --> <script src="plugins/jquery/jquery.min.js"></script> <!-- overlayScrollbars --> <script src="plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></script> <!-- Select2 --> <script src="plugins/select2/js/select2.full.min.js"></script> <!-- InputMask --> <script src="plugins/moment/moment.min.js"></script> <script src="plugins/inputmask/jquery.inputmask.min.js"></script> <!-- Tempusdominus Bootstrap 4 --> <script src="plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js"></script> <!-- jQuery Cookie--> <script src="plugins/jquery-cookie/jquery.cookie.js"></script> <!-- Bootstrap 4 --> <script src="plugins/bootstrap/js/bootstrap.bundle.min.js"></script> <!-- date-range-picker --> <script src="plugins/daterangepicker/daterangepicker.js"></script> <!-- SweetAlert2 --> <script src="plugins/sweetalert2/sweetalert2.min.js"></script> <!-- Toastr --> <script src="plugins/toastr/toastr.min.js"></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> <!-- AdminLTE App --> <script src="dist/js/adminlte.min.js"></script> <!-- Ekko Lightbox --> <script src="plugins/ekko-lightbox/ekko-lightbox.min.js"></script> <!-- AdminLTE for demo purposes --> <script src="dist/js/demo.js"></script> <!-- Navigation Highlight --> <script src="dist/js/main.js"></script> <!-- Page specific script --> <!-- BS-Stepper --> <script src="plugins/bs-stepper/js/bs-stepper.min.js"></script> <?php include_once(dirname(__FILE__) . '/../common/scripts/functions.php'); ?> <!-----------------------------------------------------------------------------------------------------------> <script> //GLOBALS WITH PHP var location_url = '<?php echo $variable['site_link']?>'; var location_source = 'service'; var new_record_data = 1; var vehicle_service_form = false; var record_id = ''; function refreshTable() { var $service_table = $('#service-table') $(function() { $service_table.bootstrapTable('refresh', { url: 'app/table/service.php' }); }) } function queryParams(params) { return { search: params.search, offset: params.offset, limit: params.limit //customer_id: customer_record_id //other filters hehe }; } function initVehicleSection() { if (!vehicle_service_form) { vehicle_service_form = true; $.ajax({ url: 'include/components/customer/modal/vehicle_service_form.php', type: 'post', beforeSend: function() { $('#vehicle-service-button').attr('disabled', true); }, success: function(data) { $('#vehicle_form').html(data); $.ajax({ url: 'dist/js/service/form.js', type: 'post', success: function(data) { $('#vehicle-service-button').attr('disabled', false); initVehicle(); }, error: function() { $('#vehicle_form').text('An error occurred'); } }); //temporary codes // $('#vehicle-service-button').attr('disabled', false); // $('#modal-vehicle').modal('show'); }, error: function() { $('#vehicle_form').text('An error occurred'); $('#vehicle-service-button').attr('disabled', false); } }); } else { $('#modal-vehicle').modal('show'); } } $(document).ready(function() { refreshTable(); $('#service-table').on('click-cell.bs.table', function(field, value, row, $el) { if (value != "status") { window.location.href = "service_view.php?q=" + $el.id; }; }); $('#vehicle-service-button').click(function() { initVehicleSection(); }) }) </script> </body> </html>��views/nature_of_business/top/data.php��0000644��00000114436�15025010632�0014025 0��ustar�00��<!DOCTYPE html> <html lang="en"> <head> <?php include_once(__DIR__ . '/../../common/meta.php'); ?> <title> <?= $page_title ?> </title> <?php include_once(__DIR__ . '/../../common/css.php'); ?> <link href="/plugins/bootstrap-table/css/bootstrap-table.min.css" rel="stylesheet"> <!-- daterange picker --> <link rel="stylesheet" href="/plugins/daterangepicker/daterangepicker.css"> <!-- Tempusdominus Bootstrap 4 --> <link rel="stylesheet" href="/plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css"> <!-- dropzonejs --> <link rel="stylesheet" href="/plugins/dropzone/min/dropzone.min.css"> <!-- Daterange picker --> <link rel="stylesheet" href="/plugins/daterangepicker/daterangepicker.css"> <!-- Select2 --> <link rel="stylesheet" href="/plugins/select2/css/select2.min.css"> <link rel="stylesheet" href="/plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css"> <style> 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; } .textarea-container { position: relative; } .textarea-container textarea { width: 100%; height: 100%; box-sizing: border-box; } .textarea-container button { position: absolute; top: 0; right: 0; } </style> </head> <body class="hold-transition sidebar-mini text-sm layout-fixed"> <div class="wrapper"> <?php include_once('include/header.php'); ?> <?php include_once('include/sidebar.php'); ?> <div id="upper" class="content-wrapper"> <!-- START --> <section class="content"> <div class="container-fluid"> <div class="row"> <div class="col-md mt-3"> <div class="card card-primary rounded-0"> <div class="card-body"> <div class="row mb-3 d-print-none"> <div class="col-sm-4"> <div class="row"> <!-- <button id="btn_add_orcr_plate" data-toggle="modal" data-target="#modal_orcr_plate" type="button" class="btn btn-success px-3 ml-2 btn-sm"><i class="fa fa-plus" aria-hidden="true"></i> <strong>Add</strong></button> <button id="btn_import_orcr_plate" data-toggle="modal" data-target="#modal_orcr_plate_import" type="button" class="btn btn-success px-3 ml-2 btn-sm"><i class="fa fa-upload" aria-hidden="true"></i> <strong>Import</strong></button> --> <button class="btn btn-tool mt-1" title="Go back" type="button" onclick="back()"> <i class="fas fa-arrow-alt-circle-left fa-2x"></i> </button> </div> </div> <div class="col-sm-8 "> <div class="row d-flex justify-content-end"> <div style="width: 200px;"> <select name="category-filter" id="category-filter" class="form-control form-control-sm select2 dropdown-filter" style="width: 100%;"> <option value="">All Category</option> <?= $nob_cat_options ?> </select> </div> <div class="tooltip-me ml-2" title="More filters"> <button type="button" class="btn dropdown-toggle btn-sm pl-0 pr-2" data-toggle="dropdown"> <i class="fas fa-filter"></i><u>More Filters</u> </button> <ul class="ticket-more-filter dropdown-menu white-bg" style="width:100px;"> <li class="dropdown-item cursor-pointer py-0 px-2 mb-2"> <label class=" mx-0 my-0 font-weight-normal">Sales Date</label> <div class="form-group mb-0"> <div class="form-group dropdown-input mb-1"> <div id="filter-date-added" class="p-1 dropdown-filter" name="filter-date-added" style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc; width: 100%"> <i class="fa fa-calendar"></i>  <span></span> <!-- <i class="fa fa-angle-down mt-1 float-right"></i> --> </div> </div> <!--form-group dropdown--> </div> <!--form-group--> </li> <li class=" dropdown-item cursor-pointer py-0 px-2 mb-2"> <label class=" mx-0 my-0 font-weight-normal">Company</label> <select name="company-filter" id="company-filter" class="form-control form-control-sm select2 dropdown-filter" style="width: 100%;"> </select> </li> <li class=" dropdown-item cursor-pointer py-0 px-2 mb-2"> <label class=" mx-0 my-0 font-weight-normal">Dealer</label> <select name="dealer-filter" id="dealer-filter" class="form-control form-control-sm select2 dropdown-filter" style="width: 100%;"> </select> </li> </ul> </div> <!-- <button id="export_pdf" type="button" title="Download PDF" class="btn btn-secondary px-3 ml-2 btn-sm"><i class="fa fa-file-pdf"></i></button> <button id="export_excel" type="button" title="Download Excel" class=" btn btn-secondary px-3 ml-2 btn-sm"><i class="fa fa-file-excel"></i></button> --> <!-- <button id="view_data" type="button" title="View Data" class="btn btn-primary px-3 ml-2 btn-sm"><i class="fa fa-eye"></i>  View Data</button> --> <!-- <button id="print_data" type="button" onclick="window.print();" title="Print" class=" btn btn-primary px-3 ml-2 btn-sm"><i class="fa fa-print"></i>  Print</button> --> </div> </div> </div> <hr class="d-print-none"> <div id="support_data" class=""> <div class="row mb-2 d-print-none"> <div class="col-sm-4"> <div class="row"> <!-- <button id="btn_add_orcr_plate" data-toggle="modal" data-target="#modal_orcr_plate" type="button" class="btn btn-success px-3 ml-2 btn-sm"><i class="fa fa-plus" aria-hidden="true"></i> <strong>Add</strong></button> <button id="btn_import_orcr_plate" data-toggle="modal" data-target="#modal_orcr_plate_import" type="button" class="btn btn-success px-3 ml-2 btn-sm"><i class="fa fa-upload" aria-hidden="true"></i> <strong>Import</strong></button> --> </div> </div> <div class="col-sm-8 "> <div class="row d-flex justify-content-end"> <button id="export_pdf" type="button" title="Download PDF" class="btn btn-secondary px-3 ml-2 btn-sm"><i class="fa fa-file-pdf"></i></button> <button id="export_excel" type="button" title="Download Excel" class=" btn btn-secondary px-3 ml-2 btn-sm"><i class="fa fa-file-excel"></i></button> </div> </div> </div> <table id="tbl_nob_data" data-search="false" data-custom-search="" data-buttons="" data-url="" class="table table-bordered table-hover table-sm" data-page-size="15" data-page-list="[15, 30, 50, 100, all]" data-show-refresh="false" data-query-params="queryParams" data-pagination="true"> <thead> <tr> <th class="cursor" data-width="100" data-formatter="" data-field="date" data-sortable="true">Sales Date</th> <th class="cursor" data-width="150" data-formatter="" data-field="company" data-sortable="true">Company & Dealer</th> <th class="cursor" data-width="500" data-formatter="" data-field="customer" data-sortable="true">Customer</th> <th class="cursor" data-width="100" data-formatter="" data-field="mobile">Mobile</th> <th class="cursor" data-width="200" data-formatter="" data-field="email" data-sortable="true">Email</th> <th class="cursor text-center" data-width="50" data-formatter="" data-field="sms">SMS</th> <th class="cursor text-center" data-width="50" data-formatter="" data-field="called">Called</th> </tr> </thead> <tbody></tbody> </table> </div> </div> </div> </div> </div> </div> <!--container-fluid--> <div class="modal fade" id="modal-sms-call" tabindex="-1" data-backdrop="static" aria-labelledby="exampleModalCenterTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog modal-md" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalCenterTitle"><span id="modal-title">Action</span></h5> <div id="loading-view" class="fas fa-2x fa-sync-alt fa-spin customer-modal-overlay" hidden> </div> <button id="sms-call-close-modal" type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <input type="hidden" name="csrf_token" id="csrf_token" value="<?= csrf_token(); ?>"> <div class="modal-body"> <div class="row"> <div class="col-12"> <table id="tbl_action_data" data-search="false" data-custom-search="" data-buttons="" data-url="" class="table table-bordered table-hover table-sm" data-page-size="" data-page-list="" data-show-refresh="false" data-query-params="queryParamsTableAction" data-pagination="false"> <thead> <tr> <th class="text-center" data-width="200" data-formatter="" data-field="action">Action</th> <th class="text-center" data-width="550" data-formatter="" data-field="data">Data</th> <th class="text-center" data-width="300" data-formatter="" data-field="done_by">Done by</th> </tr> </thead> <tbody></tbody> </table> </div> </div> <div class="form-group row my-1 mt-2"> <div class="col-12 textarea-container"> <textarea class="form-control" rows="2" placeholder="No remarks" id="remarks" name="remarks" readonly style="background-color: transparent;"></textarea> <button id="btn-remarks" class="btn btn-primary btn-sm mr-2" title="Add/edit remarks"><i id="btn-remarks-i" class="fas fa-pen"></i></button> </div> </div> <div id="remarks-log-div" class="form-group row ml-1 my-1" hidden> <label id="lbl-remarks" class="form-group">Remarks last updated by: </label>  <span id="span-remarks"></span> </div> <hr> <div class="row"> <div class="col-12"> <fieldset class="card card-primary card-outline"> <legend class="w-auto px-1">Take action</legend> <div class="row"> <div class="col-sm-6 text-center"> <button id="btn-send-sms" class="btn btn-primary btn-sm" title=""><i id="btn-send-i" class="fas fa-paper-plane"></i> Send SMS</button> </div> <div class="col-sm-6 text-center"> <button id="btn-call" class="btn btn-primary btn-sm" title=""><i id="btn-call-i" class="fas fa-phone-alt"></i> Mark as called</button> </div> </div> </fieldset> </div> </div> </div> </div> </div> </div> </section> </div> <?php include_once('include/footer.php'); ?> <aside class="control-sidebar control-sidebar-dark"></aside> </div><!-- ./wrapper --> <?php include_once(__DIR__ . '/../../common/script.php'); ?> <!-- daterangepicker --> <script src="/plugins/moment/moment.min.js"></script> <script src="/plugins/daterangepicker/daterangepicker.js"></script> <!-- InputMask --> <script src="/plugins/inputmask/jquery.inputmask.min.js"></script> <!-- Tempusdominus Bootstrap 4 --> <script src="/plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js"></script> <!-- ChartJS --> <script src="/plugins/chart.js/Chart.min.js"></script> <!-- Select2 --> <script src="/plugins/select2/js/select2.full.min.js"></script> <!-- Boostrap table --> <!-- <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> <!-- dropzonejs --> <script src="/plugins/dropzone/min/dropzone.min.js"></script> <!-- table export --> <script src="/dist/js/tableExport/tableExport.min.js"></script> <script src="/dist/js/tableExport/libs/js-xlsx/xlsx.core.min.js"></script> <script src="/dist/js/tableExport/libs/jsPDF/jspdf.umd.min.js"></script> <!-- generic script --> <script> var page_title = '<?= $page_title ?>'; var nob_id = '<?= $cat_id ?>'; $(function() { $('.modal-dialog').draggable({ handle: ".modal-header" }); }); $('#company-filter').select2({ placeholder: "Company", allowClear: true }); $('#category-filter').select2({ placeholder: "Category", allowClear: true }); function refreshNobDataTable() { var $table = $('#tbl_nob_data'); $(function() { try { $table.bootstrapTable('refresh', { url: '/reports/nature_of_business/top/data' }); } catch (e) { console.log('reply from viewer. error: ' + e) } }) } function initNobDataTable() { var $table = $('#tbl_nob_data'); $table.bootstrapTable('destroy').bootstrapTable({ sidePagination: 'server', formatSearch: function() { return 'Search...' }, onLoadSuccess: function(result) { }, // showExport: true, // exportOptions: { // fileName: function() { // return "LTO ORCR PLATE " + moment().format('YYYY-M-D h-m-s A') // } // } }); } function queryParams(params) { //dates filter var date_tom = moment().add(1, 'days').format('YYYY-MM-DD'); var start_date_add = $('#filter-date-added').data('daterangepicker').startDate.format("YYYY-MM-DD"); start_date_add = start_date_add == date_tom ? "" : start_date_add; var end_date_add = $('#filter-date-added').data('daterangepicker').endDate.format("YYYY-MM-DD"); return { nob_id: $('#category-filter').val(), offset: params.offset, limit: params.limit, sort: params.sort, order: params.order, start_sales_date: start_date_add, end_sales_date: end_date_add, company_id: $('#company-filter').val(), dealer_id: $('#dealer-filter').val(), }; } function getUserCompanies() { $.ajax({ url: '/user/companies', type: "GET", dataType: 'json', data: {}, beforeSend: function() { $('#company-filter').append('<option value="" selected>All</option>'); }, success: function(result) { $.each(result, function(i, n) { $('#company-filter').append('<option value="' + n.id + '">' + n.code + '</option>'); }); }, error: function(xhr, status, error) { toastr.remove(); toastr.error("Error has occurred..."); } }); getCompanyDealers(''); } function getCompanyDealers(company_id) { if (company_id == '') { $('#dealer-filter').html('<option value="" selected>All</option>'); // $('#dealer-filter').trigger('change'); return false; } $.ajax({ url: '/dealer/' + company_id, type: "GET", dataType: 'json', data: {}, beforeSend: function() { $('#dealer-filter').html('<option value="" selected>All</option>'); }, success: function(result) { $.each(result, function(i, n) { $('#dealer-filter').append('<option value="' + n.id + '">' + n.code + '</option>'); }); }, error: function(xhr, status, error) { toastr.remove(); toastr.error("Error has occurred..."); } }); } function filterSalesDate(start, end) { if (moment().add(1, 'days').format('M/D/YYYY') == start.format('M/D/YYYY')) { $('#filter-date-added span').html("All"); } else { $('#filter-date-added span').html(start.format('M/D/YYYY') + ' to<br>' + end.format( 'M/D/YYYY')); } refreshNobDataTable(); } function DoOnCellHtmlData(cell, row, col, data) { // console.log(data) return data; // // console.log(row) // if ((col == '8' \|\| col == '10') && parseInt(row) > 0) { // var spanObj = $(data); //Convert a string labeled <span title="val"> </span> to a jQuery object // var spanObj2 = $(spanObj[0].innerHTML); // var title = spanObj2.attr( // "title"); //Read the value of title attribute in <span title="val"</span>. // if (typeof(title) != 'undefined') { // return title; // } // } else if ((col == '9') && parseInt(row) > 0) { // var spanObj = $(data); //Convert a string labeled <span title="val"> </span> to a jQuery object // // var title = spanObj2.attr( // // "selected"); //Read the value of title attribute in <span title="val"</span>. // // return $('#'+spanObj[0].id+ ' option:selected').text(); // return spanObj[1].innerText; // } else { // return data; // } } var selected_table_row = null; var phone_number = null; function refreshActionTable() { var $table = $('#tbl_action_data'); $(function() { try { $table.bootstrapTable('refresh', { url: '/reports/nature_of_business/top/table_action' }); } catch (e) { alert("error: " + e); } }); } function queryParamsTableAction(params) { return { offset: params.offset, limit: params.limit, sales_id: selected_table_row }; } function back() { window.history.back(); } $(function() { initNobDataTable(); var date_add_start = moment().add(1, 'days'); var date_add_end = moment().add(1, 'days'); $('#filter-date-added').daterangepicker({ startDate: date_add_start, endDate: date_add_end, maxDate: moment().add(1, 'days'), ranges: { 'All': [moment().add(1, 'days'), moment().add(1, 'days')], 'Today': [moment(), moment()], 'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')], 'Last 7 Days': [moment().subtract(6, 'days'), moment()], 'Last 30 Days': [moment().subtract(29, 'days'), moment()], 'This Month': [moment().startOf('month'), moment().endOf('month')], 'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')], 'This Year': [moment().startOf('year'), moment().endOf('year')], 'Last Year': [moment().subtract(1, 'year').startOf('year'), moment().subtract(1, 'year').endOf('year')] } }, filterSalesDate); filterSalesDate(date_add_start, date_add_end); // testGraph(); getUserCompanies(); $('#company-filter').on('change', function(e) { // refresh data getCompanyDealers($(this).val()); refreshNobDataTable(); }); $('#dealer-filter').on('change', function(e) { // refresh data refreshNobDataTable(); }); $('#category-filter').on('change', function(e) { // refresh data refreshNobDataTable(); }); function initTableAction() { var $table = $('#tbl_action_data'); $table.bootstrapTable('destroy').bootstrapTable({ sidePagination: 'server', onLoadSuccess: function(data) { } // showExport: true, // exportOptions: { // fileName: function() { // return "LTO ORCR PLATE " + moment().format('YYYY-M-D h-m-s A') // } // } }); } function operateRemarks() { $.ajax({ url: '/reports/nature_of_business/top/remarks', type: 'POST', dataType: 'json', data: { remarks: $('#remarks').val(), sales_id: selected_table_row, csrf_token: $('#csrf_token').val() }, beforeSend: function() { $('#btn-remarks-i').removeClass('fa-save').addClass('fa-spinner fa-spin'); $('#btn-remarks').attr('disabled', true); }, success: function(result) { if (result.status == 0) { $('#btn-remarks-i').removeClass('fa-spinner fa-spin').addClass('fa-pen'); $('#btn-remarks').attr('disabled', false); loadRemarks(); } } }); } function loadRemarks() { $.ajax({ url: '/reports/nature_of_business/top/load_remarks', type: 'POST', dataType: 'json', data: { sales_id: selected_table_row, csrf_token: $('#csrf_token').val() }, beforeSend: function() { $('#remarks').attr('disabled', true); $('#span-remarks').text(""); }, success: function(result) { if (result.status == 0) { $('#remarks').attr('disabled', false).val(result.remarks); $('#remarks-log-div').attr('hidden', false); $('#span-remarks').text(result.remarks_log); } else { $('#remarks').attr('disabled', true).val(""); $('#remarks-log-div').attr('hidden', true); $('#span-remarks').text(""); } } }); } $('#tbl_nob_data').on('click-cell.bs.table', function($el, field, value, row) { selected_table_row = row.sales_id; phone_number = row.mobile_var; initTableAction(); refreshActionTable(); loadRemarks(); $('#modal-sms-call').modal('show'); if (row.sms_var != null) { $('#btn-send-sms').attr('disabled', true).addClass('btn-success'); $('#btn-send-i').removeClass('fa-paper-plane').addClass('fa-check'); } else { $('#btn-send-sms').attr('disabled', false).removeClass('btn-success'); $('#btn-send-i').removeClass('fa-check').addClass('fa-paper-plane'); } if (row.called_var != null) { $('#btn-call').attr('disabled', true).addClass('btn-success'); $('#btn-call-i').removeClass('fa-phone-alt').addClass('fa-check'); } else { $('#btn-call').attr('disabled', false).removeClass('btn-success'); $('#btn-call-i').removeClass('fa-check').addClass('fa-phone-alt'); } }); $('#export_excel').on('click', function(e) { var $table = $('#tbl_nob_data'); $table.bootstrapTable('exportTable', { type: 'xlsx', escape: false, onCellHtmlData: DoOnCellHtmlData, // ignoreColumn: [9,10], addColumn: ["sdsa"], // fileName: moment().format('YYYY-M-D H:i:s'), fileName: page_title + " " + moment().format('YYYY-M-D hmsA'), }); }); $('#export_pdf').on('click', function(e) { var $table = $('#tbl_nob_data'); $table.bootstrapTable('exportTable', { type: 'pdf', escape: false, onCellHtmlData: DoOnCellHtmlData, // ignoreColumn: [9,10], fileName: page_title + " " + moment().format('YYYY-M-D hmsA'), jspdf: { orientation: 'l', margins: { left: 10, right: 10, top: 40, bottom: 20 }, autotable: { startY: false, startX: 10, showHeader: 'firstPage', margin: { top: 10 }, bodyStyles: { valign: "top" }, theme: "striped", beforePageContent: function(data) { //console.log(data.settings.tableExport.doc);return; var doc = data.settings.tableExport.doc; // Internal jspdf instance console.log(doc.getFontList()); doc.setFontSize(12); doc.text(page_title, data.settings.margin.top - 30, 20); doc.setFont('helvetica', 'normal'); doc.setFontSize(10); doc.text(moment().format('MMMM DD, YYYY'), data.settings.margin.top - 30, 32); // var str = "Page " + doc.internal.getNumberOfPages() + ' - ' + export_filename; // doc.setFont('Times', 'normal'); // doc.setFontSize(10); // // jsPDF 1.4+ uses getWidth, <1.4 uses .width // var pageSize = doc.internal.pageSize; // var pageHeight = pageSize.height ? // pageSize.height : // pageSize.getHeight(); // doc.text(str, data.settings.margin.left, pageHeight - 10); }, styles: { overflow: 'linebreak', fontSize: 8, overflowColumns: 'linebreak' } } } }); }); var remarks_flag = "edit"; $('#btn-remarks').on('click', function() { if (remarks_flag == "edit") { $(this).removeClass('btn-primary').addClass('btn-success'); $('#btn-remarks-i').removeClass('fa-plus').addClass('fa-save'); $('#remarks').attr('readonly', false); remarks_flag = "save"; } else if (remarks_flag == "save") { $(this).removeClass('btn-success').addClass('btn-primary'); $('#btn-remarks-i').removeClass('fa-save').addClass('fa-pen'); $('#remarks').attr('readonly', true); operateRemarks(); remarks_flag = "edit"; } }); }); $('#btn-send-sms').on('click', function() { alert("No template!"); return; $.ajax({ url: '/reports/nature_of_business/top/make_call_sms', type: 'POST', dataType: 'json', data: { type: "sms", sales_id: selected_table_row, phone: phone_number, csrf_token: $('#csrf_token').val() }, beforeSend: function() { $('#btn-send-sms').attr('disabled', true); $('#btn-send-i').removeClass('fa-paper-plane').addClass('fa-spinner fa-spin'); }, success: function(result) { if (result.status == 0) { $('#btn-send-sms').attr('disabled', true).addClass('btn-success'); $('#btn-send-i').removeClass('fa-spinner fa-spin').addClass('fa-check'); refreshActionTable(); refreshNobDataTable(); } else if (result.status == 1) { $('#btn-send-sms').attr('disabled', false); $('#btn-send-i').removeClass('fa-spinner fa-spin').addClass('fa-paper-plane'); toastr.remove(); toastr.error("There's something wrong in sending sms"); } else if (result.status == 2) { $('#btn-send-sms').attr('disabled', false); $('#btn-send-i').removeClass('fa-spinner fa-spin').addClass('fa-paper-plane'); toastr.remove(); toastr.error("There's something wrong in sending sms"); } else if (result.status == 3) { $('#btn-send-sms').attr('disabled', true).addClass('btn-success'); $('#btn-send-i').removeClass('fa-spinner fa-spin').addClass('fa-check'); toastr.remove(); toastr.warning("Action already done"); } } }); }); $('#btn-call').on('click', function() { // alert("Almost done"); return; $.ajax({ url: '/reports/nature_of_business/top/make_call_sms', type: 'POST', dataType: 'json', data: { type: "call", sales_id: selected_table_row, phone: phone_number, csrf_token: $('#csrf_token').val() }, beforeSend: function() { $('#btn-call').attr('disabled', true); $('#btn-call-i').removeClass('fa-phone-alt').addClass('fa-spinner fa-spin'); }, success: function(result) { if (result.status == 0) { $('#btn-call').attr('disabled', true).addClass('btn-success'); $('#btn-call-i').removeClass('fa-spinner fa-spin').addClass('fa-check'); refreshActionTable(); refreshNobDataTable(); } else if (result.status == 1) { $('#btn-call').attr('disabled', false); $('#btn-call-i').removeClass('fa-spinner fa-spin').addClass('fa-phone-alt'); toastr.remove(); toastr.error("There's something wrong in sending sms"); } else if (result.status == 3) { $('#btn-call').attr('disabled', true).addClass('btn-success'); $('#btn-call-i').removeClass('fa-spinner fa-spin').addClass('fa-check'); toastr.remove(); toastr.warning("Action already done"); } } }); }); </script> </body> </html>��views/nature_of_business/top/list.php��0000644��00000076577�15025010632�0014104 0��ustar�00��<!DOCTYPE html> <html lang="en"> <head> <?php include_once(__DIR__ . '/../../common/meta.php'); ?> <title><?= $page_title ?></title> <?php include_once(__DIR__ . '/../../common/css.php'); ?> <link href="/plugins/bootstrap-table/css/bootstrap-table.min.css" rel="stylesheet"> <!-- daterange picker --> <link rel="stylesheet" href="/plugins/daterangepicker/daterangepicker.css"> <!-- Tempusdominus Bootstrap 4 --> <link rel="stylesheet" href="/plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css"> <!-- dropzonejs --> <link rel="stylesheet" href="/plugins/dropzone/min/dropzone.min.css"> <!-- Daterange picker --> <link rel="stylesheet" href="/plugins/daterangepicker/daterangepicker.css"> <style> </style> </head> <body class="hold-transition sidebar-mini text-sm layout-fixed"> <div class="wrapper"> <!-- INCLUDE HEADER --> <?php include_once('include/header.php'); ?> <?php include_once('include/sidebar.php'); ?> <div id="upper" class="content-wrapper"> <!-- START --> <section class="content"> <div class="container-fluid"> <div class="row"> <div class="col-md mt-3"> <div class="card card-primary rounded-0"> <div class="card-body "> <!-- ./FILTER --> <div class="row mb-3 d-print-none"> <div class="col-sm-4"> <div class="row"> <!-- <button id="btn_add_orcr_plate" data-toggle="modal" data-target="#modal_orcr_plate" type="button" class="btn btn-success px-3 ml-2 btn-sm"><i class="fa fa-plus" aria-hidden="true"></i> <strong>Add</strong></button> <button id="btn_import_orcr_plate" data-toggle="modal" data-target="#modal_orcr_plate_import" type="button" class="btn btn-success px-3 ml-2 btn-sm"><i class="fa fa-upload" aria-hidden="true"></i> <strong>Import</strong></button> --> </div> </div> <div class="col-sm-8 "> <div class="row d-flex justify-content-end"> <div style="width: 200px;"> <select name="category-filter" id="category-filter" class="form-control form-control-sm select2 dropdown-filter" style="width: 100%;"> <option value="" selected>All Category</option> <?= $nob_cat_options ?> </select> </div> <div class="tooltip-me ml-2" title="More filters"> <button type="button" class="btn dropdown-toggle btn-sm pl-0 pr-2" data-toggle="dropdown"> <i class="fas fa-filter"></i><u>More Filters</u> </button> <ul class="ticket-more-filter dropdown-menu white-bg" style="width:100px;"> <li class="dropdown-item cursor-pointer py-0 px-2 mb-2"> <label class=" mx-0 my-0 font-weight-normal">Sales Date</label> <div class="form-group mb-0"> <div class="form-group dropdown-input mb-1"> <div id="filter-date-added" class="p-1 dropdown-filter" name="filter-date-added" style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc; width: 100%"> <i class="fa fa-calendar"></i>  <span></span> <!-- <i class="fa fa-angle-down mt-1 float-right"></i> --> </div> </div> <!--form-group dropdown--> </div> <!--form-group--> </li> <li class=" dropdown-item cursor-pointer py-0 px-2 mb-2"> <label class=" mx-0 my-0 font-weight-normal">Company</label> <select name="company-filter" id="company-filter" class="form-control form-control-sm select2 dropdown-filter" style="width: 100%;"> </select> </li> <li class=" dropdown-item cursor-pointer py-0 px-2 mb-2"> <label class=" mx-0 my-0 font-weight-normal">Dealer</label> <select name="dealer-filter" id="dealer-filter" class="form-control form-control-sm select2 dropdown-filter" style="width: 100%;"> </select> </li> </ul> </div> <!-- <button id="export_pdf" type="button" title="Download PDF" class="btn btn-secondary px-3 ml-2 btn-sm"><i class="fa fa-file-pdf"></i></button> <button id="export_excel" type="button" title="Download Excel" class=" btn btn-secondary px-3 ml-2 btn-sm"><i class="fa fa-file-excel"></i></button> --> <!-- <button id="view_data" type="button" title="View Data" class=" btn btn-primary px-3 ml-2 btn-sm"><i class="fa fa-eye"></i>  View Data</button> --> <!-- <button id="print_data" type="button" onclick="window.print();" title="Print" class=" btn btn-primary px-3 ml-2 btn-sm"><i class="fa fa-print"></i>  Print</button> --> </div> </div> </div> <hr class="d-print-none"> <!-- PIE CHART --> <div class="card-body"> <canvas id="top_nob_graph" style="min-height: 350px; height: 350px; max-height: 350px; max-width: 100%;"></canvas> </div> <hr class="d-print-none"> <div id="support_data" class=""> <div class="row mb-2 d-print-none"> <div class="col-sm-4"> <div class="row"> <!-- <button id="btn_add_orcr_plate" data-toggle="modal" data-target="#modal_orcr_plate" type="button" class="btn btn-success px-3 ml-2 btn-sm"><i class="fa fa-plus" aria-hidden="true"></i> <strong>Add</strong></button> <button id="btn_import_orcr_plate" data-toggle="modal" data-target="#modal_orcr_plate_import" type="button" class="btn btn-success px-3 ml-2 btn-sm"><i class="fa fa-upload" aria-hidden="true"></i> <strong>Import</strong></button> --> </div> </div> <div class="col-sm-8 "> <div class="row d-flex justify-content-end"> <button id="export_pdf" type="button" title="Download PDF" class="btn btn-secondary px-3 ml-2 btn-sm"><i class="fa fa-file-pdf"></i></button> <button id="export_excel" type="button" title="Download Excel" class=" btn btn-secondary px-3 ml-2 btn-sm"><i class="fa fa-file-excel"></i></button> </div> </div> </div> <!-- <table id="tbl_nob_data" data-search="false" data-custom-search="customSearch" data-buttons="buttonsFunction" data-url="" class="table table-bordered table-hover table-sm" data-page-size="15" data-page-list="[15, 30, 50, 100, all]" data-show-refresh="false" data-query-params="queryParams" data-pagination="true"> --> <table id="tbl_nob_data" data-search="false" class="table table-bordered table-hover table-sm"> <thead> <tr> <!-- <th class="cursor" data-formatter="" data-field="date" data-sortable="true">Sales Date</th> <th class="cursor" data-formatter="" data-field="company_dealer">Company & Dealer</th> <th class="cursor" data-formatter="" data-field="customer">Customer</th> <th class="cursor" data-formatter="" data-field="vehicle">Nature of Work/Business</th> --> <th class="cursor" data-formatter="" data-field="name" data-sortable="true">Nature of Business</th> <th class="cursor" data-formatter="" data-width="100" data-field="count" data-sortable="true">Count</th> <!-- <th class="cursor" data-formatter="" data-field="customer">Customer</th> <th class="cursor" data-formatter="" data-field="vehicle">Nature of Work/Business</th> --> </tr> </thead> <tbody> </tbody> </table> </div> </div> </div> </div> <!--container-fluid--> </div> <!--container-fluid--> </div> <!--container-fluid--> </section> <!-- END --> </div> <?php include_once('include/footer.php'); ?> <aside class="control-sidebar control-sidebar-dark"></aside> </div><!-- ./wrapper --> <?php include_once(__DIR__ . '/../../common/script.php'); ?> <!-- daterangepicker --> <script src="/plugins/moment/moment.min.js"></script> <script src="/plugins/daterangepicker/daterangepicker.js"></script> <!-- InputMask --> <script src="/plugins/inputmask/jquery.inputmask.min.js"></script> <!-- Tempusdominus Bootstrap 4 --> <script src="/plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js"></script> <!-- ChartJS --> <script src="/plugins/chart.js/Chart.min.js"></script> <!-- Boostrap table --> <!-- <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> <!-- dropzonejs --> <script src="/plugins/dropzone/min/dropzone.min.js"></script> <!-- table export --> <script src="/dist/js/tableExport/tableExport.min.js"></script> <script src="/dist/js/tableExport/libs/js-xlsx/xlsx.core.min.js"></script> <script src="/dist/js/tableExport/libs/jsPDF/jspdf.umd.min.js"></script> <!-- <script src="/node_modules/jspdf/dist/jspdf.umd.min.js"></script> --> <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/0.9.0rc1/jspdf.min.js"></script> --> <!-- generic script --> <script> var show_data = false; var top_nob_graph = null; $(function() { $('.modal-dialog').draggable({ handle: ".modal-header" }); }); </script> <script> function addCommas(nStr) { nStr += ''; x = nStr.split('.'); x1 = x[0]; x2 = x.length > 1 ? '.' + x[1] : ''; var rgx = /(\d+)(\d{3})/; while (rgx.test(x1)) { x1 = x1.replace(rgx, '$1' + ',' + '$2'); } return x1 + x2; } function topNatureOfBusinessGraph(result) { // console.log(result) var data_names = []; var data_counts = []; var data_colors = []; $.each(result, function(i, n) { data_names.push(n.name /+ " (" + addCommas(n.count) + ")" / ) data_counts.push(n.count); data_colors.push(getRandomColor()) }); var data = { datasets: [{ data: data_counts, backgroundColor: data_colors, }], labels: data_names }; var canvas = document.getElementById("top_nob_graph"); var ctx = canvas.getContext("2d"); var pieOptions = { maintainAspectRatio: false, responsive: true, tooltips: { callbacks: { label: function(tooltipItem, data) { var value = data.datasets[0].data[tooltipItem.index]; var indice = tooltipItem.index; var name = data.labels[indice] + ': ' + ''; return name + ' ' + addCommas( value ); } } // end callbacks: }, //end tooltips legend: { // onClick: function(evt, item) { // console.log('legend onClick', evt, item); // item.hidden = !item.hidden; // evt.chart.hide(item, index); // }, // onClick: function(event, elem) { // // alert('sd') // // return true; // }, display: true, position: 'top', // position: 'bottom', labels: { boxWidth: 12, // fontColor: '#111', padding: 5, fontSize: 12, } }, title: { fontSize: 15, display: true, // text: 'Top Nature of Business Report', padding: 3 }, } if (top_nob_graph != null) { top_nob_graph.destroy(); } top_nob_graph = new Chart(ctx, { type: 'pie', data: data, options: pieOptions }); canvas.onclick = function(evt) { // var activePoints = top_nob_graph.getElementsAtEvent(evt); // if (activePoints[0]) { // var chartData = activePoints[0]['_chart'].config.data; // var idx = activePoints[0]['_index']; // var label = chartData.labels[idx]; // var value = chartData.datasets[0].data[idx]; // var filter_data = getFilterData(); // var myData = { // 'category': 'tickets', // 'action': 'list', // 'start': filter_data.start, // 'end': filter_data.end, // 'status': 'On Hold,In Progress', //filter_data.status, // 'brand': label, // 'model': filter_data.model, // 'area': filter_data.area, // 'priority': filter_data.priority // }; // var url = "index.php?" + $.param(myData); // window.location.href = url; // } }; $('.top_nob_graph_overlay').hide(); } function getUserCompanies() { $.ajax({ url: '/user/companies', type: "GET", dataType: 'json', data: {}, beforeSend: function() { $('#company-filter').append('<option value="" selected>All</option>'); }, success: function(result) { $.each(result, function(i, n) { $('#company-filter').append('<option value="' + n.id + '">' + n.code + '</option>'); }); }, error: function(xhr, status, error) { toastr.remove(); toastr.error("Error has occurred..."); } }); getCompanyDealers(''); } function getNobCatCount() { // http://localhost/nob/category_count var date_tom = moment().add(1, 'days').format('YYYY-MM-DD'); var start_sales_date = $('#filter-date-added').data('daterangepicker').startDate.format("YYYY-MM-DD"); start_sales_date = start_sales_date == date_tom ? "" : start_sales_date; var end_sales_date = $('#filter-date-added').data('daterangepicker').endDate.format("YYYY-MM-DD"); $.ajax({ url: '/nob/category_count', type: "GET", dataType: 'json', data: { category: $('#category-filter').val(), company_id: $('#company-filter').val(), dealer_id: $('#dealer-filter').val(), start_sales_date: start_sales_date, end_sales_date: end_sales_date, }, beforeSend: function() {}, success: function(result) { topNatureOfBusinessGraph(result); $('#tbl_nob_data').bootstrapTable({ data: result }); console.log(result); }, error: function(xhr, status, error) { toastr.remove(); toastr.error("Error has occurred..."); } }); } function getCompanyDealers(company_id) { if (company_id == '') { $('#dealer-filter').html('<option value="" selected>All</option>'); // $('#dealer-filter').trigger('change'); return false; } $.ajax({ url: '/dealer/' + company_id, type: "GET", dataType: 'json', data: {}, beforeSend: function() { $('#dealer-filter').html('<option value="" selected>All</option>'); }, success: function(result) { $.each(result, function(i, n) { $('#dealer-filter').append('<option value="' + n.id + '">' + n.code + '</option>'); }); }, error: function(xhr, status, error) { toastr.remove(); toastr.error("Error has occurred..."); } }); } function filterSalesDate(start, end) { if (moment().add(1, 'days').format('M/D/YYYY') == start.format('M/D/YYYY')) { $('#filter-date-added span').html("All"); } else { $('#filter-date-added span').html(start.format('M/D/YYYY') + ' to<br>' + end.format( 'M/D/YYYY')); } getNobCatCount(); } function DoOnCellHtmlData(cell, row, col, data) { // console.log(data) return data; // console.log(row) if ((col == '8' \|\| col == '10') && parseInt(row) > 0) { var spanObj = $(data); //Convert a string labeled <span title="val"> </span> to a jQuery object var spanObj2 = $(spanObj[0].innerHTML); var title = spanObj2.attr( "title"); //Read the value of title attribute in <span title="val"</span>. if (typeof(title) != 'undefined') { return title; } } else if ((col == '9') && parseInt(row) > 0) { var spanObj = $(data); //Convert a string labeled <span title="val"> </span> to a jQuery object // var title = spanObj2.attr( // "selected"); //Read the value of title attribute in <span title="val"</span>. // return $('#'+spanObj[0].id+ ' option:selected').text(); return spanObj[1].innerText; } else { return data; } // console.log(col) // if(row == 0){ // return data; // } // //If the annotation column is more than 6 words, only the first 6 words will be displayed through the span tag processing. If the content is exported directly, it will lead to incomplete content. Therefore, the value of title attribute in the span tag with complete content should be replaced. // if(col == 4 \|\| col ==11 \|\| col == 7){ // var spanObj = $(data);//Convert a string labeled <span title="val"> </span> to a jQuery object // var title = spanObj.attr("title");//Read the value of title attribute in <span title="val"</span>. // //var span = cell[0].firstElementChild; // Read the first element under the first value in the cell array // if(typeof(title) != 'undefined'){ // return title; // } // } // return data; } $(function() { // $('#support_data').hide(); // $('#view_data').on('click', function() { // show_data = !show_data; // if (show_data) { // $('#view_data').html('<i class="fa fa-eye-slash"></i>  Hide Data'); // $('#support_data').show(); // } else { // $('#view_data').html('<i class="fa fa-eye"></i>  View Data'); // $('#support_data').hide(); // } // }); // window.jsPDF = window.jspdf.jsPDF; // $('#print_data').on('click', function() { // var doc = new jsPDF(); // var specialElementHandlers = { // '#hidden-element': function(element, renderer) { // return true; // } // }; // // var source = window.document.getElementsByTagName("body")[0]; // var source = $('#support_data').html(); //document.getElementById("top_nob_graph"); // doc.fromHTML( // source, // 15, // 15, { // 'width': 170, // 'elementHandlers': specialElementHandlers // }); // doc.save('sample-file.pdf'); // // var source = window.document.getElementsByTagName("body")[0]; // // var specialElementHandlers = { // // '#hidden-element': function(element, renderer) { // // return true; // // } // // }; // // var doc = new jsPDF({ // // orientation: 'p' // // }); // // doc.setFont("courier"); // // // doc.setFontType("normal"); // // doc.setFontSize(24); // // doc.setTextColor(100); // // doc.text("Nature of Business", 15, 15); // // // doc.fromHTML(elementHTML, 15, 15, { // // // 'width': 170, // // // 'elementHandlers': specialElementHandlers // // // }); // // // doc.save('two-by-four.pdf') // // doc.fromHTML( // // source, // // 15, // // 15, { // // 'width': 180, // // 'elementHandlers': specialElementHandlers // // }); // // doc.output("dataurlnewwindow"); // }); var date_add_start = moment().add(1, 'days'); var date_add_end = moment().add(1, 'days'); $('#filter-date-added').daterangepicker({ startDate: date_add_start, endDate: date_add_end, maxDate: moment().add(1, 'days'), ranges: { 'All': [moment().add(1, 'days'), moment().add(1, 'days')], 'Today': [moment(), moment()], 'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')], 'Last 7 Days': [moment().subtract(6, 'days'), moment()], 'Last 30 Days': [moment().subtract(29, 'days'), moment()], 'This Month': [moment().startOf('month'), moment().endOf('month')], 'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')], 'This Year': [moment().startOf('year'), moment().endOf('year')], 'Last Year': [moment().subtract(1, 'year').startOf('year'), moment().subtract(1, 'year').endOf('year')] } }, filterSalesDate); filterSalesDate(date_add_start, date_add_end); // testGraph(); getUserCompanies(); // getNobCatCount(); $('#company-filter').on('change', function(e) { // refresh data getCompanyDealers($(this).val()); getNobCatCount(); }); $('#dealer-filter').on('change', function(e) { // refresh data getNobCatCount(); }); $('#category-filter').on('change', function(e) { // refresh data getNobCatCount(); }); $("#tbl_nob_data").on("click-cell.bs.table", function($el, field, value, row) { // console.log(row) window.location.href = "/reports/nature_of_business/top/" + row.id; }); $('#export_excel').on('click', function(e) { var $table = $('#tbl_nob_data'); $table.bootstrapTable('exportTable', { type: 'xlsx', escape: false, onCellHtmlData: DoOnCellHtmlData, // ignoreColumn: [9,10], addColumn: ["sdsa"], // fileName: moment().format('YYYY-M-D H:i:s'), fileName: "NATURE OF BUSINESS " + moment().format('YYYY-M-D hmsA'), }); }); $('#export_pdf').on('click', function(e) { var $table = $('#tbl_nob_data'); $table.bootstrapTable('exportTable', { type: 'pdf', escape: false, onCellHtmlData: DoOnCellHtmlData, // ignoreColumn: [9,10], fileName: "NATURE OF BUSINESS " + moment().format('YYYY-M-D hmsA'), jspdf: { orientation: 'l', margins: { left: 10, right: 10, top: 40, bottom: 20 }, autotable: { startY: false, startX: 10, showHeader: 'firstPage', margin: { top: 10 }, bodyStyles: { valign: "top" }, theme: "striped", beforePageContent: function(data) { //console.log(data.settings.tableExport.doc);return; var doc = data.settings.tableExport.doc; // Internal jspdf instance console.log(doc.getFontList()); doc.setFontSize(12); doc.text("Nature of Business", data.settings.margin.top - 30, 20); doc.setFont('helvetica', 'normal'); doc.setFontSize(10); doc.text(moment().format('MMMM DD, YYYY'), data.settings.margin.top - 30, 32); // var str = "Page " + doc.internal.getNumberOfPages() + ' - ' + export_filename; // doc.setFont('Times', 'normal'); // doc.setFontSize(10); // // jsPDF 1.4+ uses getWidth, <1.4 uses .width // var pageSize = doc.internal.pageSize; // var pageHeight = pageSize.height ? // pageSize.height : // pageSize.getHeight(); // doc.text(str, data.settings.margin.left, pageHeight - 10); }, styles: { overflow: 'linebreak', fontSize: 8, overflowColumns: 'linebreak' } } } }); }); }); </script> </body> </html>��views/finance/financedashboard.php��0000644��00000054044�15025010632�0013271 0��ustar�00��<?php include('cfg/db.php'); include_once("api/controllers/utility.php"); include('app/security/security.php'); if(!isset($_SESSION['user']['id'])){ header('location:signin.php'); } $utility = new Utility(); $granted_company_ids = $utility->isNotEmpty($_SESSION['user']['company_permissions_implode']) ? $_SESSION['user']['company_permissions_implode'] : '-1' ; ?> <!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']; ?> \| SMS Services</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"> <!-- daterange picker --> <link rel="stylesheet" href="/plugins/daterangepicker/daterangepicker.css"> <!-- overlayScrollbars --> <link rel="stylesheet" href="/plugins/overlayScrollbars/css/OverlayScrollbars.min.css"> <link href="/dist/img/<?php echo $variable['logo']; ?>" rel="icon" /> <!-- 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"> <!-- Toastr --> <link rel="stylesheet" href="/plugins/toastr/toastr.min.css"> <!-- iCheck for checkboxes and radio inputs --> <link rel="stylesheet" href="/plugins/icheck-bootstrap/icheck-bootstrap.min.css"> <!-- Bootstrap Table --> <link href="/plugins/bootstrap-table/css/bootstrap-table.min.css" rel="stylesheet"> <style> 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; } .clickable-rows { cursor: pointer; } </style> </head> <body class="hold-transition sidebar-mini text-sm layout-fixed"> <div class="wrapper"> <?php include('include/header.php'); ?> <?php include('include/sidebar.php'); ?> <!-- Content Wrapper. Contains page content --> <div class="content-wrapper"> <section class="content-header"> <div class="container-fluid"> <div class="row mb-2"> </div> </div> </section> <section class="content"> <div class="container-fluid"> <div class="row"> <div class="col-md"> <div id="finance-list" class="card card-primary"> <div class="card-header"> <h3 class="card-title">FNI Dashboard</h3> </div> <div class="card-body"> <div class="row mb-2"> <div class="col-6"> <div class="col-12 text-left"> <div class="p-0 m-0"> <label class="p-0 m-0"> Company: </label>  <span id="span-company"></span> </div> <div class="p-0 m-0"> <label class="p-0 m-0"> Dealer: </label>  <span id="span-dealer"></span> </div> </div> </div> <div class="col-6 text-right"> <div class="btn-group"> <button type="button" class="tooltip-me btn btn-default dropdown-toggle btn-sm" data-toggle="dropdown" aria-haspopup="true" title="Filter" data-html="true" data-placement="left" aria-expanded="true"> <i class="fa fa-filter" aria-hidden="true"></i> </button> <div id="dropdown-filter" class="dropdown-menu dropdown-menu-right"> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <input type="button" class="btn btn-primary btn-sm form-control form-control-sm " name="btn-no-filter" id="btn-no-filter" value="No Filter" style="width: 100%;"></input> </div> </div> <div class="form-group mb-0" hidden> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <div id="filter-date" class="p-1" name="filter-date" style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc; width: 100%"> <i class="fa fa-calendar"></i>  <span id="date-range"></span> <i class="fa fa-angle-down mt-1 float-right"></i> </div> </div> </div> <div class="form-group mb-0" style="display:;"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="company-filter" id="company-filter" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php $company = $db->return_result("SELECT `id`, `code` FROM `source_company` WHERE status = 1 AND id IN (".$granted_company_ids.") ORDER BY code ASC"); foreach($company as $data){ echo "<option value='{$data['id']}' >".$data['code']."</option>"; } ?> </select> </div> </div> <div class="form-group mb-0" style="display:;"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="dealer" id="dealer" class="form-control form-control-sm select2" style="width: 100%;"> <?php ?> </select> </div> </div> </div> </div> </div> </div> <hr> <div class="row"> <div id="box-categorized-by-vehicle" class="col-12 col-sm-6 col-md-3" style="cursor: pointer;"> <div class="info-box mb-3"> <span class="info-box-icon bg-primary elevation-1"><i class="fas fa-clipboard-list"></i></span> <div class="info-box-content"> <span class="info-box-text" id="lbl-total">Categorized per vehicle</span> <span class="info-box-number" id="span-categorized-vehicle"></span> </div> </div> </div> <div id="box-inactive" class="col-12 col-sm-6 col-md-3" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-info elevation-1"><i class="fas fa-clipboard-list"></i></span> <div class="info-box-content"> <span class="info-box-text" id="lbl-expiring">Inactive</span> <span class="info-box-number" id="span-inactive"></span> </div> </div> </div> <div id="box-new" class="col-12 col-sm-6 col-md-3" style="cursor: pointer;"> <div class="info-box mb-3"> <span class="info-box-icon bg-success elevation-1"><i class="fas fa-sync-alt"></i></span> <div class="info-box-content"> <span class="info-box-text" id="lbl-new">New</span> <span class="info-box-number" id="span-newly-added"></span> </div> <i class="tooltip-me mt-1 ml-1 mb-0 fas fa-question-circle" style="color:blue; cursor: help;" data-html="true" data-placement="top" id="tip-new"></i> </div> </div> <div class="clearfix hidden-md-up"></div> <div id="box-with-vehicle" class="col-12 col-sm-6 col-md-3" style="cursor: pointer;"> <div class="info-box mb-3"> <span class="info-box-icon bg-warning elevation-1"><i class="fas fa-car"></i></span> <div class="info-box-content"> <span class="info-box-text" id="lbl-added">With vehicle record</span> <span class="info-box-number" id="span-vehicle-record"></span> </div> <i class="tooltip-me mt-1 ml-1 mb-0 fas fa-question-circle" style="color:blue; cursor: help;" data-html="true" data-placement="top" id="tip-with-vehicle"></i> </div> </div> </div> <fieldset id="fni-dashboard-div" class="card" hidden> <div class="row"> <div id="finance-div" class="table-responsive"> <table id="finance-dashboard-table" class="table table-sm clickable-rows" data-toggle="table" data-url="" data-pagination="true" data-search="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, 20, 40]" data-minimum-count-columns="2" data-buttons="buttonsFunction" data-show-pagination-switch="false" data-pagination="true" data-query-params="queryParamsFinanceDashboardTable" data-click-to-select="false"> <thead> <tr> <th class="main-header-table" data-formatter="" data-field="plate_cs_number">Plate/CS Number</th> <th class="main-header-table" data-formatter="" data-field="policy_number">Policy Number</th> <th class="main-header-table" data-formatter="" data-field="policy_start_end_date">Policy Start - End Date</th> <th class="main-header-table" data-formatter="" data-field="company_dealer">Company / Dealer</th> </tr> </thead> </table> </div> </div> </fieldset> <div class="row"> <div class="col-lg-6 mb-2"> <div class="card" style="height: 300px"> <div id="loading_company_count" class="overlay company_countings_loading"> <i class="fas fa-2x fa-sync-alt fa-spin"></i> </div> <div class = "p-0 m-0"> <i class="float-right tooltip-me mt-2 mr-2 mb-0 fas fa-question-circle" style="color:blue; cursor: help;" data-html="true" data-placement="left" id="tip-company-count"></i> </div> <canvas class="pb-5 px-2" id="bar-chart-company"></canvas> </div> </div> <div class="col-lg-6"> <div class="card" style="height: 300px"> <div id="loading_versus_years" class="overlay"> <i class="fas fa-2x fa-sync-alt fa-spin"></i> </div> <div class = "p-0 m-0"> <i class="float-right tooltip-me mt-2 mr-2 mb-0 fas fa-question-circle" style="color:blue; cursor: help;" data-html="true" data-placement="left" id="tip-versus-years"></i> </div> <canvas id="line-chart" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas> <div class="col-sm-6 float-right" hidden> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <select name="dealer" id="dealer" class="form-control form-control-sm requestt-field select5" style="width: 80%; height: 30px;"> <option value="0" selected>All Dealer</option> </select> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> <?php include('include/footer.php'); ?> <aside class="control-sidebar control-sidebar-dark"> </aside> </div><!-- ./wrapper --> <!-- jQuery --> <script src="/plugins/jquery/jquery.min.js"></script> <script src="/plugins/jquery-ui/jquery-ui.min.js"></script> <script> $.widget.bridge('uibutton', $.ui.button) </script> <!-- overlayScrollbars --> <script src="/plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></script> <!-- InputMask --> <script src="/plugins/moment/moment.min.js"></script> <script src="/plugins/inputmask/jquery.inputmask.min.js"></script> <!-- Bootstrap 4 --> <script src="/plugins/bootstrap/js/bootstrap.bundle.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> <!-- date-range-picker --> <script src="/plugins/daterangepicker/daterangepicker.js"></script> <!-- Navigation Highlight --> <script src="/dist/js/main.js"></script> <!-- Tempusdominus Bootstrap 4 --> <script src="/plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js"></script> <!-- Select2 --> <script src="/plugins/select2/js/select2.full.min.js"></script> <!-- Toastr --> <script src="/plugins/toastr/toastr.min.js"></script> <!-- ChartJS --> <script src="/plugins/chart.js/Chart.min.js"></script> <!-- Bootstrap Switch --> <script src="/plugins/bootstrap-switch/js/bootstrap-switch.min.js"></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-file--> <script> <?php include('resources/views/common/scripts/finance/financedashboard.js'); ?> var granted_company_ids = '<?php echo $granted_company_ids; ?>'; </script> </body> </html>��views/finance/finance_information.php��0000644��00000216066�15025010632�0014032 0��ustar�00��<?php include('cfg/db.php'); // include('app/security/security.php'); $utility = new Utility(); if(!isset($_SESSION['user']['id'])){ header('location:signin.php'); } // $check_page = new CheckPage(); // $check_page->start($db); $granted_company_ids = $utility->isNotEmpty($_SESSION['user']['company_permissions_implode']) ? $_SESSION['user']['company_permissions_implode'] : '-1' ; // echo $granted_company_ids; exit; // functions function conv($today){// 2021-08-18 $val = $today; return substr($today, 5, 2) . "/" . substr($today, 8, 2) . "/" . substr($today, 0, 4); // 08/18/2021 } function alphaNumericOnly($s){ $str = preg_replace("/[^a-zA-Z0-9]+/", "", $s); if(strlen($str) < 5){ return ""; } return $str; } if(!(isset($global_action_permissions['2']['42']['8']) && in_array("1", $global_action_permissions['2']['42']['8']))){ header('location:signin.php'); } $fni_edit_record = 0; if((isset($global_action_permissions['2']['42']['8']) && in_array("3", $global_action_permissions['2']['42']['8']))){ $fni_edit_record = 1; } $fni_delete_record = 0; if((isset($global_action_permissions['2']['42']['8']) && in_array("4", $global_action_permissions['2']['42']['8']))){ $fni_delete_record = 1; } $plate_cs_number = $plate_cs_number; $plate_cs_number_1 = ""; $plate_cs_number_2 = ""; if(strpos($plate_cs_number, '/') > 0){ $multi_data = array(); $multi_data = explode("/", $plate_cs_number); $plate_cs_number_1 = alphaNumericOnly($multi_data[0]); $plate_cs_number_2 = alphaNumericOnly($multi_data[1]); } else { $plate_cs_number_1 = alphaNumericOnly($plate_cs_number); } $plate_cs_number = $plate_cs_number_1; $check_param = $db->select("SELECT COUNT(1) FROM finance WHERE plate_cs_number1 = '$plate_cs_number' AND status = 1"); $is_granted = $db->select("SELECT COUNT(1) FROM `finance` WHERE `plate_cs_number1` = '$plate_cs_number' AND `company_id` IN(".$granted_company_ids.")"); $today = $db->select("SELECT CURDATE() AS today"); // ====================================== $edit_mobile_required = $db->select("SELECT `status` FROM `settings_fni_pdc` WHERE `type` = 1 AND `field` = 1 AND `operation` = 3"); $edit_email_required = $db->select("SELECT `status` FROM `settings_fni_pdc` WHERE `type` = 1 AND `field` = 2 AND `operation` = 3"); $edit_policy_required = $db->select("SELECT `status` FROM `settings_fni_pdc` WHERE `type` = 1 AND `field` = 3 AND `operation` = 3"); ?> <!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']; ?> \| SMS Services</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="/dist/img/<?php echo $variable['logo']; ?>" rel="icon" /> <!-- 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"> <!-- SweetAlert2 --> <link rel="stylesheet" href="/plugins/sweetalert2/sweetalert2.min.css"> <!-- Toastr --> <link rel="stylesheet" href="/plugins/toastr/toastr.min.css"> <!-- iCheck for checkboxes and radio inputs --> <link rel="stylesheet" href="/plugins/icheck-bootstrap/icheck-bootstrap.min.css"> <!-- Bootstrap Table --> <link href="/plugins/bootstrap-table/css/bootstrap-table.min.css" rel="stylesheet"> <style> .input-forms { font-size: 95%; font-weight: normal !important; background-color: white !important; } .list-group-item { padding: .25rem .50rem; } .color-palette { height: 35px; line-height: 35px; text-align: right; padding-right: .75rem; } .color-palette.disabled { text-align: center; padding-right: 0; display: block; } .color-palette-set { margin-bottom: 15px; } .color-palette span { display: none; font-size: 12px; } .color-palette:hover span { display: block; } .color-palette.disabled span { display: block; text-align: left; padding-left: .75rem; } .color-palette-box h4 { position: absolute; left: 1.25rem; margin-top: .75rem; color: rgba(255, 255, 255, 0.8); font-size: 12px; display: block; z-index: 7; } #tool{ text-align: left; } 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; } #finance-table { cursor: pointer; } #finance-information-table { cursor: pointer; } .tbl-data { font-size: 90%; } .span-labels { font-size: 90%; font-style: italic; } .span-values { font-size: 90%; } .highlight { background-color: #a9f0ff !important; font-weight: bold; } #outer-div{ display: flex; } .field-div{ flex: 1; / additionally, equal width / } #toast-container > .toast-warning { background-image: url('dist/img/toast/warning.png')!important; background-color: #ffa500; color: black; } / 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; } </style> </head> <body class="hold-transition sidebar-mini text-sm layout-fixed"> <div class="wrapper"> <?php include('include/header.php'); ?> <?php include('include/sidebar.php'); ?> <!-- Content Wrapper. Contains page content --> <div class="content-wrapper"> <section class="content-header"> <div class="container-fluid"> <div class="row mb-2"> </div> </div> </section> <section class="content"> <div class="container-fluid"> <div class="row"> <div class="col-md"> <div id="finance-information" class="card card-primary"> <div class="card-header"> <h3 class="card-title"> <button class="btn btn-tool" title="Go back" type="button" onclick="back()"> <i class="fas fa-arrow-alt-circle-left fa-2x"></i> </button>FNI Information </h3> <button class="btn btn-tool float-right" title="Activity log" onclick="refreshFNIActivityLogTable()" data-toggle="modal" data-target="#modal-finance-activity-log"> <i class="fas fa-bars" style="margin-top: 10px; margin-right: -10px;"></i> </button> </div> <div class="card-body"> <script> function back(){ window.history.back(); } </script> <?php if($check_param < 1){ echo "Oops! No record found"; exit; } else if($is_granted == 0){ echo "Oops! You have no access in this record"; exit; } ?> <div id="outer-div" class="row"> <fieldset class="card col-12"> <div class="row mt-2"> <div class="col-sm-3"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Plate/CS No</label> <input name="fni-info-plate-cs" id="fni-info-plate-cs" class="form-control form-control-sm" placeholder="" style="background-color: transparent;" readonly> </div> </div> </div> <div class="col-sm-3"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Brand</label> <input name="fni-info-brand" id="fni-info-brand" class="form-control form-control-sm" placeholder="" style="background-color: transparent;" readonly> </div> </div> </div> <div class="col-sm-6"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Company/Dealer</label> <input name="fni-info-company-dealer" id="fni-info-company-dealer" class="form-control form-control-sm" placeholder="" style="background-color: transparent;" readonly> </div> </div> </div> </div> </fieldset> <div class="col-md-8 d-flex align-items-stretch"> <div class="col-12 field-div"> <div id="finance-information-div" class="table-responsive mt-2"> <table id="finance-information-table" class="table table-sm tbl-data" data-toggle="table" data-url="" data-pagination="true" data-search="false" 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, all]" data-minimum-count-columns="2" data-show-pagination-switch="false" data-pagination="true" data-query-params="queryParamsFinanceInformationTable" data-click-to-select="true"> <thead> <tr class="clickable-row"> <th class="main-header-table text-center" data-formatter="" data-field="no">No.</th> <th class="main-header-table text-center" data-formatter="" data-field="policy_number">Policy Number(s)</th> <th class="main-header-table text-center" data-formatter="" data-field="policy_issue_date">Policy Issued Date</th> <th class="main-header-table text-center" data-formatter="" data-field="policy_start_end_date">Policy Start - End Date</th> <th class="main-header-table text-center" data-formatter="" data-field="insurance_type">Ins. Type</th> <th class="main-header-table text-center" data-formatter="" data-field="insurance_provider">Ins. Provider</th> <th class="main-header-table text-center" data-formatter="editFNIInfo">Action</th> </tr> </thead> </table> </div> </div> </div> <div class="col-md-4 d-flex align-items-stretch field-div"> <div class="col-12"> <fieldset class="card"> <div class="col-sm-12 input-forms"> <ul class="list-group list-group-unbordered mb-2 mt-2"> <li class="list-group-item"> <div class="ml-1 form-group row my-0"> <span class="pl-0 col-sm-5 lbl-forms-sm-customer-main"><strong>Customer Name</strong> <span class=""></span></span> <span class="pl-0 customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="span-customer-fullname"></span> </div> </li> <li class="list-group-item"> <div class="ml-1 form-group row my-0"> <span class="pl-0 col-sm-5 lbl-forms-sm-customer-main"><strong>Mobile Number</strong> <span class=""></span></span> <span class="pl-0 customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="span-mobile-number"></span> </div> </li> <li class="list-group-item"> <div class="ml-1 form-group row my-0"> <span class="pl-0 col-sm-5 lbl-forms-sm-customer-main"><strong>Customer Email</strong> <span class=""></span></span> <span class="pl-0 customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="span-email"></span> </div> </li> <li class="list-group-item"> <div class="ml-1 form-group row my-0"> <span class="pl-0 col-sm-5 lbl-forms-sm-customer-main"><strong>Customer Address</strong> <span class=""></span></span> <span class="pl-0 customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="span-address"></span> </div> </li> <li class="list-group-item"> <div class="ml-1 form-group row my-0"> <span class="pl-0 col-sm-5 lbl-forms-sm-customer-main"><strong>Sales Consultant</strong> <span class=""></span></span> <span class="pl-0 customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="span-sales-consultant"></span> </div> </li> <li class="list-group-item"> <div class="ml-1 form-group row my-0"> <span class="pl-0 col-sm-5 lbl-forms-sm-customer-main"><strong>Bank</strong> <span class=""></span></span> <span class="pl-0 customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="span-bank-name"></span> </div> </li> <li class="list-group-item"> <div class="ml-1 form-group row my-0"> <span class="pl-0 col-sm-5 lbl-forms-sm-customer-main"><strong>Locked In Status</strong> <span class=""></span></span> <span class="pl-0 customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="span-locked-in-status"></span> </div> </li> <li class="list-group-item"> <div class="ml-1 form-group row my-0"> <span class="pl-0 col-sm-5 lbl-forms-sm-customer-main"><strong>Locked In Years</strong> <span class=""></span></span> <span class="pl-0 customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="span-locked-in-years"></span> </div> </li> <li class="list-group-item"> <div class="ml-1 form-group row my-0"> <span class="pl-0 col-sm-5 lbl-forms-sm-customer-main"><strong>Terms</strong> <span class=""></span></span> <span class="pl-0 customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="span-terms"></span> </div> </li> <li class="list-group-item"> <div class="ml-1 form-group row my-0"> <span class="pl-0 col-sm-5 lbl-forms-sm-customer-main"><strong></strong> <span class=""></span></span> <span class="pl-0 customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="span"></span> </div> </li> <li class="list-group-item"> <div class="ml-1 form-group row my-0"> <span class="pl-0 col-sm-5 lbl-forms-sm-customer-main"><strong>Car Model</strong> <span class=""></span></span> <span class="pl-0 customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="span-car-model"></span> </div> </li> <li class="list-group-item"> <div class="ml-1 form-group row my-0"> <span class="pl-0 col-sm-5 lbl-forms-sm-customer-main"><strong>Variant</strong> <span class=""></span></span> <span class="pl-0 customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="span-variant"></span> </div> </li> </ul> </div> </fieldset> </div> </div> </div> </div> <hr> <div id="finance-plate-cs-information" class="card-body"> <div class="row"> <div id="finance-information-div" class="table-responsive mt-2"> <table id="finance-remaining-days" class="table table-sm tbl-data" data-toggle="table" data-url="" data-pagination="false" data-search="false" 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, all]" data-minimum-count-columns="2" data-show-pagination-switch="false" data-query-params="queryParamsFinanceRemainingDaysTable" data-click-to-select="false"> <thead> <tr> <th class="main-header-table text-center" data-formatter="" data-field="reminder_type">Reminder Type (days)</th> <th class="main-header-table text-center" data-formatter="" data-field="reminder_date">Reminder Date</th> <th class="main-header-table text-center" data-formatter="" data-field="sms_status">SMS Status</th> </tr> </thead> </table> </div> </div> </div> <div id="div-footer" class="card-body"> <div class="row"> <div class="col-sm-4"> <span class="span-labels"><strong>Date Added:  </strong></span> <span id="span-date-uploaded" class="span-values"></span> </div> <div class="col-sm-4"> <span class="span-labels"><strong>Added By:  </strong> </span> <span id="span-uploaded-by" class="span-values"></span><br> </div> <div class="col-sm-4"> <span class="span-labels"><strong>Last modified by:  </strong> </span> <span id="span-modified-by" class="span-values"></span><br> </div> </div> </div> </div> </div> </div> </div> <!-- EDIT MODAL --> <div class="modal fade" id="modal-finance-edit-info" tabindex="-1" data-backdrop="static" aria-labelledby="exampleModalCenterTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-xl" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalCenterTitle"><span id="modal-title">Edit details</span></h5> <div id="loading-view" class="fas fa-2x fa-sync-alt fa-spin customer-modal-overlay" hidden> </div> <button id="fni-close-modal" type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div id="app" class="mb-2"> <nav class="navbar navbar-expand-md navbar-light ml-0 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 id="fni-modal-tab" class="nav nav-tabs navbar-nav mr-auto customer-modal-tab" role="tablist"> <li class="nav-item"> <a class="nav-link active border-0 " id="fni-edit-modal-tab-information" data-toggle="pill" href="#fni-edit-modal-information" role="tab" aria-controls="fni-edit-modal-information" aria-selected="true">Information</a> </li> <li class="nav-item"> <a class="nav-link border-0 " id="fni-edit-modal-tab-insurance" data-toggle="pill" href="#fni-edit-modal-insurance" role="tab" aria-controls="fni-edit-modal-insurance" aria-selected="false">Insurance</a> </li> </ul> </div> </nav> </div> <!-- vehicle information --> <div class="tab-content" id="fni-edit-modal-tab-content"> <div class="tab-pane fade show active" id="fni-edit-modal-information" role="tabpanel" aria-labelledby="fni-edit-modal-tab-information"> <div class="row"> <fieldset class="card col-12"> <legend>Vehicle Information</legend> <div class="row"> <div class="col-sm-6"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Plate/CS Number</label><label class="p-0 m-0" style="color: red; float-right"></label> <input name="fni-edit-plate-cs-number" id="fni-edit-plate-cs-number" class="big-letter el-edit form-control form-control-sm" placeholder=""> </div> </div> </div> <div class="col-sm-6"> <div class="form-group my-0 mx-0"> <label class="dropdown mx-0 my-0">Dealer</label><label class="p-0 m-0" style="color: red; float-right"></label> <div id="div-dealer" style="border-radius: 7px;"> <select name="fni-edit-dealer" id="fni-edit-dealer" class="form-control form-control-sm el-edit select2" style="width: 100%;"> <option></option> <?php $dealer = $db->return_result("SELECT sd.`id`, sd.`code`, sd.`name` FROM `source_dealer` sd INNER JOIN source_company_dealer scd ON scd.dealer_id = sd.id WHERE scd.company_id IN(".$granted_company_ids.") AND scd.status = 1 GROUP BY sd.id ORDER BY name ASC"); foreach($dealer AS $data){ echo "<option value='{$data['id']}'>".$data['code']." - ".$data['name']."</option>"; } ?> </select> </div> </div> </div> </div> <div class="row"> <div class="col-sm-4"> <div class="form-group my-0 mx-0"> <label class="dropdown mx-0 my-0">Brand</label><label class="p-0 m-0" style="color: red; float-right"></label> <div id="div-brand" style="border-radius: 7px;"> <select name="fni-edit-brand" id="fni-edit-brand" class="form-control form-control-sm el-edit select2" style="width: 100%;"> <option></option> <?php $brand = $db->return_result("SELECT `id`, `name` FROM `finance_source_brand` WHERE status = 1 ORDER BY name ASC"); foreach($brand AS $data){ echo "<option value='{$data['id']}'>".$data['name']."</option>"; } ?> </select> </div> </div> </div> <div class="col-sm-4"> <div class="form-group my-0 mx-0"> <label class="dropdown mx-0 my-0">Model</label><label class="p-0 m-0" style="color: red; float-right"></label> <div id="div-model" style="border-radius: 7px;"> <select name="fni-edit-model" id="fni-edit-model" class="form-control form-control-sm el-edit select2" style="width: 100%;"> <option></option> </select> </div> </div> </div> <div class="col-sm-4"> <div class="form-group my-0 mx-0"> <label class="dropdown mx-0 my-0">Variant</label><label class="p-0 m-0" style="color: red; float-right"></label> <div id="div-variant" style="border-radius: 7px;"> <select name="fni-edit-variant" id="fni-edit-variant" class="form-control form-control-sm el-edit select2" style="width: 100%;"> <option></option> </select> </div> </div> </div> </div> </fieldset> </div> <div class="row"> <fieldset class="card col-12"> <legend>Customer Information</legend> <div class="row"> <div class="col-12"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Customer Fullname</label><label class="p-0 m-0" style="color: red; float-right"></label> <input name="fni-edit-customer-fullname" id="fni-edit-customer-fullname" class="big-letter el-edit form-control form-control-sm" placeholder=""> </div> </div> </div> </div> <div class="row"> <div class="col-sm-6"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Customer Mobile</label><label class="p-0 m-0" style="color: red; float-right"></label> <div id="div-customer-mobile" class="input-70 input-group date" data-target-input="nearest"> <div class="input-70 input-group-append"> <div class="input-group-text" style="height: 31px;">+63</div> </div> <input id="fni-edit-customer-mobile" name="fni-edit-customer-mobile" oninput="this.value=this.value.slice(0,this.maxLength)" type="number" maxlength="10" class="el-add form-control form-control-sm"> </div> </div> </div> </div> <div class="col-sm-6"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Customer Other Contact</label><label class="p-0 m-0" style="color: red; float-right"></label> <input name="fni-edit-customer-other-contact" id="fni-edit-customer-other-contact" class="big-letter el-edit form-control form-control-sm" placeholder=""> </div> </div> </div> </div> <div class="row"> <div class="col-sm-5"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Customer Email</label><label class="p-0 m-0" style="color: red; float-right"></label> <input name="fni-edit-customer-email" id="fni-edit-customer-email" class="big-letter el-edit form-control form-control-sm" placeholder=""> </div> </div> </div> <div class="col-sm-7"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Customer Address</label><label class="p-0 m-0" style="color: red; float-right"></label> <input name="fni-edit-customer-address" id="fni-edit-customer-address" class="big-letter el-edit form-control form-control-sm" placeholder=""> </div> </div> </div> </div> </fieldset> </div> </div> <div class="tab-pane fade" id="fni-edit-modal-insurance" role="tabpanel" aria-labelledby="fni-edit-modal-tab-insurance"> <fieldset class="card col-12"> <legend>Policy Dates</legend> <div class="row"> <div class="col-sm-4"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Policy Issue Date</label><label class="p-0 m-0" style="color: red; float-right"></label> <div id="div-issue-date" class="input-group date" style="height: 28px;"> <div class="input-70 input-group date" data-target-input="nearest"> <input id="issue-date" name="issue-date" data-inputmask-alias="datetime" data-inputmask-inputformat="mm/dd/yyyy" data-mask type="text" class="lbl-forms-sm el-add form-control form-control-sm datetimepicker-input" data-target="#issue-date"/> <div id="salo" class="input-group-append" data-target="#issue-date" data-toggle="datetimepicker"> <div id="issue-calendar" class="input-group-text"><i class="fa fa-calendar"></i></div> </div> </div> </div> </div> </div> </div> <div class="col-sm-4"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Policy Start Date</label><label class="p-0 m-0" style="color: red; float-right"></label> <div id="div-start-date" class="input-group date" style="height: 28px;"> <div class="input-70 input-group date" data-target-input="nearest"> <input id="start-date" name="start-date" placeholder="Start date" data-inputmask-alias="datetime" data-inputmask-inputformat="mm/dd/yyyy" data-mask type="text" class="lbl-forms-sm el-add form-control form-control-sm datetimepicker-input" data-target="#start-date" /> <div class="input-group-append" data-target="#start-date" data-toggle="datetimepicker"> <div id="start-calendar" class="input-group-text"><i class="fa fa-calendar"></i></div> </div> </div> </div> </div> </div> </div> <div class="col-sm-4"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Policy End Date</label><label class="p-0 m-0" style="color: red; float-right"></label> <div id="div-end-date" class="input-group date" style="height: 28px;"> <div class="input-70 input-group date" data-target-input="nearest"> <input id="end-date" name="end-date" placeholder="End date" data-inputmask-alias="datetime" data-inputmask-inputformat="mm/dd/yyyy" data-mask type="text" class=" lbl-forms-sm el-add form-control form-control-sm datetimepicker-input" data-target="#end-date" /> <div id="cal-div" class="input-group-append" data-target="#end-date" data-toggle="datetimepicker"> <div id="end-calendar" class="input-group-text"><i class="fa fa-calendar"></i></div> </div> </div> </div> </div> </div> </div> </div> </fieldset> <fieldset class="card col-12"> <legend>Insurance Information</legend> <div class="row"> <div class="col-sm-6"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Policy Number</label><label class="p-0 m-0" style="color: red; float-right"></label> <input name="fni-edit-policy-number" id="fni-edit-policy-number" class="big-letter el-edit input-70 form-control form-control-sm" placeholder=""> </div> </div> </div> <div class="col-sm-6"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Bank</label><label class="p-0 m-0" style="color: red; float-right"></label> <input name="fni-edit-bank" id="fni-edit-bank" class="big-letter el-edit input-70 form-control form-control-sm" placeholder=""> </div> </div> </div> </div> <div class="row"> <div class="col-sm-6"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Insurance Provider</label><label class="p-0 m-0" style="color: red; float-right"></label> <div id="div-insurance-provider" style="border-radius: 7px;"> <select name="fni-edit-insurance-provider" id="fni-edit-insurance-provider" class="form-control form-control-sm el-edit select2" style="width: 100%;"> <option></option> <?php $ins_provider = $db->return_result("SELECT `id`, `name` FROM `finance_ins_provider` WHERE status = 1 ORDER BY name ASC"); foreach($ins_provider AS $data){ echo "<option value='{$data['id']}'>".$data['name']."</option>"; } ?> </select> </div> </div> </div> </div> <div class="col-sm-6"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Insurance Type</label><label class="p-0 m-0" style="color: red; float-right"></label> <div id="div-insurance-type" style="border-radius: 7px;"> <select name="fni-edit-insurance-type" id="fni-edit-insurance-type" class="form-control form-control-sm el-edit select2" style="width: 100%;"> <option></option> <?php $ins_type = $db->return_result("SELECT `id`, `name` FROM `finance_ins_business_type` WHERE status = 1 ORDER BY name ASC"); foreach($ins_type AS $data){ echo "<option value='{$data['id']}'>".$data['name']."</option>"; } ?> </select> </div> </div> </div> </div> </div> <div class="row"> <div class="col-sm-6"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Sales Consultant</label><label class="p-0 m-0" style="color: red; float-right"></label> <input name="fni-edit-sales-consultant" id="fni-edit-sales-consultant" class="big-letter input-70 el-edit form-control form-control-sm" placeholder=""> </div> </div> </div> <div class="col-sm-6"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Paid Amount</label><label class="p-0 m-0" style="color: red; float-right"></label> <input name="fni-edit-paid-amount" id="fni-edit-paid-amount" class="big-letter input-70 el-edit form-control form-control-sm" placeholder=""> </div> </div> </div> </div> <div class="row"> <div class="col-sm-6"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Lock-in Year</label><label class="p-0 m-0" style="color: red; float-right"></label> <input name="fni-edit-lock-in-year" id="fni-edit-lock-in-year" class="big-letter input-70 el-edit form-control form-control-sm" oninput="this.value=this.value.slice(0,this.maxLength)" maxlength="1" placeholder="" type="number"> </div> </div> </div> <div class="col-sm-6"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Terms</label><label class="p-0 m-0" style="color: red; float-right"></label> <input name="fni-edit-terms" id="fni-edit-terms" class="big-letter input-70 el-edit form-control form-control-sm" placeholder="" oninput="this.value=this.value.slice(0,this.maxLength)" type="number" maxlength="1"> </div> </div> </div> </div> <div class="row"> <div class="col-sm-6 mt-2"> <div class="icheck-primary form-group my-0 mx-0 d-inline pl-3"> <input type="checkbox" id="check-lock-in" class="el-edit" checked> <label for="check-lock-in">Locked in</label> </div> </div> </div> </fieldset> </div> </div> </div><!--modal body--> <div class="modal-footer"> <button id="button-edit-fni-details" class="btn btn-success btn-sm el-edit">Update record</button> </div> </div><!--modal content--> </div> </div> <!-- activity log modal --> <div class="modal fade" id="modal-finance-activity-log" tabindex="-1" aria-labelledby="exampleModalCenterTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-xl" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalCenterTitle"><span id="modal-act-log-title">Activity Log (FNI)</span></h5> <div id="loading-view-activity-log" class="fas fa-2x fa-sync-alt fa-spin customer-modal-overlay" hidden> </div> <button id="fni-close-act-log-modal" type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <table id="finance-activity-log-table" class="table table-sm tbl-data" data-toggle="table" data-url="" data-pagination="false" data-search="false" 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, all]" data-minimum-count-columns="2" data-show-pagination-switch="false" data-query-params="queryParamsFinanceActivityLogTable" data-click-to-select="false"> <thead> <tr> <th class="main-header-table" data-formatter="" data-field="datetime">Date / Time</th> <th class="main-header-table" data-formatter="" data-field="description">Activity</th> <th class="main-header-table" data-formatter="" data-field="done_by">Done By</th> </tr> </thead> </table> </div> <div class="modal-footer"> <button id="button-okay-fni" class="btn btn-primary btn-sm el-edit" data-dismiss="modal">Close</button> </div> </div><!--modal content--> </div> </div> </section> </div> <?php include('include/footer.php'); ?> <aside class="control-sidebar control-sidebar-dark"> </aside> </div><!-- ./wrapper --> <!-- jQuery --> <script src="/plugins/jquery/jquery.min.js"></script> <script src="/plugins/jquery-ui/jquery-ui.min.js"></script> <script> $.widget.bridge('uibutton', $.ui.button) </script> <!-- overlayScrollbars --> <script src="/plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></script> <!-- Bootstrap 4 --> <script src="/plugins/bootstrap/js/bootstrap.bundle.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> <!-- Navigation Highlight --> <script src="/dist/js/main.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> <!-- Tempusdominus Bootstrap 4 --> <script src="/plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js"></script> <!-- Select2 --> <script src="/plugins/select2/js/select2.full.min.js"></script> <!-- SweetAlert2 --> <script src="/plugins/sweetalert2/sweetalert2.min.js"></script> <!-- Toastr --> <script src="/plugins/toastr/toastr.min.js"></script> <!-- Bootstrap Switch --> <script src="/plugins/bootstrap-switch/js/bootstrap-switch.min.js"></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-file--> <script> var plate_cs_number = '<?php echo $plate_cs_number; ?>'; var can_edit_record = '<?php echo $fni_edit_record; ?>'; var can_delete_record = '<?php echo $fni_delete_record; ?>'; // ========================== var edit_mobile_required = '<?php echo $edit_mobile_required; ?>'; var edit_email_required = '<?php echo $edit_email_required; ?>'; var edit_policy_required = '<?php echo $edit_policy_required; ?>'; <?php include('resources/views/common/scripts/finance/finance_information.js'); ?> </script> </body> </html>��views/finance/financelist.php��0000644��00000213713�15025010632�0012315 0��ustar�00��<?php include('cfg/db.php'); include_once("api/controllers/utility.php"); include('app/security/security.php'); if(!isset($_SESSION['user']['id'])){ header('location:signin.php'); } $check_page = new CheckPage(); $check_page->start($db); if(!(isset($global_action_permissions['2']['42']['8']) && in_array("1", $global_action_permissions['2']['42']['8']))){ header('location:signin.php'); } $utility = new Utility(); $granted_company_ids = $utility->isNotEmpty($_SESSION['user']['company_permissions_implode']) ? $_SESSION['user']['company_permissions_implode'] : '-1' ; // echo $granted_company_ids; return; function conv($today){// 2021-08-18 $val = $today; return substr($today, 5, 2) . "/" . substr($today, 8, 2) . "/" . substr($today, 0, 4); // 08/18/2021 } $fni_add_record = 0; if((isset($global_action_permissions['2']['42']['8']) && in_array("2", $global_action_permissions['2']['42']['8']))){ $fni_add_record = 1; } $now = $db->sql_query("SELECT NOW() AS today"); $today = ""; foreach($now AS $data){ $today = substr($data['today'], 0, 10); } $text_balance = "API not loaded"; // ====================================== $add_mobile_required = $db->select("SELECT `status` FROM `settings_fni_pdc` WHERE `type` = 1 AND `field` = 1 AND `operation` = 2"); $add_email_required = $db->select("SELECT `status` FROM `settings_fni_pdc` WHERE `type` = 1 AND `field` = 2 AND `operation` = 2"); $add_poliy_required = $db->select("SELECT `status` FROM `settings_fni_pdc` WHERE `type` = 1 AND `field` = 3 AND `operation` = 2"); ?> <!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']; ?> \| Finance</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"> <!-- daterange picker --> <link rel="stylesheet" href="plugins/daterangepicker/daterangepicker.css"> <!-- overlayScrollbars --> <link rel="stylesheet" href="plugins/overlayScrollbars/css/OverlayScrollbars.min.css"> <link href="dist/img/<?php echo $variable['logo']; ?>" rel="icon" /> <!-- 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"> <!-- Toastr --> <link rel="stylesheet" href="plugins/toastr/toastr.min.css"> <!-- iCheck for checkboxes and radio inputs --> <link rel="stylesheet" href="plugins/icheck-bootstrap/icheck-bootstrap.min.css"> <!-- Bootstrap Table --> <link href="plugins/bootstrap-table/css/bootstrap-table.min.css" rel="stylesheet"> <!-- SweetAlert2 --> <link rel="stylesheet" href="plugins/sweetalert2/sweetalert2.min.css"> <style> .input-forms { font-size: 95%; font-weight: normal !important; background-color: white !important; } .list-group-item { padding: .25rem .50rem; } .color-palette { height: 35px; line-height: 35px; text-align: right; padding-right: .75rem; } .color-palette.disabled { text-align: center; padding-right: 0; display: block; } .color-palette-set { margin-bottom: 15px; } .color-palette span { display: none; font-size: 12px; } .color-palette:hover span { display: block; } .color-palette.disabled span { display: block; text-align: left; padding-left: .75rem; } .color-palette-box h4 { position: absolute; left: 1.25rem; margin-top: .75rem; color: rgba(255, 255, 255, 0.8); font-size: 12px; display: block; z-index: 7; } #tool{ text-align: left; } 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; } #finance-table { cursor: pointer; } #finance-information-table { cursor: pointer; } .span-labels { font-size: 90%; font-style: italic; } .span-values { font-size: 90%; } .list-group-item { padding: .25rem .50rem; } .input-70 { height: 70%; } /* 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; } #toast-container > .toast-warning { background-image: url('dist/img/toast/warning.png')!important; background-color: #ffa500; color: black; } </style> </head> <body class="hold-transition sidebar-mini text-sm layout-fixed"> <div class="wrapper"> <?php include('include/header.php'); ?> <?php include('include/sidebar.php'); ?> <!-- Content Wrapper. Contains page content --> <div class="content-wrapper"> <section class="content-header"> <div class="container-fluid"> <div class="row mb-2"> </div> </div> </section> <section class="content"> <div class="container-fluid"> <div class="row"> <div class="col-md"> <div id="finance-list" class="card card-primary"> <div class="card-header"> <h3 class="card-title">FNI Database</h3> </div> <div class="card-body"> <div class="row mb-2"> <div class="col-6"> <div class="col-12 text-left"> <button id="button-new-fni-details" class="btn btn-primary btn-sm" title="Add new" <?php if($fni_add_record == 0){ echo "hidden"; } else { echo ""; } ?> >New record</button> </div> </div> <div class="col-6 text-right"> <div class="btn-group"> <button type="button" class="tooltip-me btn btn-default dropdown-toggle btn-sm" data-toggle="dropdown" aria-haspopup="true" title="Filter" data-html="true" data-placement="left" aria-expanded="true"> <i class="fa fa-filter" aria-hidden="true"></i> </button> <div id="dropdown-filter" class="dropdown-menu dropdown-menu-right"> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <input type="button" class="btn btn-primary btn-sm form-control form-control-sm" name="btn-no-filter" id="btn-no-filter" value="No Filter" style="width: 100%;"></input> </div> </div> <div class="form-group mb-0"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <div id="filter-date" class="p-1" name="filter-date" style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc; width: 100%"> <i class="fa fa-calendar"></i>  <span id="date-range"></span> <i class="fa fa-angle-down mt-1 float-right"></i> </div> </div> </div> <div class="form-group mb-0" style="display:;"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="company-filter" id="company-filter" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <?php $company = $db->return_result("SELECT `id`, `code` FROM `source_company` WHERE status = 1 AND id IN (".$granted_company_ids.") ORDER BY code ASC"); foreach($company as $data){ echo "<option value='{$data['id']}' >".$data['code']."</option>"; } ?> </select> </div> </div> <div class="form-group mb-0" style="display:;"> <div class="form-group dropdown-input mr-2 ml-2 mb-1"> <select name="dealer" id="dealer" class="form-control form-control-sm select2" style="width: 100%;"> <?php ?> </select> </div> </div> </div> </div> </div> </div> <hr> <div class="row"> <div id="box-categorized" class="col-12 col-sm-6 col-md-3" style="cursor: pointer;"> <div class="info-box mb-3"> <span class="info-box-icon bg-primary elevation-1"><i class="fas fa-clipboard-list"></i></span> <div class="info-box-content"> <span class="info-box-text" id="lbl-total">Categorized per vehicle</span> <span class="info-box-number" id="span-total"></span> </div> <i class="tooltip-me mt-1 ml-1 mb-0 fas fa-question-circle" style="color:blue;" data-html="true" data-placement="top" id="tip-categorized-vehicle"></i> </div> </div> <div id="box-individual-insurance" class="col-12 col-sm-6 col-md-3" style="cursor: pointer;"> <div class="info-box mb-3"> <span class="info-box-icon bg-info elevation-1"><i class="fas fa-clipboard-list"></i></span> <div class="info-box-content"> <span class="info-box-text" id="lbl-new">Indvdl. insurance count</span> <span class="info-box-number" id="span-individual-insurance"></span> </div> <i class="tooltip-me mt-1 ml-1 mb-0 fas fa-question-circle" style="color:blue;" data-html="true" data-placement="top" id="tip-individual-insurance"></i> </div> </div> <div id="box-expiring" class="col-12 col-sm-6 col-md-3" style="cursor: pointer;"> <div class="info-box"> <span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-exclamation"></i></span> <div class="info-box-content"> <span class="info-box-text" id="lbl-expiring">Expiring this month</span> <span class="info-box-number" id="span-expiring"></span> </div> </div> </div> <div class="clearfix hidden-md-up"> </div> <div id="box-added" class="col-12 col-sm-6 col-md-3" style="cursor: pointer;"> <div class="info-box mb-3"> <span class="info-box-icon bg-success elevation-1"><i class="fas fa-plus"></i></span> <div class="info-box-content"> <span class="info-box-text" id="lbl-added">Added today</span> <span class="info-box-number" id="span-added"></span> </div> </div> </div> </div> <div class="row"> <div id="finance-div" class="table-responsive"> <table id="finance-table" class="table table-sm" data-toggle="table" data-url="" data-pagination="true" data-search="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, 20, all]" data-minimum-count-columns="2" data-show-pagination-switch="false" data-pagination="true" data-query-params="queryParamsFinanceTable" data-click-to-select="false"> <thead> <tr> <th class="main-header-table" data-formatter="" data-field="plate_cs_number">Plate/CS Number</th> <th class="main-header-table" data-formatter="" data-field="policy_number">Policy Number</th> <th class="main-header-table" data-formatter="" data-field="inception_date">Start - End Date</th> <th class="main-header-table" data-formatter="" data-field="company">Company</th> <th class="main-header-table" data-formatter="" data-field="dealer">Dealer</th> </tr> </thead> </table> </div> </div> </div> </div> </div> <div id="finance-information" class="card card-primary" hidden> <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>Finance Information</h3> </div> <div class="card-body"> <div class="row"> <fieldset class="card col-12"> <div class="row mt-2"> <div class="col-6"> <span class="align-middle col-form-label font-weight-bold" style="font-size: 20px;">Plate / CS:    <span id="span-plate-cs" style="font-weight: normal;">ABC-123</span></span> </div> <div class="col-6"> <span class="align-middle col-form-label font-weight-bold" style="font-size: 20px;">Company/Dealer:    <span id="span-company-dealer" style="font-weight: normal;">GCASI/FORD GLOBAL CITY</span></span> </div> </div> </fieldset> <div class="col-md-8 d-flex align-items-stretch"> <div class="col-12"> <fieldset class="card pb-2"> <div id="finance-information-div" class="table-responsive mt-2"> <table id="finance-information-table" class="table table-sm" data-toggle="table" data-url="" data-pagination="true" data-search="false" 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, all]" data-minimum-count-columns="2" data-show-pagination-switch="false" data-pagination="true" data-query-params="queryParamsFinanceInformationTable" data-click-to-select="false"> <thead> <tr> <th class="main-header-table text-center" data-formatter="" data-field="policy_number">Policy Number(s)</th> <th class="main-header-table text-center" data-formatter="" data-field="policy_issue_date">Policy Issued Date</th> <th class="main-header-table text-center" data-formatter="" data-field="policy_start_end_date">Policy Start - End Date</th> <th class="main-header-table text-center" data-formatter="" data-field="insurance_type">Ins. Type</th> <th class="main-header-table text-center" data-formatter="" data-field="insurance_provider">Ins. Provider</th> </tr> </thead> </table> </div> </fieldset> </div> </div> <div class="col-md-4 d-flex align-items-stretch"> <div class="col-12"> <fieldset class="card"> <div class="col-sm-12 input-forms"> <ul class="list-group list-group-unbordered mb-2 mt-2"> <li class="list-group-item"> <div class="ml-1 form-group row my-0"> <span class="pl-0 col-sm-5 lbl-forms-sm-customer-main"><strong>Customer Name</strong> <span class=""></span></span> <span class="pl-0 customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="span-customer-fullname"></span> </div> </li> <li class="list-group-item"> <div class="ml-1 form-group row my-0"> <span class="pl-0 col-sm-5 lbl-forms-sm-customer-main"><strong>Mobile Number</strong> <span class=""></span></span> <span class="pl-0 customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="span-mobile-number"></span> </div> </li> <li class="list-group-item"> <div class="ml-1 form-group row my-0"> <span class="pl-0 col-sm-5 lbl-forms-sm-customer-main"><strong>Customer Email</strong> <span class=""></span></span> <span class="pl-0 customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="span-email"></span> </div> </li> <li class="list-group-item"> <div class="ml-1 form-group row my-0"> <span class="pl-0 col-sm-5 lbl-forms-sm-customer-main"><strong>Customer Address</strong> <span class=""></span></span> <span class="pl-0 customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="span-address"></span> </div> </li> <li class="list-group-item"> <div class="ml-1 form-group row my-0"> <span class="pl-0 col-sm-5 lbl-forms-sm-customer-main"><strong>Sales Consultant</strong> <span class=""></span></span> <span class="pl-0 customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="span-sales-consultant"></span> </div> </li> <li class="list-group-item"> <div class="ml-1 form-group row my-0"> <span class="pl-0 col-sm-5 lbl-forms-sm-customer-main"><strong>Bank</strong> <span class=""></span></span> <span class="pl-0 customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="span-bank-name"></span> </div> </li> </ul> </div> </fieldset> </div> </div> </div> </div> <hr> <div id="finance-plate-cs-information" class="card-body"> <div class="row"> <div class="col-sm-4"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Bank Name</label> <input name="bank-name" id="bank-name" class="form-control form-control-sm request-field" style="background-color: transparent;" readonly> </div> </div> </div> <div class="col-sm-4"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Terms</label> <input name="terms" id="terms" class="form-control form-control-sm request-field" style="background-color: transparent;" readonly> </div> </div> </div> <div class="col-sm-4"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Sales Consultant</label> <input name="sales-consultant" id="sales-consultant" class="form-control form-control-sm request-field" style="background-color: transparent;" readonly> </div> </div> </div> </div> </div> <div id="div-footer" class="card-body"> <div class="row"> <div class="col-sm-6"> <span class="span-labels"><strong>Date Added:  </strong></span> <span id="span-date-uploaded" class="span-values"></span> </div> <div class="col-sm-6"> <span class="span-labels"><strong>Added By:  </strong> </span> <span id="span-uploaded-by" class="span-values"></span><br> </div> </div> </div> </div> </div> </div> </div> <!-- ADD MODAL --> <div class="modal fade" id="modal-finance-add-fni" tabindex="-1" data-backdrop="static" aria-labelledby="exampleModalCenterTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-xl" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalCenterTitle"><span id="modal-title">Add new</span></h5> <div id="loading-view" class="fas fa-2x fa-sync-alt fa-spin customer-modal-overlay" hidden> </div> <button id="fni-close-modal" type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div id="app" class="mb-2"> <nav class="navbar navbar-expand-md navbar-light ml-0 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 id="fni-modal-tab" class="nav nav-tabs navbar-nav mr-auto customer-modal-tab" role="tablist"> <li class="nav-item"> <a class="nav-link active border-0 " id="fni-add-modal-tab-information" data-toggle="pill" href="#fni-add-modal-information" role="tab" aria-controls="fni-add-modal-information" aria-selected="true">Information</a> </li> <li class="nav-item"> <a class="nav-link border-0 " id="fni-add-modal-tab-insurance" data-toggle="pill" href="#fni-add-modal-insurance" role="tab" aria-controls="fni-add-modal-insurance" aria-selected="false">Insurance</a> </li> </ul> </div> </nav> </div> <div class="tab-content" id="fni-add-modal-tab-content"> <div class="tab-pane fade show active" id="fni-add-modal-information" role="tabpanel" aria-labelledby="fni-add-modal-tab-information"> <div class="row"> <fieldset class="card col-sm-12"> <legend>Vehicle Information</legend> <div class="row"> <div class="col-sm-6"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Plate/CS Number</label><label class="p-0 m-0" style="color: red; float-right"></label> <input name="fni-add-plate-cs-number" id="fni-add-plate-cs-number" class="big-letter el-add form-control form-control-sm" placeholder=""> </div> </div> </div> <div class="col-sm-6"> <div class="form-group my-0 mx-0"> <label class="dropdown mx-0 my-0">Dealer</label><label class="p-0 m-0" style="color: red; float-right"></label> <select name="fni-add-dealer" id="fni-add-dealer" class="form-control form-control-sm dd-add select2" style="width: 100%;"> <option></option> <?php $dealer = $db->return_result("SELECT sd.`id`, sd.`code`, sd.`name` FROM `source_dealer` sd INNER JOIN source_company_dealer scd ON scd.dealer_id = sd.id WHERE scd.company_id IN(".$granted_company_ids.") AND scd.status = 1 GROUP BY sd.id ORDER BY name ASC"); foreach($dealer AS $data){ echo "<option value='{$data['id']}'>".$data['code']." - ".$data['name']."</option>"; } ?> </select> </div> </div> </div> <div class="row"> <div class="col-sm-4"> <div class="form-group my-0 mx-0"> <label class="dropdown mx-0 my-0">Brand</label><label class="p-0 m-0" style="color: red; float-right"></label> <select name="fni-add-brand" id="fni-add-brand" class="form-control form-control-sm dd-add select2" style="width: 100%;"> <option></option> <?php $brand = $db->return_result("SELECT `id`, `name` FROM `finance_source_brand` WHERE status = 1 ORDER BY name ASC"); foreach($brand AS $data){ echo "<option value='{$data['id']}'>".$data['name']."</option>"; } ?> </select> </div> </div> <div class="col-sm-4"> <div class="form-group my-0 mx-0"> <label class="dropdown mx-0 my-0">Model</label><label class="p-0 m-0" style="color: red; float-right"></label> <select name="fni-add-brand" id="fni-add-model" class="form-control form-control-sm dd-add select2" style="width: 100%;"> <option></option> </select> </div> </div> <div class="col-sm-4"> <div class="form-group my-0 mx-0"> <label class="dropdown mx-0 my-0">Variant</label><label class="p-0 m-0" style="color: red; float-right"></label> <select name="fni-add-brand" id="fni-add-variant" class="form-control form-control-sm dd-add select2" style="width: 100%;"> <option></option> </select> </div> </div> </div> </fieldset> </div> <div class="row"> <fieldset class="card col-12"> <legend>Customer Information</legend> <div class="row"> <div class="col-sm-12"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Customer Fullname</label><label class="p-0 m-0" style="color: red; float-right"></label> <input name="fni-add-customer-fullname" id="fni-add-customer-fullname" class="big-letter el-add form-control form-control-sm" placeholder=""> </div> </div> </div> </div> <div class="row"> <div class="col-sm-6"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Customer Mobile</label><label class="p-0 m-0" style="color: red; float-right"></label> <div class="input-70 input-group date" data-target-input="nearest"> <div class="input-70 input-group-append"> <div class="input-group-text" style="height: 31px;">+63</div> </div> <input id="fni-add-customer-mobile" name="fni-add-customer-mobile" oninput="this.value=this.value.slice(0,this.maxLength)" type="number" maxlength="10" class="el-add form-control form-control-sm"> </div> </div> </div> </div> <div class="col-sm-6"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Other Contact Number</label><label class="p-0 m-0" style="color: red; float-right"></label> <input name="fni-add-customer-other-contact" id="fni-add-customer-other-contact" class="big-letter el-add form-control form-control-sm" placeholder=""> </div> </div> </div> </div> <div class="row"> <div class="col-sm-5"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Customer Email</label><label class="p-0 m-0" style="color: red; float-right"></label> <input name="fni-add-customer-email" id="fni-add-customer-email" class="big-letter el-add form-control form-control-sm" placeholder=""> </div> </div> </div> <div class="col-sm-7"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Customer Address</label><label class="p-0 m-0" style="color: red; float-right"></label> <input name="fni-add-customer-address" id="fni-add-customer-address" class="big-letter el-add form-control form-control-sm" placeholder=""> </div> </div> </div> </div> </fieldset> </div> </div> <div class="tab-pane fade" id="fni-add-modal-insurance" role="tabpanel" aria-labelledby="fni-add-modal-tab-insurance"> <fieldset class="card col-sm-12"> <legend>Policy Dates</legend> <div class="row"> <div class="col-sm-4"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Policy Issue Date</label><label class="p-0 m-0" style="color: red; float-right"></label> <div id="div-issue-date" class="input-group date" style="height: 28px;"> <div class="input-70 input-group date" data-target-input="nearest"> <input id="issue-date" name="issue-date" data-inputmask-alias="datetime" data-inputmask-inputformat="mm/dd/yyyy" data-mask type="text" class="lbl-forms-sm el-add form-control form-control-sm datetimepicker-input" data-target="#issue-date" /> <div id="salo" class="input-group-append" data-target="#issue-date" data-toggle="datetimepicker"> <div id="issue-calendar" class="input-group-text"><i class="fa fa-calendar"></i></div> </div> </div> </div> </div> </div> </div> <div class="col-sm-4"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Policy Start Date</label><label class="p-0 m-0" style="color: red; float-right"></label> <div id="div-start-date" class="input-group date" style="height: 28px;"> <div class="input-70 input-group date" data-target-input="nearest"> <input id="start-date" name="start-date" placeholder="Start date" data-inputmask-alias="datetime" data-inputmask-inputformat="mm/dd/yyyy" data-mask type="text" class="lbl-forms-sm el-add form-control form-control-sm datetimepicker-input" data-target="#start-date" /> <div class="input-group-append" data-target="#start-date" data-toggle="datetimepicker"> <div id="start-calendar" class="input-group-text"><i class="fa fa-calendar"></i></div> </div> </div> </div> </div> </div> </div> <div class="col-sm-4"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Policy End Date</label><label class="p-0 m-0" style="color: red; float-right"></label> <div id="div-end-date" class="input-group date" style="height: 28px;"> <div class="input-70 input-group date" data-target-input="nearest"> <input id="end-date" name="end-date" placeholder="End date" data-inputmask-alias="datetime" data-inputmask-inputformat="mm/dd/yyyy" data-mask type="text" class=" lbl-forms-sm el-add form-control form-control-sm datetimepicker-input" data-target="#end-date" /> <div id="cal-div" class="input-group-append" data-target="#end-date" data-toggle="datetimepicker"> <div id="end-calendar" class="input-group-text"><i class="fa fa-calendar"></i></div> </div> </div> </div> </div> </div> </div> </div> </fieldset> <fieldset class="card col-sm-12"> <legend>Insurance Information</legend> <div class="row"> <div class="col-6"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Policy Number</label><label class="p-0 m-0" style="color: red; float-right"></label> <input name="fni-add-policy-number" id="fni-add-policy-number" class="big-letter el-add input-70 form-control form-control-sm" placeholder=""> </div> </div> </div> <div class="col-sm-6"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Bank</label><label class="p-0 m-0" style="color: red; float-right"></label> <input name="fni-add-bank" id="fni-add-bank" class="big-letter el-add input-70 form-control form-control-sm" placeholder=""> </div> </div> </div> </div> <div class="row"> <div class="col-sm-6"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Insurance Provider</label><label class="p-0 m-0" style="color: red; float-right"></label> <select name="fni-add-insurance-provider" id="fni-add-insurance-provider" class="form-control form-control-sm dd-add select2" style="width: 100%;"> <option></option> <?php $ins_provider = $db->return_result("SELECT `id`, `name` FROM `finance_ins_provider` WHERE status = 1 ORDER BY name ASC"); foreach($ins_provider AS $data){ echo "<option value='{$data['id']}'>".$data['name']."</option>"; } ?> </select> </div> </div> </div> <div class="col-sm-6"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Insurance Type</label><label class="p-0 m-0" style="color: red; float-right"></label> <select name="fni-add-insurance-type" id="fni-add-insurance-type" class="form-control form-control-sm dd-add select2" style="width: 100%;"> <option></option> <?php $ins_type = $db->return_result("SELECT `id`, `name` FROM `finance_ins_business_type` WHERE status = 1 ORDER BY name ASC"); foreach($ins_type AS $data){ echo "<option value='{$data['id']}'>".$data['name']."</option>"; } ?> </select> </div> </div> </div> </div> <div class="row"> <div class="col-sm-6"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Sales Consultant</label><label class="p-0 m-0" style="color: red; float-right"></label> <input name="fni-add-sales-consultant" id="fni-add-sales-consultant" class="big-letter input-70 el-add form-control form-control-sm" placeholder=""> </div> </div> </div> <div class="col-sm-6"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Paid Amount</label><label class="p-0 m-0" style="color: red; float-right"></label> <input name="fni-add-paid-amount" id="fni-add-paid-amount" class="big-letter input-70 el-add form-control form-control-sm" placeholder=""> </div> </div> </div> </div> <div class="row"> <div class="col-sm-6"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Lock-in Year</label><label class="p-0 m-0" style="color: red; float-right"></label> <input name="fni-add-lock-in-year" id="fni-add-lock-in-year" class="big-letter input-70 el-add form-control form-control-sm" oninput="this.value=this.value.slice(0,this.maxLength)" maxlength="1" placeholder="" type="number"> </div> </div> </div> <div class="col-sm-6"> <div class="form-group my-0 mx-0"> <div class="form-group dropdown-input mb-1"> <label class="dropdown mx-0 my-0">Terms</label><label class="p-0 m-0" style="color: red; float-right"></label> <input name="fni-add-terms" id="fni-add-terms" class="big-letter input-70 el-add form-control form-control-sm" placeholder="" oninput="this.value=this.value.slice(0,this.maxLength)" type="number" maxlength="1"> </div> </div> </div> </div> <div class="row"> <div class="col-sm-6 mt-2"> <div class="icheck-primary form-group my-0 mx-0 d-inline pl-3"> <input type="checkbox" id="check-lock-in" class="el-add" checked> <label for="check-lock-in">Locked in</label> </div> </div> </div> </fieldset> </div> </div> </div><!--modal body--> <div class="modal-footer"> <button id="button-add-fni-details" class="btn btn-success btn-sm el-add">Add record</button> </div> </div><!--modal content--> </div> </div> </section> </div> <?php include('include/footer.php'); ?> <aside class="control-sidebar control-sidebar-dark"> </aside> </div><!-- ./wrapper --> <!-- jQuery --> <script src="/plugins/jquery/jquery.min.js"></script> <script src="/plugins/jquery-ui/jquery-ui.min.js"></script> <script> $.widget.bridge('uibutton', $.ui.button) </script> <!-- overlayScrollbars --> <script src="/plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></script> <!-- InputMask --> <script src="/plugins/moment/moment.min.js"></script> <script src="/plugins/inputmask/jquery.inputmask.min.js"></script> <!-- Bootstrap 4 --> <script src="/plugins/bootstrap/js/bootstrap.bundle.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> <!-- date-range-picker --> <script src="/plugins/daterangepicker/daterangepicker.js"></script> <!-- Navigation Highlight --> <script src="/dist/js/main.js"></script> <!-- Tempusdominus Bootstrap 4 --> <script src="/plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js"></script> <!-- Select2 --> <script src="/plugins/select2/js/select2.full.min.js"></script> <!-- Toastr --> <script src="/plugins/toastr/toastr.min.js"></script> <!-- SweetAlert2 --> <script src="/plugins/sweetalert2/sweetalert2.min.js"></script> <!-- Bootstrap Switch --> <script src="/plugins/bootstrap-switch/js/bootstrap-switch.min.js"></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-file--> <script> var add_mobile_required = '<?php echo $add_mobile_required; ?>'; var add_email_required = '<?php echo $add_email_required; ?>'; var add_policy_required = '<?php echo $add_policy_required; ?>'; <?php include('resources/views/common/scripts/finance/finance.js'); ?> </script> </body> </html>��views/lto/orcr_plate_update/list.php��0000644��00000156565�15025010632�0013673 0��ustar�00��<!DOCTYPE html> <html lang="en"> <head> <?php include_once(__DIR__ . '/../../common/meta.php'); ?> <title><?= $page_title ?></title> <?php include_once(__DIR__ . '/../../common/css.php'); ?> <link href="/plugins/bootstrap-table/css/bootstrap-table.min.css" rel="stylesheet"> <!-- daterange picker --> <link rel="stylesheet" href="/plugins/daterangepicker/daterangepicker.css"> <!-- Tempusdominus Bootstrap 4 --> <link rel="stylesheet" href="/plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css"> <!-- dropzonejs --> <link rel="stylesheet" href="/plugins/dropzone/min/dropzone.min.css"> <!-- Daterange picker --> <link rel="stylesheet" href="/plugins/daterangepicker/daterangepicker.css"> <style> </style> </head> <body class="hold-transition sidebar-mini text-sm layout-fixed"> <div class="wrapper"> <!-- INCLUDE HEADER --> <?php include_once('include/header.php'); ?> <?php include_once('include/sidebar.php'); ?> <div id="upper" class="content-wrapper"> <!-- START --> <section class="content"> <div class="container-fluid"> <div class="row"> <div class="col-md mt-3"> <div id="table" class="card card-primary"> <div class="card-header"> <h3 class="card-title"><?= $page_title ?></h3> </div> <div class="card"> <div class="card-body"> <!-- ./FILTER --> <div class="row mb-3"> <div class="col-sm-4"> <div class="row"> <button id="btn_add_orcr_plate" data-toggle="modal" data-target="#modal_orcr_plate" type="button" class="btn btn-success px-3 ml-2 btn-sm"><i class="fa fa-plus" aria-hidden="true"></i> <strong>Add</strong></button> <button id="btn_import_orcr_plate" data-toggle="modal" data-target="#modal_orcr_plate_import" type="button" class="btn btn-success px-3 ml-2 btn-sm"><i class="fa fa-upload" aria-hidden="true"></i> <strong>Import</strong></button> </div> </div> <div class="col-sm-8 "> <div class="row d-flex justify-content-end"> <div class="input-group" style="width: 300px;"> <!-- <div class="pt-1 mr-2"> <label>Total:  <span id="span_total">0</span></label> </div> --> <div class="input-group-append cursor"> <div class="input-group-text border form-control-sm"> <div class="tooltip-me" title="Filter by category"> <button type="button" class="btn btn-sm dropdown-toggle" data-toggle="dropdown"> <i class="fas fa-search"></i> <u>Search</u> </button> <ul class="dropdown-filter orcr-plate-filter dropdown-menu cursor"> </ul> </div> </div> </div> <input id="orcr_plate_search" type="search" class=" form-control form-control-sm" placeholder="Keywords..."> </div> <div class="tooltip-me ml-2" title="More filters"> <button type="button" class="btn dropdown-toggle btn-sm pl-0 pr-2" data-toggle="dropdown"> <i class="fas fa-filter"></i><u>More Filters</u> </button> <ul class="ticket-more-filter dropdown-menu white-bg" style="width:100px;"> <li class="dropdown-item cursor-pointer py-0 px-2 mb-2"> <label class=" mx-0 my-0 font-weight-normal">Date Added</label> <div class="form-group mb-0"> <div class="form-group dropdown-input mb-1"> <div id="filter-date-added" class="p-1 dropdown-filter" name="filter-date-added" style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc; width: 100%"> <i class="fa fa-calendar"></i>  <span></span> <!-- <i class="fa fa-angle-down mt-1 float-right"></i> --> </div> </div> <!--form-group dropdown--> </div> <!--form-group--> </li> <li class="dropdown-item cursor-pointer py-0 px-2 mb-2"> <label class=" mx-0 my-0 font-weight-normal">Registration Date</label> <div class="form-group mb-0"> <div class="form-group dropdown-input mb-1"> <div id="filter-received-date" class="p-1 dropdown-filter" name="filter-received-date" style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc; width: 100%"> <i class="fa fa-calendar"></i>  <span></span> <!-- <i class="fa fa-angle-down mt-1 float-right"></i> --> </div> </div> <!--form-group dropdown--> </div> <!--form-group--> </li> <li class=" dropdown-item cursor-pointer py-0 px-2 mb-2"> <label class=" mx-0 my-0 font-weight-normal">Company</label> <select name="company-filter" id="company-filter" class="form-control form-control-sm select2 dropdown-filter" style="width: 100%;"> </select> </li> <li class=" dropdown-item cursor-pointer py-0 px-2 mb-2"> <label class=" mx-0 my-0 font-weight-normal">Dealer</label> <select name="dealer-filter" id="dealer-filter" class="form-control form-control-sm select2 dropdown-filter" style="width: 100%;"> </select> </li> <li class=" dropdown-item cursor-pointer py-0 px-2 mb-2"> <label class=" mx-0 my-0 font-weight-normal">SMS Status</label> <select name="sms-status-filter" id="sms-status-filter" class="form-control form-control-sm select2 dropdown-filter" style="width: 100%;"> <option value="">All</option> <option value="Sent">Sent</option> <option value="Pending">Pending</option> <option value="Error">Error</option> </select> </li> <!-- <li class=" dropdown-item cursor-pointer py-0 px-2 mb-1"> <select name="model-filter" id="model-filter" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> </select> </li> --> </ul> </div> <button id="export_pdf" type="button" title="Download PDF" class="btn btn-secondary px-3 ml-2 btn-sm"><i class="fa fa-file-pdf"></i></button> <button id="export_excel" type="button" title="Download Excel" class=" btn btn-secondary px-3 ml-2 btn-sm"><i class="fa fa-file-excel"></i></button> </div> </div> </div> <div id="" class=""> <table id="tbl_lto_orcr_plate" data-search="false" data-custom-search="customSearch" data-buttons="buttonsFunction" data-url="" class="table table-bordered table-hover table-sm" data-page-size="15" data-page-list="[15, 30, 50, 100, all]" data-show-refresh="false" data-query-params="queryParams" data-pagination="true"> <thead> <tr> <th class="cursor" data-formatter="" data-sortable="true" data-field="date">Date Added</th> <th class="cursor" data-formatter="" data-field="company_dealer">Company & Dealer</th> <th class="cursor" data-formatter="" data-field="customer">Customer</th> <th class="cursor" data-formatter="" data-field="vehicle">Vehicle</th> <th class="cursor" data-formatter="" data-field="conduction_sticker">CS</th> <th class="cursor" data-formatter="" data-field="plate" data-visible="false" data-force-export="true">Plate</th> <th class="cursor" data-formatter="" data-field="mv_file" data-visible="false" data-force-export="true">MV File</th> <th class="cursor" data-formatter="" data-field="engine_number" data-visible="false" data-force-export="true">Engine Number</th> <th class="cursor" data-formatter="" data-field="chassis_number" data-visible="false" data-force-export="true">Chassis Number</th> <th class="cursor" data-formatter="" data-sortable="true" data-field="type">Type</th> <th class="cursor" data-formatter="" data-sortable="true" data-field="date_received">Registration Date</th> <th data-field="notes" data-visible="false" data-force-export="true">Notes</th> <th class="cursor" data-field="pickup_date">Pick up</th> <th class="cursor" data-formatter="" data-sortable="true" data-field="status">Status</th> </tr> </thead> <tbody> </tbody> </table> </div> <!-- </div> --> </div> </div> </div> <!--card-card-primary--> <!--row--> </div> <!--container-fluid--> </div> <!--container-fluid--> </div> <!--container-fluid--> </section> <!-- END --> <?php include_once __DIR__ . '/modals/orcr_plate.php'; include_once __DIR__ . '/modals/orcr_plate_import.php'; ?> </div> <?php include_once('include/footer.php'); ?> <aside class="control-sidebar control-sidebar-dark"></aside> </div><!-- ./wrapper --> <?php include_once(__DIR__ . '/../../common/script.php'); ?> <!-- daterangepicker --> <script src="/plugins/moment/moment.min.js"></script> <script src="/plugins/daterangepicker/daterangepicker.js"></script> <!-- InputMask --> <script src="/plugins/moment/moment.min.js"></script> <script src="/plugins/inputmask/jquery.inputmask.min.js"></script> <!-- Tempusdominus Bootstrap 4 --> <script src="/plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js"></script> <!-- Boostrap table --> <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> <!-- dropzonejs --> <script src="/plugins/dropzone/min/dropzone.min.js"></script> <!-- table export --> <script src="/dist/js/tableExport/tableExport.min.js"></script> <script src="/dist/js/tableExport/libs/js-xlsx/xlsx.core.min.js"></script> <script src="/dist/js/tableExport/libs/jsPDF/jspdf.umd.min.js"></script> <!-- generic script --> <script> $(function() { $('.modal-dialog').draggable({ handle: ".modal-header" }); }); </script> <script> function getCompanyDealers(company_id) { if (company_id == '') { $('#dealer-filter').html('<option value="" selected>All</option>'); // $('#dealer-filter').trigger('change'); return false; } $.ajax({ url: '/dealer/' + company_id, type: "GET", dataType: 'json', data: {}, beforeSend: function() { $('#dealer-filter').html('<option value="" selected>All</option>'); }, success: function(result) { $.each(result, function(i, n) { $('#dealer-filter').append('<option value="' + n.id + '">' + n.code + '</option>'); }); }, error: function(xhr, status, error) { toastr.remove(); toastr.error("Error has occurred..."); } }); } $(function() { $.ajax({ url: '/user/companies', type: "GET", dataType: 'json', data: {}, beforeSend: function() { $('#company-filter').append('<option value="" selected>All</option>'); }, success: function(result) { $.each(result, function(i, n) { $('#company-filter').append('<option value="' + n.id + '">' + n.code + '</option>'); }); }, error: function(xhr, status, error) { toastr.remove(); toastr.error("Error has occurred..."); } }); getCompanyDealers(''); $('#company-filter').on('change', function(e) { refreshOrcrPlateTable(); getCompanyDealers($(this).val()); }); $('#dealer-filter').on('change', function(e) { refreshOrcrPlateTable(); }); }) </script> <script> var selected_record_id = ''; $(function() { $('#tbl_lto_orcr_plate').on('click-cell.bs.table', function($el, field, value, row) { selected_record_id = row.vops_id; if (field != 'pickup_date') { $('#modal_orcr_plate').modal('show'); $('.resend-sms').show(); $('#chk_send_sms').prop('disabled', false); $('#modal_orcr_plate').on('hidden.bs.modal', function() { selected_record_id = ''; resetOrcrPlateForm(); $('#modal_orcr_plate').off('hidden.bs.modal'); $('.resend-sms').hide(); $('#chk_send_sms').prop('disabled', true); }); resetOrcrPlateForm(); selected_record_id = row.vops_id; // alert(selected_record_id) $('#txt_cs').val(row.conduction_sticker); $('#txt_mv').val(row.mv_file); $('#txt_received_date').val(moment(row.date_received).format('MM/DD/YYYY')); $('#txt_plate').val(row.plate); $('#txt_en').val(row.engine_number); $('#txt_cn').val(row.chassis_number); $('#txt_notes').val(row.notes); if (row.type == 'ORCR & Plate') { $('#chk_orcr').prop('checked', true).trigger('change'); $('#chk_plate').prop('checked', true).trigger('change'); } else if (row.type == 'ORCR') { $('#chk_plate').prop('checked', false).trigger('change'); $('#chk_orcr').prop('checked', true).trigger('change'); $('#txt_plate').val(''); } else if (row.type == 'Plate') { $('#chk_orcr').prop('checked', false).trigger('change'); $('#chk_plate').prop('checked', true).trigger('change'); $('#txt_mv').val(''); } } }); }) </script> <!-- Filters --> <script> var search_type_filter = []; function filterDateAdded(start, end) { if (moment().add(1, 'days').format('M/D/YYYY') == start.format('M/D/YYYY')) { $('#filter-date-added span').html("All"); } else { $('#filter-date-added span').html(start.format('M/D/YYYY') + ' to<br>' + end.format( 'M/D/YYYY')); } refreshOrcrPlateTable(); } function filterDateReceived(start, end) { if (moment().add(1, 'days').format('M/D/YYYY') == start.format('M/D/YYYY')) { $('#filter-received-date span').html("All"); } else { $('#filter-received-date span').html(start.format('M/D/YYYY') + ' to<br>' + end.format( 'M/D/YYYY')); } refreshOrcrPlateTable(); } function DoOnCellHtmlData(cell, row, col, data) { console.log(data) return data; // console.log(row) if ((col == '8' \|\| col == '10') && parseInt(row) > 0) { var spanObj = $(data); //Convert a string labeled <span title="val"> </span> to a jQuery object var spanObj2 = $(spanObj[0].innerHTML); var title = spanObj2.attr( "title"); //Read the value of title attribute in <span title="val"</span>. if (typeof(title) != 'undefined') { return title; } } else if ((col == '9') && parseInt(row) > 0) { var spanObj = $(data); //Convert a string labeled <span title="val"> </span> to a jQuery object // var title = spanObj2.attr( // "selected"); //Read the value of title attribute in <span title="val"</span>. // return $('#'+spanObj[0].id+ ' option:selected').text(); return spanObj[1].innerText; } else if ((col == '10') && parseInt(row) > 0) { // var spanObj = $(data); //Convert a string labeled <span title="val"> </span> to a jQuery object // // var title = spanObj2.attr( // // "selected"); //Read the value of title attribute in <span title="val"</span>. // // return $('#'+spanObj[0].id+ ' option:selected').text(); // return spanObj[1].innerText; console.log(data) } else { return data; } // console.log(col) // if(row == 0){ // return data; // } // //If the annotation column is more than 6 words, only the first 6 words will be displayed through the span tag processing. If the content is exported directly, it will lead to incomplete content. Therefore, the value of title attribute in the span tag with complete content should be replaced. // if(col == 4 \|\| col ==11 \|\| col == 7){ // var spanObj = $(data);//Convert a string labeled <span title="val"> </span> to a jQuery object // var title = spanObj.attr("title");//Read the value of title attribute in <span title="val"</span>. // //var span = cell[0].firstElementChild; // Read the first element under the first value in the cell array // if(typeof(title) != 'undefined'){ // return title; // } // } // return data; } $(function() { $('#export_excel').on('click', function(e) { var $table = $('#tbl_lto_orcr_plate'); $table.bootstrapTable('exportTable', { type: 'xlsx', escape: false, onCellHtmlData: DoOnCellHtmlData, // ignoreColumn: [9,10], addColumn: ["sdsa"], // fileName: moment().format('YYYY-M-D H:i:s'), fileName: "LTO ORCR PLATE " + moment().format('YYYY-M-D hmsA'), }); }); $('#export_pdf').on('click', function(e) { var $table = $('#tbl_lto_orcr_plate'); $table.bootstrapTable('exportTable', { type: 'pdf', escape: false, onCellHtmlData: DoOnCellHtmlData, // ignoreColumn: [9,10], fileName: "LTO ORCR PLATE " + moment().format('YYYY-M-D hmsA'), jspdf: { orientation: 'l', margins: { left: 10, right: 10, top: 40, bottom: 20 }, autotable: { startY: false, startX: 10, showHeader: 'firstPage', margin: { top: 10 }, bodyStyles: { valign: "top" }, theme: "striped", beforePageContent: function(data) { //console.log(data.settings.tableExport.doc);return; var doc = data.settings.tableExport.doc; // Internal jspdf instance console.log(doc.getFontList()); doc.setFontSize(12); doc.text("LTO ORCR & Plate", data.settings.margin.top - 30, 20); doc.setFont('helvetica', 'normal'); doc.setFontSize(10); doc.text(moment().format('MMMM DD, YYYY'), data.settings.margin.top - 30, 32); // var str = "Page " + doc.internal.getNumberOfPages() + ' - ' + export_filename; // doc.setFont('Times', 'normal'); // doc.setFontSize(10); // // jsPDF 1.4+ uses getWidth, <1.4 uses .width // var pageSize = doc.internal.pageSize; // var pageHeight = pageSize.height ? // pageSize.height : // pageSize.getHeight(); // doc.text(str, data.settings.margin.left, pageHeight - 10); }, styles: { overflow: 'linebreak', fontSize: 8, overflowColumns: 'linebreak' } } } }); }); var search_type_default = "Conduction Sticker"; var search_types = ["Customer", "Conduction Sticker", "Plate Number", "MV File", "Engine Number", "Chassis Number"]; $.each(search_types, function(i, n) { $('.orcr-plate-filter').append(`<li class="dropdown-item cursor-pointer py-0"><span class="text-sm">` + n + `</span></li>`); }); $(".orcr-plate-filter li").each(function() { if ($(this).text() == search_type_default) { $(this).removeClass("active").addClass("active"); var active_items_arr = []; active_items_arr.push(search_type_default) search_type_filter = JSON.stringify(active_items_arr); } $(this).on('click', function() { //remove all selected menu $('.orcr-plate-filter').find('li.active').map( function() { $(this).removeClass("active"); }); $(this).toggleClass("active"); var active_items = $('.orcr-plate-filter').find('li.active').map( function() { var item = {}; // item.id = this.value; item.status = $(this).text(); return item; }); var active_items_arr = []; $.each(active_items, function(i, n) { active_items_arr.push(n.status) }); search_type_filter = JSON.stringify(active_items_arr); refreshOrcrPlateTable(); }); }); $('#sms-status-filter').on('change', function(e) { refreshOrcrPlateTable(); }); $('#orcr_plate_search').on('keyup', delay(function(e) { refreshOrcrPlateTable(); }, 500)); var date_add_start = moment().add(1, 'days'); var date_add_end = moment().add(1, 'days'); $('#filter-date-added').daterangepicker({ startDate: date_add_start, endDate: date_add_end, maxDate: moment().add(1, 'days'), ranges: { 'All': [moment().add(1, 'days'), moment().add(1, 'days')], 'Today': [moment(), moment()], 'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')], 'Last 7 Days': [moment().subtract(6, 'days'), moment()], 'Last 30 Days': [moment().subtract(29, 'days'), moment()], 'This Month': [moment().startOf('month'), moment().endOf('month')], 'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')], 'This Year': [moment().startOf('year'), moment().endOf('year')], 'Last Year': [moment().subtract(1, 'year').startOf('year'), moment().subtract(1, 'year').endOf('year')] } }, filterDateAdded); filterDateAdded(date_add_start, date_add_end); var date_received_start = moment().add(1, 'days'); var date_received_end = moment().add(1, 'days'); $('#filter-received-date').daterangepicker({ startDate: date_received_start, endDate: date_received_end, maxDate: moment().add(1, 'days'), ranges: { 'All': [moment().add(1, 'days'), moment().add(1, 'days')], 'Today': [moment(), moment()], 'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')], 'Last 7 Days': [moment().subtract(6, 'days'), moment()], 'Last 30 Days': [moment().subtract(29, 'days'), moment()], 'This Month': [moment().startOf('month'), moment().endOf('month')], 'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')], 'This Year': [moment().startOf('year'), moment().endOf('year')], 'Last Year': [moment().subtract(1, 'year').startOf('year'), moment().subtract(1, 'year').endOf('year')] } }, filterDateReceived); filterDateReceived(date_received_start, date_received_end); }); </script> <script> // DROPZONE 2 START // Get the template HTML and remove it from the doumenthe template HTML and remove it from the doument var kbNode = document.querySelector("#kb_modal_template") kbNode.id = "" var kbTemplate = kbNode.parentNode.innerHTML kbNode.parentNode.removeChild(kbNode) var kbDropzone = new Dropzone("#modal_orcr_plate_import", { removedfile: function(file) { var _ref; return (_ref = file.previewElement) != null ? _ref.parentNode.removeChild(file.previewElement) : void 0; }, url: "/lto/orcr_plate/import", paramName: "file", maxFilesize: 1024, maxFiles: 1, autoProcessQueue: false, acceptedFiles: '.xls, .csv, .xlsx', init: function() { this.on('sending', function(file, xhr, formData) { var $element = $("[json-import]"); var json_data = generate_json_attr_key('json-import', $element); formData.append("import_fields", json_data); formData.append("dir", 'tmp'); formData.append("log_dir", 'import/orcr_plate/logs'); formData.append("csrf_token", $('#csrf_token').val()); }); }, thumbnailWidth: 50, thumbnailHeight: 50, parallelUploads: 20, previewTemplate: kbTemplate, autoQueue: false, // Make sure the files aren't queued until manually added previewsContainer: "#kb_modal_previews", // Define the container to display the previews clickable: ".kb-modal-button" // Define the element that should be used as click trigger to select files. }); function startUpload() { if (kbDropzone.getAcceptedFiles().length < 1) { toastr.remove(); toastr.error("Please select file to be import."); return false; } for (var i = 0; i < kbDropzone.getAcceptedFiles().length; i++) { kbDropzone.processFile(kbDropzone.getAcceptedFiles()[i]); } } kbDropzone.on('success', function(file, result) { try { // if (result.status) { if (kbDropzone.getQueuedFiles().length === 0 && kbDropzone.getUploadingFiles().length === 0) { importDone(result); } // } else { // toastr.remove(); // toast.error("Error uploading of file.") // } //TODO - } catch (e) { //TODO - console.log(e) } }); function importDone(result) { refreshOrcrPlateTable(); kbDropzone.removeAllFiles(true); if (result.status == "1") { $('#span_total_data').text(result.total); $('#span_inserted_data').text(result.inserted); $('#span_not_inserted_data').text(result.not_inserted); var a = document.getElementById('a_log_file'); //or grab it by tagname etc a.href = "/download/lto/orcr_plate/import_summary?file=" + result.gen_file + "&name=" + result.orig_file; $('#kb-file-dropzone-div').hide(); $('#error-report-div').hide(); $('#summary-report-div').show(); } else { $('#kb-file-dropzone-div').hide(); $('#error-report-div').show(); $('#summary-report-div').hide(); $('#span_msg_data').text(result.message); } } function generate_json_attr_key(attribute, $element) { var /* Create an object. / obj = {}, / Create a variable that references the current object (default → obj). / ref = obj; / Iterate over every input. / $element.each(function() { / Cache the id of the input. / var id = this.id; / Set the value of the input to the referred object. / var key = $(this).attr(attribute); // if (isEmpty($(this).val())) { // ref[key] = ''; // } else { ref[key] = $(this).val().trim(); }); / Stringify the object and return it. / return JSON.stringify(obj); } function getImportFields() { $.ajax({ url: '/lto/orcr_plate/import/fields', type: "GET", dataType: 'json', data: {}, beforeSend: function() {}, success: function(result) { // // console.log(result[1].field) $("#field_cs").val(result[11].field); $("#field_plate").val(result[12].field); $("#field_mv").val(result[13].field); $("#field_date").val(result[14].field); $("#field_note").val(result[15].field); $("#field_en").val(result[16].field); $("#field_cn").val(result[17].field); }, error: function(xhr, status, error) { toastr.remove(); toastr.error("Error has occurred..."); } }); } $(function() { getImportFields(); $('#btn_summary_back,#btn_error_summary_back').on('click', function(evt) { $('#summary-report-div').hide(); $('#error-report-div').hide(); $('#kb-file-dropzone-div').show(); }); $('#OrcrPlateImportForm').validate({ rules: { field_cs: { required: true, }, field_plate: { required: true, }, field_mv: { required: true, }, field_date: { required: true, }, field_note: { required: true, }, }, messages: {}, errorElement: 'span', errorPlacement: function(error, element) { error.addClass('invalid-feedback'); element.closest('.form-group').append(error); }, highlight: function(element, errorClass, validClass) { $(element).addClass('is-invalid'); }, unhighlight: function(element, errorClass, validClass) { $(element).removeClass('is-invalid'); }, submitHandler: function(e) { startUpload(); // var $form = $('#OrcrPlateImportForm')[0]; // var formData = new FormData($form); // // $.ajax({ // // url: "/lto/orcr_plate/create", // // data: formData, // // type: "POST", // // dataType: 'json', // // contentType: false, // NEEDED, DON'T OMIT THIS (requires jQuery 1.6+) // // processData: false, // NEEDED, DON'T OMIT THIS // // beforeSend: function() { // // toastr.remove(); // // toastr.info("Saving data."); // // $('#btn_save_orcr_plate').prop( // // 'disabled', true); // // }, // // success: function(result) { // // if (parseInt(result.status) === 1) { // // toastr.remove(); // // toastr.success("Data successfully saved."); // // orcr_plate_add_anyway = 0; // // refreshOrcrPlateTable(); // // resetOrcrPlateForm(); // // $('#modal_orcr_plate').modal('hide'); // // } else if (parseInt(result.status) === 2) { // // //sweetalert // // // toastr.remove(); // // // toastr.error("This data recently added."); // // Swal.fire({ // // icon: 'question', // // html: 'This data is already added, click confirm to add anyway.', // // showDenyButton: false, // // showCancelButton: true, // // confirmButtonText: `Confirm`, // // denyButtonText: `Don't Confirm`, // // showClass: { // // backdrop: "swal2-noanimation", // disable backdrop animation // // popup: "", // disable popup animation // // icon: "", // disable icon animation // // }, // // hideClass: { // // popup: "", // disable popup fade-out animation // // }, // // }).then((result) => { // // if (result.isConfirmed) { // // orcr_plate_add_anyway = 1; // // $("#OrcrPlateForm").submit(); // // } else if (result.isDenied) { // // // Swal.fire('', 'Changes are not saved', 'info') // // } // // }) // // } else { // // toastr.remove(); // // toastr.error(result.message); // // } // // $('#btn_save_orcr_plate').prop( // // 'disabled', false); // // }, // // error: function() { // // toastr.remove(); // // toastr.error("Error has occurred. Try again.") // // $('#btn_save_orcr_plate').prop( // // 'disabled', false); // // } // // }); } }); }); </script> <!-- Add Modal + List --> <script> var orcr_plate_add_anyway = 0; function refreshOrcrPlateTable() { var $table = $('#tbl_lto_orcr_plate'); $(function() { try { $table.bootstrapTable('refresh', { url: '/lto/orcr_plate/list' }); } catch (e) { console.log('reply from viewer. error: ' + e) } }) } function actionPickupEvt() { $('[data-action-pickup]').each(function() { $(this).on('click', function() { Swal.fire({ title: "Pickup confirmation.", text: "", icon: "warning", showCancelButton: true, confirmButtonColor: "#3085d6", cancelButtonColor: "#d33", confirmButtonText: "Yes", showClass: { backdrop: "swal2-noanimation", // disable backdrop animation popup: "", // disable popup animation icon: "", // disable icon animation }, hideClass: { popup: "", // disable popup fade-out animation }, }).then((result) => { if (result.isConfirmed) { $.ajax({ url: "/lto/orcr_plate/pickup", data: { // id: myList.row(row).data().player_id, id: selected_record_id, csrf_token: $("meta[name='csrf-token']").attr("content"), }, type: "POST", dataType: "json", beforeSend: function() { // toast("info", "Updating..."); toastr.remove(); toastr.info("Updating..."); }, success: function(result) { selected_record_id = ''; if (parseInt(result.status) === 1) { toastr.remove(); toastr.success(result.message); // myList.draw(false); refreshOrcrPlateTable(); } else { toastr.remove(); toastr.error(result.message); } }, error: function() { selected_record_id = ''; toastr.remove(); toastr.error("Error has occurred. Try again."); }, }); } }); }) }) } function initOrcrPlateTable() { var $table = $('#tbl_lto_orcr_plate'); $table.bootstrapTable('destroy').bootstrapTable({ sidePagination: 'server', formatSearch: function() { return 'Search...' }, onLoadSuccess: function() { $('#span_total').text("12"); actionPickupEvt(); }, // showExport: true, // exportOptions: { // fileName: function() { // return "LTO ORCR PLATE " + moment().format('YYYY-M-D h-m-s A') // } // } }); } function queryParams(params) { //dates filter var date_tom = moment().add(1, 'days').format('YYYY-MM-DD'); var start_date_add = $('#filter-date-added').data('daterangepicker').startDate.format("YYYY-MM-DD"); start_date_add = start_date_add == date_tom ? "" : start_date_add; var end_date_add = $('#filter-date-added').data('daterangepicker').endDate.format("YYYY-MM-DD"); var start_date_receive = $('#filter-received-date').data('daterangepicker').startDate.format("YYYY-MM-DD"); start_date_receive = start_date_receive == date_tom ? "" : start_date_receive; var end_date_receive = $('#filter-received-date').data('daterangepicker').endDate.format("YYYY-MM-DD"); return { search: $('#orcr_plate_search').val(), search_type: search_type_filter, offset: params.offset, limit: params.limit, sort: params.sort, order: params.order, start_date_add: start_date_add, end_date_add: end_date_add, start_date_receive: start_date_receive, end_date_receive: end_date_receive, sms_status: $('#sms-status-filter').val(), company_id: $('#company-filter').val(), dealer_id: $('#dealer-filter').val(), }; } function resetOrcrPlateForm() { // $("#OrcrPlateForm").reset(); $('#OrcrPlateForm').trigger("reset") $('#chk_orcr').prop('checked', true).trigger('change'); $('#chk_plate').prop('checked', false).trigger('change'); } $(function() { $('#div_received_date').datetimepicker({ format: 'L', maxDate: 'now' }); $('[data-mask]').inputmask() initOrcrPlateTable(); refreshOrcrPlateTable(); $("#chk_send_sms").on("change", function() { if ($(this).prop('checked') == true) { $(this).val('1'); } else { $(this).val('0'); } }); $("#chk_orcr").on("change", function() { if ($(this).prop('checked') == true) { $(this).val('1'); $('#txt_or,#txt_cr,#txt_mv').prop('disabled', false); } else { $(this).val('0'); $('#txt_or,#txt_cr,#txt_mv').prop('disabled', true); } }); $("#chk_plate").on("change", function() { if ($(this).prop('checked') == true) { $(this).val('1'); $('#txt_plate').prop('disabled', false); } else { $(this).val('0'); $('#txt_plate').prop('disabled', true); } }); $('#OrcrPlateForm').validate({ rules: { txt_plate: { required: true, }, txt_cs: { required: true, }, txt_mv: { required: true, }, txt_received_date: { required: true, }, }, messages: {}, errorElement: 'span', errorPlacement: function(error, element) { error.addClass('invalid-feedback'); element.closest('.form-group').append(error); }, highlight: function(element, errorClass, validClass) { $(element).addClass('is-invalid'); }, unhighlight: function(element, errorClass, validClass) { $(element).removeClass('is-invalid'); }, submitHandler: function() { // check has selected type if (!$('#chk_plate').prop('checked') && !$('#chk_orcr').prop('checked')) { toastr.remove(); toastr.error("Select update type"); return false; } var $form = $('#OrcrPlateForm')[0]; var formData = new FormData($form); formData.append('add_anyway', orcr_plate_add_anyway); formData.append('record_id', selected_record_id); $.ajax({ url: "/lto/orcr_plate/create", data: formData, type: "POST", dataType: 'json', contentType: false, // NEEDED, DON'T OMIT THIS (requires jQuery 1.6+) processData: false, // NEEDED, DON'T OMIT THIS beforeSend: function() { toastr.remove(); toastr.info("Saving data."); $('#btn_save_orcr_plate').prop( 'disabled', true); }, success: function(result) { if (parseInt(result.status) === 1) { toastr.remove(); toastr.success("Data successfully saved."); orcr_plate_add_anyway = 0; refreshOrcrPlateTable(); resetOrcrPlateForm(); $('#modal_orcr_plate').modal('hide'); } else if (parseInt(result.status) === 2) { //sweetalert // toastr.remove(); // toastr.error("This data recently added."); Swal.fire({ icon: 'question', html: 'This data is already added, click confirm to add anyway.', showDenyButton: false, showCancelButton: true, confirmButtonText: `Confirm`, denyButtonText: `Don't Confirm`, showClass: { backdrop: "swal2-noanimation", // disable backdrop animation popup: "", // disable popup animation icon: "", // disable icon animation }, hideClass: { popup: "", // disable popup fade-out animation }, }).then((result) => { if (result.isConfirmed) { orcr_plate_add_anyway = 1; $("#OrcrPlateForm").submit(); } else if (result.isDenied) { // Swal.fire('', 'Changes are not saved', 'info') } }) } else { toastr.remove(); toastr.error(result.message); } $('#btn_save_orcr_plate').prop( 'disabled', false); }, error: function() { toastr.remove(); toastr.error("Error has occurred. Try again.") $('#btn_save_orcr_plate').prop( 'disabled', false); } }); } }); }); </script> </body> </html>��views/lto/orcr_plate_update/modals/orcr_plate_import.php��0000644��00000030676�15025010632�0017715 0��ustar�00��<!-- Modal --> <div class="modal fade" id="modal_orcr_plate_import"> <div class="modal-dialog modal-lg modal-dialog-centered"> <div class="modal-content"> <form id="OrcrPlateImportForm"> <!-- <input type="hidden" name="csrf_token" id="csrf_token" value="<?= csrf_token(); ?>"> --> <div class="modal-header bg-light py-1"> <span class="modal-title text-md font-weight-bold" id="car_club_import_modal_title">Import OR/CR & Plate Update</span> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div class="col-12"> <div class="card collapsed-card mb-2"> <div class="card-header bg-light pl-2 pt-1 pb-1"> <h3 class="card-title text-md pt-1">EXCEL HEADER FIELDS</h3> <div class="card-tools"> <button type="button" class="btn btn-tool role-toggle" data-card-widget="collapse"> <i class="fas fa-plus"></i> </button> </div> </div> <!-- /.card-header pl-2 pt-1 pb-1 --> <div class="card-body p-0"> <!-- <fieldset class="card"> --> <!-- <legend>HEADER FIELD NAMES</legend> --> <div class="row"> <div class="col-sm-6 mt-2 mb-2"> <div class="col-sm-12"> <div class="mb-2 form-group"> <label class="lbl-forms mx-0 my-0">Conduction Sticker</label> <input json-import="11" id="field_cs" name="field_cs" type="text" class="uppercase form-control form-control-sm" readonly> </div> </div> <div class="col-sm-12"> <div class="mb-2 form-group"> <label class="lbl-forms mx-0 my-0">Plate Number</label> <span class="text-muted font-italic"></span> <input json-import="12" id="field_plate" name="field_plate" type="text" class="uppercase form-control form-control-sm" readonly> </div> </div> <div class="col-sm-12"> <div class="mb-2 form-group"> <label class="lbl-forms mx-0 my-0">MV File</label> <span class="text-muted font-italic"></span> <input json-import="13" id="field_mv" name="field_mv" type="text" class="uppercase form-control form-control-sm" readonly> </div> </div> <div class="col-sm-12"> <div class="mb-2 form-group"> <label class="lbl-forms mx-0 my-0">Registration Date</label> <input json-import="14" id="field_date" name="field_date" type="text" class="uppercase form-control form-control-sm" readonly> </div> </div> </div> <div class="col-sm-6 mt-2 mb-2"> <div class="col-sm-12"> <div class="mb-2 form-group"> <label class="lbl-forms mx-0 my-0">Engine Number</label> <input json-import="16" id="field_en" name="field_en" type="text" class="uppercase form-control form-control-sm" readonly> </div> </div> <div class="col-sm-12"> <div class="mb-2 form-group"> <label class="lbl-forms mx-0 my-0">Chassis Number</label> <input json-import="17" id="field_cn" name="field_cn" type="text" class="uppercase form-control form-control-sm" readonly> </div> </div> <div class="col-sm-12"> <div class="mb-2 form-group"> <label class="lbl-forms mx-0 my-0">Notes / Remarks</label> <!-- <span style="color:red;"><strong></strong></span> --> <input json-import="15" id="field_note" type="text" class="uppercase form-control form-control-sm" readonly> </div> </div> </div> </div> </div> <!-- /.card-body --> </div> <div class="col-12 " id="error-report-div" style="display:none;"> <div class="form-group row mb-0"> <label for="" class="col-sm-12 pb-0 pt-0 col-form-label font-weight-bold text-danger">Error: <span class="text-dark" id="span_msg_data"></span> </label> </div> <div id="" class="row mt-1"> <div class="col-sm-2 mt-1"> <div class="btn-group w-100"> <span id="btn_error_summary_back" class="btn btn-secondary col btn-xs"> <i class="fas fa-arrow-left"></i> <span>Back</span> </span> </div> </div> </div> </div> <div class="col-12 " id="summary-report-div" style="display:none;"> <div class="form-group row mb-0"> <label for="" class="col-sm-12 pb-0 pt-0 col-form-label font-weight-bold">Total Data: <span id="span_total_data"></span> </label> </div> <div class="form-group row mb-0"> <label for="" class="col-sm-12 pb-0 pt-0 col-form-label font-weight-bold">Inserted Data: <span id="span_inserted_data"></span></label> </div> <div class="form-group row mb-0"> <label for="" class="col-sm-12 pb-0 pt-0 col-form-label font-weight-bold">Not Inserted Data: <span id="span_not_inserted_data"></span> </label> </div> <div id="" class="row mt-1"> <div class="col-sm-3 mt-1"> <a href="" id="a_log_file"> <div class="btn-group w-100"> <span class="btn btn-primary col btn-xs "> <i class="fas fa-download"></i> <span>Download Summary</span> </span> </div> </a> </div> <div class="col-sm-2 mt-1"> <div class="btn-group w-100"> <span id="btn_summary_back" class="btn btn-secondary col btn-xs"> <i class="fas fa-arrow-left"></i> <span>Back</span> </span> </div> </div> </div> </div> <div class="col-12" id="kb-file-dropzone-div"> <div class="form-group row mb-1"> <label for="" class="col-sm-12 pb-0 pt-1 col-form-label font-weight-bold">Spreadsheet file:</label> </div> <div class="card-body p-0"> <div id="ticket_actions" class="row"> <div class="col-lg-3"> <div class="btn-group w-100"> <span class="btn btn-success col btn-xs kb-modal-button"> <i class="fas fa-plus"></i> <span>Browse/Drag File</span> </span> </div> </div> </div> <div class="table table-striped files" id="kb_modal_previews"> <div id="kb_modal_template" class="row mt-2"> <div class="col-auto p-0"> <span class="preview"><img src="data:," alt="" data-dz-thumbnail /></span> </div> <div class="col d-flex align-items-center word-wrap"> <p class="mb-0"> <span class="lead text-md" data-dz-name></span> (<span data-dz-size></span>) </p> <strong class="error text-danger" data-dz-errormessage></strong> </div> <div class="col-6 d-flex align-items-center"> <div class="progress progress-striped active w-100 my-2" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0"> <div class="progress-bar progress-bar-success" style="width:0%;" data-dz-uploadprogress></div> </div> </div> <div class="col-auto d-flex align-items-center"> <div class="btn-group"> <button data-dz-remove class="btn btn-sm btn-danger delete"> <i class="fas fa-trash"></i> <span>Remove</span> </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class="modal-footer justify-content-between py-1 px-3"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <button id="btn_import" type="submit" class="btn btn-primary">Save</button> </div> </form> </div> </div> </div>��views/lto/orcr_plate_update/modals/orcr_plate.php��0000644��00000027604�15025010632�0016320 0��ustar�00��<div class="modal fade" id="modal_orcr_plate"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="overlay modal_orcr_plate_overlay" style="display:none;"> <i class="fas fa-2x fa-sync fa-spin"></i> </div> <form id="OrcrPlateForm"> <input type="hidden" name="csrf_token" id="csrf_token" value="<?= csrf_token(); ?>"> <div class="modal-header bg-light py-1"> <span class="modal-title text-md font-weight-bold" id="car_club_import_modal_title">Create OR/CR & Plate Update</span> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div class="col-sm-12"> <!-- <label class=" mx-0 my-0 font-weight-normal">Update Type<span></span></label> <span style="color:red;"><strong></strong></span> --> <div class="form-group mb-1"> <div class="row"> <div class="col-sm-6"> <div class="custom-control custom-checkbox"> <input class="custom-control-input " type="checkbox" id="chk_orcr" name="chk_orcr" value="1" checked> <label for="chk_orcr" class="custom-control-label font-weight-normal">OR/CR</label> </div> </div> <div class="col-sm-6"> <div class="custom-control custom-checkbox"> <input class="custom-control-input" type="checkbox" id="chk_plate" name="chk_plate" value="0"> <label for="chk_plate" class="custom-control-label font-weight-normal">Plate</label> </div> </div> </div> </div> </div> <hr class="mt-1 mb-2"> <div class="row"> <div class="col-sm-6"> <div class="form-group mb-2"> <label class=" mx-0 my-0 font-weight-normal">Conduction Sticker</label> <span style="color:red;"><strong></strong></span> <input id="txt_cs" name="txt_cs" type="text" class=" uppercase form-control form-control-sm"> </div> </div> <div class="col-sm-6"> <div class="mb-1 form-group dropdown-input"> <label class=" mx-0 my-0 font-weight-normal ">Registration Date </label> <div class=" input-group date" id="div_received_date" data-target-input="nearest"> <input name="txt_received_date" json-modal="true" id="txt_received_date" data-inputmask-alias="datetime" data-inputmask-inputformat="mm/dd/yyyy" data-mask type="text" class="form-control form-control-sm datetimepicker-input" data-target="#div_received_date" /> <div class=" input-group-append" data-target="#div_received_date" data-toggle="datetimepicker"> <div class="input-group-text"><i class="fa fa-calendar"></i></div> </div> </div> </div> </div> <div class="col-sm-6"> <div class=" form-group mb-2"> <label class=" mx-0 my-0 font-weight-normal">Plate no. <span class="text-muted text-sm font-italic" hidden>(Optional)</span></label> <!-- <span style="color:red;"><strong></strong></span> --> <input id="txt_plate" name="txt_plate" type="text" class=" uppercase form-control form-control-sm" disabled> </div> </div> <div class="col-sm-6"> <div class="form-group mb-2"> <label class=" mx-0 my-0 font-weight-normal">MV File <span class="text-muted text-sm font-italic" hidden>(Optional)</span></label> <!-- <span style="color:red;"><strong></strong></span> --> <input id="txt_mv" name="txt_mv" type="text" class=" uppercase form-control form-control-sm"> </div> </div> <div class="col-sm-6"> <div class="form-group mb-2"> <label class=" mx-0 my-0 font-weight-normal">Engine Number <span class="text-muted text-sm font-italic" hidden>(Optional)</span></label> <!-- <span style="color:red;"><strong></strong></span> --> <input id="txt_en" name="txt_en" type="text" class=" uppercase form-control form-control-sm"> </div> </div> <div class="col-sm-6"> <div class="form-group mb-2"> <label class=" mx-0 my-0 font-weight-normal">Chassis Number <span class="text-muted text-sm font-italic" hidden>(Optional)</span></label> <!-- <span style="color:red;"><strong></strong></span> --> <input id="txt_cn" name="txt_cn" type="text" class=" uppercase form-control form-control-sm"> </div> </div> <div class="col-sm-6" hidden> <div class=" form-group mb-2"> <label class=" mx-0 my-0 font-weight-normal">Official Receipt <span class="text-muted text-sm font-italic">(Optional)</span></label> <!-- <span style="color:red;"><strong></strong></span> --> <input id="txt_or" name="txt_or" type="text" class=" form-control form-control-sm"> </div> </div> <div class="col-sm-6" hidden> <div class="form-group mb-2"> <label class=" mx-0 my-0 font-weight-normal">Certificate of Registration <span class="text-muted text-sm font-italic">(Optional)</span></label> <!-- <span style="color:red;"><strong></strong></span> --> <input id="txt_cr" name="txt_cr" type="text" class=" form-control form-control-sm"> </div> </div> <div class="col-sm-12"> <div class="form-group mb-2"> <label class=" mx-0 my-0 font-weight-normal">Notes / Remarks <span class="text-muted text-sm font-italic" hidden>(Optional)</span></label> <textarea class="form-control" rows="3" placeholder="" id="txt_notes" name="txt_notes"></textarea> </div> </div> <!-- <div class="col-sm-6"> <div class="row mb-2"> <div class="col-sm-8"> <div class="mb-1 form-group"> <label class=" mx-0 my-0 font-weight-normal">Official Receipt <span class="text-muted text-sm font-italic">(Optional)</span></label> <input id="txt_or" type="text" maxlength="30" class=" form-control form-control-sm"> </div> </div> <div class="col-sm-4"> <div class="mb-1 form-group dropdown-input"> <label class=" mx-0 my-0 font-weight-normal text-muted">OR Date </label> <div class="edit-customer input-group date" id="mod-birth-date" data-target-input="nearest"> <input name="mod-birthdate" json-modal="true" id="mod-birthdate" data-inputmask-alias="datetime" data-inputmask-inputformat="mm/dd/yyyy" data-mask type="text" class="form-control form-control-sm datetimepicker-input" data-target="#mod-birth-date" /> <div class="edit-customer input-group-append" data-target="#mod-birth-date" data-toggle="datetimepicker"> <div class="input-group-text"><i class="fa fa-calendar"></i></div> </div> </div> </div> </div> </div> </div> <div class="col-sm-6"> <div class="row mb-2"> <div class="col-sm-8"> <div class="mb-1 form-group"> <label class=" mx-0 my-0 font-weight-normal">Certificate of Registration <span class="text-muted text-sm font-italic">(Optional)</span></label> <input id="txt_cr" type="text" maxlength="30" class=" form-control form-control-sm"> </div> </div> <div class="col-sm-4"> <div class="mb-1 form-group dropdown-input"> <label class=" mx-0 my-0 font-weight-normal text-muted">CR Date </label> <div class="edit-customer input-group date" id="mod-birth-date" data-target-input="nearest"> <input name="mod-birthdate" json-modal="true" id="mod-birthdate" data-inputmask-alias="datetime" data-inputmask-inputformat="mm/dd/yyyy" data-mask type="text" class="form-control form-control-sm datetimepicker-input" data-target="#mod-birth-date" /> <div class="edit-customer input-group-append" data-target="#mod-birth-date" data-toggle="datetimepicker"> <div class="input-group-text"><i class="fa fa-calendar"></i></div> </div> </div> </div> </div> </div> </div> --> </div> </div> <div class="modal-footer justify-content-between py-1 px-3"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <div class="custom-control custom-checkbox ml-auto resend-sms" style="display:none;"> <input class="custom-control-input " type="checkbox" id="chk_send_sms" name="chk_send_sms" value="0" disabled> <label for="chk_send_sms" class="custom-control-label font-weight-normal">Send SMS Update</label> </div> <button id="btn_save_orcr_plate" type="submit" class="btn btn-primary">Save</button> </div> </form> </div> <!-- /.modal-content --> </div> <!-- /.modal-dialog --> </div> <!-- /.modal -->��views/leads.php��0000644��00000014063�15025042104�0007477 0��ustar�00��<!-- MAP & BOX PANE --> <div class="card menu-item " id="menu_leadfile"> <div class="card-header bg-secondary pl-2 pt-1 pb-1"> <h3 class="card-title"><span id="leads_owner_name" ></span></h3> <div class="card-tools"> <button type="button" class="btn btn-tool tooltip-me" title="Back" id="lead_back"> <i class="fas fa-arrow-left"></i> </button> <button type="button" class="btn btn-tool tooltip-me" title="Toggle Window" data-card-widget="collapse"> <i class="fas fa-minus"></i> </button> <button type="button" class="btn btn-tool tooltip-me" title="Remove" data-card-widget="remove"> <i class="fas fa-times"></i> </button> </div> </div> <!-- /.card-header --> <div class="card-body p-2"> <div class="row mt-1 mb-1"> <div class="col-md-6"> </div> <div class="col-md-6"> <i class="float-right cursor-pointer tooltip-me pt-2 pl-1 fas fa-question-circle text-primary " title="Search name,mobile or email." ></i> <div class="input-group float-right search-transition default-search-size" id="lead-search-div"> <div class="input-group-prepend"> <span class="input-group-text pr-2 pl-2"><i class="fas fa-search"></i></span> </div> <input type="search" id="lead-search" class="form-control form-control-sm pr-0" placeholder="Search..."> </div> </div> </div> <div class="card-header bg-light pl-2 pt-1 pb-1 rounded-0 border"> <!-- <h3 class="card-title">Add Company</h3> --> <!-- <div class="row pl-2"> <span class="mr-4 cursor-pointer" id="lead_add_lead"><u><i class="fas fa-plus"></i> Add Lead</u></span> <span class="mr-4 cursor-pointer"><u><i class="fas fa-print"></i> Print</u></span> <span class="mr-4 cursor-pointer"><u><i class="fas fa-file-export"></i> Export</u></span> <span class="mr-4 cursor-pointer"><u><i class="fas fa-file-export"></i> Filter</u></span> </div> --> <nav class="navbar navbar-expand p-0"> <ul class="navbar-nav"> <li class="nav-item d-none d-sm-inline-block"> <span class="mr-4 cursor-pointer" id="lead_add_lead"><u><i class="fas fa-plus"></i> Add Lead</u></span> </li> <li class="nav-item d-none d-sm-inline-block"> <span class="mr-4 cursor-pointer"><u><i class="fas fa-print"></i> Print</u></span> </li> <li class="nav-item d-none d-sm-inline-block"> <span class="mr-4 cursor-pointer"><u><i class="fas fa-file-export"></i> Export</u></span> </li> </ul> <ul class="navbar-nav ml-auto"> <li class="nav-item d-none d-sm-inline-block "> <div class="input-group input-group-lg"> <div class="input-group-prepend"> <button type="button" class="btn dropdown-toggle pr-2" data-toggle="dropdown"> <i class="fas fa-filter"></i><u>Filter</u> </button> <ul class="lead-list-filter dropdown-menu"> <li class="dropdown-item cursor-pointer">Active Leads</li> <li class="dropdown-item cursor-pointer">Inactive Leads</li> <li class="dropdown-item cursor-pointer">Cold</li> <li class="dropdown-item cursor-pointer">Warm</li> <li class="dropdown-item cursor-pointer">Hot</li> <li class="dropdown-item cursor-pointer">Company Leads</li> <li class="dropdown-item cursor-pointer">Person Leads</li> <!-- <li class="dropdown-divider"></li> --> <li class="dropdown-item cursor-pointer">Not Interested</li> </ul> </div> </div> </li> <li class="nav-item d-none d-sm-inline-block" style="width:80px;"> <u><span class="text-nowrap" id="selected_filter"></span></u> </li> </ul> </nav> </div> <!-- <span class="mr-4 cursor-pointer dropdown-toggle" data-toggle="dropdown"><u><i class="fas fa-filter"></i> Filter:</u></span> --> <table id="table_leadfile" data-search="false" data-show-refresh="false" data-show-header="false" class="table table-bordered table-hover table-sm small" data-show-export="false" data-page-size="15" data-page-list="[15, 30, 50, 100, all]" data-query-params="leadfileQueryParams" data-pagination="true"> <thead> <tr> <th data-field="inquiry_id" data-width="50" class="text-center"> ID</th> <th data-field="name" data-formatter="leadNameFormatter" > Name </th> <th data-field="type" data-width="60"> Status </th> <th data-field="progress"> Activity </th> <th class="text-center" data-formatter="leadActionFormatter" data-width="50" data-field="action"> Action </th> </tr> </thead> </table> </div> <!-- /.card-body --> </div> <!-- /.card -->��views/preloader.php��0000644��00000000325�15025042104�0010360 0��ustar�00�� <!-- Preloader --> <div class="preloader flex-column justify-content-center align-items-center"> <img class="animation__wobble" src="dist/img/AGC_TRANSPARENT.png" alt="logo" height="90" width="90"> </div>��views/config.php��0000644��00000007267�15025042104�0007664 0��ustar�00��<!-- MAP & BOX PANE --> <div class="card menu-item " id="menu_masterfile"> <div class="card-header bg-secondary pl-2 pt-1 pb-1"> <h3 class="card-title">Configurations</h3> <div class="card-tools"> <button type="button" class="btn btn-tool" data-card-widget="collapse"> <i class="fas fa-minus"></i> </button> <button type="button" class="btn btn-tool" data-card-widget="remove"> <i class="fas fa-times"></i> </button> </div> </div> <!-- /.card-header --> <div class="card-body p-0"> <ul class="products-list product-list-in-card pl-2 pr-2"> <li class="item p-1 cursor-pointer" id="config_system"> <div class=""> <a href="javascript:void(0)" class="product-title">System </a> <span class="product-description"> Modify system settings </span> </div> </li> <li class="item p-1 cursor-pointer" id="config_user_roles"> <div class=""> <a href="javascript:void(0)" class="product-title">User Roles </a> <span class="product-description"> Manage user access and privileges </span> </div> </li> <!-- /.item --> <li class="item p-1 cursor-pointer" id="config_sms"> <div class=""> <a href="javascript:void(0)" class="product-title">SMS Configuration </a> <span class="product-description"> Set SMS API </span> </div> </li> <!-- /.item --> <li class="item p-1 cursor-pointer" hidden> <div class=""> <a href="javascript:void(0)" class="product-title"> Config 3 </a> <span class="product-description"> Lorem ipsum dolor amet. </span> </div> </li> <!-- /.item --> <li class="item p-1 cursor-pointer" hidden> <div class=""> <a href="javascript:void(0)" class="product-title">Config 4 </a> <span class="product-description"> Lorem ipsum dolor amet. </span> </div> </li> <!-- /.item --> </ul> </div> <!-- /.card-body --> </div> <!-- /.card --> ��views/common/footer.php��0000644��00000000414�15025042104�0011170 0��ustar�00�� <!-- Main Footer --> <footer class="main-footer"> <strong>Copyright © 2021 <a href="#">AutoHub Group</a>.</strong> All rights reserved. <!-- <div class="float-right d-none d-sm-inline-block"> <b>Version</b> 3.1.0 </div> --> </footer>��views/common/scripts/signup.js��0000644��00000013331�15025042104�0012515 0��ustar�00��var init_signup = function() { init_toastr(); return $.ajax({ url: "resources/views/signup.php", data: {}, type: "POST", beforeSend: function() { show_hide_preloader(true); }, success: function(data) { document.title = 'Sign up'; side_menu_loaded = false; $('#header_content').html(''); $('#main_content').html(data); $("#dealer").select2({ // tags:true, // multiple: true, placeholder: "Select dealer", allowClear: true, escapeMarkup: function(markup) { return markup; }, ajax: { url: 'app/models/dealer.php', dataType: 'json', delay: 250, data: function(data) { return { model: 'dealer_list', api: true, search: data.term // search term }; }, processResults: function(response) { return { results: response }; }, cache: true } }); $("#position").select2({ // tags:true, // multiple: true, placeholder: "Select position", allowClear: true, escapeMarkup: function(markup) { return markup; }, ajax: { url: 'app/models/position.php', dataType: 'json', delay: 250, data: function(data) { return { model: 'position_list', api: true, search: data.term // search term }; }, processResults: function(response) { return { results: response }; }, cache: true } }); $('#id_no').on('keyup',function() { str = $(this).val().trim() str = str.replace(/\s/g, '') $(this).val(str) }); $('#login_account').on('click', function() { init_signin(); }); $('#btn_signup').on('click', function() { if (check_if_empty_field($('#dealer'), 'Dealer is required.')) { return; } if (check_if_empty_field($('#id_no'), 'ID number is required.')) { return; } if (check_if_empty_field($('#firstname'), 'Firstname is required.')) { return; } if (check_if_empty_field($('#lastname'), 'Lastname is required.')) { return; } if (check_if_empty_field($('#email'), 'Email address is required.')) { return; } if (!isValidEmailAddress($('#email').val().trim())) { $('#email').focus(); toastr.remove(); toastr.error('Invalid email address.'); return; } if (check_if_empty_field($('#mobile'), 'Mobile is required.')) { return; } if ($('#mobile').val().trim().length < 10) { $('#mobile').focus(); toastr.remove(); toastr.error('Invalid mobile format.'); return; } if (check_if_empty_field($('#password'), 'Password is required.')) { return; } if ($('#password').val().trim().length < 6) { $('#password').focus(); toastr.remove(); toastr.error('Password must be 6 characters and above.'); return; } var $element = $("[json-signup]"); var json_data = generate_json('json-signup', $element); return $.ajax({ url: "app/models/user.php", data: { model: 'signup', api: true, json_data: json_data }, type: "POST", dataType: 'json', beforeSend: function() { toastr.remove(); toastr.info("Signing up."); }, success: function(result) { if (parseInt(result.status) === 1) { toastr.remove(); toastr.success(result.message); init_signin(); } else { toastr.remove(); toastr.error(result.message); } }, error: function() { toastr.remove(); toastr.error("Error has occurred. Try again.") } }); }); show_hide_preloader(false); }, error: function() { toastr.remove(); toastr.error("Error has occurred. Try again.") } }); };��views/common/scripts/common.js��0000644��00000017424�15025042104�0012507 0��ustar�00�� function defaultFunctions() { initToolTip() } function initToolTip() { $('.tooltip-me').bstooltip(); $('.tooltip-me').on('click', function() { $(this).bstooltip('hide') }) } function show_hide_preloader(show) { if (show) { $(".preloader").css("height", ""); $(".animation__wobble").css("display", ""); } else { $(".preloader").css("height", "0px"); $(".animation__wobble").css("display", "none"); } } function get_user_login_info() { return $.ajax({ url: "app/models/user.php", data: { model: 'user_login_info' }, type: "POST", dataType: 'json', beforeSend: function() {}, success: function(result) { // console.log(result` ) }, error: function(result) { // console.log(result) toastr.remove(); // toastr.error("Error has occurred. Try again."); toastr.error(result.responseText); init_signin(); } }); } function get_user_notification_info() { return $.ajax({ url: "app/models/user.php", data: { model: 'user_notification_info' }, type: "POST", dataType: 'json', beforeSend: function() {}, success: function(result) { // console.log(result) }, error: function() { toastr.remove(); toastr.error("Error has occurred. Try again.") } }); } 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); }; } function get_user_notifications() {} function get_user_messages() {} function add_content_close_listener(elmnt_id) { var count = 0; $("#" + elmnt_id + " button[data-card-widget]").each(function() { if (this.getAttribute("data-card-widget") == "remove") { $(this).on('click', function() { $("#" + elmnt_id + " > .card").each(function() { if ($(this).css('display').toLowerCase() != 'none') { count++; } }); if (count == 1) { $("#" + elmnt_id).css("display", "none"); if (elmnt_id == 'center_content') { $("#right_content,#left_content").toggleClass('col-md-3') .toggleClass('col-md'); side_menu_loaded = false; } } count = 0; }); } }); } function generate_json(attribute, $element) { var /* Create an object. / obj = {}, / Create a variable that references the current object (default → obj). / ref = obj; / Iterate over every input. / $element.each(function() { / Cache the id of the input. / var id = this.id; / Check whether the nodetype attribute is set to 'parent'. / if (this.getAttribute(attribute) == "parent") { / Set a new object to the property and set ref to refer to it. / ref = obj[id] = {}; } else { / Set the value of the input to the referred object. / if (this.getAttribute(attribute) == "true") { if (isEmpty($(this).val())) { ref[id] = ''; } else { ref[id] = $(this).val().trim(); } } } }); / Stringify the object and return it. / return JSON.stringify(obj); } function isValidEmailAddress(emailAddress) { var pattern = /^([a-z\d!#$%&'+\-\/=?^_`{\|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+(\.[a-z\d!#$%&'+\-\/=?^_`{\|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+)\|"((([ \t]\r\n)?[ \t]+)?([\x01-\x08\x0b\x0c\x0e-\x1f\x7f\x21\x23-\x5b\x5d-\x7e\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]\|\\[\x01-\x09\x0b\x0c\x0d-\x7f\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))(([ \t]\r\n)?[ \t]+)?")@(([a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]\|[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.)+([a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]\|[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.?$/i; return pattern.test(emailAddress); } function isEmpty(string) { var flag = false; try { if (string.trim() == '') { flag = true; } else if (string == null) { flag = true; } else if (typeof string === 'undefined') { flag = true; } } catch (err) { console.log(err); flag = true; } return flag; } function check_if_empty_field($element, msg) { if (isEmpty($element.val())) { $element.focus(); toastr.remove(); toastr.error(msg); return true; } else { return false; } } function customSelectOption($el,id,text){ if(!isEmpty(id)){ var newOption = new Option(text, id, true, true); $el.append(newOption).trigger('change'); } } function init_function(type){ switch(type){ case 0: break; case 'lead_profile': init_leadprofile_page(); break; case 'refresh_lead_table': refreshLeadfileTable(); break; } } function upper_first_letter(data){ return data.toLowerCase() .replace(/\b[a-z]/g, function( letter) { return letter.toUpperCase(); }); } function init_destroy_session() { return $.ajax({ url: "app/models/user.php", data: { model: 'signout', api: 1 }, type: "POST", dataType: 'json', beforeSend: function() {}, success: function(result) {}, error: function() { // toastr.remove(); // toastr.error("Error has occurred. Try again.") } }); } function addSearchTransition($searchEl,$searchElDiv){ //groupfile member tab $searchEl.focusin(function() { $searchElDiv.removeClass( 'default-search-size'); $searchElDiv.addClass( 'expand-search-size'); }); $searchEl.focusout(function() { if (isEmpty($(this).val())) { $searchElDiv.removeClass( 'expand-search-size'); $searchElDiv.addClass( 'default-search-size'); } }); } function resetGroupOwners(){ selected_group = []; selected_group_owner = []; selected_group_owner.push({ owner_id: 0, owner_name: 'My', }); } function accessManagement(code){ if(!global_menu_access.includes(code)){ return false; } switch(parseInt(code)){ case 1 : //settings $('#nav_config').show(); $('#nav_config_divider').show(); break; case 2: //mastefile $('#master_add_company').show(); $('.masterfile_action_remove').show(); break; case 3: //user groups $('#nav_groups').show(); $('#nav_groups_divider').show(); break; } } ��views/common/scripts/groupfile.js��0000644��00000041643�15025042104�0013213 0��ustar�00��//START ROLES FILE////////////////////////////////////////////////////////////////////////// function init_groupfile_page() { init_header(); if (side_menu_loaded) { init_groupfile(); } else { $.when(init_side_content()).done(function(ajax1Results) { init_groupfile(); }); } } var init_groupfile = function() { if(!global_menu_access.includes(3)){ return false; } return $.ajax({ url: "resources/views/groupfile.php", data: {}, type: "POST", beforeSend: function() {}, success: function(data) { document.title = 'My Groups'; $('#center_content').html(data); add_content_close_listener('center_content'); defaultFunctions(); if(selected_group_owner.length > 1){ $('#groupfile_back').on('click', function() { selected_group_owner.pop(); // init_masterfile_page(); init_group_member_page(); }); }else{ $('#groupfile_back').hide(); } $('#group_owner_name').text(selected_group_owner.slice(-1)[0].owner_name); addSearchTransition($('#groupfile-search'),$('#groupfile-search-div')); $('#groupfile-search').on('keyup',delay(function(e) { refreshGroupfileTableSilent(); }, 500)); // if(selected_group_owner.length > 1) { // // $('#nav_groupfile_add_groupfile').html(' '); // $('#nav_groupfile_add_groupfile').html('<u><span class="text-sm">Group List</span></u>'); // } $(document).on('click', '.groupfile-list-filter', function(e) { e.stopPropagation(); }); $('#groupfile_add_groupfile').on('click', function() { $.when(init_group_modal()/,create_temporary_group()/).done(function(ajax1Results/,ajax2Results/) { // alert(ajax2Results.id) // created_group_id = ajax2Results[0].id; // alert(created_group_id) $('#group_modal').modal('show'); $('#group_modal').on('hidden.bs.modal', function() { // remove_temporary_group(created_group_id); $('#group_modal').remove(); }); addSearchTransition($('#group-member-search'),$('#group-member-search-div')); //groupfile member tab //update $('#group-member-search').on('keyup',delay(function(e) { refreshGroupMemberTableSilent(); }, 500)); //end groupfile tab $('#txt_group_name').focus(); $('#btn_group_save').on('click', function() { if (check_if_empty_field($('#txt_group_name'), 'Group name is required.')) { return; } var $element = $("[json-group-modal]"); var json_data = generate_json('json-group-modal', $element); update_group(0, json_data,'') // console.log(json_data); }); refreshGroupMemberTable(); }); }); refreshGroupfileTable(); $('#table_groupfile').on('click-cell.bs.table', function(field, value, row, $el) { if (value != "action" && value != "update") { var selected_group_id = $el.id; var selected_group_name = $el.name; selected_group.push({ group_id: selected_group_id, group_name: selected_group_name, }); // console.log("Groups: "); // console.log(selected_group); init_group_member_page(); } }); show_hide_preloader(false); }, error: function() { toastr.remove(); toastr.error("Error has occurred. Try again.") } }); } function init_group_modal() { return $.ajax({ url: "resources/views/modals/group_modal.php", data: {}, type: "POST", beforeSend: function() { selected_group_member = []; //remove all previous selected in group }, success: function(data) { $('#center_content').append(data); }, error: function() { toastr.remove(); toastr.error("Error has occurred. Try again.") } }); } function update_group(group_id, json_data,type ) { return $.ajax({ url: "app/models/group.php", data: { model: 'update_group', id: group_id, owner_id: selected_group_owner.slice(-1)[0].owner_id, json_data: json_data, group_members : JSON.stringify(selected_group_member), }, type: "POST", dataType: 'json', beforeSend: function() { $('#btn_group_save').prop( 'disabled', true); toastr.remove(); toastr.info("Saving group."); }, success: function(result) { if (parseInt(result.status) === 1) { if(type == 'group_member'){ var json_data_obj = JSON.parse(json_data) var group_name = json_data_obj.txt_group_name.toUpperCase() selected_group_owner.slice(-1)[0].owner_name = group_name $('#selected_group_name').text(group_name); document.title = group_name; refreshGroupMemberTableFile(); }else{ refreshGroupfileTable(); } toastr.remove(); toastr.success(result.message); // refreshGroupfileDealerfileTable(); $('#group_modal').off('hidden.bs.modal').on('hidden.bs.modal', function() {}); $('#group_modal').modal( 'hide'); $('#group_modal').remove(); } else { $('#btn_group_save').prop( 'disabled', false); toastr.remove(); toastr.error(result.message); } }, error: function() { $('#btn_group_save').prop( 'disabled', false); toastr.remove(); toastr.error("Error has occurred. Try again.") } }); } function create_temporary_group() { return $.ajax({ url: "app/models/group.php", data: { model: 'add_temporary_group' }, type: "POST", dataType: 'json', beforeSend: function() {}, success: function(result) { // console.log(result) return result; }, error: function() { toastr.remove(); toastr.error("Error has occurred. Try again.") } }); } function remove_temporary_group(group_id) { return $.ajax({ url: "app/models/group.php", data: { model: 'remove_temporary_group', id: group_id }, type: "POST", dataType: 'json', beforeSend: function() {}, success: function(result) { }, error: function() { toastr.remove(); toastr.error("Error has occurred. Try again.") } }); } function refreshGroupfileTable() { initGroupfileList(); var $table = $('#table_groupfile') $(function() { $table.bootstrapTable('refresh', { url: 'app/models/group.php' }); }) } function refreshGroupfileTableSilent() { var $table = $('#table_groupfile') $(function() { $table.bootstrapTable('refresh', { url: 'app/models/group.php' }); }) } function initGroupfileList() { var $table = $('#table_groupfile'); $table.bootstrapTable('destroy').bootstrapTable({ sidePagination: 'server', formatSearch: function() { return 'Search...' }, onLoadSuccess: function() { if(selected_group_owner.length > 1) { // $('.btn_groupfile_update').hide(); // $('.btn_groupfile_remove').hide(); // alert('') } }, exportOptions: { fileName: function() { return 'titile' } } }); } function groupfileQueryParams(params) { return { search: $('#groupfile-search').val(), offset: params.offset, limit: params.limit, sort: params.sort, order: params.order, added_by: selected_group_owner.slice(-1)[0].owner_id, model: 'group_table', }; } function updateGroupfileFormatter(value, row, index) { if(selected_group_owner.length > 1) { // return ''; } return '<i class="fa fa-pen text-primary cursor-pointer" aria-hidden="true"></i>'; } function removeGroupfileFormatter(value, row, index) { if(selected_group_owner.length > 1) { // return ''; } return '<i class="text-sm fa fa-times text-danger cursor-pointer" aria-hidden="true"></i>'; } window.removeGroupfileEvent = { 'click i': function(e, value, row, index) { // if (parseInt(row.user_count) > 0) { // toastr.remove(); // toastr.error('Groupfile is currently active in some users.'); // return; // } if(!global_menu_access.includes(3)){ return false; } Swal.fire({ icon: 'warning', html: 'Are you sure you want to remove this group?', showDenyButton: false, showCancelButton: true, confirmButtonText: `Yes`, cancelButtonText: `No`, denyButtonText: `Don't Confirm`, showClass: { backdrop: 'swal2-noanimation', // disable backdrop animation popup: '', // disable popup animation icon: '' // disable icon animation }, hideClass: { popup: '', // disable popup fade-out animation }, customClass: 'swal-height' }).then((result) => { if (result.isConfirmed) { $.ajax({ url: "app/models/group.php", method: "POST", dataType: 'json', data: { model: 'remove_group', id: row.id }, beforeSend: function() { toastr.remove(); toastr.info('Removing...') }, success: function(result) { if (parseInt(result.status) === 1) { toastr.remove(); toastr.success(result.message); refreshGroupfileTable(); } else { toastr.remove(); toastr.error(result.message); } }, error: function() { toastr.remove(); toastr.error( "Error has occurred. Try again." ) } }); } else if (result.isDenied) {} else {} }) } }; window.updateGroupfileEvent = { 'click i': function(e, value, row, index) { updateGroupfileEventFunc(row.id,row.name,'') } }; function updateGroupfileEventFunc(group_id,group_name,type){ if(!global_menu_access.includes(3)){ return false; } $.when(init_group_modal()).done(function(ajax1Results) { created_group_id = group_id; $('#group_modal').modal('show'); $('#group_modal').on('hidden.bs.modal', function() { $('#group_modal').remove(); }); addSearchTransition($('#group-member-search'),$('#group-member-search-div')); //update $('#group-member-search').on('keyup',delay(function(e) { refreshGroupMemberTableSilent(); }, 500)); //end groupfile tab $('#txt_group_name').focus(); $('#txt_group_name').val(group_name); $('#btn_group_save').on('click', function() { if (check_if_empty_field($('#txt_group_name'), 'Group name is required.')) { return; } var $element = $("[json-group-modal]"); var json_data = generate_json('json-group-modal', $element); update_group(created_group_id, json_data,type) // console.log(json_data); }); refreshGroupMemberTable(); }); } ////START group member function refreshGroupMemberTable() { initGroupMemberTable(); var $table = $('#table_group_member') $(function() { $table.bootstrapTable('refresh', { url: 'app/models/group.php' }); }) } function refreshGroupMemberTableSilent() { var $table = $('#table_group_member') $(function() { $table.bootstrapTable('refresh', { url: 'app/models/group.php' }); }) } function initGroupMemberTable() { var $table = $('#table_group_member'); $table.bootstrapTable('destroy').bootstrapTable({ sidePagination: 'server', formatSearch: function() { return 'Search...' }, formatNoMatches: function () { return 'User has no group not found.'; }, onLoadSuccess: function() {}, exportOptions: { fileName: function() { return 'titile' } } }); } function groupMemberQueryParams(params) { return { search: $('#group-member-search').val(), offset: params.offset, limit: params.limit, sort: params.sort, order: params.order, group_id : created_group_id, owner_id : selected_group_owner.slice(-1)[0].owner_id, model: 'group_user_table', group_members : JSON.stringify(selected_group_member), }; } function groupMemberFormatter(value, row, index) { var html = '<input class="" type="checkbox">'; if (parseInt(row.status) === 1) { html = '<input class="" type="checkbox" checked>'; } return html; } window.groupMemberEvent = { 'click input': function(e, value, row, index) { if(selected_group_member.includes(row.id) ){ const index = selected_group_member.indexOf(row.id); if (index > -1) { selected_group_member.splice(index, 1); } }else{ selected_group_member.push(row.id) } // alert(JSON.stringify(selected_group_member)); refreshGroupMemberTableSilent(); //get selected id // $.ajax({ // url: "app/models/group.php", // method: "POST", // dataType: 'json', // data: { // model: 'group_member_status', // user_id: row.id, // group_id: created_group_id // }, // beforeSend: function() { // // toastr.remove(); // // toastr.info('Updating...') // }, // success: function(result) { // if (parseInt(result.status) === 1) { // // toastr.remove(); // // toastr.success(result.message); // refreshGroupMemberTableSilent(); // } else { // toastr.remove(); // toastr.error(result.message); // } // }, // error: function() { // toastr.remove(); // toastr.error( // "Error has occurred. Try again." // ) // } // }); } }; ////END ROLE DEALER //END ROLES FILE////////////////////////////////////////////////////////////////////////////////////��views/common/scripts/notification.js��0000644��00000016117�15025042104�0013703 0��ustar�00��//START CONFIG FILE///////////////////////////////////////////////////////////////////////////////////////////////////// function init_notification_page() { init_header(); if (side_menu_loaded) { init_notification(); // console.log('asd') } else { $.when(init_side_content()).done(function(ajax1Results) { init_notification(); }); } } var init_notification = function() { return $.ajax({ url: "resources/views/notification.php", data: {}, type: "POST", beforeSend: function() {}, success: function(data) { document.title = 'Notifications'; $('#center_content').html(data); add_content_close_listener('center_content'); notification_display_limit = notification_display_limit_const; $.when(user_notification()).done(function(ajax2Results) { // console.log(ajax2Results['data']) //reset notification_display_limit notification_display_limit = notification_display_limit + notification_display_limit_const; //init objects $('#notification_list_div').html(''); $('#notification_view_more').on('click', function() { $.when(user_notification()).done(function(ajax1Results2) { var result_notification2 = ajax1Results2['data']; notification_display_limit = notification_display_limit + notification_display_limit_const; notification_display(result_notification2); }); }); //ajax when area var result_notification = ajax2Results['data']; notification_display(result_notification); mark_as_read_notification(); show_hide_preloader(false); }); show_hide_preloader(false); }, error: function() { toastr.remove(); toastr.error("Error has occurred. Try again.") } }); } function refresh_notification() { $.when(get_user_notification_info()).done(function(ajax2Results) { // console.log(); var notif_count = parseInt(ajax2Results.total); if(notif_count){ $('#notif_count_badge').text(notif_count); if(notif_count > 1){ $('#notif_count').text(notif_count+ ' Notifications'); }else{ $('#notif_count').text(notif_count+ ' Notification'); } $('#notif_div_container').html('') //display notification per category $.each(ajax2Results['data'], function(i, n) { // console.log(n['type']) $('#notif_div_container').append(` <a href="#" notification-header="`+n['id']+`" class="dropdown-item"> <i class="fas fa-bell mr-2"></i> `+n['count']+ ' ' +n['type']+` <span class="float-right text-muted text-sm">`+n['ago']+ `</span> </a> <div class="dropdown-divider"></div> `) }); }else{ $('#notif_count').text('0 Notification'); } $("[notification-header]").each(function() { $(this).off('click').on('click', function() { global_in_notif_section = true; selected_notification_category = $(this).attr('notification-header'); // console.log(selected_notification_category) init_notification_page(); }); }); }); } function mark_as_read_notification(){ return $.ajax({ url: "app/models/user.php", data: { model: 'mark_as_read_notification', type_id: selected_notification_category, }, type: "POST", dataType: 'json', beforeSend: function() {}, success: function(result) { // console.log(result) // setTimeout(function(){ refresh_notification(); global_in_notif_section = false; // }, 3000); }, error: function() { toastr.remove(); toastr.error( "Error has occurred. Try again." ) } }); } function user_notification() { return $.ajax({ url: "app/models/user.php", data: { model: 'user_notification', type_id: selected_notification_category, offset: notification_display_limit - notification_display_limit_const, limit: notification_display_limit_const }, type: "POST", dataType: 'json', beforeSend: function() {}, success: function(result) { // console.log(result) }, error: function() { toastr.remove(); toastr.error( "Error has occurred. Try again." ) } }); } function notification_display(ajaxResult) { $.each(ajaxResult, function(i, n) { var data = ajaxResult[i]; // console.log(data); var is_read = parseInt(data['is_read']) === 0? 'border-primary' : '' ; $('#notification_list_div').append(`<div class="card-header bg-white `+is_read+` cursor-pointer pl-2 pr-2 pt-2 pb-1 rounded-0 border mb-2"> <div class="col-12 col-sm-12 col-md-12 d-flex align-items-stretch flex-column"> <div class="card card-default shadow-none h-100 m-0 p-0"> <!-- /.card-header --> <div class="card-body p-0 bg-white mb-0"> <div class="row"> <div class="col-12"> <div class="p-1 bg-light col-12"><span class="">`+n['description']+` </span> </div> <span class="text-sm text-muted font-italic">`+n['date_added']+` </span> </div> </div> </div> </div> </div> </div> `); }); }��views/common/scripts/scripts.php��0000644��00000016744�15025042104�0013065 0��ustar�00��<!-- REQUIRED SCRIPTS --> <!-- jQuery --> <script src="plugins/jquery/jquery.min.js"></script> <script src="plugins/jquery-ui/jquery-ui.min.js"></script> <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip --> <script> $.widget.bridge('uibutton', $.ui.button) </script> <!-- Popper --> <script src="plugins/popper/umd/popper.min.js"></script> <!-- Bootstrap --> <script src="plugins/bootstrap/js/bootstrap.bundle.min.js"></script> <!-- overlayScrollbars --> <script src="plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></script> <!-- AdminLTE App --> <script src="dist/js/adminlte.js"></script> <!-- PAGE PLUGINS --> <!-- jQuery Mapael --> <script src="plugins/jquery-mousewheel/jquery.mousewheel.js"></script> <script src="plugins/raphael/raphael.min.js"></script> <script src="plugins/jquery-mapael/jquery.mapael.min.js"></script> <script src="plugins/jquery-mapael/maps/usa_states.min.js"></script> <!-- ChartJS --> <script src="plugins/chart.js/Chart.min.js"></script> <!-- Toastr --> <script src="plugins/toastr/toastr.min.js"></script> <!-- BTAble --> <script src="dist/js/tableExport/tableExport.min.js"></script> <script src="dist/js/tableExport/libs/js-xlsx/xlsx.core.min.js"></script> <script src="dist/js/tableExport/libs/jsPDF/jspdf.umd.min.js"></script> <script src="dist/js/tableExport/libs/es6-promise/es6-promise.auto.min.js"></script> <script src="dist/js/tableExport/libs/html2canvas/html2canvas.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> <!-- SweetAlert2 --> <script src="plugins/sweetalert2/sweetalert2.min.js"></script> <!-- Select2 --> <script src="plugins/select2/js/select2.full.min.js"></script> <!-- AutoCommplete --> <script src="dist/js/bootstrap-autocomplete/bootstrap-autocomplete.min.js"></script> <!-- InputMask --> <script src="plugins/moment/moment.min.js"></script> <script src="plugins/inputmask/jquery.inputmask.min.js"></script> <!-- Tempusdominus Bootstrap 4 --> <script src="plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js"></script> <!-- Summernote --> <script src="plugins/summernote/summernote-bs4.min.js"></script> <!-- AdminLTE for demo purposes --> <script src="dist/js/demo.js"></script> <script> // GLOBALS var login_status = <?php echo $global_user_status; ?>; //user access in system var global_menu_access = []; var side_menu_loaded = false; var selected_company = 0; var selected_lead = 0; var selected_lead_inquiry = 0; var selected_group_owner = []; var selected_group = []; var lead_selected_filters = '[]'; var created_role_id = 0; var created_group_id = 0; const lead_activities_display_limit_const = 5; var lead_activities_display_limit = lead_activities_display_limit_const; //adding member to group var selected_group_member = []; //notifications var selected_notification_category = 0; const notification_display_limit_const = 5; var notification_display_limit = notification_display_limit_const; var global_in_notif_section = false; <?php //COMMONLY USE JS include_once("common.js"); //DEFAULT OPTIONS include_once("default_options.js"); //SIGNIN include_once("signin.js"); //SIGNUP include_once("signup.js"); //ROLES include_once("role.js"); // LEAD LIST include_once("lead_list.js"); // LEAD PROFILE include_once("lead_profile.js"); // CONFIGURATIONS include_once("configuration.js"); // NOTIFICATION include_once("notification.js"); // MASTERFILE include_once("masterfile.js"); // GROUPFILE include_once("groupfile.js"); // GROUP MEMBER include_once("group_member.js"); ?> var init_dashboard = function() { return $.ajax({ url: "resources/views/dashboard.php", data: {}, type: "POST", beforeSend: function() {}, success: function(data) { document.title = 'Dashboard'; $('#center_content').html(data); add_content_close_listener('center_content'); show_hide_preloader(false); }, error: function() { toastr.remove(); toastr.error("Error has occurred. Try again.") } }); } var init_side_content = function() { return $.ajax({ url: "resources/views/side_content.php", data: {}, type: "POST", beforeSend: function() { show_hide_preloader(true); }, success: function(data) { $('#main_content').html(data); add_content_close_listener('left_content'); add_content_close_listener('right_content'); side_menu_loaded = true; }, error: function() { toastr.remove(); toastr.error("Error has occurred. Try again.") } }); }; function init_header() { init_toastr(); return $.ajax({ url: "resources/views/common/header_main.php", data: {}, type: "POST", beforeSend: function() { }, success: function(result) { $('#header_content').html(result); $('#nav_home').on('click', function() { }); $('#nav_dashboard').on('click', function() { init_default_page(); }); $('#nav_masterfile').on('click', function() { resetGroupOwners(); init_masterfile_page(); }); $('#nav_groups').on('click', function() { resetGroupOwners(); init_groupfile_page(); }); $('#nav_config').on('click', function() { init_config_page(); }); $('#nav_chat').on('click', function() { alert('chat'); }); $('#nav_center_2').on('click', function() {}); $('#nav_whole_1').on('click', function() {}); $('#nav_whole_2').on('click', function() {}); $('#nav_signout').on('click', function() { init_signin(); }); $.when(get_user_login_info()).done(function(ajax1Results) { if(!global_in_notif_section){ refresh_notification(); } $('#nav_name').text(ajax1Results.firstname); global_menu_access = []; if(!isEmpty(ajax1Results.json_menus)){ global_menu_access = JSON.parse(ajax1Results.json_menus); } // alert('') const access_mgmt_arr = [1,3]; $.each(access_mgmt_arr, function(i, n) { accessManagement(n); }); }); const timeElapsed = Date.now(); const today = new Date(timeElapsed); var date_now = today.toDateString(); $('#nav_date').text(date_now); }, error: function() { toastr.remove(); toastr.error("Error has occurred. Try again.") } }); } function init_default_page() { init_header(); $.when(init_side_content()).done(function(ajax1Results) { init_dashboard(); }); } $(document).ready(function() { var bootstrapTooltip = $.fn.tooltip.noConflict(); $.fn.bstooltip = bootstrapTooltip; if (login_status) { init_default_page(); } else { init_signin(); } }); </script>��views/common/scripts/configuration.js��0000644��00000021722�15025042104�0014062 0��ustar�00��//START CONFIG FILE///////////////////////////////////////////////////////////////////////////////////////////////////// function init_config_page() { init_header(); if (side_menu_loaded) { init_config(); } else { $.when(init_side_content()).done(function(ajax1Results) { init_config(); }); } } var init_config = function() { if(!global_menu_access.includes(1)){ return false; } return $.ajax({ url: "resources/views/config.php", data: {}, type: "POST", beforeSend: function() {}, success: function(data) { document.title = 'Configurations'; $('#center_content').html(data); add_content_close_listener('center_content'); $('#config_user_roles').on('click', function() { init_rolefile_page(); }); $('#config_sms').on('click', function() { $.when(init_sms_modal(),get_activated_sms_api()).done(function(ajax1Results,ajax2Results) { $('#sms_modal').modal('show'); $('#sms_modal').on('hidden.bs.modal', function() { $('#sms_modal').remove(); }); $('#dd_sms_api').select2({ placeholder: "Select API", allowClear: true, minimumResultsForSearch: -1, // allowClear: true, ajax: { url: 'app/models/sms.php?model=api_list', dataType: 'json' } }); $('#btn_sms_save').on('click', function() { var $element = $("[json-sms-modal]"); var json_data = generate_json('json-sms-modal', $element); return $.ajax({ url: "app/models/sms.php", data: { model: 'set_activated_api', json_data: json_data }, type: "POST", dataType: 'json', beforeSend: function() { $('#btn_sms_save').prop( 'disabled', true); toastr.remove(); toastr.info("Saving..."); }, success: function(result) { if (parseInt(result.status) === 1) { toastr.remove(); toastr.success(result.message); $('#sms_modal').modal( 'hide'); $('#sms_modal').remove(); } else { $('#btn_sms_save').prop( 'disabled', false); toastr.remove(); toastr.error(result.message); } }, error: function() { $('#btn_sms_save').prop( 'disabled', false); toastr.remove(); toastr.error( "Error has occurred. Try again." ) } }); }); var api_information = ajax2Results[0]; // console.log(api_information); // set sms api customSelectOption($("#dd_sms_api"), api_information['id'], api_information['name']); }); }); $('#config_system').on('click', function() { $.when(init_system_settings_modal(),get_system_settings()).done(function(ajax1Results,ajax2Results) { $('#system_settings_modal').modal('show'); $('#system_settings_modal').on('hidden.bs.modal', function() { $('#system_settings_modal').remove(); }); var result_system_settings = ajax2Results[0]; $.each(result_system_settings, function(i, n) { $("#" + i).text(n); $("#" + i).val(n); $("#" + i).trigger('change') }); $('#btn_system_settings_save').on('click', function() { var $element = $("[json-system-settings-modal]"); var json_data = generate_json('json-system-settings-modal', $element); return $.ajax({ url: "app/models/system_settings.php", data: { model: 'update', json_data: json_data }, type: "POST", dataType: 'json', beforeSend: function() { $('#btn_sms_save').prop( 'disabled', true); toastr.remove(); toastr.info("Saving..."); }, success: function(result) { if (parseInt(result.status) === 1) { toastr.remove(); toastr.success(result.message); $('#system_settings_modal').modal( 'hide'); $('#system_settings_modal').remove(); } else { $('#btn_sms_save').prop( 'disabled', false); toastr.remove(); toastr.error(result.message); } }, error: function() { $('#btn_sms_save').prop( 'disabled', false); toastr.remove(); toastr.error( "Error has occurred. Try again." ) } }); }); }); }); show_hide_preloader(false); }, error: function() { toastr.remove(); toastr.error("Error has occurred. Try again.") } }); } function init_sms_modal() { return $.ajax({ url: "resources/views/modals/sms_modal.php", data: {}, type: "POST", beforeSend: function() {}, success: function(data) { $('#center_content').append(data); }, error: function() { toastr.remove(); toastr.error("Error has occurred. Try again.") } }); } function init_system_settings_modal() { return $.ajax({ url: "resources/views/modals/system_settings_modal.php", data: {}, type: "POST", beforeSend: function() {}, success: function(data) { $('#center_content').append(data); }, error: function() { toastr.remove(); toastr.error("Error has occurred. Try again.") } }); } function get_system_settings(){ return $.ajax({ url: "app/models/system_settings.php", data: { model: 'get_system_settings' }, type: "POST", dataType: 'json', beforeSend: function() {}, success: function(result) {}, error: function() { toastr.remove(); toastr.error( "Error has occurred. Try again." ) } }); } function get_activated_sms_api() { return $.ajax({ url: "app/models/sms.php", data: { model: 'activated_api' }, type: "POST", dataType: 'json', beforeSend: function() {}, success: function(result) {}, error: function() { toastr.remove(); toastr.error( "Error has occurred. Try again." ) } }); } //END CONFIG FILE/////////////////////////////////////////////////////////////////////////////////////////////////////��views/common/scripts/group_member.js��0000644��00000016641�15025042104�0013702 0��ustar�00��//START ROLES FILE////////////////////////////////////////////////////////////////////////// function init_group_member_page() { init_header(); if (side_menu_loaded) { init_group_member(); } else { $.when(init_side_content()).done(function(ajax1Results) { init_group_member(); }); } } var init_group_member = function() { if(!global_menu_access.includes(3)){ return false; } return $.ajax({ url: "resources/views/group_member.php", data: {}, type: "POST", beforeSend: function() {}, success: function(data) { var selected__group = selected_group.slice(-1)[0]; document.title = selected__group.group_name; $('#center_content').html(data); add_content_close_listener('center_content'); defaultFunctions(); $('#selected_group_name').text(selected__group.group_name); $('#group_member_back').on('click', function() { //remove last element in var selected_group selected_group.pop(); init_groupfile_page(); }); // if(selected_group.length > 1) { // $('#nav_group_member_add_group_member').html('<u><span class="text-sm">Member List</span></u>'); // } addSearchTransition($('#group-member-file-search'),$('#group-member-file-search-div')); //update $('#group-member-file-search').on('keyup',delay(function(e) { refreshGroupMemberTableFileSilent(); }, 500)); $(document).on('click', '.groupfile-list-filter', function(e) { e.stopPropagation(); }); $('#group_member_add_group_member').on('click', function() { updateGroupfileEventFunc(selected__group.group_id,selected__group.group_name,'group_member'); }); refreshGroupMemberTableFile(); $('#table_group_member_file').on('click-cell.bs.table', function(field, value, row, $el) { // console.log($el);return; // var selected_group_id = $el.id; var selected_group_owner_id = $el.id; var selected_group_owner_name = $el.name; // var selected_group_name = $el.name; if (value == "groups" ) { selected_group_owner.push({ owner_id: selected_group_owner_id, owner_name: selected_group_owner_name, }); init_groupfile_page(); }else if (value == "leads" ) { selected_group_owner.push({ owner_id: selected_group_owner_id, owner_name: selected_group_owner_name, }); init_leadfile_page(); } }); show_hide_preloader(false); }, error: function() { toastr.remove(); toastr.error("Error has occurred. Try again.") } }); } function refreshGroupMemberTableFile() { initGroupMemberList(); var $table = $('#table_group_member_file') $(function() { $table.bootstrapTable('refresh', { url: 'app/models/group.php' }); }) } function refreshGroupMemberTableFileSilent() { var $table = $('#table_group_member_file'); $(function() { $table.bootstrapTable('refresh', { url: 'app/models/group.php' }); }) } function initGroupMemberList() { var $table = $('#table_group_member_file'); $table.bootstrapTable('destroy').bootstrapTable({ sidePagination: 'server', formatSearch: function() { return 'Search...' }, onLoadSuccess: function() { if(selected_group.length > 1) { // $('.btn_group_member_file_remove').hide(); // alert('231') } }, exportOptions: { fileName: function() { return 'titile' } } }); } function groupMemberFileQueryParams(params) { return { search: $('#group-member-file-search').val(), offset: params.offset, limit: params.limit, sort: params.sort, order: params.order, group_id : selected_group.slice(-1)[0].group_id, model: 'group_member_table', }; } function removeGroupMemberFormatter(value, row, index) { // if(selected_group.length > 1) { // return ''; // } return '<i class="text-sm fa fa-times text-danger cursor-pointer" aria-hidden="true"></i>'; } function memberGroupsFormatter(value, row, index) { return '<span title="View groups of this member" class="text-sm tooltip-me text-primary cursor-pointer style-underline">Groups</span>'; } function memberLeadsFormatter(value, row, index) { return '<span title="View leads of this member" class="text-sm tooltip-me text-primary cursor-pointer style-underline">Leads</span>'; } window.removeGroupMemberEvent = { 'click i': function(e, value, row, index) { if(!global_menu_access.includes(3)){ return false; } Swal.fire({ icon: 'warning', html: 'Are you sure you want to remove this member?', showDenyButton: false, showCancelButton: true, confirmButtonText: `Yes`, cancelButtonText: `No`, denyButtonText: `Don't Confirm`, showClass: { backdrop: 'swal2-noanimation', // disable backdrop animation popup: '', // disable popup animation icon: '' // disable icon animation }, hideClass: { popup: '', // disable popup fade-out animation }, customClass: 'swal-height' }).then((result) => { if (result.isConfirmed) { $.ajax({ url: "app/models/group.php", method: "POST", dataType: 'json', data: { model: 'group_member_status', user_id: row.id, group_id : selected_group.slice(-1)[0].group_id }, beforeSend: function() { toastr.remove(); toastr.info('Removing...') }, success: function(result) { if (parseInt(result.status) === 1) { toastr.remove(); toastr.success(result.message); refreshGroupMemberTableFileSilent(); } else { toastr.remove(); toastr.error(result.message); } }, error: function() { toastr.remove(); toastr.error( "Error has occurred. Try again." ) } }); } else if (result.isDenied) {} else {} }) } }; ��views/common/scripts/lead_list.js��0000644��00000070504�15025042104�0013155 0��ustar�00��//START LEADS FILE////////////////////////////////////////////////////////////////////////// function init_leadfile_page() { init_header(); if (side_menu_loaded) { init_leadfile(); } else { $.when(init_side_content()).done(function(ajax1Results) { init_leadfile(); }); } } var init_leadfile = function() { return $.ajax({ url: "resources/views/leads.php", data: {}, type: "POST", beforeSend: function() {}, success: function(data) { document.title = 'Leads'; $('#center_content').html(data); add_content_close_listener('center_content'); defaultFunctions(); $('#lead_back').on('click', function() { if(selected_group_owner.length > 1){ selected_group_owner.pop(); init_group_member_page(); }else{ init_masterfile_page(); } }); if(selected_group_owner.length > 1) { $('#leads_owner_name').text( selected_group_owner.slice(-1)[0].owner_name+' Leads'); }else{ $('#leads_owner_name').text('Leads Summary'); } $('#lead-search').focusin(function() { $('#lead-search-div').removeClass('default-search-size'); $('#lead-search-div').addClass('expand-search-size'); }); $('#lead-search').focusout(function() { if (isEmpty($(this).val())) { $('#lead-search-div').removeClass('expand-search-size'); $('#lead-search-div').addClass('default-search-size'); } }); $('#lead-search').on('keyup',delay(function(e) { refreshLeadfileTableSilent(); }, 500)); $(document).on('click', '.lead-list-filter', function(e) { e.stopPropagation(); }); $(".lead-list-filter li").each(function() { $(this).on('click', function() { $(this).toggleClass("active"); var active_items = $('.lead-list-filter').find('li.active').map( function() { var item = {}; // item.id = this.value; item.status = $(this).text(); return item; }); var active_items_arr = []; $.each(active_items, function(i, n) { active_items_arr.push(n.status) }); if (active_items_arr.length > 1) { $("#selected_filter").text('Multiple Filter'); } else if (active_items_arr.length == 1) { $("#selected_filter").text($('.lead-list-filter').find( 'li.active').text()); } else { $("#selected_filter").text(''); } lead_selected_filters = JSON.stringify(active_items_arr); refreshLeadfileTable(); }); }); $('#lead_add_lead').on('click', function() { display_lead_modal('refresh_lead_table','add'); }); refreshLeadfileTable(); $('#table_leadfile').on('click-cell.bs.table', function(field, value, row, $el) { selected_lead = $el.id; selected_lead_inquiry = $el.inquiry_id; if (value != "action") { init_leadprofile_page(); } }); show_hide_preloader(false); }, error: function() { toastr.remove(); toastr.error("Error has occurred. Try again.") } }); } function init_lead_modal() { return $.ajax({ url: "resources/views/modals/lead_modal.php", data: {}, type: "POST", beforeSend: function() {}, success: function(data) { $('#center_content').append(data); }, error: function() { toastr.remove(); toastr.error("Error has occurred. Try again.") } }); } function leadActionFormatter(value, row, index) { return ` <div class="input-group-prepend"> <button type="button" class="btn dropdown-toggle pr-2" data-toggle="dropdown"> Action </button> <ul class="dropdown-menu"> <li onclick="display_progress_modal('refresh_lead_table','')" class="dropdown-item cursor-pointer"><i class="fas fa-bars mr-2"></i>Add Progress</li> <li onclick="display_note_modal('refresh_lead_table','')" class="dropdown-item cursor-pointer"><i class="fas fa-sticky-note mr-2"></i>Add Note</li> <li onclick="display_call_modal('refresh_lead_table','')" class="dropdown-item cursor-pointer"><i class="fas fa-phone mr-2"></i>Add Call</li> <li onclick="display_inactive_modal('refresh_lead_table','')" class="dropdown-item cursor-pointer"><i class="fas fa-arrow-down mr-2"></i>Inactive</li> <!-- <li class="dropdown-item cursor-pointer"><i class="fas fa-times mr-2"></i>Not Interested</li> --> <li class="dropdown-item cursor-pointer"><i class="fas fa-exchange-alt mr-2"></i>Transfer</li> <li onclick="display_lead_modal('refresh_lead_table','update')" class="dropdown-item cursor-pointer"><i class="fas fa-pen mr-2"></i>Edit</li> </ul> </div>`; } function leadNameFormatter(value, row, index) { // return value; var inactive_label = (parseInt(row.inactive_lead) === 0) ? `` : ` <span class="text-xs text-danger font-italic">Inactive</span>`; return `<span>`+value+inactive_label+`</span>`; } function refreshLeadfileTable() { initLeadfileList(); var $table = $('#table_leadfile') $(function() { $table.bootstrapTable('refresh', { url: 'app/models/lead.php' }); }) } function refreshLeadfileTableSilent() { var $table = $('#table_leadfile') $(function() { $table.bootstrapTable('refresh', { url: 'app/models/lead.php' }); }) } function initLeadfileList() { var $table = $('#table_leadfile'); $table.bootstrapTable('destroy').bootstrapTable({ sidePagination: 'server', formatSearch: function() { return 'Search...' }, onLoadSuccess: function() {}, exportOptions: { fileName: function() { return 'titile' } } }); } function leadfileQueryParams(params) { return { model: 'lead_table', search: $('#lead-search').val(), offset: params.offset, limit: params.limit, sort: params.sort, order: params.order, filters: lead_selected_filters, company: selected_company, owner_id: selected_group_owner.slice(-1)[0].owner_id }; } function display_lead_modal(init__function,type){ $.when(init_lead_modal(),get_user_dealers()).done(function(ajax1Results,user_dealers_result) { $('#lead_modal').modal('show'); $('#lead_modal').on('hidden.bs.modal', function() { $('#lead_modal').remove(); }); defaultFunctions(); $("[lead-alert]").each(function() { $(this).on('change', function() { if (this.checked) { $(this).val("1"); } else { $(this).val("0"); } }); }); $('#type_person').on('click',function() { if ($('#type_person').is(':checked')) { $('.company-field').hide(); $('.person-field').show(); $('#type_person').val('1'); $('#type_company').val('0'); } }); $('#type_company').on('click',function() { if ($('#type_company').is(':checked')) { $('.person-field').hide(); $('.company-field').show(); $('#type_person').val('0'); $('#type_company').val('1'); } }); $('#dd_lead_gender').select2({ placeholder: "Select gender", allowClear: true, minimumResultsForSearch: -1, // allowClear: true, ajax: { url: 'app/models/general.php?model=gender_list', dataType: 'json' } }); $("#dd_lead_brand").select2({ // tags:true, placeholder: "Select brand", allowClear: true, escapeMarkup: function(markup) { return markup; }, ajax: { url: 'app/models/brand.php', dataType: 'json', delay: 250, data: function(data) { return { model: 'brand_list', search: data.term // search term }; }, processResults: function(response) { return { results: response }; }, cache: true } }); // $('#dd_lead_brand').on('select2:select', function(e) { $('#dd_lead_brand').on('change', function(e) { var brand_name = $('#dd_lead_brand').val(); $("#dd_lead_model").val(''); $("#dd_lead_model").select2('destroy').select2({ // tags:true, placeholder: "Select model", allowClear: true, escapeMarkup: function(markup) { return markup; }, ajax: { url: 'app/models/model.php', dataType: 'json', delay: 250, data: function(data) { return { model: 'model_list', brand_name: brand_name, search: data .term // search term }; }, processResults: function(response) { return { results: response }; }, cache: true } }); }); $('#dd_lead_model').select2({ placeholder: "Select brand first", minimumResultsForSearch: -1 }); $("#dd_lead_color").select2({ tags: true, placeholder: "Select color", allowClear: true, escapeMarkup: function(markup) { return markup; }, ajax: { url: 'app/models/color.php', dataType: 'json', delay: 250, data: function(data) { return { model: 'color_list', search: data.term // search term }; }, processResults: function(response) { return { results: response }; }, cache: true } }); //display this if multiple dealer // console.log(JSON.parse(user_dealers_result)) $("#dd_lead_dealer").select2({ // tags:true, // multiple: true, placeholder: "Select dealer", allowClear: true, escapeMarkup: function(markup) { return markup; }, ajax: { url: 'app/models/dealer.php', dataType: 'json', delay: 250, data: function(data) { return { model: 'dealer_list_by_ids', // company_id: selected_company, // api: true, search: data.term // search term }; }, processResults: function(response) { return { results: response }; }, cache: true } }); if(user_dealers_result[0].length > 1){ $("#dd_lead_dealer_div").show(); } $('#role-search').on('keyup',delay(function(e) { refreshRolefileTableSilent(); }, 500)); // Advanced 1 var xhr = null; $('#txt_lead_company').autoComplete({ resolver: 'custom', noResultsText: '', events: { search: function(qry, callback) { // let's do a custom ajax call if (xhr != null) { //kill the request xhr.abort() } xhr = $.ajax( 'app/models/lead.php', { data: { 'search': qry, 'model': 'lead_company_list' } } ).done(function(res) { results = JSON.parse(res) callback(results.data) }); } } }); $('#txt_lead_company').on('autocomplete.select', function(evt, item) { $("#txt_lead_company_id").val(item.id); }); $("#txt_lead_company").on("keyup change", function(e) { $("#txt_lead_company_id").val(''); }) // $('#txt_lead_fname').focus(); $('#txt_lead_fname').trigger('focus'); $('#btn_lead_save').on('click', function() { if ($('#type_company').is(':checked')) { if (check_if_empty_field($('#txt_lead_company'), 'Company name is required.')) { return; } if (isEmpty($('#txt_lead_mobile').val() .trim()) && isEmpty($('#txt_lead_landline').val() .trim()) ) { $('#txt_lead_mobile').focus(); toastr.remove(); toastr.error('Mobile or Landline is required.'); return; } if (!isEmpty($('#txt_lead_mobile').val() .trim())) { if ($('#txt_lead_mobile').val() .trim().length < 10 \|\| !$( '#txt_lead_mobile').val() .trim().startsWith('9')) { $('#txt_lead_mobile').focus(); toastr.remove(); toastr.error('Invalid mobile.'); return; } } if (!isEmpty($('#txt_lead_landline').val() .trim())) { if ($('#txt_lead_landline').val() .trim().length < 4) { $('#txt_lead_landline').focus(); toastr.remove(); toastr.error('Invalid landline.'); return; } } } if ($('#type_person').is(':checked')) { if (check_if_empty_field($('#txt_lead_fname'), 'Firstname is required.')) { return; } if (check_if_empty_field($('#txt_lead_lname'), 'Lastname is required.')) { return; } if (check_if_empty_field($('#dd_lead_gender'), 'Gender required.')) { return; } if (check_if_empty_field($('#txt_lead_mobile'), 'Mobile is required.')) { return; } if (!isEmpty($('#txt_lead_mobile').val() .trim())) { if ($('#txt_lead_mobile').val() .trim().length < 10 \|\| !$( '#txt_lead_mobile').val() .trim().startsWith('9')) { $('#txt_lead_mobile').focus(); toastr.remove(); toastr.error('Invalid mobile.'); return; } } if (!isEmpty($('#txt_lead_landline').val() .trim())) { if ($('#txt_lead_landline').val() .trim().length < 4) { $('#txt_lead_landline').focus(); toastr.remove(); toastr.error('Invalid landline.'); return; } } } if (check_if_empty_field($('#txt_lead_email'), 'Email is required.')) { return; } if (!isValidEmailAddress($('#txt_lead_email').val() .trim())) { $('#txt_lead_email').focus(); toastr.remove(); toastr.error('Invalid email address.'); return; } if (check_if_empty_field($('#dd_lead_brand'), 'Select brand.')) { return; } if (check_if_empty_field($('#dd_lead_model'), 'Select model.')) { return; } var $element = $("[json-lead-modal]"); var json_data = generate_json('json-lead-modal', $element); // console.log(json_data); // return; return $.ajax({ url: "app/models/lead.php", data: { model: type, json_data: json_data, lead_id: selected_lead, inquire_id: selected_lead_inquiry, owner_id: selected_group_owner.slice(-1)[0].owner_id }, type: "POST", dataType: 'json', beforeSend: function() { $('#btn_lead_save').prop( 'disabled', true); toastr.remove(); toastr.info("Saving lead."); }, success: function(result) { if (parseInt(result.status) === 1) { toastr.remove(); toastr.success(result.message); // refreshLeadfileTable(); init_function(init__function) $('#lead_modal').modal( 'hide'); $('#lead_modal').remove(); } else { $('#btn_lead_save').prop( 'disabled', false); toastr.remove(); toastr.error(result.message); } }, error: function() { $('#btn_lead_save').prop( 'disabled', false); toastr.remove(); toastr.error( "Error has occurred. Try again." ) } }); }); if(type == 'update'){ //get data $.when(lead_read_profile_form()).done(function(lead_information) { // console.log(lead_information); $.each(lead_information, function(i, n) { $("#" + i).text(n); $("#" + i).val(n); $("#" + i).trigger('change') }); //set customer type $('#type_category').hide(); if(parseInt(lead_information['lead_type']) === 1){ $('.company-field').hide(); $('.person-field').show(); $('#type_person').val('1'); $('#type_company').val('0'); $('#type_person').attr('checked',true); }else if(parseInt(lead_information['lead_type']) === 2){ $('.person-field').hide(); $('.company-field').show(); $('#type_person').val('0'); $('#type_company').val('1'); $('#type_company').attr('checked',true); } // set dealer customSelectOption($("#dd_lead_dealer"), lead_information['dealer_id'], lead_information['dealer_code']); // set brand customSelectOption($("#dd_lead_brand"), lead_information['brand_name'], lead_information['brand_name']); // set model customSelectOption($("#dd_lead_model"), lead_information['model_name'], lead_information['model_name']); // set color customSelectOption($("#dd_lead_color"), lead_information['color_name'], lead_information['color_name']); // set gender customSelectOption($("#dd_lead_gender"), lead_information['gender_id'], lead_information['gender']); //set alert var json_alert_id = JSON.parse(lead_information['json_alert_id']); $.each(json_alert_id, function(i, n) { $.each(n, function(j, m) { if(parseInt(m) === 1){ $("#" + j).attr('checked',true); } $("#" + j).text(m); $("#" + j).val(m); $("#" + j).trigger('change') }); }); }); } }); } function lead_read_profile_form(){ return $.ajax({ url: "app/models/lead.php", data: { model: 'lead_read_profile_form', // lead_id: selected_lead, inquire_id: selected_lead_inquiry }, type: "POST", dataType: 'json', beforeSend: function() {}, success: function(result) {}, error: function() { toastr.remove(); toastr.error( "Error has occurred. Try again." ) } }); } function get_user_dealers(){ return $.ajax({ url: "app/models/user.php", data: { model: 'get_user_dealers' }, type: "POST", dataType: 'json', beforeSend: function() {}, success: function(result) {}, error: function() { toastr.remove(); toastr.error( "Error has occurred. Try again." ) } }); } //END LEADS FILE////////////////////////////////////////////////////////////////////////////////////��views/common/scripts/lead_profile.js��0000644��00000236123�15025042104�0013643 0��ustar�00�� //START LEADS PROFILE FILE//////////////////////////////////////////////////////////////////////////////////// function init_leadprofile_page() { init_header(); if (side_menu_loaded) { init_leadprofile(); } else { $.when(init_side_content()).done(function(ajax1Results) { init_leadprofile(); }); } } var init_leadprofile = function() { return $.ajax({ url: "resources/views/lead_profile.php", data: {}, type: "POST", beforeSend: function() { show_hide_preloader(true); }, success: function(data) { document.title = 'Lead Information'; $('#center_content').html(data); add_content_close_listener('center_content'); defaultFunctions(); // $('#lead_activities_div').html(''); lead_activities_display_limit = lead_activities_display_limit_const; $('#lead_profile_back').on('click', function() { init_leadfile_page(); }); $.when(lead_profile(), lead_activities()).done(function(ajax1Results, ajax2Results) { //reset lead_activities_display_limit lead_activities_display_limit = lead_activities_display_limit + lead_activities_display_limit_const; //init objects $('#lead_activities_div').html(''); $('#lead_activity_view_more').on('click', function() { $.when(lead_activities()).done(function(ajax1Results2) { var result_lead_activities2 = ajax1Results2['data']; lead_activities_display_limit = lead_activities_display_limit + lead_activities_display_limit_const; lead_activities_display(result_lead_activities2); }); }); //ajax when area var result_lead_activities = ajax2Results[0]['data']; var result_lead_profile = ajax1Results[0]; //put profiule data to UI $.each(result_lead_profile, function(i, n) { if (i.startsWith('profile_href_')) { $("#" + i).attr("href", n); } else { $("#" + i).text(n); $("#" + i).val(n); $("#" + i).trigger('change') } }); // alert(result_lead_profile['inactive_lead']) //set if active or inactive if(parseInt(result_lead_profile['inactive_lead']) === 1){ $("#profile_inactive_label").show(); } //set progress bar for (var i = 1; i <= parseInt(result_lead_profile[ 'profile_progress_type_level']); i++) { $("#lead_progress_" + i).toggleClass('text-secondary').toggleClass( 'text-primary'); } //display latest activities $.each(result_lead_activities, function(i, n) { var data = result_lead_activities[i]; $('#latest_activity_type').text(data['type'] + ':'); $('#latest_activity_owner').text(data['owner']); $('#latest_activity_description').html(data['description']); return false; }); //set html classes & attributes progress_type_class_obj = (JSON.parse(result_lead_profile.html_class)); var progress_type_class_final = progress_type_class_obj.text.join(' '); $('#profile_progress_type').addClass(progress_type_class_final); //display all lead activities lead_activities_display(result_lead_activities); // action buttons //LEAD ADD PROGRESS $('#lead_profile_add_progress').on('click', function() { display_progress_modal('lead_profile','') }); // LEAD ADD NOTE $('#lead_profile_add_notes').on('click', function() { display_note_modal('lead_profile','') }); // LEAD ADD CALL $('#lead_profile_add_call').on('click', function() { display_call_modal('lead_profile','') }); // TAG INACTIVE LEAD $('#lead_profile_action_inactive').on('click', function() { display_inactive_modal('lead_profile','') }); $('#lead_profile_view').on('click', function() { display_lead_modal('lead_profile','update'); }); $('#lead_profile_send_sms').on('click', function() { display_sms_lead_modal('lead_profile','') }); $('#lead_profile_send_email').on('click', function() { display_mail_lead_modal('lead_profile','') }); show_hide_preloader(false); }); }, error: function() { toastr.remove(); toastr.error("Error has occurred. Try again.") } }); } function lead_profile() { return $.ajax({ url: "app/models/lead.php", data: { model: 'lead_profile_v2', lead_id: selected_lead }, type: "POST", dataType: 'json', beforeSend: function() {}, success: function(result) {}, error: function() { toastr.remove(); toastr.error( "Error has occurred. Try again." ) } }); } function lead_activities() { console.log("offset: " + (lead_activities_display_limit - lead_activities_display_limit_const)) console.log("limit: " + (lead_activities_display_limit_const)) return $.ajax({ url: "app/models/lead.php", data: { model: 'lead_activities', inquire_id: selected_lead_inquiry, offset: lead_activities_display_limit - lead_activities_display_limit_const, limit: lead_activities_display_limit_const }, type: "POST", dataType: 'json', beforeSend: function() {}, success: function(result) { // console.log(result) }, error: function() { toastr.remove(); toastr.error( "Error has occurred. Try again." ) } }); } function lead_activities_display(ajaxResult) { $.each(ajaxResult, function(i, n) { var data = ajaxResult[i]; // console.log(data); var activity_action = ''; if(data['activity_type'] == 'progress' && data['description'] == 'NEW LEAD'){ activity_action = ''; }else{ activity_action = `<span onclick="view_lead_activity('`+data['id']+`','`+data['activity_type']+`')" class="cursor-pointer" activity-update ><i class="fas fa-md fa-eye mr-1"></i><u>View </u></span>    <span onclick="remove_lead_activity('`+data['id']+`','`+data['activity_type']+`')" class="cursor-pointer" activity-remove ><i class="fas fa-md fa-eye mr-1"></i><u>Remove </u></span>`; } $('#lead_activities_div').append(`<div class="card-header bg-white pl-2 pr-2 pt-2 pb-1 rounded-0 border mb-2"> <div class="col-12 col-sm-12 col-md-12 d-flex align-items-stretch flex-column"> <div class="card card-default shadow-none h-100 m-0 p-0"> <!-- /.card-header --> <div class="card-body p-0 bg-white mb-0"> <div class="row"> <div class="col-sm-1 p-0"> <div class=" text-center bg-primary"> <span class="text-xl">` + data['type_letter'] + `</span> </div> </div> <div class="col-11"> <span class="text-sm mr-1"><b>` + data['type'] + `:</b></span> <span class="text-sm text-muted font-italic">` + data['owner'] + `</span> <div class="p-1 bg-light col-auto"> <!-- <div class="text-nowrap text-truncate" style="width:;"> --> <div class=""> <span class="text-wrap" >` + data['description'] + `</span> </div> </div> </div> </div> </div> <!-- /.card-body --> <div class="card-footer p-0 mt-1 bg-white"> <div class="float-right" >` +activity_action+ `</div> </div> </div> </div> </div>`); }); } function view_lead_activity(id,type){ switch(type){ case 'inactive': display_inactive_modal('lead_profile',id); break; case 'email': display_mail_lead_modal('lead_profile',id); break; case 'sms': display_sms_lead_modal('lead_profile',id); break; case 'call': display_call_modal('lead_profile',id); break; case 'note': display_note_modal('lead_profile',id) break; case 'progress': display_progress_modal('lead_profile',id) break; } } function remove_lead_activity(id,type){ Swal.fire({ icon: 'warning', html: 'Are you sure you want to remove this activity?', showDenyButton: false, showCancelButton: true, confirmButtonText: `Yes`, cancelButtonText: `No`, denyButtonText: `Don't Confirm`, showClass: { backdrop: 'swal2-noanimation', // disable backdrop animation popup: '', // disable popup animation icon: '' // disable icon animation }, hideClass: { popup: '', // disable popup fade-out animation }, customClass: 'swal-height' }).then((result) => { if (result.isConfirmed) { $.ajax({ url: "app/models/lead.php", method: "POST", dataType: 'json', data: { model: 'remove_activity', type : type, activity_id: id, inquire_id: selected_lead_inquiry }, beforeSend: function() { toastr.remove(); toastr.info('Removing...') }, success: function(result) { if (parseInt(result.status) === 1) { toastr.remove(); toastr.success(result.message); init_function('lead_profile'); } else { toastr.remove(); toastr.error(result.message); } } }); } else if (result.isDenied) {} else {} }) // switch(type){ // case 'inactive': // display_inactive_modal('lead_profile',id); // break; // case 'email': // display_mail_lead_modal('lead_profile',id); // break; // case 'sms': // display_sms_lead_modal('lead_profile',id); // break; // case 'call': // display_call_modal('lead_profile',id); // break; // case 'note': // display_note_modal('lead_profile',id) // break; // case 'progress': // display_progress_modal('lead_profile',id) // break; // } } function init_note_modal() { return $.ajax({ url: "resources/views/modals/note_modal.php", data: {}, type: "POST", beforeSend: function() {}, success: function(data) { $('#center_content').append(data); }, error: function() { toastr.remove(); toastr.error("Error has occurred. Try again.") } }); } function init_call_modal() { return $.ajax({ url: "resources/views/modals/call_modal.php", data: {}, type: "POST", beforeSend: function() {}, success: function(data) { $('#center_content').append(data); }, error: function() { toastr.remove(); toastr.error("Error has occurred. Try again.") } }); } function init_inactive_modal() { return $.ajax({ url: "resources/views/modals/inactive_modal.php", data: {}, type: "POST", beforeSend: function() {}, success: function(data) { $('#center_content').append(data); }, error: function() { toastr.remove(); toastr.error("Error has occurred. Try again.") } }); } function init_progress_modal() { return $.ajax({ url: "resources/views/modals/progress_modal.php", data: {}, type: "POST", beforeSend: function() {}, success: function(data) { $('#center_content').append(data); }, error: function() { toastr.remove(); toastr.error("Error has occurred. Try again.") } }); } function display_progress_modal(type,activity_id) { $.when(init_progress_modal(),progress_list_json(),get_progress_data(activity_id)).done(function(init_progress_modal_result,progress_list_json_result,progress_data_result) { $('#progress_modal').modal('show'); $('#progress_modal').on('hidden.bs.modal', function() { $('#progress_modal').remove(); }); $('#progress_type_div').html(''); $('#btn_lead_progress_save').on('click', function() { var selected_progress_type = $( 'input[name=lead_update_progress]:checked' ).val(); var lead_progress_description = $( '#txt_lead_progress_description') .val(); if (isEmpty(selected_progress_type) \|\| parseInt(selected_progress_type) === 1 /prevent selecting default status/ ) { toastr.remove(); toastr.error( 'Please select a progress type'); return false; } $.when(add_lead_progress(selected_progress_type,lead_progress_description,activity_id)).done(function(ajax1Results4) { init_function(type); }); }); // $.when(progress_list_json()).done(function( // ajax1Results3) { var results = JSON.parse(progress_list_json_result[0]); $.each(results, function(i, n) { var title_class = isEmpty(n[0][ 'type_class' ]) ? '{"badge":["badge-primary"],"text":["text-primary"]}' : n[0][ 'type_class' ]; title_class_obj = (JSON.parse( title_class)); var title_class_final = title_class_obj.badge.join( ' '); $('#progress_type_div').append(` <div class="col-sm"> <div class="col-12"> <span class="radius-none text-lg rounded-0 badge px-3 py-2 ` + title_class_final + `"> ` + i + `</span> </div> <div class="pt-2" id="progress_type_` + i + `"> </div> </div> `); $.each(results[i], function(j, m) { // alert(results[i][j]['id']+' ' +results[i][j]['name']); $('#progress_type_' + i).append(` <div class="col-12 pb-2 pr-0"> <input id="progress_type_` + results[i][j]['id'] + `" value="` + results[ i][j][ 'id' ] + `" class="align-middle mr-2" type="radio" name="lead_update_progress"> <label class="font-weight-normal text-nowrap mb-0 align-middle" for="progress_type_` + results[i][ j ][ 'id' ] + `"> ` + results[i][j]['name'] + `</label> </div> `); }); }); //disable newly added lead status or default status $('#progress_type_1').prop( 'disabled', true); // }); if(!isEmpty(activity_id)){ var progress_data = progress_data_result[0][0]; $.each(progress_data, function(i, n) { // alert(i+ ' ' +n) if(i == 'progress_type'){ // alert('#progress_type_'+n) $('#progress_type_'+n).prop('checked', true); }else{ $("#" + i).text(n); $("#" + i).val(n); $("#" + i).trigger('change') } }); } }); } function get_progress_data(activity_id){ if(isEmpty(activity_id)){ return false; } return $.ajax({ url: "app/models/lead.php", data: { model: 'get_progress_data', activity_id: activity_id }, type: "POST", dataType: 'json', beforeSend: function() {}, success: function(result) { // console.log(result) }, error: function() { toastr.remove(); toastr.error( "Error has occurred. Try again." ) } }); } function add_lead_progress(selected_progress_type, lead_progress_description,activity_id) { var activity_type = isEmpty(activity_id) ? 'add_lead_progress' : 'update_lead_progress' ; return $.ajax({ url: "app/models/lead.php", data: { model: activity_type, progress_type: selected_progress_type, description: lead_progress_description, inquire_id: selected_lead_inquiry, activity_id:activity_id }, type: "POST", dataType: 'json', beforeSend: function() { $('#btn_lead_progress_save').prop( 'disabled', true); toastr.remove(); toastr.info("Saving..."); }, success: function(result) { if (parseInt(result.status) === 1) { toastr.remove(); toastr.success(result .message); $('#progress_modal').modal( 'hide'); $('#progress_modal') .remove(); } else { $('#btn_lead_progress_save').prop( 'disabled', false); toastr.remove(); toastr.error(result .message); } }, error: function() { $('#btn_lead_progress_save').prop( 'disabled', false); toastr.remove(); toastr.error("Error has occurred. Try again.") } }); } function display_note_modal(type,activity_id){ $.when(init_note_modal(),get_note_data(activity_id)).done(function(ajax1Results4,note_data_result) { $('#note_modal').modal('show'); $('#note_modal').on('hidden.bs.modal', function() { $('#note_modal').remove(); }); $('#txt_reminder_time_div').datetimepicker({ format: 'LT' }) $('#txt_reminder_date_div').datetimepicker({ format: 'MM/DD/YYYY', minDate:moment() }); $("[lead-note-copy]").each(function() { $(this).on('change', function() { if (this.checked) { $(this).val("1"); } else { $(this).val("0"); } }); }); $('#btn_lead_note_save').on('click', function() { if (check_if_empty_field($( '#txt_lead_note_description'), 'Note is required.')) { return false; } if (!isEmpty($('#txt_reminder_date').val() .trim()) && isEmpty($( '#txt_reminder_time').val() .trim())) { $('#txt_reminder_time').focus(); toastr.remove(); toastr.error('Please enter time.') return false; } if (isEmpty($('#txt_reminder_date').val() .trim()) && !isEmpty($( '#txt_reminder_time').val() .trim())) { $('#txt_reminder_date').focus(); toastr.remove(); toastr.error('Please enter date.') return false; } var $element = $("[json-lead-note-modal]"); var json_data = generate_json( 'json-lead-note-modal', $element); // alert(json_data); $.when(add_lead_note(json_data,activity_id)).done(function(ajax1Results5) { init_function(type); }); }); // if(!isEmpty(activity_id)){ $("[lead-note-copy]").each(function() { $(this).prop('disabled',true); }); var note_data = note_data_result[0][0]; $.each(note_data, function(i, n) { $("#" + i).text(n); $("#" + i).val(n); $("#" + i).trigger('change') }); var selected_copy = JSON.parse(note_data.note_copy_json); $.each(selected_copy, function(i, n) { $.each(n, function(j, m) { if(parseInt(m) === 1){ $('#'+j).prop('checked', true); $('#'+j).val('1'); } }); }); } }); } function get_note_data(activity_id){ if(isEmpty(activity_id)){ return false; } return $.ajax({ url: "app/models/lead.php", data: { model: 'get_note_data', activity_id: activity_id }, type: "POST", dataType: 'json', beforeSend: function() {}, success: function(result) { // console.log(result) }, error: function() { toastr.remove(); toastr.error( "Error has occurred. Try again." ) } }); } function add_lead_note(json_data,activity_id){ var activity_type = isEmpty(activity_id) ? 'add_lead_note' : 'update_lead_note' ; return $.ajax({ url: "app/models/lead.php", data: { model: activity_type, json_data: json_data, inquire_id: selected_lead_inquiry, activity_id : activity_id }, type: "POST", dataType: 'json', beforeSend: function() { $('#btn_lead_note_save') .prop( 'disabled', true ); toastr.remove(); toastr.info( "Adding..."); }, success: function(result) { if (parseInt(result .status) === 1) { toastr.remove(); toastr.success( result .message); // init_leadprofile_page(); $('#note_modal') .modal( 'hide'); $('#note_modal') .remove(); } else { $('#btn_lead_note_save') .prop( 'disabled', false); toastr.remove(); toastr.error(result .message); } }, error: function() { $('#btn_lead_note_save') .prop( 'disabled', false); toastr.remove(); toastr.error( "Error has occurred. Try again." ) } }); } function display_call_modal(type,activity_id){ $.when(init_call_modal(),lead_profile(),get_call_data(activity_id)).done(function(ajax1Results1,ajax1Results2,call_data_result) { $('#call_modal').modal('show'); $('#call_modal').on('hidden.bs.modal', function() { $('#call_modal').remove(); }); // alert(ajaxResults3) var result_lead_profile = ajax1Results2[0]; //store lead contactss const lead_contacts = { mobile: result_lead_profile['profile_mobile'], viber: result_lead_profile['profile_viber'], landline: result_lead_profile['profile_landline'], email: result_lead_profile['profile_email'], }; $('#txt_follow_up_time_div').datetimepicker({ format: 'LT' }) $('#txt_follow_up_date_div').datetimepicker({ format: 'MM/DD/YYYY', minDate:moment() }); $.each(lead_contacts, function(i, n) { if (!isEmpty(n) && i != 'email') { var call_via_type = upper_first_letter(i); $('#lead_call_via_div').append(` <div class="form-check"> <input id="call_via_` + i + `" value="0" json-lead-call-modal="true" lead-call-via class="form-check-input" type="checkbox"> <label style="width:55px;" for="call_via_` + i + `" class="form-check-label">` + call_via_type + `</label> <label for="call_via_` + i + `" class="form-check-label">(` + n + `)</label> </div> `); } }); $("[lead-call-via]").each(function() { $(this).on('change', function() { if (this.checked) { $(this).val("1"); } else { $(this).val("0"); } }); }); $('#btn_lead_call_save').on('click', function() { if (check_if_empty_field($( '#txt_lead_call_description'), 'Description is required.')) { return false; } if (!isEmpty($('#txt_follow_up_date').val() .trim()) && isEmpty($( '#txt_follow_up_time').val() .trim())) { $('#txt_follow_up_time').focus(); toastr.remove(); toastr.error('Please enter time.') return false; } if (isEmpty($('#txt_follow_up_date').val() .trim()) && !isEmpty($( '#txt_follow_up_time').val() .trim())) { $('#txt_follow_up_date').focus(); toastr.remove(); toastr.error('Please enter date.') return false; } var $element = $("[json-lead-call-modal]"); var json_data = generate_json( 'json-lead-call-modal', $element); // alert(json_data); $.when(add_lead_call(json_data,activity_id)).done(function(ajax1Results6) { init_function(type); }); }); if(!isEmpty(activity_id)){ var call_data = call_data_result[0][0]; $.each(call_data, function(i, n) { $("#" + i).text(n); $("#" + i).val(n); $("#" + i).trigger('change') }); var selected_via_call = JSON.parse(call_data.call_via_json); $.each(selected_via_call, function(i, n) { $.each(n, function(j, m) { if(parseInt(m) === 1){ $('#'+j).prop('checked', true); $('#'+j).val('1'); } }); }); } }); } function get_call_data(activity_id){ if(isEmpty(activity_id)){ return false; } return $.ajax({ url: "app/models/lead.php", data: { model: 'get_call_data', activity_id: activity_id }, type: "POST", dataType: 'json', beforeSend: function() {}, success: function(result) { // console.log(result) }, error: function() { toastr.remove(); toastr.error( "Error has occurred. Try again." ) } }); } function add_lead_call(json_data,activity_id){ var activity_type = isEmpty(activity_id) ? 'add_lead_call' : 'update_lead_call' ; return $.ajax({ url: "app/models/lead.php", data: { model: activity_type, json_data: json_data, inquire_id: selected_lead_inquiry, activity_id:activity_id }, type: "POST", dataType: 'json', beforeSend: function() { $('#btn_lead_call_save') .prop( 'disabled', true ); toastr.remove(); toastr.info( "Saving..."); }, success: function(result) { if (parseInt(result .status) === 1) { toastr.remove(); toastr.success( result .message); // init_leadprofile_page(); $('#call_modal') .modal( 'hide'); $('#call_modal') .remove(); } else { $('#btn_lead_call_save') .prop( 'disabled', false); toastr.remove(); toastr.error(result .message); } }, error: function() { $('#btn_lead_call_save') .prop( 'disabled', false); toastr.remove(); toastr.error( "Error has occurred. Try again." ) } }); } function formatState (state) { // console.log(state);return false; if (!state.id) { return state.text; } var $state = $( '<span> ' + state.text + '</span>'+ ' ' + '<span class="font-weight-normal font-italic text-secondary text-xs m-0"> ' + state.type + '</span>' ); return $state; } function display_mail_lead_modal(type,activity_id){ $.when(init_mail_lead_modal(),get_mail_data(activity_id)).done(function(ajax1Results1,ajax2Results) { $('#mail_lead_modal').on('shown.bs.modal', function() { }) $('#mail_lead_modal').on('hidden.bs.modal', function() { $('#mail_lead_modal').remove(); }); $('#mail_lead_modal').modal('show'); init_mail_template_list(); $('#txt_lead_mail_lead_description').summernote({ placeholder: 'Compose a message', tabsize: 2, height: 200, dialogsInBody: true, tooltip: false, toolbar: [ // [groupName, [list of button]] ['style', ['bold', 'italic', 'underline', 'clear']], ['font', ['strikethrough', 'superscript', 'subscript']], ['fontsize', ['fontsize']], ['color', ['color']], ['para', ['ul', 'ol', 'paragraph']], ['height', ['height']], ['insert', ['picture', 'video','link']], ['view', ['fullscreen']] ] }); $('#btn_lead_mail_lead_save').on('click', function() { //alert conformation if (check_if_empty_field($( '#txt_lead_mail_lead_subject' ), 'Subject is required.')) { return false; } if ( $('#txt_lead_mail_lead_description').summernote('code') == '<p><br></p>' \|\| $('#txt_lead_mail_lead_description').summernote('code') == '') { $('#txt_lead_mail_lead_description').summernote('focus'); toastr.remove(); toastr.error('Message is required.') return false; } if ($('#txt_lead_mail_lead_description').val().trim().length <= 5) { $('#txt_lead_mail_lead_description').trigger('focus') toastr.remove(); toastr.error('Your message is too short.') return false; } var $element = $( "[json-mail-lead-modal]"); var json_data = generate_json( 'json-mail-lead-modal', $element); $.when(add_lead_mail(json_data,activity_id)).done(function(ajax1Results5) { init_function(type); }); }); $("[lead-mail-parameter]").each(function() { $(this).on('click', function() { set_mail_message($(this).text()); }); }); $('#remove_mail_lead_save_template').on('click', function() { Swal.fire({ icon: 'warning', html: 'Are you sure you want to remove this template?', showDenyButton: false, showCancelButton: true, confirmButtonText: `Yes`, cancelButtonText: `No`, denyButtonText: `Don't Confirm`, showClass: { backdrop: 'swal2-noanimation', // disable backdrop animation popup: '', // disable popup animation icon: '' // disable icon animation }, hideClass: { popup: '', // disable popup fade-out animation }, customClass: 'swal-height' }).then((result) => { if (result.isConfirmed) { var mail_template_id = $('#dd_mail_lead_template').val(); $.ajax({ url: "app/models/lead.php", data: { model: 'remove_mail_template', mail_template_id : mail_template_id }, type: "POST", dataType: 'json', beforeSend: function() { toastr.remove(); toastr.info( "Removing..."); }, success: function(result) { if (parseInt(result .status) === 1) { toastr.remove(); toastr.success( result .message); // $('#dd_mail_lead_template').select2('destroy'); // $('#dd_mail_lead_template').off('change'); // init_mail_template_list(); $('#dd_mail_lead_template').val('').trigger('change'); } else { toastr.remove(); toastr.error(result .message); } }, error: function() { toastr.remove(); toastr.error( "Error has occurred. Try again." ) } }); } else if (result.isDenied) {} else {} }) }); $("[lead-mail-chk]").each(function() { $(this).on('change', function() { if (this.checked) { $(this).val("1"); } else { $(this).val("0"); } }); }); $('#mail_lead_save_template').on('change', function() { if (this.checked) { Swal.fire({ text: "Template name", input: 'text', showCancelButton: true, preConfirm: (value) => { if (!value) { Swal.showValidationMessage( 'Template name is required' ) }else{ $(this).val(value); } } }).then(function(result){ if(result.value){ }else if(result.isDismissed){ $('#mail_lead_save_template').prop('checked', false); } }); } else { $(this).val(""); } }); $('#clear_mail_lead_description').on('click', function() { $('#txt_lead_mail_lead_description').summernote('reset'); $('#txt_lead_mail_lead_description').summernote('focus'); $('#dd_mail_lead_template').val('').trigger('change'); }); //get activity description if any // return false; if(!isEmpty(activity_id)){ var mail_data = ajax2Results[0][0] //hide elements $('#txt_lead_mail_lead_description').summernote('destroy'); $('#txt_lead_mail_lead_subject').attr('readonly', true); $('#txt_lead_mail_lead_subject').css('background-color', 'white'); $('#mail-template-section').hide(); $('#mail-parameter-section').hide(); $('#mail-save-template-section').hide(); $('#mail-bcc-section').hide(); $('#mail-clear-section').hide(); $('#btn_lead_mail_lead_save').off('click'); $('#btn_lead_mail_lead_save').hide(); $('#btn_lead_mail_lead_cancel').html('Close'); $('#txt_lead_mail_lead_description').summernote({ placeholder: 'Compose a message', tabsize: 2, height: 350, dialogsInBody: true, tooltip: false, toolbar: [] }); $('#txt_lead_mail_lead_description').summernote('disable'); $('.note-editor.note-airframe .note-editing-area .note-editable[contenteditable=false], .note-editor.note-frame .note-editing-area .note-editable[contenteditable=false]').css('background-color', 'white'); $.each(mail_data, function(i, n) { if(i == 'txt_lead_mail_lead_description'){ $('#txt_lead_mail_lead_description').summernote('code', n); }else{ $("#" + i).text(n); $("#" + i).val(n); $("#" + i).trigger('change') } }); } }); } function get_mail_data(activity_id){ if(isEmpty(activity_id)){ return false; } return $.ajax({ url: "app/models/lead.php", data: { model: 'get_mail_data', activity_id: activity_id }, type: "POST", dataType: 'json', beforeSend: function() {}, success: function(result) { // console.log(result) }, error: function() { toastr.remove(); toastr.error( "Error has occurred. Try again." ) } }); } function set_mail_message(text){ $('#txt_lead_mail_lead_description').summernote('saveRange'); // // Editor loses selected range (e.g after blur) $('#txt_lead_mail_lead_description').summernote('restoreRange'); $('#txt_lead_mail_lead_description').summernote('focus'); $('#txt_lead_mail_lead_description').summernote('insertText', text); } function init_mail_template_list(){ $('#dd_mail_lead_template').select2({ placeholder: "Select Template", allowClear: true, minimumResultsForSearch: -1, templateResult: formatState, // allowClear: true, ajax: { url: 'app/models/lead.php?model=my_mail_template_list', dataType: 'json' } }); $('#dd_mail_lead_template').on('change', function(e) { var mail_template_id = $('#dd_mail_lead_template').val(); if(isEmpty(mail_template_id)){ $('#remove_mail_lead_save_template').hide(); return false; }else{ $('#remove_mail_lead_save_template').show(); } $.ajax({ url: "app/models/lead.php", data: { model: 'get_mail_template', mail_template_id : mail_template_id }, type: "POST", dataType: 'json', beforeSend: function() { toastr.remove(); toastr.info( "Fetching..."); }, success: function(result) { if (parseInt(result .status) === 1) { toastr.remove(); toastr.success( result .message); // set text to field $('#txt_lead_mail_lead_subject').val(result.subject); // set_mail_message(result.content) $('#txt_lead_mail_lead_description').summernote('code', result.content); } else { toastr.remove(); toastr.error(result .message); } }, error: function() { toastr.remove(); toastr.error( "Error has occurred. Try again." ) } }); }); } function init_mail_lead_modal() { return $.ajax({ url: "resources/views/modals/mail_lead_modal.php", data: {}, type: "POST", beforeSend: function() {}, success: function(data) { $('#center_content').append(data); }, error: function() { toastr.remove(); toastr.error("Error has occurred. Try again.") } }); } function add_lead_mail(json_data){ return $.ajax({ url: "app/models/lead.php", data: { model: 'add_lead_mail', json_data: json_data, inquire_id: selected_lead_inquiry }, type: "POST", dataType: 'json', beforeSend: function() { $('#btn_lead_mail_lead_save') .prop( 'disabled', true ); toastr.remove(); toastr.info( "Processing..."); }, success: function(result) { if (parseInt(result .status) === 1) { toastr.remove(); toastr.success( result .message); // init_leadprofile_page(); $('#mail_lead_modal') .modal( 'hide'); $('#mail_lead_modal') .remove(); } else { $('#btn_lead_mail_lead_save') .prop( 'disabled', false); toastr.remove(); toastr.error(result .message); } }, error: function() { $('#btn_lead_mail_lead_save') .prop( 'disabled', false); toastr.remove(); toastr.error( "Error has occurred. Try again." ) } }); } function display_sms_lead_modal(type,activity_id){ $.when(init_sms_lead_modal(),get_sms_data(activity_id)).done(function(ajax1Results1,sms_data_result) { $('#sms_lead_modal').modal('show'); $('#sms_lead_modal').on('hidden.bs.modal', function() { $('#sms_lead_modal').remove(); }); init_sms_template_list(); $('#btn_lead_sms_lead_save').on('click', function() { //alert conformation if (check_if_empty_field($( '#txt_lead_sms_lead_description' ), 'Message is required.')) { return false; } if ($('#txt_lead_sms_lead_description').val().trim().length <= 5) { $('#txt_lead_sms_lead_description').trigger('focus') toastr.remove(); toastr.error('Your message is too short.') return false; } var $element = $( "[json-sms-lead-modal]"); var json_data = generate_json( 'json-sms-lead-modal', $element); $.when(add_lead_sms(json_data)).done(function(ajax1Results5) { init_function(type); }); }); $("[lead-sms-parameter]").each(function() { $(this).on('click', function() { // $('#txt_lead_sms_lead_description').val($('#txt_lead_sms_lead_description').val()+$(this).text()); $('#txt_lead_sms_lead_description').insertAtCaret($(this).text()); $('#txt_lead_sms_lead_description').trigger('focus'); }); }); $('#remove_sms_lead_save_template').on('click', function() { Swal.fire({ icon: 'warning', html: 'Are you sure you want to remove this template?', showDenyButton: false, showCancelButton: true, confirmButtonText: `Yes`, cancelButtonText: `No`, denyButtonText: `Don't Confirm`, showClass: { backdrop: 'swal2-noanimation', // disable backdrop animation popup: '', // disable popup animation icon: '' // disable icon animation }, hideClass: { popup: '', // disable popup fade-out animation }, customClass: 'swal-height' }).then((result) => { if (result.isConfirmed) { var sms_template_id = $('#dd_sms_lead_template').val(); $.ajax({ url: "app/models/lead.php", data: { model: 'remove_sms_template', sms_template_id : sms_template_id }, type: "POST", dataType: 'json', beforeSend: function() { toastr.remove(); toastr.info( "Removing..."); }, success: function(result) { if (parseInt(result .status) === 1) { toastr.remove(); toastr.success( result .message); // $('#dd_sms_lead_template').select2('destroy'); // $('#dd_sms_lead_template').off('change'); // init_sms_template_list(); $('#dd_sms_lead_template').val('').trigger('change'); } else { toastr.remove(); toastr.error(result .message); } }, error: function() { toastr.remove(); toastr.error( "Error has occurred. Try again." ) } }); } else if (result.isDenied) {} else {} }) }); $('#sms_lead_save_template').on('change', function() { if (this.checked) { Swal.fire({ text: "Template name", input: 'text', showCancelButton: true, preConfirm: (value) => { if (!value) { Swal.showValidationMessage( 'Template name is required' ) }else{ $(this).val(value); } } }).then(function(result){ if(result.value){ }else if(result.isDismissed){ $('#sms_lead_save_template').prop('checked', false); } }); } else { $(this).val(""); } }); $('#clear_sms_lead_description').on('click', function() { $('#txt_lead_sms_lead_description').val(''); $('#dd_sms_lead_template').val('').trigger('change'); }); if(!isEmpty(activity_id)){ var mail_data = sms_data_result[0][0]; $('#clear_sms_lead_description').hide(); $('#sms-template-section').hide(); $('#sms-save-template-section').hide(); $('#sms-parameter-section').hide(); $('#txt_lead_sms_lead_description').attr('readonly', true); $('#txt_lead_sms_lead_description').css('background-color', 'white'); $('#btn_lead_sms_lead_save').off('click'); $('#btn_lead_sms_lead_save').hide(); $('#btn_lead_sms_lead_cancel').html('Close'); $.each(mail_data, function(i, n) { $("#" + i).text(n); $("#" + i).val(n); $("#" + i).trigger('change') }); } }); } function get_sms_data(activity_id){ if(isEmpty(activity_id)){ return false; } return $.ajax({ url: "app/models/lead.php", data: { model: 'get_sms_data', activity_id: activity_id }, type: "POST", dataType: 'json', beforeSend: function() {}, success: function(result) { // console.log(result) }, error: function() { toastr.remove(); toastr.error( "Error has occurred. Try again." ) } }); } function init_sms_lead_modal() { return $.ajax({ url: "resources/views/modals/sms_lead_modal.php", data: {}, type: "POST", beforeSend: function() {}, success: function(data) { $('#center_content').append(data); }, error: function() { toastr.remove(); toastr.error("Error has occurred. Try again.") } }); } function add_lead_sms(json_data){ return $.ajax({ url: "app/models/lead.php", data: { model: 'add_lead_sms', json_data: json_data, inquire_id: selected_lead_inquiry }, type: "POST", dataType: 'json', beforeSend: function() { $('#btn_lead_sms_lead_save') .prop( 'disabled', true ); toastr.remove(); toastr.info( "Processing..."); }, success: function(result) { if (parseInt(result .status) === 1) { toastr.remove(); toastr.success( result .message); // init_leadprofile_page(); $('#sms_lead_modal') .modal( 'hide'); $('#sms_lead_modal') .remove(); } else { $('#btn_lead_sms_lead_save') .prop( 'disabled', false); toastr.remove(); toastr.error(result .message); } }, error: function() { $('#btn_lead_sms_lead_save') .prop( 'disabled', false); toastr.remove(); toastr.error( "Error has occurred. Try again." ) } }); } function init_sms_template_list(){ $('#dd_sms_lead_template').select2({ placeholder: "Select Template", allowClear: true, minimumResultsForSearch: -1, templateResult: formatState, // allowClear: true, ajax: { url: 'app/models/lead.php?model=my_sms_template_list', dataType: 'json' } }); $('#dd_sms_lead_template').on('change', function(e) { var sms_template_id = $('#dd_sms_lead_template').val(); if(isEmpty(sms_template_id)){ $('#remove_sms_lead_save_template').hide(); return false; }else{ $('#remove_sms_lead_save_template').show(); } $.ajax({ url: "app/models/lead.php", data: { model: 'get_sms_template', sms_template_id : sms_template_id }, type: "POST", dataType: 'json', beforeSend: function() { toastr.remove(); toastr.info( "Fetching..."); }, success: function(result) { if (parseInt(result .status) === 1) { toastr.remove(); toastr.success( result .message); // set text to field $('#txt_lead_sms_lead_description').val(result.content); } else { toastr.remove(); toastr.error(result .message); } }, error: function() { toastr.remove(); toastr.error( "Error has occurred. Try again." ) } }); }); } function display_inactive_modal(type,activity_id){ $.when(init_inactive_modal(),get_inactive_data(activity_id)).done(function(ajax1Results1,inactive_data_result) { $('#inactive_modal').modal('show'); $('#inactive_modal').on('hidden.bs.modal', function() { $('#inactive_modal').remove(); }); $('#txt_revisit_date_div').datetimepicker({ format: 'MM/DD/YYYY', minDate:moment() }); $('#btn_lead_inactive_save').on('click', function() { //alert conformation if (check_if_empty_field($( '#txt_lead_inactive_description' ), 'Reason is required.')) { return false; } var $element = $( "[json-lead-inactive-modal]"); var json_data = generate_json( 'json-lead-inactive-modal', $element); $.when(add_lead_inactive(json_data,activity_id)).done(function(ajax1Results5) { if(parseInt(ajax1Results5.status) === 1){ init_function(type); } }); }); //get activity description if any if(!isEmpty(activity_id)){ var inactive_data = inactive_data_result[0][0] $.each(inactive_data, function(i, n) { $("#" + i).text(n); $("#" + i).val(n); $("#" + i).trigger('change') }); } }); } function get_inactive_data(activity_id){ if(isEmpty(activity_id)){ return false; } return $.ajax({ url: "app/models/lead.php", data: { model: 'get_inactive_data', activity_id: activity_id }, type: "POST", dataType: 'json', beforeSend: function() {}, success: function(result) { // console.log(result) }, error: function() { toastr.remove(); toastr.error( "Error has occurred. Try again." ) } }); } function add_lead_inactive(json_data,activity_id){ var activity_type = isEmpty(activity_id) ? 'add_lead_inactive' : 'update_lead_inactive' ; return $.ajax({ url: "app/models/lead.php", data: { model: activity_type, json_data: json_data, inquire_id: selected_lead_inquiry, activity_id : activity_id }, type: "POST", dataType: 'json', beforeSend: function() { $('#btn_lead_inactive_save') .prop( 'disabled', true ); toastr.remove(); toastr.info( "Saving..."); }, success: function(result) { if (parseInt(result .status) === 1) { toastr.remove(); toastr.success( result .message); // init_leadprofile_page(); $('#inactive_modal') .modal( 'hide'); $('#inactive_modal') .remove(); } else { $('#btn_lead_inactive_save') .prop( 'disabled', false); toastr.remove(); toastr.error(result .message); } }, error: function() { $('#btn_lead_inactive_save') .prop( 'disabled', false); toastr.remove(); toastr.error( "Error has occurred. Try again." ) } }); } function progress_list_json() { return $.ajax({ url: "app/models/lead.php", data: { model: 'lead_progress_list' }, type: "POST", beforeSend: function() {}, success: function(data) { }, error: function() { toastr.remove(); toastr.error("Error has occurred. Try again.") } }); } //END LEADS PROFILE FILE////////////////////////////////////////////////////////////////////////////////////��views/common/scripts/masterfile.js��0000644��00000031720�15025042104�0013345 0��ustar�00�� //MASTER FILE///////////////////////////////////////////////////////////////////////////////////////////////////// function init_masterfile_page() { init_header(); if (side_menu_loaded) { init_masterfile(); } else { $.when(init_side_content()).done(function(ajax1Results) { init_masterfile(); }); } } var init_masterfile = function() { return $.ajax({ url: "resources/views/masterfile.php", data: {}, type: "POST", beforeSend: function() {}, success: function(data) { document.title = 'Masterfile'; $('#center_content').html(data); add_content_close_listener('center_content'); $('#master_add_company').on('click', function() { if(!global_menu_access.includes(2)){ return false; } $.when(init_company_modal()).done(function(ajax1Results) { $('#company_modal').modal('show'); $('#company_modal').on('hidden.bs.modal', function() { $('#company_modal').remove(); }); var selected_tab = 1; $('#txt_company_code').focus(); $('#company-modal-company-tab').on('click', function() { selected_tab = 1; }); $('#company-modal-dealer-tab').on('click', function() { selected_tab = 2; }); $("#dd_dealer_company").select2({ // tags:true, // multiple: true, placeholder: "Select company", allowClear: true, escapeMarkup: function(markup) { return markup; }, ajax: { url: 'app/models/company.php', dataType: 'json', delay: 250, data: function(data) { return { model: 'company_list', api: true, search: data.term // search term }; }, processResults: function(response) { return { results: response }; }, cache: true } }); $('#btn_company_save').on('click', function() { if (parseInt(selected_tab) === 1) { if (check_if_empty_field($('#txt_company_code'), 'Code is required.')) { return; } if (check_if_empty_field($('#txt_company_name'), 'Name is required.')) { return; } var $element = $("[json-company-modal]"); var json_data = generate_json('json-company-modal', $element); return $.ajax({ url: "app/models/company.php", data: { model: 'add', json_data: json_data }, type: "POST", dataType: 'json', beforeSend: function() { $('#btn_company_save').prop( 'disabled', true); toastr.remove(); toastr.info("Adding..."); }, success: function(result) { if (parseInt(result.status) === 1) { toastr.remove(); toastr.success(result .message); refreshMasterfileTable(); $('#company_modal').modal( 'hide'); $('#company_modal') .remove(); } else { $('#btn_company_save').prop( 'disabled', false); toastr.remove(); toastr.error(result .message); } }, error: function() { $('#btn_company_save').prop( 'disabled', false); toastr.remove(); toastr.error( "Error has occurred. Try again." ) } }); } else if (parseInt(selected_tab) === 2) { if (check_if_empty_field($('#dd_dealer_company'), 'Dealer company is required.')) { return; } if (check_if_empty_field($('#txt_dealer_code'), 'Code is required.')) { return; } if (check_if_empty_field($('#txt_dealer_name'), 'Name is required.')) { return; } var $element = $("[json-dealer-modal]"); var json_data = generate_json('json-dealer-modal', $element); return $.ajax({ url: "app/models/dealer.php", data: { model: 'add', json_data: json_data }, type: "POST", dataType: 'json', beforeSend: function() { $('#btn_company_save').prop( 'disabled', true); toastr.remove(); toastr.info("Adding..."); }, success: function(result) { if (parseInt(result.status) === 1) { toastr.remove(); toastr.success(result .message); $('#company_modal').modal( 'hide'); $('#company_modal') .remove(); } else { $('#btn_company_save').prop( 'disabled', false); toastr.remove(); toastr.error(result .message); } }, error: function() { $('#btn_company_save').prop( 'disabled', false); toastr.remove(); toastr.error( "Error has occurred. Try again." ) } }); } }); }); }); refreshMasterfileTable(); $('#table_masterfile').on('click-cell.bs.table', function(field, row, value, $el) { if (row != "remove") { selected_company = $el.id; init_leadfile_page(); // init_groupfile_page(); } }); accessManagement(2); show_hide_preloader(false); }, error: function() { toastr.remove(); toastr.error("Error has occurred. Try again.") } }); } function init_company_modal() { return $.ajax({ url: "resources/views/modals/company_modal.php", data: {}, type: "POST", beforeSend: function() {}, success: function(data) { $('#center_content').append(data); }, error: function() { toastr.remove(); toastr.error("Error has occurred. Try again.") } }); } function initMasterfileList() { var $table = $('#table_masterfile'); $table.bootstrapTable('destroy').bootstrapTable({ sidePagination: 'server', formatSearch: function() { return 'Search...' }, onLoadSuccess: function() { $('.masterfile_action_remove').hide(); accessManagement(2) // if(!global_menu_access.includes(2)){ // $('.masterfile_action_remove').hide(); // }else{ // $('.masterfile_action_remove').show(); // } }, exportOptions: { fileName: function() { return 'titile' } } }); } function refreshMasterfileTable() { initMasterfileList(); var $table = $('#table_masterfile') $(function() { $table.bootstrapTable('refresh', { url: 'app/models/company.php' }); }) } function masterFileQueryParams(params) { return { search: params.search, offset: params.offset, limit: params.limit, sort: params.sort, order: params.order, model: 'company_table', }; } function removeCompanyFormatter(value, row, index) { return '<i class="fa-times fa fa-times text-danger cursor-pointer" aria-hidden="true"></i>'; } window.removeCompanyEvent = { 'click i': function(e, value, row, index) { if(!global_menu_access.includes(2)){ return false; } Swal.fire({ icon: 'warning', html: 'Are you sure you want to remove this company?', showDenyButton: false, showCancelButton: true, confirmButtonText: `Yes`, cancelButtonText: `No`, denyButtonText: `Don't Confirm`, showClass: { backdrop: 'swal2-noanimation', // disable backdrop animation popup: '', // disable popup animation icon: '' // disable icon animation }, hideClass: { popup: '', // disable popup fade-out animation }, customClass: 'swal-height' }).then((result) => { if (result.isConfirmed) { $.ajax({ url: "app/models/company.php", method: "POST", dataType: 'json', data: { model: 'remove', id: row.id }, beforeSend: function() { toastr.remove(); toastr.info('Removing...') }, success: function(result) { if (parseInt(result.status) === 1) { toastr.remove(); toastr.success(result.message); refreshMasterfileTable(); } else { toastr.remove(); toastr.error(result.message); } } }); } else if (result.isDenied) {} else {} }) } }; //MASTER FILE/////////////////////////////////////////////////////////////////////////////////////////////////////��views/common/scripts/signin.js��0000644��00000007746�15025042104�0012514 0��ustar�00��var init_signin = function() { init_toastr(); return $.ajax({ url: "resources/views/signin.php", data: {}, type: "POST", beforeSend: function() { show_hide_preloader(true); }, // success: function(data) { // }, success: function(data) { document.title = 'Sign in'; side_menu_loaded = false; init_destroy_session(); $('#header_content').html(''); $('#main_content').html(data); // var conn = new WebSocket('ws://localhost:8080'); // conn.onopen = function(e) { // console.log("Connection established!"); // }; // conn.onmessage = function(e) { // console.log(e.data); // var data = JSON.parse(e.data); // alert(data.msg) // }; // $('#forgot_password').on('click', function(){ // var data = { // userId : 1, // msg : $('#username').val() // }; // conn.send(JSON.stringify(data)); // }); $('#create_account').on('click', function() { init_signup(); }); $('#username').on('keyup',function(e) { if (e.which == 13) { // if ($('#username').is(":focus") \|\| $('#password').is(":focus")) { $('#btn_signin').trigger('click'); return; // } } str = $(this).val().trim() str = str.replace(/\s/g, '') $(this).val(str) }); $('#password').on('keyup',function(e) { if (e.which == 13) { $('#btn_signin').trigger('click'); return; } }); // $(document).on('keypress', function(e) { // console.log(e.which); // if (e.which == 13) { // if ($('#username').is(":focus") \|\| $('#password').is(":focus")) { // $('#btn_signin').trigger('click'); // } // } // }); $('#btn_signin').on('click', function() { if (check_if_empty_field($('#username'), 'ID number or email address is required.')) { return; } if (check_if_empty_field($('#password'), 'Password is required.')) { return; } var $element = $("[json-signin]"); var json_data = generate_json('json-signin', $element); return $.ajax({ url: "app/models/user.php", data: { model: 'signin', api: true, json_data: json_data }, type: "POST", dataType: 'json', beforeSend: function() { toastr.remove(); toastr.info("Signing in."); }, success: function(result) { if (parseInt(result.status) === 1) { toastr.remove(); toastr.success(result.message); init_default_page(); } else { toastr.remove(); toastr.error(result.message); } }, error: function() { toastr.remove(); toastr.error("Error has occurred. Try again.") } }); }); show_hide_preloader(false); }, error: function() { toastr.remove(); toastr.error("Error has occurred. Try again.") } }); };��views/common/scripts/default_options.js��0000644��00000002452�15025042104�0014411 0��ustar�00��//START CHANGE DEFAULTS/////////////////////////////// function init_toastr() { toastr.options = { "closeButton": true, "debug": false, "progressBar": true, "positionClass": "toast-top-right", "showDuration": "300", "hideDuration": "1000", "timeOut": "3000", "extendedTimeOut": "1000", "showEasing": "swing", "hideEasing": "linear", "showMethod": "fadeIn", "hideMethod": "fadeOut" }; } $.fn.extend({ insertAtCaret: function(myValue) { this.each(function() { if (document.selection) { this.focus(); var sel = document.selection.createRange(); sel.text = myValue; this.focus(); } else if (this.selectionStart \|\| this.selectionStart == '0') { var startPos = this.selectionStart; var endPos = this.selectionEnd; var scrollTop = this.scrollTop; this.value = this.value.substring(0, startPos) + myValue + this.value.substring(endPos,this.value.length); this.focus(); this.selectionStart = startPos + myValue.length; this.selectionEnd = startPos + myValue.length; this.scrollTop = scrollTop; } else { this.value += myValue; this.focus(); } }); return this; } });��views/common/scripts/role.js��0000644��00000040236�15025042104�0012155 0��ustar�00��//START ROLES FILE////////////////////////////////////////////////////////////////////////// function init_rolefile_page() { init_header(); if (side_menu_loaded) { init_rolefile(); } else { $.when(init_side_content()).done(function(ajax1Results) { init_rolefile(); }); } } var init_rolefile = function() { return $.ajax({ url: "resources/views/roles.php", data: {}, type: "POST", beforeSend: function() {}, success: function(data) { document.title = 'Roles'; $('#center_content').html(data); add_content_close_listener('center_content'); $('#role_back').on('click', function() { init_config_page(); }); $('#role-search').focusin(function() { $('#role-search-div').removeClass('default-search-size'); $('#role-search-div').addClass('expand-search-size'); }); $('#role-search').focusout(function() { if (isEmpty($(this).val())) { $('#role-search-div').removeClass('expand-search-size'); $('#role-search-div').addClass('default-search-size'); } }); $('#role-search').on('keyup',delay(function(e) { refreshRolefileTableSilent(); }, 500)); $(document).on('click', '.role-list-filter', function(e) { e.stopPropagation(); }); $('#role_add_role').on('click', function() { $.when(init_role_modal(), create_temporary_role()).done(function(ajax1Results, ajax2Results) { // alert(ajax2Results.id) created_role_id = ajax2Results[0].id; $('#role_modal').modal('show'); $('#role_modal').on('hidden.bs.modal', function() { remove_temporary_role(created_role_id); $('#role_modal').remove(); }); $("[role-access]").each(function() { $(this).on('change', function() { if (this.checked) { $(this).val("1"); } else { $(this).val("0"); } }); }); //role dealer tab $('#role-dealer-search').focusin(function() { $('#role-dealer-search-div').removeClass( 'default-search-size'); $('#role-dealer-search-div').addClass( 'expand-search-size'); }); $('#role-dealer-search').focusout(function() { if (isEmpty($(this).val())) { $('#role-dealer-search-div').removeClass( 'expand-search-size'); $('#role-dealer-search-div').addClass( 'default-search-size'); } }); $('#role-dealer-search').on('keyup',delay(function(e) { refreshRoleDealerfileTableSilent(); }, 500)); //end role tab $('#txt_role_name').focus(); $('#btn_role_save').on('click', function() { if (check_if_empty_field($('#txt_role_name'), 'Role name is required.')) { return; } var $element = $("[json-role-modal]"); var json_data = generate_json('json-role-modal', $element); update_role(created_role_id, json_data) // console.log(json_data); }); refreshRoleDealerfileTable(); }); }); refreshRolefileTable(); $('#table_rolefile').on('click-cell.bs.table', function(field, value, row, $el) { if (value != "action") { //update role $.when(init_role_modal()).done(function(ajax1Results) { init_role_modal_elements($el.id,$el.name,$el.menu_access); }); } }); show_hide_preloader(false); }, error: function() { toastr.remove(); toastr.error("Error has occurred. Try again.") } }); } function init_role_modal_elements(role_id,role_name,role_access){ created_role_id = role_id; $('#role_modal').modal('show'); $('#role_modal').on('hidden.bs.modal', function() { $('#role_modal').remove(); }); $("[role-access]").each(function() { $(this).on('change', function() { if (this.checked) { $(this).val("1"); } else { $(this).val("0"); } }); }); //role dealer tab $('#role-dealer-search').focusin(function() { $('#role-dealer-search-div').removeClass( 'default-search-size'); $('#role-dealer-search-div').addClass( 'expand-search-size'); }); $('#role-dealer-search').focusout(function() { if (isEmpty($(this).val())) { $('#role-dealer-search-div').removeClass( 'expand-search-size'); $('#role-dealer-search-div').addClass( 'default-search-size'); } }); $('#role-dealer-search').on('keyup',delay(function(e) { refreshRoleDealerfileTableSilent(); }, 500)); //end role tab $('#txt_role_name').focus(); $('#txt_role_name').val(role_name); $('#btn_role_save').on('click', function() { if (check_if_empty_field($('#txt_role_name'), 'Role name is required.')) { return; } var $element = $("[json-role-modal]"); var json_data = generate_json('json-role-modal', $element); update_role(created_role_id, json_data) // console.log(json_data); }); //set check to menu access const menuobj = JSON.parse(role_access); // console.log(menuobj) $.each(menuobj, function(i, n) { var $current_el = $('#ra_'+n); $current_el.val("1"); $current_el.attr('checked',true); }); refreshRoleDealerfileTable(); } function init_role_modal() { return $.ajax({ url: "resources/views/modals/role_modal.php", data: {}, type: "POST", beforeSend: function() {}, success: function(data) { $('#center_content').append(data); }, error: function() { toastr.remove(); toastr.error("Error has occurred. Try again.") } }); } function update_role(role_id, json_data) { return $.ajax({ url: "app/models/user.php", data: { model: 'update_role', id: role_id, json_data: json_data }, type: "POST", dataType: 'json', beforeSend: function() { $('#btn_role_save').prop( 'disabled', true); toastr.remove(); toastr.info("Saving role."); }, success: function(result) { if (parseInt(result.status) === 1) { refreshRolefileTable(); toastr.remove(); toastr.success(result.message); // refreshRoleDealerfileTable(); $('#role_modal').off('hidden.bs.modal').on('hidden.bs.modal', function() {}); $('#role_modal').modal( 'hide'); $('#role_modal').remove(); } else { $('#btn_role_save').prop( 'disabled', false); toastr.remove(); toastr.error(result.message); } }, error: function() { $('#btn_role_save').prop( 'disabled', false); toastr.remove(); toastr.error("Error has occurred. Try again.") } }); } function create_temporary_role() { return $.ajax({ url: "app/models/user.php", data: { model: 'add_temporary_role' }, type: "POST", dataType: 'json', beforeSend: function() {}, success: function(result) { // console.log(result) return result; }, error: function() { toastr.remove(); toastr.error("Error has occurred. Try again.") } }); } function remove_temporary_role(role_id) { return $.ajax({ url: "app/models/user.php", data: { model: 'remove_temporary_role', id: role_id }, type: "POST", dataType: 'json', beforeSend: function() {}, success: function(result) { }, error: function() { toastr.remove(); toastr.error("Error has occurred. Try again.") } }); } function refreshRolefileTable() { initRolefileList(); var $table = $('#table_rolefile') $(function() { $table.bootstrapTable('refresh', { url: 'app/models/user.php' }); }) } function refreshRolefileTableSilent() { var $table = $('#table_rolefile') $(function() { $table.bootstrapTable('refresh', { url: 'app/models/user.php' }); }) } function initRolefileList() { var $table = $('#table_rolefile'); $table.bootstrapTable('destroy').bootstrapTable({ sidePagination: 'server', formatSearch: function() { return 'Search...' }, onLoadSuccess: function() {}, exportOptions: { fileName: function() { return 'titile' } } }); } function rolefileQueryParams(params) { return { search: $('#role-search').val(), offset: params.offset, limit: params.limit, sort: params.sort, order: params.order, model: 'role_list', }; } function removeRoleFormatter(value, row, index) { return '<i class="fa fa-times text-danger cursor-pointer" aria-hidden="true"></i>'; } window.removeRoleEvent = { 'click i': function(e, value, row, index) { if (parseInt(row.user_count) > 0) { toastr.remove(); toastr.error('Role is currently active in some users.'); return; } Swal.fire({ icon: 'warning', html: 'Are you sure you want to remove this role?', showDenyButton: false, showCancelButton: true, confirmButtonText: `Yes`, cancelButtonText: `No`, denyButtonText: `Don't Confirm`, showClass: { backdrop: 'swal2-noanimation', // disable backdrop animation popup: '', // disable popup animation icon: '' // disable icon animation }, hideClass: { popup: '', // disable popup fade-out animation }, customClass: 'swal-height' }).then((result) => { if (result.isConfirmed) { $.ajax({ url: "app/models/user.php", method: "POST", dataType: 'json', data: { model: 'remove_role', id: row.id }, beforeSend: function() { toastr.remove(); toastr.info('Removing...') }, success: function(result) { if (parseInt(result.status) === 1) { toastr.remove(); toastr.success(result.message); refreshRolefileTable(); } else { toastr.remove(); toastr.error(result.message); } }, error: function() { toastr.remove(); toastr.error( "Error has occurred. Try again." ) } }); } else if (result.isDenied) {} else {} }) } }; ////START ROLE DEALER function refreshRoleDealerfileTable() { initRoleDealerfileList(); var $table = $('#table_role_dealer_file') $(function() { $table.bootstrapTable('refresh', { url: 'app/models/user.php' }); }) } function refreshRoleDealerfileTableSilent() { var $table = $('#table_role_dealer_file') $(function() { $table.bootstrapTable('refresh', { url: 'app/models/user.php' }); }) } function initRoleDealerfileList() { var $table = $('#table_role_dealer_file'); $table.bootstrapTable('destroy').bootstrapTable({ sidePagination: 'server', formatSearch: function() { return 'Search...' }, onLoadSuccess: function() {}, exportOptions: { fileName: function() { return 'titile' } } }); } function roleDealerfileQueryParams(params) { return { search: $('#role-dealer-search').val(), offset: params.offset, limit: params.limit, sort: params.sort, order: params.order, role_id: created_role_id, model: 'role_dealer_list', }; } function roleDealerFormatter(value, row, index) { var html = '<input class="" type="checkbox">'; if (parseInt(row.status) === 1) { html = '<input class="" type="checkbox" checked>'; } return html; } window.roleDealerEvent = { 'click input': function(e, value, row, index) { //get selected id $.ajax({ url: "app/models/user.php", method: "POST", dataType: 'json', data: { model: 'role_change_status', dealer_id: row.d_id, role_id: created_role_id }, beforeSend: function() { // toastr.remove(); // toastr.info('Updating...') }, success: function(result) { if (parseInt(result.status) === 1) { // toastr.remove(); // toastr.success(result.message); refreshRoleDealerfileTableSilent(); } else { toastr.remove(); toastr.error(result.message); } }, error: function() { toastr.remove(); toastr.error( "Error has occurred. Try again." ) } }); } }; ////END ROLE DEALER //END ROLES FILE////////////////////////////////////////////////////////////////////////////////////��views/common/header_main.php��0000644��00000020417�15025042104�0012133 0��ustar�00��<!-- Navbar --> <nav class="main-header navbar navbar-expand navbar-white navbar-light"> <!-- Left navbar links --> <ul class="navbar-nav"> <li class="nav-item d-none d-sm-inline-block" id="nav_home"> <a href="../index.php" class="nav-link">Home</a> </li> <li class="nav-item dropdown"> <a class="nav-link" data-toggle="dropdown" href="#"> Menu </a> <div class="dropdown-menu dropdown-menu-xs dropdown-menu-left p-0"> <!-- <a href="#" class="dropdown-item dropdown-footer">Sign out</a> --> <div class="dropdown-divider mt-0 mb-1"></div> <a href="#" class="dropdown-item" id="nav_dashboard"> <i class="fas fa-chart-pie mr-2"></i> Dashboard </a> <div class="dropdown-divider mt-1 mb-1"></div> <a href="#" class="dropdown-item" id="nav_masterfile"> <i class="fas fa-file mr-2"></i> Masterfile </a> <div class="dropdown-divider mt-1 mb-1" id="nav_groups_divider" style="display:none;"></div> <a href="#" class="dropdown-item" id="nav_groups" style="display:none;"> <i class="fas fa-users mr-2"></i> My Groups </a> <div class="dropdown-divider mt-1 mb-1 " id="nav_config_divider" style="display: none;"></div> <a href="#" class="dropdown-item" id="nav_config" style="display: none;"> <i class="fas fa-cogs mr-2"></i> Settings </a> <div class="dropdown-divider mt-1 mb-0"></div> </div> </li> <!-- <li class="nav-item d-none d-sm-inline-block" > <a href="#" class="nav-link">Dashboard</a> </li> <li class="nav-item d-none d-sm-inline-block" > <a href="#" class="nav-link">Masterfile</a> </li> --> <li class="nav-item d-none d-sm-inline-block" id="nav_contact_us"> <a href="#" class="nav-link">Contact Us</a> </li> <li class="nav-item d-none d-sm-inline-block" id="nav_chat"> <a href="#" class="nav-link">Chat</a> </li> <li class="nav-item d-none d-sm-inline-block" id="nav_help"> <a href="#" class="nav-link">Help</a> </li> <li class="nav-item d-none d-sm-inline-block" id="nav_reports"> <a href="#" class="nav-link">Reports</a> </li> </ul> <!-- Right navbar links --> <ul class="navbar-nav ml-auto"> <!-- Messages Dropdown Menu --> <li class="nav-item dropdown" hidden> <a class="nav-link" data-toggle="dropdown" href="#"> <i class="far fa-comments"></i> <span class="badge badge-primary navbar-badge">3</span> </a> <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right"> <a href="#" class="dropdown-item"> <!-- Message Start --> <div class="media"> <img src="dist/img/user1-128x128.jpg" alt="User Avatar" class="img-size-50 mr-3 img-circle"> <div class="media-body"> <h3 class="dropdown-item-title"> Brad Diesel <span class="float-right text-sm text-danger"><i class="fas fa-star"></i></span> </h3> <p class="text-sm">Call me whenever you can...</p> <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p> </div> </div> <!-- Message End --> </a> <div class="dropdown-divider"></div> <a href="#" class="dropdown-item"> <!-- Message Start --> <div class="media"> <img src="dist/img/user8-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3"> <div class="media-body"> <h3 class="dropdown-item-title"> John Pierce <span class="float-right text-sm text-muted"><i class="fas fa-star"></i></span> </h3> <p class="text-sm">I got your message bro</p> <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p> </div> </div> <!-- Message End --> </a> <div class="dropdown-divider"></div> <a href="#" class="dropdown-item"> <!-- Message Start --> <div class="media"> <img src="dist/img/user3-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3"> <div class="media-body"> <h3 class="dropdown-item-title"> Nora Silvester <span class="float-right text-sm text-warning"><i class="fas fa-star"></i></span> </h3> <p class="text-sm">The subject goes here</p> <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p> </div> </div> <!-- Message End --> </a> <div class="dropdown-divider"></div> <a href="#" class="dropdown-item dropdown-footer">See All Messages</a> </div> </li> <li class="nav-item"> <a class="nav-link" data-widget="fullscreen" href="#" role="button"> <i class="fas fa-expand-arrows-alt"></i> </a> </li> <!-- Notifications Dropdown Menu --> <li class="nav-item dropdown" > <a class="nav-link" data-toggle="dropdown" href="#"> <i class="far fa-bell"></i> <span class="badge badge-primary navbar-badge" id="notif_count_badge"></span> </a> <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right"> <span class="dropdown-item dropdown-header" id="notif_count"></span> <div class="dropdown-divider"></div> <div id="notif_div_container"> <!-- <a href="#" class="dropdown-item"> <i class="fas fa-envelope mr-2"></i> 4 new messages <span class="float-right text-muted text-sm">3 mins</span> </a> <div class="dropdown-divider"></div> <a href="#" class="dropdown-item"> <i class="fas fa-users mr-2"></i> 8 friend requests <span class="float-right text-muted text-sm">12 hours</span> </a> <div class="dropdown-divider"></div> <a href="#" class="dropdown-item"> <i class="fas fa-file mr-2"></i> 3 new reports <span class="float-right text-muted text-sm">2 days</span> </a> <div class="dropdown-divider"></div> --> </div> <a href="#" class="dropdown-item dropdown-footer" notification-header = "0" >See All Notifications</a> </div> </li> <li class="nav-item dropdown"> <a class="nav-link" data-toggle="dropdown" href="#"> <strong>User: </strong><span id="nav_name"></span> </a> <div class="dropdown-menu dropdown-menu-xs dropdown-menu-right p-0" id="nav_signout"> <a href="#" class="dropdown-item dropdown-footer">Sign out</a> </div> </li> <li class="nav-item d-none d-sm-inline-block"> <a href="#" class="nav-link"> <strong>Date: </strong><span id="nav_date"></span> </a> </li> <li class="nav-item"> <a class="nav-link" data-widget="control-sidebar" data-slide="true" href="#" role="button"> <i class="fas fa-th-large"></i> </a> </li> </ul> </nav> <!-- /.navbar -->��views/lead_profile.php��0000644��00000045747�15025042104�0011051 0��ustar�00��<!-- MAP & BOX PANE --> <div class="card menu-item " id="menu_leadprofile"> <div class="card-header bg-secondary pl-2 pt-1 pb-1"> <h3 class="card-title">Lead Information</h3> <div class="card-tools"> <!-- <button type="button" class="btn btn-tool tooltip-me" title="Reload" id="lead_profile_refresh"> <i class="fas fa-sync-alt"></i> </button> --> <button type="button" class="btn btn-tool tooltip-me" title="Back" id="lead_profile_back"> <i class="fas fa-arrow-left"></i> </button> <button type="button" class="btn btn-tool tooltip-me" title="Toggle Window" data-card-widget="collapse"> <i class="fas fa-minus"></i> </button> <button type="button" class="btn btn-tool tooltip-me" title="Remove" data-card-widget="remove"> <i class="fas fa-times"></i> </button> </div> </div> <!-- /.card-header --> <div class="card-body p-2"> <div class="card-header bg-light pl-2 pr-2 pt-1 pb-1 rounded-0 border mb-2"> <div class="col-12 col-sm-12 col-md-12 d-flex align-items-stretch flex-column"> <div class="row"> <div class="col-sm-2 text-center px-0 pt-2 pb-0"> <img src="dist/img/default-150x150.png" alt="user-avatar" class="w-100 img-fluid"> <p id="lead_profile_view" class=" text-xs m-0 cursor-pointer"><u><span >View Information</span></u></p> </div> <div class="col-sm-6 pt-2 pb-0"> <p class="text-md m-0"><i class="fas fa-md fa-user mr-2"></i><b><span id="profile_name">Clarence Andaya</span></b> <u id="profile_inactive_label" style="display:none;" class="pb-1"><span style="top:10px; position: absolute;" class="font-italic font-weight-normal text-sm m-0 text-danger" >Inactive</span></u> </p> <p class=" text-sm m-0"><i class="fas fa-md fa-building mr-2"></i><span id="profile_company">AutoHub Group Inc.</span></p> <p class=" text-sm m-0"><i class="fas fa-md fa-phone mr-2"></i><a id="profile_href_mobile" href="#"><span id="profile_mobile">09389592854</span></a></p> <p class=" text-sm m-0"><i class="fas fa-md fa-envelope mr-2"></i><a id="profile_href_email" href="mailto:candaya@autohubgroup.com"><span id="profile_email">candaya@autohubgroup.com</span></a> <u hidden><span class="font-italic text-xs m-0 cursor-pointer" >Verify</span></u> </p> <a id="profile_href_linkedin" href="#" target="_blank"> <img class="cursor-pointer tooltip-me" title="LinkedIn" src="dist/img/icons/linkedin_32px_1.png" alt="LinkedIn"> </a> <a id="profile_href_facebook" href="#" target="_blank"> <img class="cursor-pointer tooltip-me" title="Facebook" src="dist/img/icons/facebook_32px.png" alt="Facebook"> </a> <a id="profile_href_instagram" href="#" target="_blank"> <img class="cursor-pointer tooltip-me" title="Instagram" src="dist/img/icons/instagram_logo_32px.png" alt="Instagram"> </a> <a id="profile_href_twitter" href="#" target="_blank"> <img class="cursor-pointer tooltip-me" title="Twitter" src="dist/img/icons/twitter_squared_32px.png" alt="Twitter"> </a> </div> <div class="col-sm pt-2 pb-0"> <div class="card card-default shadow-none h-100 m-0 p-0"> <!-- /.card-header --> <div class="card-body p-0 bg-light"> <!-- <div class="row"> --> <div class="float-right"> <span id="lead_profile_send_email" class="cursor-pointer"><i class="fas fa-md fa-envelope mr-1"></i><u>Send Email</u></span>    <span id="lead_profile_send_sms" class="cursor-pointer "><i class="fas fa-md fa-phone mr-1"></i><u>Send SMS</u></span> </div> </div> <!-- /.card-body --> <div class="card-footer p-0 bg-light"> <div class="float-right"> <div> <span class="">Progress:</span> <span class=""></span> </div> <row> <span class="mr-1 tooltip-me" title="Cold"> <i id="lead_progress_1" class="fas fa-square text-secondary "></i> </span> <span class="mr-1 tooltip-me" title="Warm"> <i id="lead_progress_2" class="fas fa-square text-secondary" ></i> </span> <span class="mr-1 tooltip-me" title="Hot"> <i id="lead_progress_3" class="fas fa-square text-secondary "></i> </span> <span class="mr-1 tooltip-me" title="Closed"> <i id="lead_progress_4" class="fas fa-square text-secondary "></i> </span> <!-- <span class="mr-1 tooltip-me" title="Win"> <i id="lead_progress_win" class="fas fa-square text-secondary" ></i> </span> <span class="mr-1 tooltip-me" title="Loss"> <i id="lead_progress_loss" class="fas fa-square text-secondary" ></i> </span> --> </row> </div> </div> </div> <!-- /.card --> </div> </div> </div> </div> <div class="card-header bg-white pl-2 pr-2 pt-1 pb-1 rounded-0 border mb-2"> <div class="col-12 col-sm-12 col-md-12 d-flex align-items-stretch flex-column"> <div class="card card-default shadow-none h-100 m-0 p-0"> <!-- /.card-header --> <div class="card-body p-0 bg-white mb-2"> <p class="text-md m-0"><u>Latest Update:</u></p> <!-- <div class="row"> --> <div class="pl-3 pr-3"> <b><span class="text-sm mr-1" id="latest_activity_type">Notes:</span></b> <span class="text-sm text-muted font-italic" id="latest_activity_owner">Created by Clarence on Sept. 27, 2021</span> <div class="p-1 bg-light col-12"><span class="" id="latest_activity_description">Lorem ipsum dolor amet meow</span> </div> </div> </div> <!-- /.card-body --> <div class="card-footer p-0 bg-white"> <span class="text-sm">Current status:</span> <b><span id = "profile_progress_type" class="text-sm text-primary">COLD</span></b> <div class="float-right"> <button type="button" class="btn btn-xs btn-secondary mb-1" id="lead_profile_add_progress"><i class="fa fa-bars mr-1" ></i>Add Progress</button> <button type="button" class="btn btn-xs btn-secondary mb-1" id="lead_profile_add_notes"><i class="fa fa-sticky-note mr-1" ></i>Add Notes</button> <button type="button" class="btn btn-xs btn-secondary mb-1" id="lead_profile_add_call"><i class="fa fa-phone mr-1" ></i>Add Call</button> <button type="button" class="btn btn-xs btn-secondary mb-1" id="lead_profile_action_inactive"><i class="fa fa-arrow-down mr-1" ></i>Inactive</button> </div> </div> </div> </div> </div> <div class="card-header bg-light pl-2 pr-2 pt-1 pb-1 rounded-0 border mb-2"> <div class="col-12 col-sm-12 col-md-12 d-flex align-items-stretch flex-column"> <div class="row"> <span class="text-sm"><i class="fa fa-bullhorn" aria-hidden="true"></i> Activities</span> </div> </div> </div> <div id="lead_activities_div"> <div class="card-header bg-white pl-2 pr-2 pt-2 pb-1 rounded-0 border mb-2"> <div class="col-12 col-sm-12 col-md-12 d-flex align-items-stretch flex-column"> <div class="card card-default shadow-none h-100 m-0 p-0"> <!-- /.card-header --> <div class="card-body p-0 bg-white mb-0"> <div class="row"> <div class="col-sm-1 p-0"> <div class=" text-center bg-primary"> <span class="text-xl">N</span> </div> </div> <div class="col-11"> <span class="text-sm mr-1"><b>Notes:</b></span> <span class="text-sm text-muted font-italic">Created by Clarence on Sept. 27, 2021</span> <div class="p-1 bg-light col-12"><span class="">Lorem ipsum dolor amet meow</span> </div> </div> </div> </div> <!-- /.card-body --> <div class="card-footer p-0 mt-1 bg-white"> <div class="float-right"> <span class="cursor-pointer"><i class="fas fa-md fa-trash mr-1"></i><u>Remove </u></span>    <span class="cursor-pointer "><i class="fas fa-md fa-arrow-up mr-1"></i><u>Update </u></span> </div> </div> </div> </div> </div> <div class="card-header bg-white pl-2 pr-2 pt-2 pb-1 rounded-0 border mb-2"> <div class="col-12 col-sm-12 col-md-12 d-flex align-items-stretch flex-column"> <div class="card card-default shadow-none h-100 m-0 p-0"> <!-- /.card-header --> <div class="card-body p-0 bg-white mb-0"> <div class="row"> <div class="col-sm-1 p-0"> <div class=" text-center bg-primary"> <span class="text-xl">P</span> </div> </div> <div class="col-11"> <span class="text-sm mr-1"><b>Progress:</b></span> <span class="text-sm text-muted font-italic">Created by Clarence on Sept. 27, 2021</span> <div class="p-1 bg-light col-12"><span class="">Lorem ipsum dolor amet meow Lorem ipsum dolor amet meow Lorem ipsum dolor amet meow Lorem ipsum dolor amet meow Lorem ipsum dolor amet meow Lorem ipsum dolor amet meow</span> </div> </div> </div> </div> <!-- /.card-body --> <div class="card-footer p-0 mt-1 bg-white"> <div class="float-right"> <span class="cursor-pointer"><i class="fas fa-md fa-trash mr-1"></i><u>Remove </u></span>    <span class="cursor-pointer "><i class="fas fa-md fa-arrow-up mr-1"></i><u>Update </u></span> </div> </div> </div> </div> </div> <div class="card-header bg-white pl-2 pr-2 pt-2 pb-1 rounded-0 border mb-2"> <div class="col-12 col-sm-12 col-md-12 d-flex align-items-stretch flex-column"> <div class="card card-default shadow-none h-100 m-0 p-0"> <!-- /.card-header --> <div class="card-body p-0 bg-white mb-0"> <div class="row"> <div class="col-sm-1 p-0"> <div class=" text-center bg-primary"> <span class="text-xl">N</span> </div> </div> <div class="col-11"> <span class="text-sm mr-1"><b>Notes:</b></span> <span class="text-sm text-muted font-italic">Created by Clarence on Sept. 27, 2021</span> <div class="p-1 bg-light col-12"><span class="">Lorem ipsum dolor amet meow</span> </div> </div> </div> </div> <!-- /.card-body --> <div class="card-footer p-0 mt-1 bg-white"> <div class="float-right"> <span class="cursor-pointer"><i class="fas fa-md fa-trash mr-1"></i><u>Remove </u></span>    <span class="cursor-pointer "><i class="fas fa-md fa-arrow-up mr-1"></i><u>Update </u></span> </div> </div> </div> </div> </div> <div class="card-header bg-white pl-2 pr-2 pt-2 pb-1 rounded-0 border mb-2"> <div class="col-12 col-sm-12 col-md-12 d-flex align-items-stretch flex-column"> <div class="card card-default shadow-none h-100 m-0 p-0"> <!-- /.card-header --> <div class="card-body p-0 bg-white mb-0"> <div class="row"> <div class="col-sm-1 p-0"> <div class=" text-center bg-primary"> <span class="text-xl">A</span> </div> </div> <div class="col-11"> <span class="text-sm mr-1"><b>Activity:</b></span> <span class="text-sm text-muted font-italic">Created by Clarence on Sept. 27, 2021</span> <div class="p-1 bg-light col-12"><span class="">Lorem ipsum dolor amet meow</span> </div> </div> </div> </div> <!-- /.card-body --> <div class="card-footer p-0 mt-1 bg-white"> <div class="float-right"> <span class="cursor-pointer"><i class="fas fa-md fa-trash mr-1"></i><u>Remove </u></span>    <span class="cursor-pointer "><i class="fas fa-md fa-arrow-up mr-1"></i><u>Update </u></span> </div> </div> </div> </div> </div> <div class="card-header bg-white pl-2 pr-2 pt-2 pb-1 rounded-0 border mb-2"> <div class="col-12 col-sm-12 col-md-12 d-flex align-items-stretch flex-column"> <div class="card card-default shadow-none h-100 m-0 p-0"> <!-- /.card-header --> <div class="card-body p-0 bg-white mb-0"> <div class="row"> <div class="col-sm-1 p-0"> <div class=" text-center bg-primary"> <span class="text-xl">P</span> </div> </div> <div class="col-11"> <span class="text-sm mr-1"><b>Progress:</b></span> <span class="text-sm text-muted font-italic">Created by Clarence on Sept. 27, 2021</span> <div class="p-1 bg-light col-12"><span class="">Lorem ipsum dolor amet meow</span> </div> </div> </div> </div> <!-- /.card-body --> <div class="card-footer p-0 mt-1 bg-white"> <div class="float-right"> <span class="cursor-pointer"><i class="fas fa-md fa-trash mr-1"></i><u>Remove </u></span>    <span class="cursor-pointer "><i class="fas fa-md fa-arrow-up mr-1"></i><u>Update </u></span> </div> </div> </div> </div> </div> </div> <div class="m-2"></div> <div class="row d-flex justify-content-center"> <div class="p-1 bg-white col-12 text-center"> <span class="cursor-pointer text-primary" id="lead_activity_view_more"> <i class="fas fa-plus mr-1"></i>View More</span></div> </div> <div class="m-2"></div> </div> <!-- /.card-body --> </div> <!-- /.card -->��views/modals/sms_modal.php��0000644��00000006434�15025042104�0011647 0��ustar�00��<!-- Modal --> <div class="modal" id="sms_modal" role="dialog" aria-labelledby="sms_modalTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <!-- <div class="modal-header"> <h5 class="modal-title" id="sms_modalTitle"></h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> --> <div class="modal-body pt-2"> <!-- <div id="app-sms" class="mb-2"> <nav class="navbar navbar-expand-md navbar-light ml-0 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 sms-modal-tabs" id="sms-modal-tabs" role="tablist"> <li class="nav-item"> <a class="nav-link active border-0" id="sms-modal-sms-tab" data-toggle="pill" href="#sms-modal-sms-tab-content" role="tab" aria-controls="sms-modal-sms-tab-content" aria-selected="true"> Company </a> </li> <li class="nav-item"> <a class="nav-link border-0" id="sms-modal-dealer-tab" data-toggle="pill" href="#sms-modal-dealer-tab-content" role="tab" aria-controls="sms-modal-dealer-tab-content" aria-selected="false"> Dealer </a> </li> </ul> </div> </nav> </div> --> <div class="tab-content" id="customer-modal-tab-content"> <div class="tab-pane fade show active" id="sms-modal-sms-tab-content" role="tabpanel" aria-labelledby="customer-modal-tab-information"> <div class="form-group mb-2"> <span for="dd_sms_api" class="col-form-label">Selected API:</span> <select class="form-control form-control-sm select2bs4" id="dd_sms_api" json-sms-modal="true" style="width: 100%;"> </select> </div> </div> </div> </div> <div class="modal-footer p-1"> <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">Close</button> <button type="button" class="btn btn-sm btn-primary" id="btn_sms_save">Save</button> </div> </div> </div> </div>��views/modals/note_modal.php��0000644��00000014450�15025042104�0012007 0��ustar�00��<div class="modal" id="note_modal" role="dialog" aria-labelledby="note_modalTitle" aria-hidden="true"> <div class="modal-dialog modal-lg modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header bg-light py-1"> <span class="modal-title text-md" id="note_modal_title">NOTE</span> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body pt-2"> <div class="col-12"> <div class="form-group row mb-1"> <label for="txt_lead_note_description" class="col-sm-12 pb-0 pt-1 col-form-label font-weight-normal"> Description:</label> <div class="col-sm-12"> <textarea style="height: 75px;" type="text" class="form-control form-control-sm" json-lead-note-modal="true" placeholder="" id="txt_lead_note_description"></textarea> </div> </div> </div> <div class="col-12"> <div class="row"> <div class="col-sm-6"> <label for="txt_lead_note_description" class="col-sm-12 pb-0 pt-1 pl-0 col-form-label font-weight-normal"> Send copy to:</label> <div class="form-group m-0"> <div class="form-check"> <input id="send_alert_group_head" value="0" json-lead-note-modal="true" lead-note-copy class="form-check-input" type="checkbox"> <label for="send_alert_group_head" class="form-check-label">Group Head (Email) </label> </div> <div class="form-check"> <input id="send_alert_customer" value="0" json-lead-note-modal="true" lead-note-copy class="form-check-input" type="checkbox"> <label for="send_alert_customer" class="form-check-label">Customer (Email) </label> </div> <div class="form-check"> <input id="send_alert_my_email" value="0" json-lead-note-modal="true" lead-note-copy class="form-check-input" type="checkbox"> <label for="send_alert_my_email" class="form-check-label">My email </label> </div> </div> </div> <div class="col-sm-6"> <div class="col-12"> <div class="form-group row mb-1"> <label for="txt_lead_note_description" class="col-sm-12 pb-1 pl-0 pt-1 col-form-label font-weight-normal"> Set reminder on (date/time)</label> <div class="row"> <div class="col-sm-8 mb-1"> <div class="input-group date" id="txt_reminder_date_div" data-target-input="nearest"> <input type="text" class="form-control form-control-sm datetimepicker-input uppercase" json-lead-note-modal="true" id="txt_reminder_date" data-target="#txt_reminder_date_div" /> <div class="input-group-append" data-target="#txt_reminder_date_div" data-toggle="datetimepicker"> <div class="input-group-text"><i class="far fa-calendar"></i></div> </div> </div> </div> <div class="col-sm-4 mb-1"> <div class="input-group date" id="txt_reminder_time_div" data-target-input="nearest"> <input type="text" class="form-control form-control-sm datetimepicker-input uppercase" json-lead-note-modal="true" id="txt_reminder_time" data-target="#txt_reminder_time_div" /> <div class="input-group-append" data-target="#txt_reminder_time_div" data-toggle="datetimepicker"> <div class="input-group-text"><i class="far fa-clock"></i></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <!--modal body--> <div class="modal-footer p-1"> <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">Close</button> <button type="button" class="btn btn-sm btn-primary" id="btn_lead_note_save">Save</button> </div> </div> <!--modal content--> </div> </div>��views/modals/mail_lead_modal.php��0000644��00000021377�15025042104�0012757 0��ustar�00��<div class="modal" id="mail_lead_modal" role="dialog" aria-labelledby="mail_lead_modalTitle" aria-hidden="true"> <div class="modal-dialog modal-lg modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header bg-light py-1"> <span class="modal-title text-md" id="mail_lead_modal_title">EMAIL</span> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body pt-2"> <div class="col-4" id = "mail-template-section"> <div class="form-group row mb-1"> <label for="txt_lead_mail_lead_description" class="col-sm-12 pb-0 pt-1 col-form-label font-weight-normal"> Template:</label> <div class="col-sm-12"> <div class="row"> <div class="col-sm-10"> <select class="form-control form-control-sm select2bs4" id="dd_mail_lead_template" json-mail-lead-modal="true" style="width: 100%;"> </select> </div> <div class="col-sm-2 pl-0"> <label style="display:none;" id="remove_mail_lead_save_template" class="pt-1 font-weight-normal text-danger text-xs m-0 cursor-pointer"> <u>Remove</u> </label> </div> </div> </div> </div> </div> <div class="col-12"> <div class="form-group row mb-1"> <label for="txt_lead_note_description" class="col-sm-12 pb-0 pt-1 col-form-label font-weight-normal"> Subject:</label> <div class="col-sm-12"> <input type="text" class="form-control form-control-sm " json-mail-lead-modal="true" id="txt_lead_mail_lead_subject" placeholder=""> </div> </div> </div> <div class="col-12"> <div class="form-group row mb-1"> <div class="col-6"> <label for="txt_lead_mail_lead_description" class=" pb-0 pt-1 pl-0 col-form-label font-weight-normal"> Message:</label> </div> <div class="col-6"> <div class="float-right" id = "mail-clear-section"> <label id="clear_mail_lead_description" title="Clear all contents" class=" text-xs tooltip-me pb-0 pt-1 pl-0 col-form-label font-weight-normal cursor-pointer text-danger"> <u>Clear</u></label> </div> </div> <div class="col-sm-12"> <!-- <textarea style="height: 100px;" type="text" class="form-control form-control-sm" json-mail-lead-modal="true" placeholder="" id="txt_lead_mail_lead_description"></textarea> --> <div class="form-group"> <textarea json-mail-lead-modal="true" id="txt_lead_mail_lead_description" class="form-control" style="height: 100px"></textarea> </div> <div class="form-check float-left pl-0" id = "mail-bcc-section"> <input id="mail_lead_bcc" value="0" json-mail-lead-modal="true" lead-mail-chk class="" type="checkbox"> <label for="mail_lead_bcc" class="font-weight-normal text-primary text-xs m-0 cursor-pointer float-right"> <u>BCC my email</u> </label> </div> <div class="form-check float-right" id = "mail-save-template-section"> <input id="mail_lead_save_template" value="" json-mail-lead-modal="true" class="" type="checkbox"> <label for="mail_lead_save_template" class="font-weight-normal text-primary text-xs m-0 cursor-pointer float-right"> <u>Save this to my template</u> </label> </div> </div> </div> </div> <div class="col-12" id = "mail-parameter-section"> <div class="row"> <div class="col-sm-12"> <div class="col-12"> <div class="form-group row mb-1"> <label for="txt_lead_call_description" class="col-sm-12 pb-0 pl-0 pt-0 col-form-label font-weight-normal"> Parameters:</label> <div class="form-group m-0" id="lead_call_via_div"> <div class="col-12 p-0"> <label style="width:95px;" lead-mail-parameter class="text-danger font-weight-bold cursor-pointer m-0">[name]</label> <label class="font-italic m-0 font-weight-normal">-  Lead fullname (person) or company name (company).</label> </div> <div class="col-12 p-0"> <label style="width:95px;" lead-mail-parameter class="text-danger font-weight-bold cursor-pointer m-0">[firstname]</label> <label class="font-italic m-0 font-weight-normal">-  Firstname of lead (person).</label> </div> <div class="col-12 p-0"> <label style="width:95px;" lead-mail-parameter class="text-danger font-weight-bold cursor-pointer m-0">[middlename]</label> <label class="font-italic m-0 font-weight-normal">-  Middlename of lead (person)</label> </div> <div class="col-12 p-0"> <label style="width:95px;" lead-mail-parameter class="text-danger font-weight-bold cursor-pointer m-0">[lastname]</label> <label class="font-italic m-0 font-weight-normal">-  Lastname of lead (person).</label> </div> </div> <!-- <div class="col-12 p-0"> <span class="text-danger font-weight-bold">[name]</span>  -  <span class="font-italic">Lead fullname (person) or company name (company).</span> </div> <div class="col-12 p-0"> <span class="text-danger font-weight-bold">[firstname]</span>  -  <span class="font-italic"></span> </div> <div class="col-12 p-0"> <span class="text-danger font-weight-bold">[middlename]</span>  -  <span class="font-italic">.</span> </div> <div class="col-12 p-0"> <span class="text-danger font-weight-bold">[lastname]</span>  -  <span class="font-italic"></span> </div> --> </div> </div> </div> <div class="col-sm-6"> </div> </div> </div> </div> <!--modal body--> <div class="modal-footer p-1"> <button type="button" class="btn btn-sm btn-secondary" id="btn_lead_mail_lead_cancel" data-dismiss="modal">Cancel</button> <button type="button" class="btn btn-sm btn-primary" id="btn_lead_mail_lead_save">Send</button> </div> </div> <!--modal content--> </div> </div>��views/modals/sms_lead_modal.php��0000644��00000016635�15025042104�0012640 0��ustar�00��<div class="modal" id="sms_lead_modal" role="dialog" aria-labelledby="sms_lead_modalTitle" aria-hidden="true"> <div class="modal-dialog modal-lg modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header bg-light py-1"> <span class="modal-title text-md" id="sms_lead_modal_title">SMS</span> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body pt-2"> <div class="col-4" id = "sms-template-section"> <div class="form-group row mb-1"> <label for="txt_lead_sms_lead_description" class="col-sm-12 pb-0 pt-1 col-form-label font-weight-normal"> Template:</label> <div class="col-sm-12"> <div class="row"> <div class="col-sm-10"> <select class="form-control form-control-sm select2bs4" id="dd_sms_lead_template" json-sms-lead-modal="true" style="width: 100%;"> </select> </div> <div class="col-sm-2 pl-0"> <label style="display:none;" id="remove_sms_lead_save_template" class="pt-1 font-weight-normal text-danger text-xs m-0 cursor-pointer"> <u>Remove</u> </label> </div> </div> </div> </div> </div> <div class="col-12"> <div class="form-group row mb-1"> <div class="col-6"> <label for="txt_lead_sms_lead_description" class=" pb-0 pt-1 pl-0 col-form-label font-weight-normal"> Message:</label> </div> <div class="col-6"> <div class="float-right"> <label id="clear_sms_lead_description" title="Clear all contents" class=" text-xs tooltip-me pb-0 pt-1 pl-0 col-form-label font-weight-normal cursor-pointer text-danger"> <u>Clear</u></label> </div> </div> <div class="col-sm-12"> <textarea style="height: 100px;" type="text" class="form-control form-control-sm" json-sms-lead-modal="true" placeholder="" id="txt_lead_sms_lead_description"></textarea> <div class="form-check float-right" id = "sms-save-template-section"> <input id="sms_lead_save_template" value="" json-sms-lead-modal="true" lead-note-copy="" class="" type="checkbox"> <label for="sms_lead_save_template" class="font-weight-normal text-primary text-xs m-0 cursor-pointer float-right"> <u>Save this to my template</u> </label> </div> </div> </div> </div> <div class="col-12" id = "sms-parameter-section"> <div class="row"> <div class="col-sm-12"> <div class="col-12"> <div class="form-group row mb-1"> <label for="txt_lead_call_description" class="col-sm-12 pb-0 pl-0 pt-0 col-form-label font-weight-normal"> Parameters:</label> <div class="form-group m-0" id="lead_call_via_div"> <div class="col-12 p-0"> <label style="width:95px;" lead-sms-parameter class="text-danger font-weight-bold cursor-pointer m-0">[name]</label> <label class="font-italic m-0 font-weight-normal">-  Lead fullname (person) or company name (company).</label> </div> <div class="col-12 p-0"> <label style="width:95px;" lead-sms-parameter class="text-danger font-weight-bold cursor-pointer m-0">[firstname]</label> <label class="font-italic m-0 font-weight-normal">-  Firstname of lead (person).</label> </div> <div class="col-12 p-0"> <label style="width:95px;" lead-sms-parameter class="text-danger font-weight-bold cursor-pointer m-0">[middlename]</label> <label class="font-italic m-0 font-weight-normal">-  Middlename of lead (person)</label> </div> <div class="col-12 p-0"> <label style="width:95px;" lead-sms-parameter class="text-danger font-weight-bold cursor-pointer m-0">[lastname]</label> <label class="font-italic m-0 font-weight-normal">-  Lastname of lead (person).</label> </div> </div> <!-- <div class="col-12 p-0"> <span class="text-danger font-weight-bold">[name]</span>  -  <span class="font-italic">Lead fullname (person) or company name (company).</span> </div> <div class="col-12 p-0"> <span class="text-danger font-weight-bold">[firstname]</span>  -  <span class="font-italic"></span> </div> <div class="col-12 p-0"> <span class="text-danger font-weight-bold">[middlename]</span>  -  <span class="font-italic">.</span> </div> <div class="col-12 p-0"> <span class="text-danger font-weight-bold">[lastname]</span>  -  <span class="font-italic"></span> </div> --> </div> </div> </div> <div class="col-sm-6"> </div> </div> </div> </div> <!--modal body--> <div class="modal-footer p-1"> <button type="button" class="btn btn-sm btn-secondary" id = "btn_lead_sms_lead_cancel" data-dismiss="modal">Cancel</button> <button type="button" class="btn btn-sm btn-primary" id="btn_lead_sms_lead_save">Send</button> </div> </div> <!--modal content--> </div> </div>��views/modals/progress_modal.php��0000644��00000012124�15025042104�0012702 0��ustar�00��<div class="modal" id="progress_modal" role="dialog" aria-labelledby="progress_modalTitle" aria-hidden="true"> <div class="modal-dialog modal-lg modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header bg-light py-1"> <span class="modal-title text-md" id="progress_modal_title">LEAD PROGRESS</span> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body pt-2"> <!-- <div class="m-2"></div> <div class="row d-flex justify-content-center"> <div class="p-1 bg-light col-12 text-center"><span class="">LEAD PROGRESS</span></div> </div> <div class="m-2"></div> --> <div class="row" id="progress_type_div"> <div class="col-sm"> <div class="col-12"> <span class="radius-none text-lg rounded-0 badge px-3 py-2 badge-primary"> COLD</span> </div> <div class="col-12 pb-2"> <input id="progress_new_lead" class="align-middle mr-2" type="radio" name="lead_update_progress"> <label class="font-weight-normal text-nowrap mb-0 align-middle" for="progress_new_lead"> NEW LEAD</label> </div> <div class="col-12 pb-2"> <input id="progress_for_follow_up" class="align-middle mr-2" type="radio" name="lead_update_progress"> <label class="font-weight-normal text-nowrap mb-0 align-middle" for="progress_for_follow_up"> FOR FOLLOW UP</label> </div> <div class="col-12 pb-2"> <input id="progress_for_test_drive" class="align-middle mr-2" type="radio" name="lead_update_progress"> <label class="font-weight-normal text-nowrap mb-0 align-middle" for="progress_for_test_drive"> TEST DRIVE</label> </div> </div> <div class="col-sm"> <div class="col-12"> <span class="radius-none text-lg rounded-0 badge px-3 py-2 badge-warning"> WARM</span> </div> <div class="col-12 pt-2 pb-2"> <input id="progress_new_lead" class="align-middle mr-2" type="radio" name="lead_update_progress"> <label class="font-weight-normal text-nowrap mb-0 align-middle" for="progress_new_lead"> NEW LEAD</label> </div> <div class="col-12 pb-2"> <input id="progress_for_follow_up" class="align-middle mr-2" type="radio" name="lead_update_progress"> <label class="font-weight-normal text-nowrap mb-0 align-middle" for="progress_for_follow_up"> FOR FOLLOW UP</label> </div> <div class="col-12 pb-2"> <input id="progress_for_test_drive" class="align-middle mr-2" type="radio" name="lead_update_progress"> <label class="font-weight-normal text-nowrap mb-0 align-middle" for="progress_for_test_drive"> TEST DRIVE</label> </div> </div> </div> <div class="col-12"> <div class="form-group row mb-1"> <label for="txt_lead_progress_description" class="col-sm-12 pb-0 pt-1 col-form-label font-weight-normal"> Description:</label> <div class="col-sm-12"> <textarea style="height: 55px;" type="text" class="form-control form-control-sm " id="txt_lead_progress_description"></textarea> </div> </div> </div> </div> <!--modal body--> <div class="modal-footer p-1"> <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">Close</button> <button type="button" class="btn btn-sm btn-primary" id="btn_lead_progress_save">Save</button> </div> </div> <!--modal content--> </div> </div>��views/modals/group_modal.php��0000644��00000015047�15025042104�0012201 0��ustar�00��<div class="modal" id="group_modal" role="dialog" aria-labelledby="group_modalTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-scrollable modal-lg modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-body pt-2"> <div class="card m-0 p-0" id="grid-card" style="box-shadow: 0 0 0 0"> <div class="card-body m-0 p-0" id="group-grid"> <div class="mb-2"> <nav class="navbar navbar-expand-md navbar-light m-0 p-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" style="border-bottom: 0px solid #ffffff;"> --> <ul class="nav nav-tabs navbar-nav mr-auto group-modal-tab" id="group-modal-tab" role="tablist"> <li class="nav-item"> <a class="nav-link active border-0 " id="group-modal-tab-information" data-toggle="pill" href="#group-modal-information" role="tab" aria-controls="customer-modal-information" aria-selected="true"> Information</a> </li> <li class="nav-item" hidden> <a class="nav-link border-0 " id="group-modal-tab-sales-picture" data-toggle="pill" href="#group-modal-menus" role="tab" aria-controls="group-modal-menus" aria-selected="false"> Menus </a> </li> <li class="nav-item"> <a class="nav-link border-0 " id="group-modal-tab-sales-record" data-toggle="pill" href="#group-modal-members" role="tab" aria-controls="group-modal-members" aria-selected="false"> Members </a> </li> </ul> </div> </nav> </div> </div> <div class="tab-content" id="group-modal-tab-content"> <div class="tab-pane fade show active" id="group-modal-information" role="tabpanel" aria-labelledby="group-modal-tab-information"> <div class="form-group mb-2"> <span for="txt_group_name" class="col-form-label">Name:</span> <input type="text" class="form-control form-control-sm uppercase" json-group-modal="true" id="txt_group_name"> </div> </div> <div class="tab-pane fade" id="group-modal-menus" role="tabpanel" aria-labelledby="group-modal-tab-sales-picture"> </div> <div class="tab-pane fade" id="group-modal-members" role="tabpanel" aria-labelledby="group-modal-tab-sales-record"> <div class="row mt-1 mb-1"> <div class="col-md-6"> </div> <div class="col-md-6"> <div class="input-group float-right search-transition default-search-size" id="group-member-search-div"> <div class="input-group-prepend"> <span class="input-group-text pr-2 pl-2"><i class="fas fa-search"></i></span> </div> <input type="search" id="group-member-search" class="form-control form-control-sm pr-0" placeholder="Search..."> </div> </div> </div> <div class="card-header bg-light pl-2 pt-1 pb-1 rounded-0 border"> <nav class="navbar navbar-expand p-0"> <ul class="navbar-nav"> <li class="nav-item d-none d-sm-inline-block"> <span class="mr-4 cursor-pointer">Member</span> </li> </ul> </nav> </div> <table id="table_group_member" data-search="false" data-show-refresh="false" data-show-header="false" class="table table-bordered table-hover table-sm" data-show-export="false" data-page-size="15" data-page-list="[15, 30, 50, 100, all]" data-query-params="groupMemberQueryParams" data-pagination="true"> <thead> <tr> <th data-width="80" data-field="id_number"> ID </th> <th data-field="name"> Member </th> <th data-events="groupMemberEvent" data-formatter="groupMemberFormatter" class="text-center" data-width="30" data-field="status"> Action </th> </tr> </thead> </table> </div> </div> </div> </div> <!--modal body--> <div class="modal-footer p-1"> <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">Close</button> <button type="button" class="btn btn-sm btn-primary" id="btn_group_save">Save</button> </div> </div> <!--modal content--> </div> </div>��views/modals/system_settings_modal.php��0000644��00000004014�15025042104�0014301 0��ustar�00��<!-- Modal --> <div class="modal bd-example-modal-lg" id="system_settings_modal" role="dialog" aria-labelledby="system_settings_modalTitle" aria-hidden="true"> <div class="modal-dialog modal-lg modal-dialog-centered"> <div class="modal-content"> <div class="modal-header bg-light py-1"> <span class="modal-title text-md" id="system_settings_modal_title">SYSTEM</span> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body pt-2"> <div class="col-11"> <div class="form-group row mb-1 person-field"> <label for="txt_system_name" class="col-sm-2 text-lg-right pb-0 pt-1 col-form-label font-weight-normal">Name:</label> <div class="col-sm-10"> <input type="text" class="form-control form-control-sm" json-system-settings-modal="true" id="txt_system_name" placeholder=""> </div> </div> <div class="form-group row mb-1 person-field"> <label for="txt_system_url" class="col-sm-2 text-lg-right pb-0 pt-1 col-form-label font-weight-normal">URL:</label> <div class="col-sm-10"> <input type="text" class="form-control form-control-sm" json-system-settings-modal="true" id="txt_system_url" placeholder=""> </div> </div> </div> </div> <div class="modal-footer p-1"> <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">Close</button> <button type="button" class="btn btn-sm btn-primary" id="btn_system_settings_save">Save</button> </div> </div> </div> </div>��views/modals/inactive_modal.php��0000644��00000007067�15025042104�0012652 0��ustar�00��<div class="modal" id="inactive_modal" role="dialog" aria-labelledby="inactive_modalTitle" aria-hidden="true"> <div class="modal-dialog modal-lg modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header bg-light py-1"> <span class="modal-title text-md" id="inactive_modal_title">TAG AS INACTIVE</span> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body pt-2"> <div class="col-12"> <div class="form-group row mb-1"> <label for="txt_lead_inactive_description" class="col-sm-12 pb-0 pt-1 col-form-label font-weight-normal"> Reason:</label> <div class="col-sm-12"> <textarea style="height: 75px;" type="text" class="form-control form-control-sm" json-lead-inactive-modal="true" placeholder="" id="txt_lead_inactive_description"></textarea> </div> </div> </div> <div class="col-12"> <div class="row"> <div class="col-sm-9"> </div> <div class="col-sm-3"> <div class="col-12"> <div class="form-group row mb-1"> <label for="txt_lead_inactive_description" class="col-sm-12 pb-0 pl-0 pt-1 col-form-label font-weight-normal"> Revisit on:</label> <div class="row"> <div class="col-sm-12 mb-1"> <div class="input-group date" id="txt_revisit_date_div" data-target-input="nearest"> <input type="text" class="form-control form-control-sm datetimepicker-input uppercase" json-lead-inactive-modal="true" id="txt_revisit_date" data-target="#txt_revisit_date_div" /> <div class="input-group-append" data-target="#txt_revisit_date_div" data-toggle="datetimepicker"> <div class="input-group-text"><i class="far fa-calendar"></i></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <!--modal body--> <div class="modal-footer p-1"> <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">Close</button> <button type="button" class="btn btn-sm btn-primary" id="btn_lead_inactive_save">Save</button> </div> </div> <!--modal content--> </div> </div>��views/modals/call_modal.php��0000644��00000012020�15025042104�0011744 0��ustar�00��<div class="modal" id="call_modal" role="dialog" aria-labelledby="call_modalTitle" aria-hidden="true"> <div class="modal-dialog modal-lg modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header bg-light py-1"> <span class="modal-title text-md" id="call_modal_title">CALL</span> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body pt-2"> <div class="col-12"> <div class="form-group row mb-1"> <label for="txt_lead_call_description" class="col-sm-12 pb-0 pt-1 col-form-label font-weight-normal"> Description:</label> <div class="col-sm-12"> <textarea style="height: 75px;" type="text" class="form-control form-control-sm" json-lead-call-modal="true" placeholder="" id="txt_lead_call_description"></textarea> </div> </div> </div> <div class="col-12"> <div class="row"> <div class="col-sm-6"> <label for="txt_lead_call_description" class="col-sm-12 pb-0 pt-1 pl-0 col-form-label font-weight-normal"> Called via:</label> <div class="form-group m-0" id="lead_call_via_div"> </div> </div> <div class="col-sm-6"> <div class="col-12"> <div class="form-group row mb-1"> <label for="txt_lead_call_description" class="col-sm-12 pb-1 pl-0 pt-1 col-form-label font-weight-normal"> Set reminder on (date/time)</label> <div class="row"> <div class="col-sm-8 mb-1"> <div class="input-group date" id="txt_follow_up_date_div" data-target-input="nearest"> <input type="text" class="form-control form-control-sm datetimepicker-input uppercase" json-lead-call-modal="true" id="txt_follow_up_date" data-target="#txt_follow_up_date_div" /> <div class="input-group-append" data-target="#txt_follow_up_date_div" data-toggle="datetimepicker"> <div class="input-group-text"><i class="far fa-calendar"></i></div> </div> </div> </div> <div class="col-sm-4 mb-1"> <div class="input-group date" id="txt_follow_up_time_div" data-target-input="nearest"> <input type="text" class="form-control form-control-sm datetimepicker-input uppercase" json-lead-call-modal="true" id="txt_follow_up_time" data-target="#txt_follow_up_time_div" /> <div class="input-group-append" data-target="#txt_follow_up_time_div" data-toggle="datetimepicker"> <div class="input-group-text"><i class="far fa-clock"></i></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <!--modal body--> <div class="modal-footer p-1"> <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">Close</button> <button type="button" class="btn btn-sm btn-primary" id="btn_lead_call_save">Save</button> </div> </div> <!--modal content--> </div> </div>��views/modals/company_modal.php��0000644��00000011675�15025042104�0012516 0��ustar�00��<!-- Modal --> <div class="modal" id="company_modal" role="dialog" aria-labelledby="company_modalTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <!-- <div class="modal-header"> <h5 class="modal-title" id="company_modalTitle"></h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> --> <div class="modal-body pt-2"> <div id="app-company" class="mb-2"> <nav class="navbar navbar-expand-md navbar-light ml-0 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 company-modal-tabs" id="company-modal-tabs" role="tablist"> <li class="nav-item"> <a class="nav-link active border-0" id="company-modal-company-tab" data-toggle="pill" href="#company-modal-company-tab-content" role="tab" aria-controls="company-modal-company-tab-content" aria-selected="true"> Company </a> </li> <li class="nav-item"> <a class="nav-link border-0" id="company-modal-dealer-tab" data-toggle="pill" href="#company-modal-dealer-tab-content" role="tab" aria-controls="company-modal-dealer-tab-content" aria-selected="false"> Dealer </a> </li> </ul> </div> </nav> </div> <div class="tab-content" id="customer-modal-tab-content"> <div class="tab-pane fade show active" id="company-modal-company-tab-content" role="tabpanel" aria-labelledby="customer-modal-tab-information"> <div class="form-group mb-2"> <span for="txt_company_code" class="col-form-label">Company Code:</span> <input type="text" class="sadsadas form-control form-control-sm uppercase" json-company-modal="true" id="txt_company_code"> </div> <div class="form-group mb-2"> <span for="txt_company_name" class="col-form-label">Company Name:</span> <input type="text" class="form-control form-control-sm uppercase" json-company-modal="true" id="txt_company_name"> </div> </div> <div class="tab-pane fade" id="company-modal-dealer-tab-content" role="tabpanel" aria-labelledby="customer-modal-tab-information"> <div class="form-group mb-2"> <span for="dd_dealer_company" class="col-form-label">Dealer Company:</span> <select class="form-control form-control-sm select2bs4" id="dd_dealer_company" json-dealer-modal="true" style="width: 100%;"> </select> </div> <div class="form-group mb-2"> <span for="txt_dealer_code" class="col-form-label">Dealer Code:</span> <input type="text" class="form-control form-control-sm uppercase" json-dealer-modal="true" id="txt_dealer_code"> </div> <div class="form-group mb-2"> <span for="txt_dealer_name" class="col-form-label">Dealer Name:</span> <input type="text" class="form-control form-control-sm uppercase" json-dealer-modal="true" id="txt_dealer_name"> </div> </div> </div> </div> <div class="modal-footer p-1"> <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">Close</button> <button type="button" class="btn btn-sm btn-primary" id="btn_company_save">Save</button> </div> </div> </div> </div>��views/modals/lead_modal.php��0000644��00000040452�15025042104�0011750 0��ustar�00��<!-- Modal --> <div class="modal bd-example-modal-lg" id="lead_modal" role="dialog" aria-labelledby="lead_modalTitle" aria-hidden="true"> <div class="modal-dialog modal-lg modal-dialog-centered"> <div class="modal-content"> <div class="modal-header bg-light py-1"> <span class="modal-title text-md" id="lead_modal_title">LEAD</span> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body pt-2"> <!-- <div class="m-2"></div> --> <div class="row d-flex justify-content-center"> <div class="p-1 bg-light col-12 text-center"><span class="">LEAD INFORMATION</span></div> </div> <div class="m-2"></div> <div id="type_category"> <div class="row d-flex justify-content-center m-1" > <div class="custom-control custom-radio mr-4"> <input class="custom-control-input" type="radio" id="type_person" value="1" json-lead-modal="true" name="leadType" checked> <label for="type_person" class="custom-control-label">Person</label> </div> <div class="custom-control custom-radio"> <input class="custom-control-input" type="radio" id="type_company" value="0" json-lead-modal="true" name="leadType"> <label for="type_company" class="custom-control-label">Company</label> </div> </div> </div> <div class="col-11"> <div class="form-group row mb-1 person-field"> <label for="txt_lead_fname" class="col-sm-2 text-lg-right pb-0 pt-1 col-form-label font-weight-normal">Firstname:</label> <div class="col-sm-10"> <input type="text" class="form-control form-control-sm uppercase" json-lead-modal="true" id="txt_lead_fname" placeholder=""> </div> </div> <div class="form-group row mb-1 person-field"> <label for="txt_lead_mname" class="col-sm-2 text-lg-right pb-0 pt-1 col-form-label font-weight-normal">Middlename:</label> <div class="col-sm-10"> <input type="text" class="form-control form-control-sm uppercase" json-lead-modal="true" id="txt_lead_mname" placeholder=""> </div> </div> <div class="form-group row mb-1 person-field"> <label for="txt_lead_lname" class="col-sm-2 text-lg-right pb-0 pt-1 col-form-label font-weight-normal">Lastname:</label> <div class="col-sm-10"> <input type="text" class="form-control form-control-sm uppercase" json-lead-modal="true" id="txt_lead_lname" placeholder=""> </div> </div> <!-- <div class="form-group row mb-1 company-field" style="display:none;"> <label for="txt_lead_fleet" class="col-sm-2 text-lg-right pb-0 pt-1 col-form-label font-weight-normal">Company:<span class="text-danger text-md hidden">*</span></label> <div class="col-sm-10"> <input type="text" class="form-control form-control-sm uppercase" json-lead-modal="true" id="txt_lead_fleet" placeholder=""> </div> </div> --> <div class="form-group row mb-1"> <label for="txt_lead_company" class="col-sm-2 text-lg-right pb-0 pt-1 col-form-label font-weight-normal">Company:</label> <div class="col-sm-10"> <!-- <input type="text" class="form-control form-control-sm uppercase" json-lead-modal="true" id="txt_lead_company" placeholder=""> --> <!-- <select class="form-control form-control-sm uppercase" id="txt_lead_company" placeholder="" autocomplete="off"></select> --> <input id="txt_lead_company" class="form-control form-control-sm uppercase" json-lead-modal="true" type="text" autocomplete="off" placeholder=""> <input id="txt_lead_company_id" class="form-control form-control-sm uppercase" json-lead-modal="true" type="text" autocomplete="off" placeholder="" value="" style="display: none;"> </div> </div> <div class="form-group row mb-1"> <label for="txt_lead_address" class="col-sm-2 text-lg-right pb-0 pt-1 col-form-label font-weight-normal">Address:</label> <div class="col-sm-10"> <input type="text" class="form-control form-control-sm uppercase" json-lead-modal="true" id="txt_lead_address" placeholder=""> </div> </div> <div class="form-group row mb-1"> <label for="dd_lead_gender" class="col-sm-2 text-lg-right pb-0 pt-1 col-form-label font-weight-normal person-field">Gender:</label> <div class="col-sm-4 person-field"> <select class="form-control form-control-sm select2bs4" id="dd_lead_gender" json-lead-modal="true" style="width: 100%;"> </select> </div> <label for="txt_lead_email" class="col-sm-2 text-lg-right pb-0 pt-1 col-form-label font-weight-normal">Email:</label> <div class="col-sm"> <input type="email" class="form-control form-control-sm uppercase" json-lead-modal="true" id="txt_lead_email" placeholder=""> </div> </div> <div class="form-group row mb-1"> <label for="txt_lead_mobile" class="col-sm-2 text-lg-right pb-0 pt-1 col-form-label font-weight-normal">Mobile:</label> <div class="col-sm-4"> <div class="input-group"> <div class="input-group-append"> <div class="input-group-text text-right pr-2 pl-2"> <span class="fas font-weight-normal">+63</span> </div> </div> <input type="number" class="form-control form-control-sm no-arrow uppercase" id="txt_lead_mobile" json-signup="true" oninput="this.value=this.value.slice(0,this.maxLength)" maxlength="10" json-lead-modal="true" placeholder="9XXXXXXXXX"> </div> </div> <label for="txt_lead_landline" class="col-sm-2 text-lg-right pb-0 pt-1 col-form-label font-weight-normal">Landline:</label> <div class="col-sm-4"> <input type="text" class="form-control form-control-sm uppercase" json-lead-modal="true" id="txt_lead_landline" placeholder=""> </div> </div> </div> <div class="m-2"></div> <div class="row d-flex justify-content-center"> <div class="p-1 bg-light col-12 text-center"><span class="">INQUIRED VEHICLE</span></div> </div> <div class="m-2"></div> <div class="col-11"> <div class="row"> <div class="col-sm-6"> <div class="form-group row mb-1" id="dd_lead_dealer_div" style="display:none;"> <label for="dd_lead_dealer" class="col-sm-4 text-lg-right pb-0 pt-1 col-form-label font-weight-normal">Dealer:</label> <div class="col-sm-8"> <select class="form-control form-control-sm select2bs4" id="dd_lead_dealer" json-lead-modal="true" style="width: 100%;"> </select> </div> </div> <div class="form-group row mb-1"> <label for="dd_lead_brand" class="col-sm-4 text-lg-right pb-0 pt-1 col-form-label font-weight-normal">Brand:</label> <div class="col-sm-8"> <select class="form-control form-control-sm select2bs4" id="dd_lead_brand" json-lead-modal="true" style="width: 100%;"> </select> </div> </div> <div class="form-group row mb-1"> <label for="dd_lead_model" class="col-sm-4 text-lg-right pb-0 pt-1 col-form-label font-weight-normal">Model:</label> <div class="col-sm-8"> <select class="form-control form-control-sm select2bs4" id="dd_lead_model" json-lead-modal="true" style="width: 100%;"> </select> </div> </div> <div class="form-group row mb-1"> <label for="dd_lead_color" class="col-sm-4 text-lg-right pb-0 pt-1 col-form-label font-weight-normal">Color:</label> <div class="col-sm-8"> <select class="form-control form-control-sm select2bs4" id="dd_lead_color" json-lead-modal="true" style="width: 100%;"> </select> </div> </div> <div class="form-group row mb-1"> <label for="txt_lead_facebook" class="col-sm-4 text-lg-right pb-0 pt-1 col-form-label font-weight-normal">Facebook:</label> <div class="col-sm-8"> <input type="text" class="form-control form-control-sm uppercase" json-lead-modal="true" id="txt_lead_facebook" placeholder=""> </div> </div> <div class="form-group row mb-1"> <label for="txt_lead_instagram" class="col-sm-4 text-lg-right pb-0 pt-1 col-form-label font-weight-normal">Instagram:</label> <div class="col-sm-8"> <input type="text" class="form-control form-control-sm uppercase" json-lead-modal="true" id="txt_lead_instagram" placeholder=""> </div> </div> </div> <div class="col-sm-6"> <div class="form-group row mb-1"> <label for="txt_lead_address" class="col-sm-4 text-lg-right pb-0 pt-1 col-form-label font-weight-normal">Comment:</label> <div class="col-sm-8"> <textarea style="height: 102px;" type="text" class="form-control form-control-sm uppercase" json-lead-modal="true" id="txt_lead_comment"></textarea> </div> </div> <div class="form-group row mb-1"> <label for="txt_lead_linkedin" class="col-sm-4 text-lg-right pb-0 pt-1 col-form-label font-weight-normal">LinkedIn:</label> <div class="col-sm-8"> <input type="text" class="form-control form-control-sm uppercase" json-lead-modal="true" id="txt_lead_linkedin" placeholder=""> </div> </div> <div class="form-group row mb-1"> <label for="txt_lead_viber" class="col-sm-4 text-lg-right pb-0 pt-1 col-form-label font-weight-normal">Viber:</label> <div class="col-sm-8"> <input type="text" class="form-control form-control-sm uppercase" json-lead-modal="true" id="txt_lead_viber" placeholder=""> </div> </div> <div class="form-group row mb-1"> <label for="txt_lead_twitter" class="col-sm-4 text-lg-right pb-0 pt-1 col-form-label font-weight-normal">Twitter:</label> <div class="col-sm-8"> <input type="text" class="form-control form-control-sm uppercase" json-lead-modal="true" id="txt_lead_twitter" placeholder=""> </div> </div> </div> </div> </div> <div class="m-2"></div> <div class="row d-flex justify-content-center"> <div class="p-1 bg-light col-12 text-center"><span class="">SEND ME ALERT IF</span></div> </div> <div class="m-2"></div> <div class="col-sm-12"> <div class="row d-flex justify-content-center"> <div class="col-sm-5 d-flex justify-content-center"> <!-- checkbox --> <div class="form-group m-0"> <div class="form-check"> <input id="alert_new_lead_action" lead-alert json-lead-modal="true" value="0" class="form-check-input" type="checkbox"> <label for="alert_new_lead_action" class="form-check-label">New Action Added </label> <i class=" cursor-pointer tooltip-me pt-1 fas fa-question-circle text-primary " title="Add call,sms,email,note and tag as inactive." ></i> </div> <div class="form-check"> <input id="alert_inactive" lead-alert json-lead-modal="true" value="0" class="form-check-input" type="checkbox"> <label for="alert_inactive" class="form-check-label">Inactive for 3 days</label> </div> </div> </div> <div class="col-sm-5 d-flex justify-content-center"> <!-- radio --> <div class="form-group m-0"> <div class="form-check"> <input id="alert_status_changed" lead-alert json-lead-modal="true" value="0" class="form-check-input" type="checkbox"> <label for="alert_status_changed" class="form-check-label">Status Changed</label> <i class=" cursor-pointer tooltip-me pt-1 fas fa-question-circle text-primary " title="Add new progress." ></i> </div> <div class="form-check"> <input id="alert_activity" lead-alert json-lead-modal="true" value="0" class="form-check-input" type="checkbox"> <label for="alert_activity" class="form-check-label">Open/Pending Activity</label> </div> </div> </div> </div> </div> </div> <div class="modal-footer p-1"> <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">Close</button> <button type="button" class="btn btn-sm btn-primary" id="btn_lead_save">Save</button> </div> </div> </div> </div>��views/modals/mail_lead_modal copy.php��0000644��00000020507�15025042104�0013704 0��ustar�00��<div class="modal" id="mail_lead_modal" role="dialog" aria-labelledby="mail_lead_modalTitle" aria-hidden="true"> <div class="modal-dialog modal-lg modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header bg-light py-1"> <span class="modal-title text-md" id="mail_lead_modal_title">SEND EMAIL</span> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body pt-2"> <div class="col-4"> <div class="form-group row mb-1"> <label for="txt_lead_mail_lead_description" class="col-sm-12 pb-0 pt-1 col-form-label font-weight-normal"> Template:</label> <div class="col-sm-12"> <div class="row"> <div class="col-sm-10"> <select class="form-control form-control-sm select2bs4" id="dd_mail_lead_template" json-mail-lead-modal="true" style="width: 100%;"> </select> </div> <div class="col-sm-2 pl-0"> <label style="display:none;" id="remove_mail_lead_save_template" class="pt-1 font-weight-normal text-danger text-xs m-0 cursor-pointer"> <u>Remove</u> </label> </div> </div> </div> </div> </div> <div class="col-12"> <div class="form-group row mb-1"> <label for="txt_lead_note_description" class="col-sm-12 pb-0 pt-1 col-form-label font-weight-normal"> Subject:</label> <div class="col-sm-12"> <input type="text" class="form-control form-control-sm " json-mail-lead-modal="true" id="txt_lead_mail_lead_subject" placeholder=""> </div> </div> </div> <div class="col-12"> <div class="form-group row mb-1"> <div class="col-6"> <label for="txt_lead_mail_lead_description" class=" pb-0 pt-1 pl-0 col-form-label font-weight-normal"> Message:</label> </div> <div class="col-6"> <div class="float-right"> <label id="clear_mail_lead_description" title="Clear all contents" class=" text-xs tooltip-me pb-0 pt-1 pl-0 col-form-label font-weight-normal cursor-pointer text-danger"> <u>Clear</u></label> </div> </div> <div class="col-sm-12"> <textarea style="height: 100px;" type="text" class="form-control form-control-sm" json-mail-lead-modal="true" placeholder="" id="txt_lead_mail_lead_description"></textarea> <div class="form-check float-left pl-0"> <input id="mail_lead_bcc" value="0" json-mail-lead-modal="true" lead-mail-chk class="" type="checkbox"> <label for="mail_lead_bcc" class="font-weight-normal text-primary text-xs m-0 cursor-pointer float-right"> <u>BCC my email</u> </label> </div> <div class="form-check float-right"> <input id="mail_lead_save_template" value="" json-mail-lead-modal="true" class="" type="checkbox"> <label for="mail_lead_save_template" class="font-weight-normal text-primary text-xs m-0 cursor-pointer float-right"> <u>Save this to my template</u> </label> </div> </div> </div> </div> <div class="col-12"> <div class="row"> <div class="col-sm-12"> <div class="col-12"> <div class="form-group row mb-1"> <label for="txt_lead_call_description" class="col-sm-12 pb-0 pl-0 pt-0 col-form-label font-weight-normal"> Parameters:</label> <div class="form-group m-0" id="lead_call_via_div"> <div class="col-12 p-0"> <label style="width:95px;" lead-mail-parameter class="text-danger font-weight-bold cursor-pointer m-0">[name]</label> <label class="font-italic m-0 font-weight-normal">-  Lead fullname (person) or company name (company).</label> </div> <div class="col-12 p-0"> <label style="width:95px;" lead-mail-parameter class="text-danger font-weight-bold cursor-pointer m-0">[firstname]</label> <label class="font-italic m-0 font-weight-normal">-  Firstname of lead (person).</label> </div> <div class="col-12 p-0"> <label style="width:95px;" lead-mail-parameter class="text-danger font-weight-bold cursor-pointer m-0">[middlename]</label> <label class="font-italic m-0 font-weight-normal">-  Middlename of lead (person)</label> </div> <div class="col-12 p-0"> <label style="width:95px;" lead-mail-parameter class="text-danger font-weight-bold cursor-pointer m-0">[lastname]</label> <label class="font-italic m-0 font-weight-normal">-  Lastname of lead (person).</label> </div> </div> <!-- <div class="col-12 p-0"> <span class="text-danger font-weight-bold">[name]</span>  -  <span class="font-italic">Lead fullname (person) or company name (company).</span> </div> <div class="col-12 p-0"> <span class="text-danger font-weight-bold">[firstname]</span>  -  <span class="font-italic"></span> </div> <div class="col-12 p-0"> <span class="text-danger font-weight-bold">[middlename]</span>  -  <span class="font-italic">.</span> </div> <div class="col-12 p-0"> <span class="text-danger font-weight-bold">[lastname]</span>  -  <span class="font-italic"></span> </div> --> </div> </div> </div> <div class="col-sm-6"> </div> </div> </div> </div> <!--modal body--> <div class="modal-footer p-1"> <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">Cancel</button> <button type="button" class="btn btn-sm btn-primary" id="btn_lead_mail_lead_save">Send</button> </div> </div> <!--modal content--> </div> </div>��views/modals/role_modal.php��0000644��00000030676�15025042104�0012013 0��ustar�00��<div class="modal" id="role_modal" role="dialog" aria-labelledby="role_modalTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-scrollable modal-lg modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-body pt-2"> <div class="card m-0 p-0" id="grid-card" style="box-shadow: 0 0 0 0"> <div class="card-body m-0 p-0" id="role-grid"> <div class="mb-2"> <nav class="navbar navbar-expand-md navbar-light m-0 p-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" style="border-bottom: 0px solid #ffffff;"> --> <ul class="nav nav-tabs navbar-nav mr-auto role-modal-tab" id="role-modal-tab" role="tablist"> <li class="nav-item"> <a class="nav-link active border-0 " id="role-modal-tab-information" data-toggle="pill" href="#role-modal-information" role="tab" aria-controls="customer-modal-information" aria-selected="true"> Information</a> </li> <li class="nav-item" hidden> <a class="nav-link border-0 " id="role-modal-tab-sales-picture" data-toggle="pill" href="#role-modal-menus" role="tab" aria-controls="role-modal-menus" aria-selected="false"> Menus </a> </li> <li class="nav-item"> <a class="nav-link border-0 " id="role-modal-tab-sales-record" data-toggle="pill" href="#role-modal-dealers" role="tab" aria-controls="role-modal-dealers" aria-selected="false"> Dealers </a> </li> <!-- <li class="nav-item"> <a class="nav-link border-0 " id="role-modal-tab-access" data-toggle="pill" href="#role-modal-access" role="tab" aria-controls="role-modal-access" aria-selected="false"> Access </a> </li> --> </ul> </div> </nav> </div> </div> <div class="tab-content" id="role-modal-tab-content"> <div class="tab-pane fade show active" id="role-modal-information" role="tabpanel" aria-labelledby="role-modal-tab-information"> <div class="form-group mb-2"> <span for="txt_role_name" class="col-form-label">Name:</span> <input type="text" class="form-control form-control-sm uppercase" json-role-modal="true" id="txt_role_name"> </div> <span for="txt_role_name" class="col-form-label">Access:</span> <div class="card collapsed-card mb-2 "> <div class="card-header bg-light pl-2 pt-1 pb-1"> <h3 class="card-title text-sm">Company & Dealer</h3> <div class="card-tools"> <button type="button" class="btn btn-tool role-toggle" data-card-widget="collapse"> <i class="fas fa-plus"></i> </button> </div> </div> <!-- /.card-header pl-2 pt-1 pb-1 --> <div class="card-body p-0"> <ul class="products-list product-list-in-card pl-2 pr-2"> <li class="item p-1"> <div class=""> <span class="product-description"> <div class="form-check"> <input id="ra_2" role-access json-role-modal="true" value="0" class="form-check-input" type="checkbox"> <label for="ra_2" class="form-check-label">Add or Remove Company/Dealer</label> </div> </span> </div> </li> <!-- /.item --> </ul> </div> <!-- /.card-body --> </div> <div class="card collapsed-card mb-2"> <div class="card-header bg-light pl-2 pt-1 pb-1"> <h3 class="card-title text-sm">User Group</h3> <div class="card-tools"> <button type="button" class="btn btn-tool role-toggle" data-card-widget="collapse"> <i class="fas fa-plus"></i> </button> </div> </div> <!-- /.card-header pl-2 pt-1 pb-1 --> <div class="card-body p-0"> <ul class="products-list product-list-in-card pl-2 pr-2"> <li class="item p-1"> <div class=""> <span class="product-description"> <div class="form-check"> <input id="ra_3" role-access json-role-modal="true" value="0" class="form-check-input" type="checkbox"> <label for="ra_3" class="form-check-label">Add,Update and Remove Group</label> </div> </span> </div> </li> <!-- /.item --> </ul> </div> <!-- /.card-body --> </div> <div class="card collapsed-card mb-2"> <div class="card-header bg-light pl-2 pt-1 pb-1"> <h3 class="card-title text-sm">Settings</h3> <div class="card-tools"> <button type="button" class="btn btn-tool role-toggle" data-card-widget="collapse"> <i class="fas fa-plus"></i> </button> </div> </div> <!-- /.card-header pl-2 pt-1 pb-1 --> <div class="card-body p-0"> <ul class="products-list product-list-in-card pl-2 pr-2"> <li class="item p-1"> <div class=""> <span class="product-description"> <div class="form-check"> <input id="ra_1" role-access json-role-modal="true" value="0" class="form-check-input" type="checkbox"> <label for="ra_1" class="form-check-label">Access Settings</label> </div> </span> </div> </li> <!-- /.item --> </ul> </div> <!-- /.card-body --> </div> </div> <div class="tab-pane fade" id="role-modal-menus" role="tabpanel" aria-labelledby="role-modal-tab-sales-picture"> </div> <div class="tab-pane fade" id="role-modal-dealers" role="tabpanel" aria-labelledby="role-modal-tab-sales-record"> <div class="row mt-1 mb-1"> <div class="col-md-6"> </div> <div class="col-md-6"> <div class="input-group float-right search-transition default-search-size" id="role-dealer-search-div"> <div class="input-group-prepend"> <span class="input-group-text pr-2 pl-2"><i class="fas fa-search"></i></span> </div> <input type="search" id="role-dealer-search" class="form-control form-control-sm pr-0" placeholder="Search..."> </div> </div> </div> <div class="card-header bg-light pl-2 pt-1 pb-1 rounded-0 border"> <nav class="navbar navbar-expand p-0"> <ul class="navbar-nav"> <li class="nav-item d-none d-sm-inline-block"> <span class="mr-4 cursor-pointer">Dealers</span> </li> </ul> </nav> </div> <table id="table_role_dealer_file" data-search="false" data-show-refresh="false" data-show-header="false" class="table table-bordered table-hover table-sm" data-show-export="false" data-page-size="15" data-page-list="[15, 30, 50, 100, all]" data-query-params="roleDealerfileQueryParams" data-pagination="true"> <thead> <tr> <th data-field="dealer"> Dealer </th> <th data-events="roleDealerEvent" data-formatter="roleDealerFormatter" class="text-center" data-width="30" data-field="action"> Action </th> </tr> </thead> </table> </div> </div> </div> </div> <!--modal body--> <div class="modal-footer p-1"> <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">Close</button> <button type="button" class="btn btn-sm btn-primary" id="btn_role_save">Save</button> </div> </div> <!--modal content--> </div> </div>��views/dashboard.php��0000644��00000003313�15025042104�0010332 0��ustar�00�� <!-- MAP & BOX PANE --> <div class="card"> <div class="card-header bg-secondary pl-2 pt-1 pb-1"> <h3 class="card-title">Dashboard 1</h3> <div class="card-tools"> <button type="button" class="btn btn-tool" data-card-widget="collapse"> <i class="fas fa-minus"></i> </button> <button type="button" class="btn btn-tool" data-card-widget="remove"> <i class="fas fa-times"></i> </button> </div> </div> <!-- /.card-header --> <div class="card-body p-0"> <div style="height:300px;"> </div> </div> <!-- /.card-body --> </div> <!-- /.card --> <div class="card"> <div class="card-header bg-secondary pl-2 pt-1 pb-1"> <h3 class="card-title">Dashboard 2</h3> <div class="card-tools"> <button type="button" class="btn btn-tool" data-card-widget="collapse"> <i class="fas fa-minus"></i> </button> <button type="button" class="btn btn-tool" data-card-widget="remove"> <i class="fas fa-times"></i> </button> </div> </div> <!-- /.card-header --> <div class="card-body p-0"> <div style="height:300px;"> </div> </div> <!-- /.card-body --> </div> <!-- /.card --> ��views/signup.php��0000644��00000012222�15025042104�0007707 0��ustar�00�� <div class="login-page" style="backgroundcolor: transparent !important;"> <div class="login-box"> <!-- /.login-logo --> <div class="card"> <div class="card-body login-card-body signup-class"> <div class="auth-form-header p-0 mb-3"> <h1>Sign up</h1> </div> <span class="lbl-forms mx-0 my-0">Dealership</span> <div class="form-group mb-2"> <select class="form-control form-control-sm select2bs4" id="dealer" json-signup="true" style="width: 100%;"> </select> </div> <span class="lbl-forms mx-0 my-0">Position</span> <div class="form-group mb-2"> <select class="form-control form-control-sm select2bs4" id="position" json-signup="true" style="width: 100%;"> </select> </div> <span class="lbl-forms mx-0 my-0">ID number</span> <div class="input-group mb-2"> <input type="text" class="form-control form-control-sm uppercase" id="id_no" json-signup="true" placeholder=""> <div class="input-group-append"> <div class="input-group-text"> <!-- <span class="fas fa-user"></span> --> </div> </div> </div> <span class="lbl-forms mx-0 my-0">First name</span> <div class="input-group mb-2"> <input type="text" class="form-control form-control-sm uppercase" id="firstname" json-signup="true" placeholder=""> <div class="input-group-append"> <div class="input-group-text"> <!-- <span class="fas fa-user"></span> --> </div> </div> </div> <span class="lbl-forms mx-0 my-0">Last name</span> <div class="input-group mb-2"> <input type="text" class="form-control form-control-sm uppercase" id="lastname" json-signup="true" placeholder=""> <div class="input-group-append"> <div class="input-group-text"> <!-- <span class="fas fa-user"></span> --> </div> </div> </div> <span class="lbl-forms mx-0 my-0">Email address</span> <div class="input-group mb-2"> <input type="text" class="form-control form-control-sm uppercase" id="email" json-signup="true" placeholder=""> <div class="input-group-append"> <div class="input-group-text"> <!-- <span class="fas fa-envelope"></span> --> </div> </div> </div> <span class="lbl-forms mx-0 my-0">Mobile</span> <div class="input-group mb-2"> <div class="input-group-append"> <div class="input-group-text text-right pr-2 pl-2"> <span class="fas font-weight-normal">+63</span> </div> </div> <input type="number" class="form-control form-control-sm no-arrow" id="mobile" json-signup="true" oninput="this.value=this.value.slice(0,this.maxLength)" maxlength="10" placeholder="9XXXXXXXXX"> </div> <span class="lbl-forms mx-0 my-0">Password</span> <div class="input-group mb-2"> <input type="password" class="form-control form-control-sm" id="password" json-signup="true" placeholder=""> <div class="input-group-append"> <div class="input-group-text"> <!-- <span class="fas fa-lock"></span> --> </div> </div> </div> <div class="row"> <!-- /.col --> <div class="col-12 mt-2"> <button type="submit" id="btn_signup" class="btn btn-primary btn-block btn-sm">Sign Up</button> </div> <!-- /.col --> </div> <div class="col-12"> <div class="row d-flex justify-content-between"> <p class="mb-1 text-primary cursor-pointer" id="login_account"> Sign in </p> <p class="text-primary mb-0 cursor-pointer" id=""> </p> </div> </div> </div> <!-- /.login-card-body --> </div> </div> <!-- /.login-box -->��views/groupfile.php��0000644��00000006603�15025042104�0010404 0��ustar�00��<!-- MAP & BOX PANE --> <div class="card menu-item " id="menu_groupfile"> <div class="card-header bg-secondary pl-2 pt-1 pb-1"> <h3 class="card-title"><span id="group_owner_name" ></span> Groups</h3> <div class="card-tools"> <button type="button" class="btn btn-tool" id="groupfile_back"> <i class="fas fa-arrow-left"></i> </button> <button type="button" class="btn btn-tool" data-card-widget="collapse"> <i class="fas fa-minus"></i> </button> <button type="button" class="btn btn-tool" data-card-widget="remove"> <i class="fas fa-times"></i> </button> </div> </div> <!-- /.card-header --> <div class="card-body p-2"> <div class="row mt-1 mb-1"> <div class="col-md-6"> </div> <div class="col-md-6"> <i class="float-right cursor-pointer tooltip-me pt-2 pl-1 fas fa-question-circle text-primary " title="Search group name." ></i> <div class="input-group float-right search-transition default-search-size" id="groupfile-search-div"> <div class="input-group-prepend"> <span class="input-group-text pr-2 pl-2"><i class="fas fa-search"></i></span> </div> <input type="search" id="groupfile-search" class="form-control form-control-sm pr-0" placeholder="Search..."> </div> </div> </div> <div class="card-header bg-light pl-2 pt-1 pb-1 rounded-0 border"> <nav class="navbar navbar-expand p-0"> <ul class="navbar-nav"> <li id="nav_groupfile_add_groupfile" class="nav-item d-none d-sm-inline-block"> <span class="mr-4 cursor-pointer" id="groupfile_add_groupfile"><u><i class="fas fa-plus"></i> Add Group</u></span> </li> </ul> </nav> </div> <!-- <span class="mr-4 cursor-pointer dropdown-toggle" data-toggle="dropdown"><u><i class="fas fa-filter"></i> Filter:</u></span> --> <table id="table_groupfile" data-search="false" data-show-refresh="false" data-show-header="false" class="table table-bordered table-hover table-sm" data-show-export="false" data-page-size="15" data-page-list="[15, 30, 50, 100, all]" data-query-params="groupfileQueryParams" data-pagination="true"> <thead> <tr> <th data-field="name"> Name </th> <th data-events="updateGroupfileEvent" data-formatter="updateGroupfileFormatter" class="text-center btn_groupfile_update" data-width="30" data-field="update"> Update </th> <th data-events="removeGroupfileEvent" data-formatter="removeGroupfileFormatter" class="text-center btn_groupfile_remove" data-width="30" data-field="action"> Remove </th> </tr> </thead> </table> </div> <!-- /.card-body --> </div> <!-- /.card -->��views/side_content.php��0000644��00000040247�15025042104�0011070 0��ustar�00��<!-- Content Wrapper. Contains page content --> <div class="content-wrapper"> <!-- Main content --> <section class="content"> <div class="container-fluid"> <!-- Content Header (Page header) --> <div class="content-header"> <div class="container-fluid"> <div class="row mb-2" hidden> <div class="col-sm-6"> <h1 class="m-0">Dashboard v2</h1> </div><!-- /.col --> <div class="col-sm-6"> <ol class="breadcrumb float-sm-right"> <li class="breadcrumb-item"><a href="#">Home</a></li> <li class="breadcrumb-item active">Dashboard v2</li> </ol> </div><!-- /.col --> </div><!-- /.row --> </div><!-- /.container-fluid --> </div> <!-- /.content-header --> <!-- Main row --> <div class="row row-eq-height"> <div class="col-md-3" id="left_content"> <!-- PRODUCT LIST --> <div class="card"> <div class="card-header bg-secondary pl-2 pt-1 pb-1"> <h3 class="card-title">Left 1</h3> <div class="card-tools"> <button type="button" class="btn btn-tool" data-card-widget="collapse"> <i class="fas fa-minus"></i> </button> <button type="button" class="btn btn-tool" data-card-widget="remove"> <i class="fas fa-times"></i> </button> </div> </div> <!-- /.card-header pl-2 pt-1 pb-1 --> <div class="card-body p-0"> <ul class="products-list product-list-in-card pl-2 pr-2"> <li class="item p-1"> <div class=""> <span class="product-description"> Lorem ipsum dolor amet. </span> </div> </li> <!-- /.item --> <li class="item p-1"> <div class=""> <span class="product-description"> Lorem ipsum dolor amet. </span> </div> </li> <li class="item p-1"> <div class=""> <span class="product-description"> Lorem ipsum dolor amet. </span> </div> </li> <!-- /.item --> <li class="item p-1"> <div class=""> <span class="product-description"> Lorem ipsum dolor amet. </span> </div> </li> <!-- /.item --> <li class="item p-1"> <div class=""> <span class="product-description"> Lorem ipsum dolor amet. </span> </div> </li> <!-- /.item --> </ul> </div> <!-- /.card-body --> <div class="card-footer text-center p-1"> <a href="javascript:void(0)" class="uppercase">View All</a> </div> <!-- /.card-footer --> </div> <!-- /.card --> <div class="card"> <div class="card-header bg-secondary pl-2 pt-1 pb-1"> <h3 class="card-title">Left Section Title</h3> <div class="card-tools"> <button type="button" class="btn btn-tool" data-card-widget="collapse"> <i class="fas fa-minus"></i> </button> <button type="button" class="btn btn-tool" data-card-widget="remove"> <i class="fas fa-times"></i> </button> </div> </div> <!-- /.card-header pl-2 pt-1 pb-1 --> <div class="card-body p-0"> <ul class="products-list product-list-in-card pl-2 pr-2"> <li class="item p-1"> <div class=""> <a href="javascript:void(0)" class="product-title">Content 1 <span class="badge badge-warning float-right">badge</span></a> <span class="product-description"> Lorem ipsum dolor amet. </span> </div> </li> <!-- /.item --> <li class="item p-1"> <div class=""> <a href="javascript:void(0)" class="product-title">Content 2 <span class="badge badge-info float-right">badge</span></a> <span class="product-description"> Lorem ipsum dolor amet. </span> </div> </li> <!-- /.item --> <li class="item p-1"> <div class=""> <a href="javascript:void(0)" class="product-title"> Content 3 <span class="badge badge-danger float-right"> badge </span> </a> <span class="product-description"> Lorem ipsum dolor amet. </span> </div> </li> <!-- /.item --> <li class="item p-1"> <div class=""> <a href="javascript:void(0)" class="product-title">Content 4 <span class="badge badge-success float-right">badge</span></a> <span class="product-description"> Lorem ipsum dolor amet. </span> </div> </li> <!-- /.item --> </ul> </div> <!-- /.card-body --> <div class="card-footer text-center p-1"> <a href="javascript:void(0)" class="uppercase">View All</a> </div> <!-- /.card-footer --> </div> <!-- /.card --> </div> <!-- /.col --> <!-- center col --> <div class="col-md" id="center_content"> </div> <!-- /.col --> <div class="col-md-3" id="right_content"> <!-- PRODUCT LIST --> <div class="card"> <div class="card-header bg-secondary pl-2 pt-1 pb-1"> <h3 class="card-title">Right Section Title</h3> <div class="card-tools"> <button type="button" class="btn btn-tool" data-card-widget="collapse"> <i class="fas fa-minus"></i> </button> <button type="button" class="btn btn-tool" data-card-widget="remove"> <i class="fas fa-times"></i> </button> </div> </div> <!-- /.card-header pl-2 pt-1 pb-1 --> <div class="card-body p-0"> <ul class="products-list product-list-in-card pl-2 pr-2"> <li class="item p-1"> <div class=""> <a href="javascript:void(0)" class="product-title">Content 1 <span class="badge badge-warning float-right">badge</span></a> <span class="product-description"> Lorem ipsum dolor amet. </span> </div> </li> <!-- /.item --> <li class="item p-1"> <div class=""> <a href="javascript:void(0)" class="product-title">Content 2 <span class="badge badge-info float-right">badge</span></a> <span class="product-description"> Lorem ipsum dolor amet. </span> </div> </li> <!-- /.item --> <li class="item p-1"> <div class=""> <a href="javascript:void(0)" class="product-title"> Content 3 <span class="badge badge-danger float-right"> badge </span> </a> <span class="product-description"> Lorem ipsum dolor amet. </span> </div> </li> <!-- /.item --> <li class="item p-1"> <div class=""> <a href="javascript:void(0)" class="product-title">Content 4 <span class="badge badge-success float-right">badge</span></a> <span class="product-description"> Lorem ipsum dolor amet. </span> </div> </li> <!-- /.item --> </ul> </div> <!-- /.card-body --> <div class="card-footer text-center p-1"> <a href="javascript:void(0)" class="uppercase">View All</a> </div> <!-- /.card-footer --> </div> <!-- /.card --> <div class="card"> <div class="card-header bg-secondary pl-2 pt-1 pb-1"> <h3 class="card-title">Right 2</h3> <div class="card-tools"> <button type="button" class="btn btn-tool" data-card-widget="collapse"> <i class="fas fa-minus"></i> </button> <button type="button" class="btn btn-tool" data-card-widget="remove"> <i class="fas fa-times"></i> </button> </div> </div> <!-- /.card-header pl-2 pt-1 pb-1 --> <div class="card-body p-0"> <ul class="products-list product-list-in-card pl-2 pr-2"> <li class="item p-1"> <div class=""> <span class="product-description"> Lorem ipsum dolor amet. </span> </div> </li> <!-- /.item --> <li class="item p-1"> <div class=""> <span class="product-description"> Lorem ipsum dolor amet. </span> </div> </li> <li class="item p-1"> <div class=""> <span class="product-description"> Lorem ipsum dolor amet. </span> </div> </li> <!-- /.item --> <li class="item p-1"> <div class=""> <span class="product-description"> Lorem ipsum dolor amet. </span> </div> </li> <!-- /.item --> <li class="item p-1"> <div class=""> <span class="product-description"> Lorem ipsum dolor amet. </span> </div> </li> <!-- /.item --> </ul> </div> <!-- /.card-body --> <div class="card-footer text-center p-1"> <a href="javascript:void(0)" class="uppercase">View All</a> </div> <!-- /.card-footer --> </div> <!-- /.card --> </div> <!-- /.col --> </div> <!-- /.row --> </div> <!--/. container-fluid --> </section> <!-- /.content --> </div> <!-- /.content-wrapper -->��views/masterfile.php��0000644��00000004106�15025042104�0010537 0��ustar�00��<!-- MAP & BOX PANE --> <div class="card menu-item " id="menu_masterfile"> <div class="card-header bg-secondary pl-2 pt-1 pb-1"> <h3 class="card-title">Masterfile Window</h3> <div class="card-tools"> <button type="button" class="btn btn-tool" data-card-widget="collapse"> <i class="fas fa-minus"></i> </button> <button type="button" class="btn btn-tool" data-card-widget="remove"> <i class="fas fa-times"></i> </button> </div> </div> <!-- /.card-header --> <div class="card-body p-2"> <div class="card-header bg-light pl-2 pt-1 pb-1 rounded-0 border"> <!-- <h3 class="card-title">Add Company</h3> --> <div class="row pl-2"> <span class="mr-4 cursor-pointer" id="master_add_company" style="display:none;"><u><i class="fas fa-plus"></i> Add Company</u></span> <span class="mr-4 cursor-pointer"><u><i class="fas fa-print"></i> Print</u></span> <span class="mr-4 cursor-pointer"><u><i class="fas fa-file-export"></i> Export</u></span> </div> </div> <table id="table_masterfile" data-search="false" data-show-refresh="false" data-show-header="false" class="table table-bordered table-hover table-sm" data-show-export="false" data-query-params="masterFileQueryParams" data-pagination="false"> <thead> <tr> <th data-field="id" data-width="50" class="text-center"> ID</th> <th data-field="name"> Company </th> <th data-events="removeCompanyEvent" data-formatter="removeCompanyFormatter" class="text-center masterfile_action_remove" data-width="30" data-field="remove"> Remove </th> </tr> </thead> </table> </div> <!-- /.card-body --> </div> <!-- /.card --> ��views/roles.php��0000644��00000005510�15025042104�0007530 0��ustar�00��<!-- MAP & BOX PANE --> <div class="card menu-item " id="menu_rolefile"> <div class="card-header bg-secondary pl-2 pt-1 pb-1"> <h3 class="card-title">Roles</h3> <div class="card-tools"> <button type="button" class="btn btn-tool" id="role_back"> <i class="fas fa-arrow-left"></i> </button> <button type="button" class="btn btn-tool" data-card-widget="collapse"> <i class="fas fa-minus"></i> </button> <button type="button" class="btn btn-tool" data-card-widget="remove"> <i class="fas fa-times"></i> </button> </div> </div> <!-- /.card-header --> <div class="card-body p-2"> <div class="row mt-1 mb-1"> <div class="col-md-6"> </div> <div class="col-md-6"> <div class="input-group float-right search-transition default-search-size" id="role-search-div"> <div class="input-group-prepend"> <span class="input-group-text pr-2 pl-2"><i class="fas fa-search"></i></span> </div> <input type="search" id="role-search" class="form-control form-control-sm pr-0" placeholder="Search..."> </div> </div> </div> <div class="card-header bg-light pl-2 pt-1 pb-1 rounded-0 border"> <nav class="navbar navbar-expand p-0"> <ul class="navbar-nav"> <li class="nav-item d-none d-sm-inline-block"> <span class="mr-4 cursor-pointer" id="role_add_role"><u><i class="fas fa-plus"></i> Add Role</u></span> </li> </ul> </nav> </div> <!-- <span class="mr-4 cursor-pointer dropdown-toggle" data-toggle="dropdown"><u><i class="fas fa-filter"></i> Filter:</u></span> --> <table id="table_rolefile" data-search="false" data-show-refresh="false" data-show-header="false" class="table table-bordered table-hover table-sm" data-show-export="false" data-page-size="15" data-page-list="[15, 30, 50, 100, all]" data-query-params="rolefileQueryParams" data-pagination="true"> <thead> <tr> <th data-field="name"> Name </th> <th data-events="removeRoleEvent" data-formatter="removeRoleFormatter" class="text-center" data-width="30" data-field="action"> Remove </th> </tr> </thead> </table> </div> <!-- /.card-body --> </div> <!-- /.card -->��views/testpage/whole1.php��0000644��00000002337�15025042104�0011423 0��ustar�00��<!-- Content Wrapper. Contains page content --> <div class="content-wrapper"> <!-- Main content --> <section class="content"> <div class="container-fluid"> <!-- Content Header (Page header) --> <div class="content-header"> <div class="container-fluid"> <div class="row mb-2" hidden> <div class="col-sm-6"> <h1 class="m-0">Dashboard v2</h1> </div><!-- /.col --> <div class="col-sm-6"> <ol class="breadcrumb float-sm-right"> <li class="breadcrumb-item"><a href="#">Home</a></li> <li class="breadcrumb-item active">Dashboard v2</li> </ol> </div><!-- /.col --> </div><!-- /.row --> </div><!-- /.container-fluid --> </div> <!-- /.content-header --> <!-- Main row --> <div class="row"> <!-- center col --> <div class="col-md-12 text-center" id="center_content"> <h1>Whole page</h1> </div> <!-- /.col --> </div> <!-- /.row --> </div><!--/. container-fluid --> </section> <!-- /.content --> </div> <!-- /.content-wrapper --> ��views/testpage/center2.php��0000644��00000001466�15025042104�0011570 0��ustar�00�� <!-- MAP & BOX PANE --> <div class="card"> <div class="card-header"> <h3 class="card-title">Center 2</h3> <div class="card-tools"> <button type="button" class="btn btn-tool" data-card-widget="collapse"> <i class="fas fa-minus"></i> </button> <button type="button" class="btn btn-tool" data-card-widget="remove"> <i class="fas fa-times"></i> </button> </div> </div> <!-- /.card-header --> <div class="card-body p-0"> <div style="height:300px;"> </div> </div> <!-- /.card-body --> </div> ��views/testpage/center1.php��0000644��00000001466�15025042104�0011567 0��ustar�00�� <!-- MAP & BOX PANE --> <div class="card"> <div class="card-header"> <h3 class="card-title">Center 1</h3> <div class="card-tools"> <button type="button" class="btn btn-tool" data-card-widget="collapse"> <i class="fas fa-minus"></i> </button> <button type="button" class="btn btn-tool" data-card-widget="remove"> <i class="fas fa-times"></i> </button> </div> </div> <!-- /.card-header --> <div class="card-body p-0"> <div style="height:300px;"> </div> </div> <!-- /.card-body --> </div> ��views/notification.php��0000644��00000010515�15025042104�0011073 0��ustar�00��<!-- MAP & BOX PANE --> <div class="card menu-item " id="menu_notification"> <div class="card-header bg-secondary pl-2 pt-1 pb-1"> <h3 class="card-title">Notifications</h3> <div class="card-tools"> <!-- <button type="button" class="btn btn-tool tooltip-me" title="Reload" id="lead_profile_refresh"> <i class="fas fa-sync-alt"></i> </button> --> <!-- <button type="button" class="btn btn-tool tooltip-me" title="Back" id="notification_back"> <i class="fas fa-arrow-left"></i> </button> --> <button type="button" class="btn btn-tool tooltip-me" title="Toggle Window" data-card-widget="collapse"> <i class="fas fa-minus"></i> </button> <button type="button" class="btn btn-tool tooltip-me" title="Remove" data-card-widget="remove"> <i class="fas fa-times"></i> </button> </div> </div> <!-- /.card-header --> <div class="card-body p-2"> <div id="notification_list_div"> <div class="card-header bg-white cursor-pointer pl-2 pr-2 pt-2 pb-1 rounded-0 border mb-2"> <div class="col-12 col-sm-12 col-md-12 d-flex align-items-stretch flex-column"> <div class="card card-default shadow-none h-100 m-0 p-0"> <!-- /.card-header --> <div class="card-body p-0 bg-white mb-0"> <div class="row"> <div class="col-12"> <div class="p-1 bg-light col-12"><span class="">Lorem ipsum dolor amet meow</span> </div> <span class="text-sm text-muted font-italic">Sept. 27, 2021</span> </div> </div> </div> </div> </div> </div> <div class="card-header bg-white cursor-pointer pl-2 pr-2 pt-2 pb-1 rounded-0 border mb-2"> <div class="col-12 col-sm-12 col-md-12 d-flex align-items-stretch flex-column"> <div class="card card-default shadow-none h-100 m-0 p-0"> <!-- /.card-header --> <div class="card-body p-0 bg-white mb-0"> <div class="row"> <div class="col-12"> <div class="p-1 bg-light col-12"><span class="">Lorem ipsum dolor amet meow</span> </div> <span class="text-sm text-muted font-italic">Sept. 27, 2021</span> </div> </div> </div> </div> </div> </div> <div class="card-header bg-white cursor-pointer pl-2 pr-2 pt-2 pb-1 rounded-0 border mb-2"> <div class="col-12 col-sm-12 col-md-12 d-flex align-items-stretch flex-column"> <div class="card card-default shadow-none h-100 m-0 p-0"> <!-- /.card-header --> <div class="card-body p-0 bg-white mb-0"> <div class="row"> <div class="col-12"> <div class="p-1 bg-light col-12"><span class="">Lolong lonng long lonng long lonng long lonng long lonng long lonng long lonng long lonng long lonng long lonng long lonng long ow</span> </div> <span class="text-sm text-muted font-italic">Sept. 27, 2021</span> </div> </div> </div> </div> </div> </div> </div> <div class="m-2"></div> <div class="row d-flex justify-content-center"> <div class="p-1 bg-white col-12 text-center"> <span class="cursor-pointer text-primary" id="notification_view_more"> <i class="fas fa-plus mr-1"></i>View More</span></div> </div> <div class="m-2"></div> </div> <!-- /.card-body --> </div> <!-- /.card -->��views/group_member.php��0000644��00000007160�15025042104�0011072 0��ustar�00��<!-- MAP & BOX PANE --> <div class="card menu-item " id="menu_group_member"> <div class="card-header bg-secondary pl-2 pt-1 pb-1"> <h3 class="card-title"><span id="selected_group_name"></span> Members</h3> <div class="card-tools"> <button type="button" class="btn btn-tool" id="group_member_back"> <i class="fas fa-arrow-left"></i> </button> <button type="button" class="btn btn-tool" data-card-widget="collapse"> <i class="fas fa-minus"></i> </button> <button type="button" class="btn btn-tool" data-card-widget="remove"> <i class="fas fa-times"></i> </button> </div> </div> <!-- /.card-header --> <div class="card-body p-2"> <div class="row mt-1 mb-1"> <div class="col-md-6"> </div> <div class="col-md-6"> <i class="float-right cursor-pointer tooltip-me pt-2 pl-1 fas fa-question-circle text-primary " title="Search employee name or id." ></i> <div class="input-group float-right search-transition default-search-size" id="group-member-file-search-div"> <div class="input-group-prepend"> <span class="input-group-text pr-2 pl-2"><i class="fas fa-search"></i></span> </div> <input type="search" id="group-member-file-search" class="form-control form-control-sm pr-0" placeholder="Search..."> </div> </div> </div> <div class="card-header bg-light pl-2 pt-1 pb-1 rounded-0 border" > <nav class="navbar navbar-expand p-0"> <ul class="navbar-nav"> <li id="nav_group_member_add_group_member" class="nav-item d-none d-sm-inline-block"> <span class="mr-4 cursor-pointer" id="group_member_add_group_member"><u><i class="fas fa-arrow-up"></i> Update Group</u></span> </li> </ul> </nav> </div> <table id="table_group_member_file" data-search="false" data-show-refresh="false" data-show-header="false" class="table table-bordered table-hover table-sm" data-show-export="false" data-page-size="15" data-page-list="[15, 30, 50, 100, all]" data-query-params="groupMemberFileQueryParams" data-pagination="true"> <thead> <tr> <th class="col-1" data-field="id_number"> ID </th> <th data-field="name"> Name </th> <th data-width="55" data-formatter="memberGroupsFormatter" class="text-center" data-field="groups"> Groups </th> <th data-width="55" data-formatter="memberLeadsFormatter" class=" text-center" data-field="leads"> Leads </th> <th data-events="removeGroupMemberEvent" data-formatter="removeGroupMemberFormatter" class="text-center btn_group_member_file_remove" data-width="30" data-field="action"> Remove </th> </tr> </thead> </table> </div> <!-- /.card-body --> </div> <!-- /.card -->��views/signin.php��0000644��00000006103�15025042104�0007672 0��ustar�00�� <div class="login-page" style="backgroundcolor: transparent !important;"> <div class="login-box"> <!-- /.login-logo --> <div class="card"> <div class="card-body login-card-body signin-class" > <div class="auth-form-header p-0 mb-3"> <h1>Sign in</h1> </div> <span class="lbl-forms mx-0 my-0">ID number or email address</span> <div class="input-group mb-2"> <input type="text" class="form-control form-control-sm" id="username" json-signin="true" placeholder=""> <div class="input-group-append"> <div class="input-group-text"> <!-- <span class="fas fa-user"></span> --> </div> </div> </div> <span class="lbl-forms mx-0 my-0">Password</span> <div class="input-group mb-2"> <input type="password" class="form-control form-control-sm" id="password" json-signin="true" placeholder=""> <div class="input-group-append"> <div class="input-group-text"> <!-- <span class="fas fa-lock"></span> --> </div> </div> </div> <div class="row"> <!-- /.col --> <div class="col-12 mt-2"> <button type="submit" id="btn_signin" class="btn btn-primary btn-block btn-sm">Sign In</button> </div> <!-- /.col --> </div> <div class="col-12"> <div class="row d-flex justify-content-between"> <p class="text-primary mb-0 cursor-pointer" id="create_account"> Create account </p> <p class="mb-1 text-primary cursor-pointer" id="forgot_password"> <!-- Forgot password --> </p> </div> </div> </div> <!-- /.login-card-body --> </div> </div> <!-- /.login-box --> </div> ��

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