File manager - Edit - /home/autoph/public_html/connectv1/resources/views/services/service_view.php
Back
<?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> Service 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>
| ver. 1.4 |
.
| PHP 7.3.33 | Generation time: 0.01 |
proxy
|
phpinfo
|
Settings