File manager

File manager - Edit - /home/autoph/public_html/connectv1/resources/views/services/service.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'); } ?> <!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>

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