File manager - Edit - /home/autoph/public_html/tasks/customer.tar
Back
activity.php 0000644 00000001230 15025113701 0007100 0 ustar 00 <?php use App\Router; // Router::match(['get', 'post'], '/', 'LtoController@orcrStatusByCSMobile'); // Router::post('/customer/activity/store', function () { // //print_r(config('lto')->dealer_mapping); // // echo "1"; // response()->json(["message" => "TEST", "status" => 1]); // }); Router::group(['prefix' => '/customer'], function () { Router::group(['prefix' => '/activity'], function () { Router::post('/store', 'Customer\ActivityController@store')->setName('customer.activity.store'); Router::post('/insurance/store', 'Customer\ActivityController@storeInsurance')->setName('customer.activity.insurance.store'); }); }); customer_service.php 0000644 00000006773 15025114032 0010644 0 ustar 00 <!-- <div id="customer-service" class="table-responsive "> --> <div id="customer-service"> <table id="service-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="queryParamsService" 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="checkIfEmpty" data-field="ro_number">RO Number</th> <th data-formatter="checkIfEmpty" data-field="plate_number">Plate Number</th> <th data-formatter="checkIfEmpty" data-field="conduction_sticker">Conduction Number</th> <th data-formatter="checkIfEmpty" data-field="service_advisor">Service Advisor</th> </tr> --> <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> <tbody> </tbody> </table> </div> customer_individual_information.php 0000644 00000023702 15025114032 0013730 0 ustar 00 <div id="individual-customer" class="card card-primary card-outline col-12" style="display: none;"> <div class="card-body"> <div class="tab-content"> <form id="form-individual" class="form-horizontal"> <div class="row mb-2"> <div class="col-6 mb-3"> <span class="span-labels"><strong>Date created:  </strong> </span> <span class="span-values" id="ind-date-created"></span> </div> <!-- <div class="col-6 mb-3 text-right"> <?php if($check_page->edit($db,2)){ ?> <input type="button" onclick="customerModal(false,true)" class="btn btn-primary btn-sm mr-1" value="Edit" title="Edit Customer" data-toggle="modal" data-target="#modal-customer"></input> <?php } ?> <?php if($check_page->delete($db,2)){ ?> <input type="button" onclick="" class="btn btn-danger btn-sm" value="Remove" title="Remove/Hide Customer"></input> <?php } ?> </div> --> </div> <div class="form-group row mb-2"> <span class="col-sm-4 lbl-forms-sm"><strong>Date of Birth</strong></span> <input type="text" class="col-sm-8 lbl-forms-sm form-control form-control-sm" id="ind-dob" readonly style="background-color: transparent;"></input> </div> <div class="form-group row mb-2"> <span class="col-sm-4 lbl-forms-sm"><strong>Age</strong></span> <input type="text" class="col-sm-8 lbl-forms-sm form-control form-control-sm" id="ind-age" readonly style="background-color: transparent;"></input> </div> <div class="form-group row mb-2"> <span class="col-sm-4 lbl-forms-sm"><strong>Gender</strong></span> <input type="text" class="col-sm-8 lbl-forms-sm form-control form-control-sm" id="ind-gender" readonly style="background-color: transparent;"></input> </div> <div class="form-group row mb-2"> <span class="col-sm-4 lbl-forms-sm"><strong>Religion</strong></span> <input type="text" class="col-sm-8 lbl-forms-sm form-control form-control-sm" id="ind-religion" readonly style="background-color: transparent;"></input> </div> <div class="form-group row mb-2"> <span class="col-sm-4 lbl-forms-sm"><strong>Nationality</strong></span> <input type="text" class="col-sm-8 lbl-forms-sm form-control form-control-sm" id="ind-nationality" readonly style="background-color: transparent;"></input> </div> <div class="form-group row mb-2"> <span class="col-sm-4 lbl-forms-sm"><strong>Occupation</strong></span> <input type="text" class="col-sm-8 lbl-forms-sm form-control form-control-sm" id="ind-occupation" readonly style="background-color: transparent;"></input> </div> <div class="form-group row mb-2"> <span class="col-sm-4 lbl-forms-sm"><strong>Marital Status</strong></span> <input type="text" class="col-sm-8 lbl-forms-sm form-control form-control-sm" id="ind-marital-status" readonly style="background-color: transparent;"></input> </div> <div class="form-group row mb-2"> <span class="col-sm-4 lbl-forms-sm"><strong>Spouse</strong></span> <input type="text" class="col-sm-8 lbl-forms-sm form-control form-control-sm" id="ind-spouse" readonly style="background-color: transparent;"></input> </div> <div class="form-group row mb-2"> <span class="col-sm-4 lbl-forms-sm"><strong>No. of Children</strong></span> <input type="text" class="col-sm-8 lbl-forms-sm form-control form-control-sm" id="ind-noc" readonly style="background-color: transparent;"></input> </div> <div class="form-group row mb-2"> <span class="col-sm-4 lbl-forms-sm"><strong>Contact Person</strong></span> <input type="text" class="col-sm-8 lbl-forms-sm form-control form-control-sm" id="ind-contact-person" readonly style="background-color: transparent;"></input> </div> <div class="form-group row mb-2"> <span class="col-sm-4 lbl-forms-sm"><strong>Inquiry</strong></span> <input type="text" class="col-sm-8 lbl-forms-sm form-control form-control-sm" id="ind-source" readonly style="background-color: transparent;"></input> </div> <div class="form-group row mb-2"> <span class="col-sm-4 lbl-forms-sm"><strong>Source Company</strong></span> <input type="text" class="col-sm-8 lbl-forms-sm form-control form-control-sm" id="ind-source-company" readonly style="background-color: transparent;"></input> </div> <div class="form-group row mb-2"> <span class="col-sm-4 lbl-forms-sm"><strong>Source Dealer</strong></span> <input type="text" class="col-sm-8 lbl-forms-sm form-control form-control-sm" id="ind-source-dealer" readonly style="background-color: transparent;"></input> </div> <div class="form-group row mb-2"> <span class="col-sm-4 lbl-forms-sm"><strong>Source DMS</strong></span> <input type="text" class="col-sm-8 lbl-forms-sm form-control form-control-sm" id="ind-source-dms" readonly style="background-color: transparent;"></input> </div> <!-- <div class="row"> <div class="col-sm-6"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Date of Birth</label> <input id="ind-dob" type="text" class="lbl-forms-sm form-control form-control-sm" readonly style="background-color: transparent;"> </div> </div> <div class="col-sm-6"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Gender</label> <input id="ind-gender" type="text" class="lbl-forms-sm form-control form-control-sm" readonly style="background-color: transparent;"> </div> </div> </div> <div class="row"> <div class="col-sm-6"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Nationality</label> <input id="ind-nationality" type="text" class="lbl-forms-sm form-control form-control-sm" readonly style="background-color: transparent;"> </div> </div> <div class="col-sm-6"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Occupation</label> <input id="ind-occupation" type="text" class="lbl-forms-sm form-control form-control-sm" readonly style="background-color: transparent;"> </div> </div> </div> <div class="row"> <div class="col-sm-4"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Marital Status</label> <input id="ind-marital-status" type="text" class="lbl-forms-sm form-control form-control-sm" readonly style="background-color: transparent;"> </div> </div> <div class="col-sm-4"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Spouse</label> <input id="ind-spouse" type="text" class="lbl-forms-sm form-control form-control-sm" readonly style="background-color: transparent;"> </div> </div> <div class="col-sm-4"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">No. of Children</label> <input id="ind-noc" type="text" class="lbl-forms-sm form-control form-control-sm" readonly style="background-color: transparent;"> </div> </div> </div> <div class="row"> <div class="col-sm-4"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Source Company</label> <input id="ind-source-company" type="text" class="lbl-forms-sm form-control form-control-sm" readonly style="background-color: transparent;"> </div> </div> <div class="col-sm-4"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Source Dealer</label> <input id="ind-source-dealer" type="text" class="lbl-forms-sm form-control form-control-sm" readonly style="background-color: transparent;"> </div> </div> <div class="col-sm-4"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Source DMS</label> <input id="ind-source-dms" type="text" class="lbl-forms-sm form-control form-control-sm" readonly style="background-color: transparent;"> </div> </div> </div> --> <div class="mt-3 mb-0 row " > <div class="col-sm-4"> <div class="form-group"> <span class="span-labels"><strong>Date Uploaded:  </strong></span><br> <span id="ind-date-uploaded" class="span-values"></span> </div> </div> <div class="col-sm-4"> <span class="span-labels"><strong>Uploaded By:  </strong> </span><br> <span id="ind-uploaded-by" class="span-values"></span> </div> <div class="col-sm-4"> <span class="span-labels"><strong>DMS:  </strong> </span> <span id="ind-dms-list" class="span-values"></span><br> <span class="span-labels"><strong>Company:  </strong> </span> <span id="ind-company-list" class="span-values"></span><br> <span class="span-labels"><strong>Dealer:  </strong> </span> <span id="ind-dealer-list" class="span-values"></span> </div> </div> </form> </div> <!-- /.tab-content --> </div><!-- /.card-body --> </div> customer_family.php 0000644 00000001522 15025114032 0010450 0 ustar 00 <div id="information_spouse_div" class="mb-2 mt-2"> <span class="lbl-forms-sm-customer-main"><strong>Spouse Name: </strong><span id="information_spouse" class="lbl-forms-sm-customer-main"></span></span> </div> <div class="col-12 text-center mt-3" id="family-page-footer" style="display: none ;"> <div class="card-footer"> <nav aria-label="Contacts Page Navigation"> <ul class="pagination justify-content-center m-0" id="customer-family-paging">No Children/s Record</ul> </nav> </div> </div> <div id="information_family_div" class="mt-3" style="display: ;"> <div class="card card-primary card-outline card-tabs no-border-cardcard card-primary card-outline col-12" style="width: 100%;"> <ul id="information_family_list" class="list-group list-group-flush"> </ul> </div> </div> customer_sales_information.php 0000644 00000024615 15025114032 0012713 0 ustar 00 <div id="sales-information" class="card card-primary" style="display: none;"> <div class="card-header"> <h3 class="card-title"><button class="btn btn-tool" title=""type="button" onclick="closeThis()"><i class="fas fa-arrow-alt-circle-left fa-2x"></i></button> Sales Information</h3> <div class="card-tools"> <button title="Minimize" type="button" class="btn btn-tool" data-card-widget="collapse"> <i class="fas fa-minus"></i> </button> </div> </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"> <form id="frm-sales-info"> <div class="row"> <div class="col-sm-6 mb-2"> <span style="font-size: 20px;"><strong>Order Number:  </strong></span> <span class="sales-order-number" id="sales-order-number"></span> </div> <div class="col-sm-6 mb-2"> <span style="font-size: 20px;"><strong>PO Number:  </strong></span> <span class="sales-po-number" id="sales-po-number"></span> </div> </div> <div class="row" style="height: 300px;"> <div class="col-sm-4"> <fieldset class="card h-100"> <legend style="font-size: 20px; font-weight: bold; color: blue;">Vehicle Info</legend> <!-- <div> <span class="span-labels"><strong>ID:  </strong></span> <span id="sales-owner-id" class="span-values"></span> </div> --> <div> <span class="span-labels"><strong>Customer:  </strong></span> <span id="sales-owner-name" class="span-values"></span> </div> <div> <span class="span-labels"><strong>Serial #:  </strong></span> <span id="sales-serial-number" class="span-values">fd</span> </div> <div> <span class="span-labels"><strong>Engine #:  </strong></span> <span id="sales-engine-number" class="span-values"></span> </div> <div> <span class="span-labels"><strong>CS #:  </strong></span> <span id="sales-cs-number" class="span-values"></span> </div> <hr> <div> <span class="span-labels"><strong>Warehouse:  </strong></span> <span id="sales-warehouse" class="span-values"></span> </div> <div> <span class="span-labels"><strong>Stock #:  </strong></span> <span id="sales-stock-number" class="span-values"></span> </div> <div> <span class="span-labels"><strong>Age of Unit:  </strong></span> <span id="sales-age-of-unit" class="span-values"></span> </div> <div> <span class="span-labels"><strong>Body Size Code:  </strong></span> <span id="sales-body-size-code" class="span-values"></span> </div> </fieldset> </div> <div class="col-sm-8"> <div class="h-100"> <fieldset class="card h-100"> <legend style="font-size: 20px; font-weight: bold; color: blue;">Sales Amounts</legend> <div class="row"> <div class="col-sm-4"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Sales Cost</label> <input id="sales-sales-cost" type="text" class="input-forms form-control" style="background-color: white;" readonly> </div> </div> <div class="col-sm-4"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Sale Price</label> <input id="sales-sale-price" type="text" class="input-forms form-control" style="background-color: white;" readonly> </div> </div> <div class="col-sm-4"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Sale Discount</label> <input id="sales-sale-discount" type="text" class="input-forms form-control" style="background-color: white;" readonly> </div> </div> </div> <div class="row"> <div class="col-sm-6"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Claim Amount</label> <input id="sales-claim-amount" type="text" class="input-forms form-control" style="background-color: white;" readonly> </div> </div> <div class="col-sm-6"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Floor Plan Amount</label> <input id="sales-floor-plan-amount" type="text" class="input-forms form-control" style="background-color: white;" readonly> </div> </div> </div> </fieldset> </div><!--h-100--> </div><!--col-sm-8--> </div><!--row height--> <!--<div class="row mt-3"> --> <fieldset class="card"> <legend style="font-size: 20px; font-weight: bold; color: blue;">Sales Details</legend> <div class="row"> <div class="col-sm-12"> <span style="font-size: 18px;" class="mb-2"><strong>Sales Person:  </strong></span> <span class="sales-sales-person" id="sales-sales-person"></span> </div> </div> <div class="row mt-2"> <div class="col-sm-4"> <fieldset class="card h-100"> <div class="form-group mx-0 my-0"> <label class="lbl-forms mx-0 my-0">Claim Number</label> <input id="sales-claim-number" type="text" class="input-forms form-control" style="background-color: white;" readonly> </div> <div class="form-group mx-0 my-0"> <label class="lbl-forms mx-0 my-0">Deal Number</label> <input id="sales-deal-number" type="text" class="input-forms form-control" style="background-color: white;" readonly> </div> <div class="form-group mx-0 my-0"> <label class="lbl-forms mx-0 my-0">Deal Date</label> <input id="sales-deal-date" type="text" class="input-forms form-control" style="background-color: white;" readonly> </div> </fieldset> </div> <div class="col-sm-4"> <fieldset class="card h-100"> <div class="form-group mx-0 my-0"> <label class="lbl-forms mx-0 my-0">Source Company</label> <input id="sales-source-company" type="text" class="input-forms form-control" style="background-color: white;" readonly> </div> <div class="form-group mx-0 my-0"> <label class="lbl-forms mx-0 my-0">Source Dealer</label> <input id="sales-source-dealer" type="text" class="input-forms form-control" style="background-color: white;" readonly> </div> <div class="form-group mx-0 my-0"> <label class="lbl-forms mx-0 my-0">Delivery Date</label> <input id="sales-delivery-date" type="text" class="input-forms form-control" style="background-color: white;" readonly> </div> </fieldset> </div> <div class="col-sm-4"> <fieldset class="card h-100"> <div class="form-group mx-0 my-0"> <label class="lbl-forms mx-0 my-0">Source</label> <input id="sales-source" type="text" class="input-forms form-control" style="background-color: white;" readonly> </div> <div class="form-group mx-0 my-0"> <label class="lbl-forms mx-0 my-0">Mode of Contact</label> <input id="sales-mode-of-contact" type="text" class="input-forms form-control" style="background-color: white;" readonly> </div> </fieldset> </div> </div> </fieldset> <!--</div>--> <div class="row mt-2"> <fieldset class="card"> <legend>Sales Insurance</legend> <div class="row"> <div class="col-sm-4"> <div class="form-group mx-0 my-0"> <label class="lbl-forms mx-0 my-0">Ins. Company</label> <input id="sales-insurance-company" type="text" class="input-forms form-control" style="background-color: white;" readonly> </div> </div> <div class="col-sm-4"> <div class="form-group mx-0 my-0"> <label class="lbl-forms mx-0 my-0">Ins. Type</label> <input id="sales-insurance-type" type="text" class="input-forms form-control" style="background-color: white;" readonly> </div> </div> <div class="col-sm-4"> <div class="form-group mx-0 my-0"> <label class="lbl-forms mx-0 my-0">Ins. Exp. Date</label> <input id="sales-insurance-exp-date" type="text" class="input-forms form-control" style="background-color: white;" readonly> </div> </div> </div> </fieldset> </div> <div class="row mt-3 mb-0 row"> <div class="col-sm-4"> <div class="form-group"> <span class="span-labels"><strong>Date Uploaded:  </strong></span><br> <span id="sales-date-uploaded" class="span-values"></span> </div> </div> <div class="col-sm-4"> <span class="span-labels"><strong>Uploaded By:  </strong> </span><br> <span id="sales-uploaded-by" class="span-values"></span> </div> <div class="col-sm-4"> <span class="span-labels"><strong>DMS:  </strong> </span><br> <span id="sales-dms" class="span-values"></span> </div> </div> </form> </div> </div> <script> function closeThis(){ $('#sales-information').fadeOut(); $('#customer-sales').fadeIn(); } </script> customer_sales.php 0000644 00000007011 15025114032 0010275 0 ustar 00 <!-- <div id="customer-sales" class="table-responsive "> --> <div id="customer-sales"> <table id="sales-table" data-toggle="table" data-url="" class = "table table-sm" 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="queryParamsSales" 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="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> <!-- <tr> <th data-formatter="checkIfEmpty" data-field="order_number">Order Number</th> <th data-formatter="checkIfEmpty" data-field="po_number">PO Number</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="activity_date">Date</th> <th data-formatter="checkIfEmpty" data-field="sales_person">Sales Person</th> </tr> --> </thead> <tbody> </tbody> </table> </div> corporation_individual.php 0000644 00000010364 15025114032 0012021 0 ustar 00 <!-- <div id="customer-corporation-individual"> <table id="corporation-individual" data-search="true" data-url="" class="table table-bordered table-hover table-sm" data-query-params="queryParamsCorporationCustomer" data-pagination="true" data-show-refresh="true" data-search="true" data-side-pagination="server" data-page-list="[10, 25, 50, 100]" data-url="" > <thead> <tr> <th data-align="center" data-formatter="imageFormatter" data-field="photo">Picture</th> <th data-formatter="checkIfEmpty" data-field="name">Name</th> <th data-formatter="checkIfEmpty" data-field="email_1">Email </th> <th data-formatter="checkIfEmpty" data-field="mobile_phone_1"> Mobile</th> <th data-formatter="checkIfEmpty" data-field="type">Type</th> </tr> </thead> <tbody> </tbody> </table> </div> --> <div id="customer-corporation-individual"> <table id="corporation-individual" data-toggle="table" class = "table table-sm" 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-query-params="queryParamsCorporationCustomer" 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-click-to-select="true" > <thead> <tr> <th data-align="center" data-formatter="imageFormatter" data-field="photo">Picture</th> <th data-formatter="checkIfEmpty" data-field="name">Name</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> <!-- <div id="customer-list-corporation" class=" customer-table"> <table id="customer-table-corporation" 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-align="center" data-formatter="imageFormatter" data-field="photo">Picture</th> <th data-formatter="checkIfEmpty" data-field="name">Name</th> <th data-formatter="checkIfEmpty" data-field="email_1">Email </th> <th data-formatter="checkIfEmpty" 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-corporation" style="box-shadow: 0 0 0 0"> <div class="overlay" id="loader-main-corporation" style="display:none;"> <div class="fas fa-2x fa-sync-alt fa-spin "> </div> <strong><span class="ml-2" id="loading-message-corporation"> Loading, please wait...</span></strong> </div> <div class="card-body pb-0" id="customer-grid-corporation" style="padding: .50rem"> <div class="row d-flex align-items-stretch" id="customer-grid-data-corporation"> </div> </div> <div id="grid-page-footer-customer-corporation"> <div class="card-footer"> <nav aria-label="Customer Page Navigation"> <ul class="pagination justify-content-center m-0" id="customer-grid-data-paging-corporation"> </ul> </nav> </div> </div> </div> </div> --> modal/vehicle_form.php 0000644 00000175021 15025114032 0011012 0 ustar 00 <?php if (file_exists('../../../../cfg/db.php')) { include_once('../../../../cfg/db.php'); include_once("../../../../api/controllers/utility.php"); $utility = new Utility(); } ?> <div class="modal fade" id="modal-vehicle" tabindex="-1" data-backdrop="static" aria-labelledby="exampleModalCenterTitleCenter" aria-hidden="true"> <div class="modal-dialog modal-dialog-scrollable modal-xl" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title-vehicle" id="exampleModalCenterTitleCenter"><span id="modal-title-vehicle"></span></h5> <div class="fas fa-2x fa-sync-alt fa-spin vehicle-modal-overlay"> </div> <!-- <a href="#" class="close" data-dismiss="modal" aria-label="close">×</a> --> <!-- <button id="close-button-vehicle" type="button" class="close" aria-label="Close"> --> <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 vehicle-modal-overlay"> </div> <div class="card-body pb-0 pt-0 pl-0 pr-0 mt-0 mb-0 ml-0 mr-0" id="vehicle-grid" style="padding: .50rem"> <!-- ./nav bar --> <div id="app-vehicle" 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 vehicle-modal-tab" id="vehicle-modal-tab" role="tablist"> <li class="nav-item"> <a class="nav-link active border-0 " id="vehicle-modal-tab-information" data-toggle="pill" href="#vehicle-modal-information" role="tab" aria-controls="customer-modal-information" aria-selected="true">Vehicle Information</a> </li> <li class="nav-item"> <a class="nav-link border-0 " id="vehicle-modal-tab-sales-picture" data-toggle="pill" href="#vehicle-modal-sales-picture" role="tab" aria-controls="vehicle-modal-sales-picture" aria-selected="false"> Vehicle Picture </a> </li> <li class="nav-item"> <a class="nav-link border-0 " id="vehicle-modal-tab-sales-record" data-toggle="pill" href="#vehicle-modal-sales-record" role="tab" aria-controls="vehicle-modal-sales-record" aria-selected="false"> Sales Record </a> </li> </ul> </div> </nav> </div> </div> <div class="tab-content" id="vehicle-modal-tab-content"> <div class="tab-pane fade show active" id="vehicle-modal-information" role="tabpanel" aria-labelledby="vehicle-modal-tab-information"> <fieldset class="card " style="display:none;" id="customer-owner-section"> <!-- <legend>VEHICLE INFORMATION</legend> --> <div class="row"> <div class="col-sm-6"> <div class="col-sm-12 mb-1"> <div id="div-brand" class="mb-0 form-group"> <label class="lbl-forms mx-0 my-0">Vehicle Owner</label> <span style="color:red;"><strong>*</strong></span> <select name="mod-customer-number" id="mod-customer-number" json-modal="true" class="modal-select2 edit-customer lbl-forms-sm form-control " style="width: 100%;"> <option></option> <?php // $brand = $db -> return_result("SELECT `id`, `name` FROM `source_brand` WHERE status != 0 ORDER BY id ASC"); // foreach($brand AS $data){ // echo "<option value='{$data['id']}'>".$data['name']."</option>"; // } ?> </select> </div> </div> </div> <!-- <div id="div-end-user" class="col-sm-6 mb-1" hidden> <div class="form-group mx-0 my-0"> <label class="lbl-forms mb-0">End User Name</label> <input maxlength="100" id="mod-end-user" type="text" json-modal="true" placeholder="Blank if same in customer name" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="height:31px; background-color: transparent;"> </div> </div> --> </div> </fieldset> <fieldset class="card "> <!-- <legend>VEHICLE INFORMATION</legend> --> <div class="row"> <div class="col-sm-6"> <div class="col-sm-12 mb-1"> <div id="div-brand" class="mb-0 form-group"> <label class="lbl-forms mx-0 my-0">Brand</label> <span style="color:red;"><strong>*</strong></span> <select name="mod-dd-brand" id="mod-dd-brand" json-modal="true" class="modal-select2 edit-customer lbl-forms-sm form-control " style="width: 100%;"> <option></option> <?php $brand = $db->return_result("SELECT `id`, `name` FROM `source_brand` WHERE status != 0 ORDER BY id ASC"); foreach ($brand as $data) { echo "<option value='{$data['id']}'>" . $data['name'] . "</option>"; } ?> </select> </div> </div> <div class="col-sm-12 mb-1"> <div id="div-model" class="mb-0 form-group"> <label class="lbl-forms mx-0 my-0">Model</label> <span style="color:red;"><strong>*</strong></span> <select name="mod-dd-model" id="mod-dd-model" json-modal="true" class="modal-select2 edit-customer lbl-forms-sm form-control " style="width: 100%;"> <option></option> <?php // $model = $db -> return_result("SELECT `id`, `name` FROM `source_car_model` WHERE status != 0 ORDER BY id ASC"); // foreach($model as $data){ // echo "<option value='{$data['id']}'>".$data['name']."</option>"; // } ?> </select> </div> </div> <div class="col-sm-12 mb-1"> <div id="div-model-variant" class="mb-0 form-group"> <label class="lbl-forms mx-0 my-0">Model Variant</label> <select name="mod-dd-model-variant" id="mod-dd-model-variant" json-modal="true" class="modal-select2 edit-customer lbl-forms-sm form-control " style="width: 100%;"> <option></option> <?php ?> </select> </div> </div> <div class="col-sm-12 mb-1" hidden> <div id="div-model-description" class="form-group dropdown-input mx-0 my-0"> <div class="form-group mx-0 my-0"> <label class="lbl-forms mb-0">Model Description</label> <input maxlength="50" id="mod-model-description" type="text" json-modal="true" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> </div> <div class="col-sm-12 mb-1" hidden> <div id="div-model-description" class="form-group dropdown-input mx-0 my-0"> <div class="form-group mx-0 my-0"> <label class="lbl-forms mb-0">Model No.</label> <input maxlength="50" id="mod-model-number" type="text" json-modal="true" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> </div> <div id="div-cs-number" class="col-sm-12 mb-1"> <div class="form-group mx-0 my-0"> <label class="lbl-forms mb-0">Conduction Sticker</label> <span style="color:red;"><strong>*</strong></span> <input maxlength="25" id="mod-cs-number" type="text" json-modal="true" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> <div id="div-plate-number" class="col-sm-12 mb-1"> <div class="form-group mx-0 my-0"> <label class="lbl-forms mb-0">Plate Number</label> <input pattern="^[a-zA-Z0-9 ]+$" maxlength="25" id="mod-plate-number" type="text" json-modal="true" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> <div id="div-or" class="col-sm-12 mb-1"> <div class="form-group mx-0 my-0"> <label class="lbl-forms mb-0">Official Receipt</label> <input pattern="^[a-zA-Z0-9 ]+$" maxlength="50" id="mod-or" type="text" json-modal="true" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> <div id="div-cr" class="col-sm-12 mb-1"> <div class="form-group mx-0 my-0"> <label class="lbl-forms mb-0">Certificate of Registration</label> <input pattern="^[a-zA-Z0-9 ]+$" maxlength="50" id="mod-cr" type="text" json-modal="true" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> <div class="col-sm-12 mb-1" hidden> <div id="div-reg-number" class="form-group dropdown-input mx-0 my-0"> <div class="form-group mx-0 my-0"> <label class="lbl-forms mb-0">Registration No.</label> <input maxlength="50" id="mod-reg-number" type="text" json-modal="true" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> </div> <!-- <div class="col-sm-12 mb-1"> <div id="div-serial-number" class="form-group dropdown-input mx-0 my-0"> <div class="form-group mx-0 my-0"> <label class="lbl-forms mb-0">Serial No.</label> <input maxlength="50" id="mod-serial-number" type="text" json-modal="true" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> </div> --> </div> <div class="col-sm-6"> <div id="div-modal-color" class="col-sm-12 mb-1"> <div class="form-group mx-0 my-0"> <label class="lbl-forms mb-0">Color</label> <select name="mod-dd-color" id="mod-dd-color" json-modal="true" class="modal-select2 edit-customer lbl-forms-sm form-control " style="width: 100%;"> <option></option> </select> </div> </div> <!-- <div class="col-sm-12 mb-1"> <div id="div-modal-color" class="form-group dropdown-input mx-0 my-0"> <div class="form-group mx-0 my-0"> <label class="lbl-forms mx-0 my-0">Color</label> <select name="mod-dd-color" id="mod-dd-color" json-modal="true" class="modal-select2 edit-customer lbl-forms-sm form-control form-control-sm" style="width: 100%;"> <option></option> <?php // $color = $db -> return_result("SELECT `id`, `name` FROM `vehicle_color` WHERE status != 0 ORDER BY id ASC"); // foreach($color as $data){ // echo "<option value='{$data['name']}'>".$data['name']."</option>"; // } ?> </select> </div> </div> </div> --> <div class="col-sm-12 mb-1"> <div id="div-modal-transmission" class="form-group dropdown-input mx-0 my-0"> <div class="form-group mx-0 my-0"> <label class="lbl-forms mx-0 my-0">Transmission</label> <!-- <input maxlength="50" id="mod-transmission" type="text" json-modal="true" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> --> <select name="mod-transmission" id="mod-transmission" json-modal="true" class="modal-select2 edit-customer lbl-forms-sm form-control " style="width: 100%;"> <option></option> <?php $transmission = $db->return_result("SELECT `id`, `name` FROM `vehicle_transmission` WHERE status != 0 ORDER BY id ASC"); foreach ($transmission as $data) { echo "<option value='{$data['id']}'>" . $data['name'] . "</option>"; } ?> </select> </div> </div> </div> <div class="col-sm-12 mb-1"> <div id="div-modal-type" class="form-group dropdown-input mx-0 my-0"> <div class="form-group mx-0 my-0"> <label class="lbl-forms mx-0 my-0">Vehicle Type</label> <select name="mod-dd-type" id="mod-dd-type" json-modal="true" class="modal-select2 edit-customer lbl-forms-sm form-control " style="width: 100%;"> <option></option> <?php $type = $db->return_result("SELECT `id`, `name` FROM `vehicle_type` WHERE status != 0 ORDER BY id ASC"); foreach ($type as $data) { echo "<option value='{$data['id']}'>" . $data['name'] . "</option>"; } ?> </select> </div> </div> </div> <div class="col-sm-12 mb-1"> <div id="div-modal-engine-type" class="form-group dropdown-input mx-0 my-0"> <div class="form-group mx-0 my-0"> <label class="lbl-forms mb-0">Engine Type</label> <input maxlength="50" id="mod-engine-type" type="text" json-modal="true" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> </div> <div class="col-sm-12 mb-1"> <div id="div-modal-vin-number" class="form-group dropdown-input mx-0 my-0"> <div class="form-group mx-0 my-0"> <label class="lbl-forms mb-0">VIN</label> <input maxlength="50" id="mod-vin-number" type="text" json-modal="true" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> </div> <div class="col-sm-12 mb-1"> <div id="div-modal-gas-type" class="form-group dropdown-input mx-0 my-0"> <div class="form-group mx-0 my-0"> <label class="lbl-forms mb-0">Gas Type</label> <input maxlength="50" id="mod-gas-type" type="text" json-modal="true" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> </div> <div class="col-sm-12 mb-1"> <div id="div-modal-year-model" class="form-group dropdown-input mx-0 my-0"> <div class="form-group mx-0 my-0"> <label class="lbl-forms mb-0">Year Model</label> <input type="number" id="mod-year-model" maxlength="4" oninput="this.value=this.value.slice(0,this.maxLength)" json-modal="true" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> </div> </div> </div> </fieldset> <div class="row"> <div class="col-sm-12"> <fieldset class="card"> <legend>DATA SOURCE <span style="color:red;"><strong>*</strong></span></legend> <div class="row"> <div class="col-sm-4"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">DMS</label> <!-- <span style="color:red;"><strong>*</strong></span> --> <select name="mod-dd-dms" id="mod-dd-dms" json-modal="true" class="modal-select2 edit-customer lbl-forms-sm form-control " style="width: 100%;"> <option></option> <?php $dms = $db->return_result("SELECT `id`, `name` FROM `source_dms` WHERE status != 0 ORDER BY id ASC"); foreach ($dms as $data) { echo "<option value='{$data['id']}'>" . $data['name'] . "</option>"; } ?> </select> </div> </div> <div class="col-sm-4"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Company</label> <!-- <span style="color:red;"><strong>*</strong></span> --> <select name="mod-dd-company" id="mod-dd-company" json-modal="true" class="modal-select2 edit-customer lbl-forms-sm form-control " style="width: 100%;"> <option></option> <!-- <?php // $company = $db -> return_result("SELECT `id`, `code`, `name` FROM `source_company` WHERE status != 0 ORDER BY id ASC"); // foreach($company as $data){ // echo "<option value='{$data['id']}'>".$data['code']. " - " .$data['name']."</option>"; // } ?> --> </select> </div> </div> <div class="col-sm-4"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Dealer</label> <!-- <span style="color:red;"><strong>*</strong></span> --> <select name="mod-dd-dealer" id="mod-dd-dealer" json-modal="true" class="modal-select2 edit-customer lbl-forms-sm form-control " style="width: 100%;"> <option></option> <?php // $dealer = $db -> return_result("SELECT `id`, `code`, `name` FROM `source_dealer` WHERE status != 0 ORDER BY id ASC"); // foreach($dealer as $data){ // echo "<option value='{$data['id']}'>".$data['code']. " - " .$data['name']."</option>"; // } ?> </select> </div> </div> </div> </fieldset> </div> </div> </div> <div class="tab-pane fade" id="vehicle-modal-sales-picture" role="tabpanel" aria-labelledby="vehicle-modal-tab-sales-picture"> <div class="row"> <div class="col-sm-12"> <form action="" class="dropzone dz-clickable" id="upload-sales-photo"> <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> </div> </div> <div class="tab-pane fade" id="vehicle-modal-sales-record" role="tabpanel" aria-labelledby="vehicle-modal-tab-sales-record"> <div class="row"> <div class="col-sm-12"> <div class="row"> <div class="col-sm-12"> <fieldset class="card "> <!-- <legend>VEHICLE INFORMATION</legend> --> <div class="row"> <div class="col-sm-6" id="div-vehicle-cs-owner" hidden> <div class="col-sm-12 mb-1"> <div class="mb-0 form-group"> <label class="lbl-forms mx-0 my-0">Vehicle</label> <span style="color:red;"><strong>*</strong></span> <select name="mod-vehicle-cs-owner" id="mod-vehicle-cs-owner" json-modal-sale="true" class="modal-select2 edit-customer lbl-forms-sm form-control " style="width: 100%;"> <option></option> <?php // $brand = $db -> return_result("SELECT `id`, `name` FROM `source_brand` WHERE status != 0 ORDER BY id ASC"); // foreach($brand AS $data){ // echo "<option value='{$data['id']}'>".$data['name']."</option>"; // } ?> </select> </div> </div> </div> <div class="col-sm-6" id="has_sales_record_div"> <div id="" class="col-sm-12 mt-3"> <div class="form-group mx-0 my-0"> <input type="number" json-modal="true" value="0" id="has-sales-record" style="display: none" /> <div class="icheck-primary d-inline"> <input type="checkbox" id="has_sales_record" /> <label for="has_sales_record"> Has Sales Record </label> </div> </div> </div> </div> <div class="col-sm-6" id="div-order-number" style="display: none"> <div class="col-sm-12 mb-1"> <div class="form-group mx-0 my-0"> <label class="lbl-forms mb-0">Order No.</label> <input maxlength="50" id="mod-order-number" type="text" json-modal-sale="true" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="height:31px; background-color: transparent;"> </div> </div> </div> </div> </fieldset> <fieldset class="card" id="sales-info-1" style="display: none"> <!-- <legend>VEHICLE SALES INFO</legend> --> <div class="row"> <div class="col-sm-6"> <div id="div-mode-of-sale" class="col-sm-12 mb-1"> <div class="form-group mx-0 my-0"> <label class="lbl-forms mb-0">Mode of Sale</label> <select name="mod-dd-mode-of-sale" id="mod-dd-mode-of-sale" json-modal-sale="true" class="modal-select2 edit-customer lbl-forms-sm form-control " style="width: 100%;"> <option></option> <?php $mode = $db->return_result("SELECT `id`, `name` FROM `source_mode_of_sale` WHERE id != 0 ORDER BY id ASC"); foreach ($mode as $data) { echo "<option value='{$data['id']}'>" . $data['name'] . "</option>"; } ?> </select> </div> </div> <div id="div-type-of-payment" class="col-sm-12 mb-1"> <div class="form-group mx-0 my-0"> <label class="lbl-forms mb-0">Type of Payment</label> <select name="mod-dd-type-of-payment" id="mod-dd-type-of-payment" json-modal-sale="true" class="modal-select2 edit-customer lbl-forms-sm form-control " style="width: 100%;"> <option></option> <?php $type = $db->return_result("SELECT `id`, `name` FROM `source_type_of_payment` WHERE id != 0 ORDER BY id ASC"); foreach ($type as $data) { echo "<option value='{$data['id']}'>" . $data['name'] . "</option>"; } ?> </select> </div> </div> <div id="div-source-of-sale" class="col-sm-12 mb-1"> <div class="form-group mx-0 my-0"> <label class="lbl-forms mb-0">Source of Sale</label> <select name="mod-dd-source-of-sale" id="mod-dd-source-of-sale" json-modal-sale="true" class="modal-select2 edit-customer lbl-forms-sm form-control " style="width: 100%;"> <option></option> <?php $source = $db->return_result("SELECT `id`, `name` FROM `source_of_inquiry` WHERE id != 0 ORDER BY id ASC"); foreach ($source as $data) { echo "<option value='{$data['id']}'>" . $data['name'] . "</option>"; } ?> </select> </div> </div> <div id="div-mode-of-sale" class="col-sm-12 mb-1"> <div class="form-group mx-0 my-0"> <label class="lbl-forms mb-0">Group Manager</label> <select name="mod-dd-group-manager" id="mod-dd-group-manager" json-modal-sale="true" class="modal-select2 edit-customer lbl-forms-sm form-control " style="width: 100%;"> <option></option> </select> </div> </div> <div id="div-sales-consultant" class="col-sm-12 mb-1"> <div class="form-group mx-0 my-0"> <label class="lbl-forms mb-0">Sales Consultant</label> <select name="mod-dd-sales-consultant" id="mod-dd-sales-consultant" json-modal-sale="true" class="modal-select2 edit-customer lbl-forms-sm form-control " style="width: 100%;"> <option></option> </select> </div> </div> <div id="mod-dd-group-manager-asa-div" class="col-sm-12 mb-1"> <div class="form-group mx-0 my-0"> <label class="lbl-forms mb-0">Tag ASA Group Manager</label> <select name="mod-dd-group-manager-asa" id="mod-dd-group-manager-asa" json-modal-sale="true" class="modal-select2 edit-customer lbl-forms-sm form-control " style="width: 100%;"> <option></option> </select> </div> </div> <div id="mod-dd-sales-consultant-asa-div" class="col-sm-12 mb-1"> <div class="form-group mx-0 my-0"> <label class="lbl-forms mb-0">Tag ASA Sales Consultant</label> <select name="mod-dd-sales-consultant-asa" id="mod-dd-sales-consultant-asa" json-modal-sale="true" class="modal-select2 edit-customer lbl-forms-sm form-control " style="width: 100%;"> <option></option> </select> </div> </div> </div> <div class="col-sm-6"> <div id="div-modal-sales-cost" class="col-sm-12 mb-1"> <div class="form-group mx-0 my-0"> <label class="lbl-forms mb-0">Sales Cost</label> <input type="number" maxlength="100" id="mod-sales-cost" type="text" json-modal-sale="true" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="height:31px; background-color: transparent;"> </div> </div> <div id="div-modal-sales-price" class="col-sm-12 mb-1"> <div class="form-group mx-0 my-0"> <label class="lbl-forms mb-0">Sales Price</label> <input type="number" maxlength="100" id="mod-sales-price" type="text" json-modal-sale="true" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="height:31px; background-color: transparent;"> </div> </div> <div id="div-modal-sales-discount" class="col-sm-12 mb-1"> <div class="form-group mx-0 my-0"> <label class="lbl-forms mb-0">Sales Discount</label> <input type="number" maxlength="100" id="mod-sales-discount" type="text" json-modal-sale="true" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="height:31px; background-color: transparent;"> </div> </div> <div id="div-modal-sales-date" class="col-sm-12 mb-1"> <div class="form-group dropdown-input mx-0 my-0"> <label class="lbl-forms mx-0 my-0">Sales Date:</label> <div class=" edit-customer input-group date" id="div-sales-date" data-target-input="nearest"> <input name="mod-sales-date" id="mod-sales-date" json-modal-sale="true" 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="#mod-sales-date" style="height:31px; background-color: transparent;" /> <div class=" edit-customer input-group-append" data-target="#mod-sales-date" data-toggle="datetimepicker" style="height: 28px;"> <div class="input-group-text"><i class="fa fa-calendar"></i> </div> </div> </div> </div> </div> </div> </div> <!-- <hr> --> </fieldset> </div> </div> <div class="row"> <div class="col-sm-12"> <fieldset class="card" id="sales-info-2" style="display: none"> <div class="row"> <div class="col-sm-6"> <div id="div-modal-driver" class="col-sm-12 mb-1"> <div class="form-group mx-0 my-0"> <label class="lbl-forms mb-0">Driver</label> <input maxlength="100" id="mod-driver" type="text" json-modal-sale="true" style="height: 31px;" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> <div id="div-modal-end-user" class="col-sm-12 mb-1"> <div class="form-group mx-0 my-0"> <label class="lbl-forms mb-0">End User</label> <input maxlength="100" id="mod-end-user" type="text" json-modal-sale="true" style="height: 31px;" 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 id="div-modal-delivery-date" class="col-sm-12 mb-1"> <div class="form-group dropdown-input mx-0 my-0"> <label class="lbl-forms mx-0 my-0">Delivery Date:</label> <div class=" edit-customer input-group date" id="div-delivery-date" data-target-input="nearest"> <input name="mod-delivery-date" id="mod-delivery-date" json-modal-sale="true" data-inputmask-alias="datetime" data-inputmask-inputformat="mm/dd/yyyy" data-mask type="text" style="height: 31px;" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm datetimepicker-input" data-target="#mod-delivery-date" /> <div class=" edit-customer input-group-append" data-target="#mod-delivery-date" data-toggle="datetimepicker" style="height: 28px;"> <div class="input-group-text"><i class="fa fa-calendar"></i> </div> </div> </div> </div> </div> </div> </div> </fieldset> </div> </div> <fieldset class="card" id="insurace-finance-section" style="display: none"> <legend>INSURANCE & FINANCE</legend> <div class="row"> <div class="col-sm-6"> <div id="div-insurance-company" class="col-sm-12 mb-1"> <div class="form-group mx-0 my-0"> <label class="lbl-forms mb-0">Insurance Company</label> <select name="mod-dd-insurance-company" id="mod-dd-insurance-company" json-modal-sale="true" class="modal-select2 edit-customer lbl-forms-sm form-control " style="width: 100%;"> <option></option> </select> </div> </div> <div id="div-insurance-type" class="col-sm-12 mb-1"> <div class="form-group mx-0 my-0"> <label class="lbl-forms mb-0">Insurance Type</label> <select name="mod-dd-insurance-type" id="mod-dd-insurance-type" json-modal-sale="true" class="modal-select2 edit-customer lbl-forms-sm form-control " style="width: 100%;"> <option></option> <?php $ins_type = $db->return_result("SELECT `id`, `name` FROM `source_insurance_type` WHERE status != 0 ORDER BY id ASC"); foreach ($ins_type as $data) { echo "<option value='{$data['id']}'>" . $data['name'] . "</option>"; } ?> </select> </div> </div> <div id="div-modal-insurance-exp-date" class="col-sm-12 mb-1"> <div class="form-group dropdown-input mx-0 my-0"> <label class="lbl-forms mx-0 my-0">Insurance Expiration Date:</label> <div class="edit-customer input-group date" id="div-insurance-exp-date" data-target-input="nearest"> <input style="height: 31px;" name="mod-insurance-exp-date" id="mod-insurance-exp-date" json-modal-sale="true" 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="#mod-insurance-exp-date" /> <div class="edit-customer input-group-append" data-target="#mod-insurance-exp-date" data-toggle="datetimepicker" style="height: 28px;"> <div class="input-group-text"><i class="fa fa-calendar"></i> </div> </div> </div> </div> </div> </div> <div class="col-sm-6"> <div id="div-modal-finance-company" class="col-sm-12 mb-1"> <div class="form-group mx-0 my-0"> <label class="lbl-forms mb-0">Finance Company</label> <select name="mod-dd-finance-company" id="mod-dd-finance-company" json-modal-sale="true" class="modal-select2 edit-customer lbl-forms-sm form-control " style="width: 100%;"> <option></option> <?php $finance_type = $db->return_result("SELECT `id`, `name` FROM `source_finance_company` WHERE status != 0 ORDER BY id ASC"); foreach ($finance_type as $data) { echo "<option value='{$data['name']}'>" . $data['name'] . "</option>"; } ?> </select> </div> </div> <div id="div-modal-finance-exp-date" class="col-sm-12 mb-1"> <div class="form-group dropdown-input mx-0 my-0"> <label class="lbl-forms mx-0 my-0">Finance Expiration Date:</label> <div class=" edit-customer input-group date" id="div-finance-exp-date" data-target-input="nearest"> <input style="height: 31px;" name="mod-finance-exp-date" id="mod-finance-exp-date" json-modal-sale="true" 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="#mod-finance-exp-date" /> <div class="edit-customer input-group-append" data-target="#mod-finance-exp-date" data-toggle="datetimepicker" style="height: 28px;"> <div class="input-group-text"><i class="fa fa-calendar"></i> </div> </div> </div> </div> </div> </div> </div> </fieldset> <fieldset class="card" id="vehicle-offered-section" style="display: none"> <legend>FUTURE VEHICLE REQUIREMENTS</legend> <div class="table-responsive"> <table id="brands-offered-list-table" style="position: relative;" class="fixed-table-width table-bordered table-sm"> <thead> <tr> <th style="width: 225px;">Brand</th> <th style="width: 225px;">Model</th> <th style="width: 530px;">Description</th> <th style="width: 80px;" class="text-center"> <button type="button" name="addRowVehicleOffered" id="addRowVehicleOffered" class="btn btn-success btn-xs add"> <span class="fas fa-plus"></span> </button> </th> </tr> </thead> <tbody id="brands-offered-list"> </tbody> </table> </div> <table id="brands-offered-list-clone" style="display: none"> <tbody id="brands-offered-list"> <tr> <td> <select type="text" class="select-category form-control " id="select-brand"> <option></option> <?php // $brands_offered = $db -> return_result("SELECT id, name FROM `source_brand` WHERE status = 1 ORDER BY name ASC"); // foreach($brands_offered as $data){ // echo "<option value='{$data['id']}'>".$data['name']."</option>"; // } ?> </select> </td> <td> <select type="text" class="select-content form-control " id="select-model"> <option></option> </select> </td> <td> <div class="input-group"> <input type="text" maxlength="250" id="mod-brands-offered-description" style="height: 31px;" class="big-letter big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </td> <td class="text-center"> <button type="button" class="btnRemove btn btn-danger btn-xs"> <span class="fas fa-minus"></span> </button> </td> </tr> </tbody> </table> </fieldset> </div> </div> </div> </div> <div class="overlay" id="vehicle-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> </div> <!--modal body--> <div class="modal-footer"> <button id="proceed-button-vehicle" type="button" class="btn btn-success btn-sm swalDefaultSuccess"><span></span></button> </div> </div> <!--modal content--> </div> </div> modal/customer_form.php 0000644 00000230713 15025114032 0011234 0 ustar 00 <!-- Modal --> <div class="modal fade" id="modal-customer" role="dialog" data-backdrop="static" aria-labelledby="exampleModalCenterTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-scrollable modal-xl" role="document"> <div id="modal-customer-content" class="modal-content"> <div class="modal-header"> <h5 class="modal-title mr-2" id="exampleModalCenterTitle"><span id="modal-title"></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="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> <li class="nav-item"> <a class="nav-link border-0 " id="customer-modal-tab-contact" data-toggle="pill" href="#customer-modal-contact" role="tab" aria-controls="customer-modal-contact" aria-selected="false">Contact</a> </li> <li class="nav-item children-stepper"> <a class="nav-link border-0 " id="customer-modal-tab-children" data-toggle="pill" href="#customer-modal-children" role="tab" aria-controls="customer-modal-children" aria-selected="false">Family</a> </li> <li class="nav-item interest-stepper"> <a class="nav-link border-0" id="customer-modal-tab-interest" data-toggle="pill" href="#customer-modal-interest" role="tab" aria-controls="customer-modal-interest" aria-selected="false">Interest/Hobbies</a> </li> <li class="nav-item"> <a class="nav-link border-0 " id="customer-modal-tab-affiliations" data-toggle="pill" href="#customer-modal-affiliations" role="tab" aria-controls="customer-modal-affiliations" aria-selected="false">Affiliations</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"> <fieldset class="card"> <!-- <legend>INFORMATION</legend> --> <div class="row"> <div id="div-mod-firstname" class="col-sm-4 "> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Firstname</label> <span style="color:red;"><strong>*</strong></span> <div class="input-group"> <input id="mod-firstname" json-modal="true" type="text" maxlength="50" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: <?=$bgColor?>;" <?=$disabled?>> </div> </div> </div> <div id="div-mod-middlename" class="col-sm-3"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Middlename</label> <input id="mod-middlename" json-modal="true" type="text" maxlength="50" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: <?=$bgColor?>;" <?=$disabled?>> </div> </div> <div id="div-mod-lastname" class="col-sm-4"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Lastname</label> <span style="color:red;"><strong>*</strong></span> <div class="input-group"> <input id="mod-lastname" json-modal="true" type="text" maxlength="50" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: <?=$bgColor?>;" <?=$disabled?>> </div> </div> </div> <div id="div-mod-suffix" class="col-sm-1"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Suffix</label> <select name="mod-dd-suffix" json-modal="true" id="mod-dd-suffix" class="edit-customer form-control form-control-sm" style="width: 100%;"> <?php $suffixes = $db->return_result("SELECT `id`, `suffix_name` FROM `all_suffix` ORDER BY id ASC"); foreach ($suffixes as $data) { echo "<option value='{$data['id']}'>" . $data['suffix_name'] . "</option>"; } ?> </select> </div> </div> <div id="div-corporation-name" class="col-sm-12"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Corporation Name</label> <span style="color:red;"><strong>*</strong></span> <div class="input-group"> <input id="mod-corporation-name" json-modal="true" type="text" maxlength="100" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> </div> <div class="col-sm-12" id="div-aha-status"> <div class="mb-1 form-group"> <div class="form-check"> <input id="aha-status" json-modal="true" value="0" class="form-check-input" type="checkbox"> <label class="lbl-forms mx-0 my-0 " for="aha-status">Registered in AHA</label> </div> </div> </div> </div> </fieldset> <div class="row"> <div class="col-sm-12"> <fieldset class="card"> <legend>CUSTOMER 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">Customer Category</label> <select name="mod-dd-customer-category" json-modal="true" id="mod-dd-customer-category" class="edit-customer form-control form-control-sm" style="width: 100%;"> <?php $customer_categories = $db->return_result("SELECT id,name FROM `customer_category` WHERE status = 1 ORDER BY id,name ASC"); foreach ($customer_categories as $customer_category) { echo "<option value='{$customer_category['id']}'>" . $customer_category['name'] . "</option>"; } ?> </select> </div> </div> <div class="col-sm-12"> <div id="div-mod-birthdate" class="mb-1 form-group dropdown-input"> <label id="mod-birthdate-label" class="lbl-forms mx-0 my-0"></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="big-letter edit-customer lbl-forms-sm 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" style="height: 28px;"> <div class="input-group-text"><i class="fa fa-calendar"></i></div> </div> </div> </div> </div> <div class="col-sm-12" id="div-mod-gender"> <div class="mb-1 form-group"> <label class="lbl-forms mx-0 my-0">Gender</label> <select json-modal="true" name="mod-dd-gender" id="mod-dd-gender" class="edit-customer form-control form-control-md" style="width: 100%;"> <option></option> <?php $gender = $db->return_result("SELECT `id`, `gender_name` FROM `all_gender` WHERE status != 0 ORDER BY id ASC"); foreach ($gender as $data) { echo "<option value='{$data['id']}'>" . $data['gender_name'] . "</option>"; } ?> </select> </div> </div> <div class="col-sm-12" id="div-mod-religion"> <div class="mb-1 form-group"> <label class="lbl-forms mx-0 my-0">Religion</label> <select json-modal="true" name="mod-dd-religion" id="mod-dd-religion" class="edit-customer form-control" style="width: 100%;"> <option></option> <?php // $modal_religion = $db -> return_result("SELECT id,name FROM `source_religion` WHERE status = 1 ORDER BY name ASC"); // foreach($modal_religion as $data){ // echo "<option value='{$data['name']}'>".$data['name']."</option>"; // } ?> </select> </div> </div> <div class="col-sm-12" id="div-mod-nationality"> <div class="mb-1 form-group"> <label class="lbl-forms mx-0 my-0">Nationality</label> <select json-modal="true" name="mod-dd-nationality" id="mod-dd-nationality" class="edit-customer form-control " style="width: 100%;"> <option></option> <?php $nationality = $db->return_result("SELECT `num_code`, `nationality` FROM `all_countries` WHERE status != 0 AND num_code = '608' ORDER BY nationality ASC"); foreach ($nationality as $data) { echo "<option value='{$data['num_code']}'>" . $data['nationality'] . "</option>"; } ?> </select> </div> </div> <div class="col-sm-12" id="div-mod-marital-status"> <div class="mb-1 form-group"> <label class="lbl-forms mx-0 my-0">Marital Status</label> <select json-modal="true" name="mod-dd-marital-status" id="mod-dd-marital-status" class="edit-customer form-control" style="width: 100%;"> <option></option> <?php $nationality = $db->return_result("SELECT `id`, `name` FROM `all_marital_status` WHERE status != 0 ORDER BY id DESC"); foreach ($nationality as $data) { echo "<option value='{$data['id']}'>" . $data['name'] . "</option>"; } ?> </select> </div> </div> </div> <div class="col-sm-6"> <div class="col-sm-12" id="div-mod-business-company"> <div class="mb-1 form-group"> <label class="lbl-forms mx-0 my-0">Business/Company Name</label> <!-- <input json-modal="true" id="mod-business-company" type="text" maxlength="50" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> --> <select json-modal="true" name="mod-business-company" id="mod-business-company" class="modal-select2 edit-customer form-control" style="width: 100%;"> <option></option> </select> </div> </div> <div class="col-sm-12" id="div-mod-nature-of-business"> <div class="mb-1 form-group"> <label class="lbl-forms mx-0 my-0">Nature of Work/Business</label> <select json-modal="true" name="mod-nature-of-business" id="mod-nature-of-business" class="modal-select2 edit-customer form-control" style="width: 100%;"> <option></option> <?php // $profession = $db -> return_result("SELECT `id`, `name` FROM `source_nature_of_business` WHERE status != 0 ORDER BY name ASC"); // foreach($profession as $data){ // echo "<option value='{$data['id']}'>".$data['name']."</option>"; // } ?> </select> </div> </div> <div class="col-sm-12" id="div-mod-profession"> <div class="mb-1 form-group"> <label class="lbl-forms mx-0 my-0">Profession</label> <select json-modal="true" name="mod-dd-profession" id="mod-dd-profession" class="modal-select2 edit-customer form-control " style="width: 100%;"> <option></option> <?php // $profession = $db -> return_result("SELECT `id`, `name` FROM `source_profession` WHERE status != 0 ORDER BY name ASC"); // foreach($profession as $data){ // echo "<option value='{$data['id']}'>".$data['name']."</option>"; // } ?> </select> </div> </div> <div class="col-sm-12" id="div-mod-position"> <div class="mb-1 form-group"> <label class="lbl-forms mx-0 my-0">Position</label> <input json-modal="true" id="mod-position" type="text" maxlength="30" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> </div> </fieldset> </div> </div> <div class="row"> <div class="col-sm-12"> <fieldset class="card"> <legend>DATA SOURCE <span style="color:red;"><strong>*</strong></span> </legend> <div class="table-responsive "> <table id="data-source-list-table" style="position: relative;" class="fixed-table-width table-bordered table-sm"> <thead> <tr> <th style="width: 200px;">Customer No.</th> <th style="width: 260px;">DMS</th> <th style="width: 260px;">Company</th> <th style="width: 260px;">Dealer</th> <th style="width: 80px;" class="text-center"><button type="button" name="addRowDataSource" id="addRowDataSource" class="btn btn-success btn-xs add"><span class="fas fa-plus"></span></button> </th> </tr> </thead> <tbody id="data-source-list"> </tbody> </table> </div> <table id="data-source-list-clone" style="display:none"> <tbody> <tr> <td> <div class="input-group"> <input type="text" maxlength="25" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" id="input-modal-customer-no" style="background-color: <?=$bgColor?>;" <?=$disabled?> /> </div> </td> <td> <select type="text" class="select-modal-dms form-control " id="select-modal-dms" style="background-color: <?=$bgColor?>;" <?=$disabled?>> <option></option> <?php $dms = $db->return_result("SELECT `id`,`name` FROM `source_dms` WHERE status != '0' ORDER by name ASC"); foreach ($dms as $data) { echo "<option value='{$data['id']}'>" . $data['name'] . "</option>"; } ?> </select> </td> <td> <select type="text" class="select-modal-company form-control " id="select-modal-company" style="background-color: <?=$bgColor?>;" <?=$disabled?>> <option></option> </select> </td> <td> <select type="text" class="select-modal-dealer form-control " id="select-modal-dealer" style="background-color: <?=$bgColor?>;" <?=$disabled?>> <option></option> </select> </td> <td class="text-center"><button type="button" class="btnRemoveDataSource btn btn-danger btn-xs"><span class="fas fa-minus"></span></button> </td> </tr> </tbody> </table> </fieldset> </div> </div> </div> <div class="tab-pane fade" id="customer-modal-contact" role="tabpanel" aria-labelledby="customer-modal-tab-contact"> <div class="row"> <div class="col-sm-12"> <fieldset class="card"> <!-- <legend>CONTACT</legend> --> <div class="row"> <div class="col-sm-6"> <div class="col-sm-12 mb-1" id="mod-preferred-moc-div"> <label class="lbl-forms mx-0 my-0">Preferred Mode of Contact</label> <select json-modal="true" name="mod-preferred-moc" id="mod-preferred-moc" class="modal-select2 edit-customer form-control" style="width: 100%;"> <option></option> </select> </div> <!--//MODIFY--> <div class="col-sm-12 mb-1" id="mod-contact-div"> <label class="lbl-forms mx-0 my-0">Mobile </label> <span style="color:red;"><strong>*</strong></span> <div class="input-group mb-0"> <div class="edit-customer input-group-append" style="height: 28px;"> <div class="input-group-text">+63</div> </div> <input json-modal="true" oninput="this.value=this.value.slice(0,this.maxLength)" type="number" maxlength="10" id="mod-contact" class="no-number-arrow edit-customer lbl-forms-sm form-control form-control-sm" placeholder="10 Digit Mobile Number" style="background-color: <?=$bgColor?>;" <?=$disabled?>> <!-- <button id="btn-add-mobile" class="btn btn-success btn-xs float-right"> + </button> --> <a class="text-success" id="btn-add-mobile" style="margin-top:3px;margin-left:2px;"><i class="fas fa-plus-circle"></i></a> </div> <input type="hidden" id="countInputMobile" > </div> <div class="col-sm-12 mb-1"> <div class="form-group mb-0"> <label class="lbl-forms mx-0 my-0">Landline</label> <input json-modal="true" id="mod-landline" 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 mb-1"> <div class="form-group mb-0"> <label class="lbl-forms mx-0 my-0">Business Phone</label> <input json-modal="true" id="mod-business-number" type="text" maxlength="13" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> <div class="col-sm-12 mb-1"> <div class="form-group mb-0"> <label class="lbl-forms mx-0 my-0">Home Phone</label> <input json-modal="true" id="mod-home-phone" type="text" maxlength="13" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> <div class="col-sm-12 mb-1"> <div class="form-group mb-0 "> <label class="lbl-forms mx-0 my-0">Email</label> <span style="color:red;"><strong>*</strong></span> <div class="input-group"> <input json-modal="true" id="mod-email" type="email" maxlength="50" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: <?=$bgColor?>;" <?=$disabled?>> <a class="text-success" id="btn-add-email" style="margin-top:3px;margin-left:2px;"><i class="fas fa-plus-circle"></i></a> </div> </div> </div> <div id="email-add"></div> </div> <!--//END MODIFY--> <?php /* <div class="col-sm-12 mb-1" id="mod-contact-div"> <label class="lbl-forms mx-0 my-0">Mobile</label> <span style="color:red;"><strong>*</strong></span> <div class="input-group mb-0"> <div class="edit-customer input-group-append" style="height: 28px;"> <div class="input-group-text">+63</div> </div> <input json-modal="true" oninput="this.value=this.value.slice(0,this.maxLength)" type="number" maxlength="10" id="mod-contact" class="no-number-arrow edit-customer lbl-forms-sm form-control form-control-sm" placeholder="10 Digit Mobile Number" style="background-color: transparent;"> </div> </div> <div class="col-sm-12 mb-1"> <div class="form-group mb-0"> <label class="lbl-forms mx-0 my-0">Landline</label> <input json-modal="true" id="mod-landline" 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 mb-1"> <div class="form-group mb-0"> <label class="lbl-forms mx-0 my-0">Other Mobile</label> <input json-modal="true" id="mod-other-mobile-number" type="tel" maxlength="13" 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 mb-1"> <div class="form-group mb-0 "> <label class="lbl-forms mx-0 my-0">Email</label> <span style="color:red;"><strong>*</strong></span> <div class="input-group"> <input json-modal="true" id="mod-email" type="email" maxlength="50" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> </div> <div class="col-sm-12 mb-1"> <div class="form-group mb-0"> <label class="lbl-forms mx-0 my-0">Other Email</label> <input json-modal="true" id="mod-other-email" type="email" maxlength="50" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> <div class="col-sm-12 mb-1"> <div class="form-group mb-0"> <label class="lbl-forms mx-0 my-0">Business Phone</label> <input json-modal="true" id="mod-business-number" type="text" maxlength="13" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> <div class="col-sm-12 mb-1"> <div class="form-group mb-0"> <label class="lbl-forms mx-0 my-0">Home Phone</label> <input json-modal="true" id="mod-home-phone" type="text" maxlength="13" 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 mb-1"> <label class="lbl-forms mx-0 my-0">Facebook </label> <div class="input-group mb-0"> <div class="edit-customer input-group-append" style="height: 28px;"> <div class="input-group-text" style="width: 65px;"><span class="fab fa-facebook-f mr-2"></span>FB </div> </div> <input json-modal="true" id="mod-facebook" type="text" maxlength="100" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> <div class="col-sm-12 mb-1"> <label class="lbl-forms mx-0 my-0">Instagram </label> <div class="input-group mb-0"> <div class="edit-customer input-group-append" style="height: 28px;"> <div class="input-group-text" style="width: 65px;"><span class="fab fa-instagram mr-2"></span>IG </div> </div> <input json-modal="true" id="mod-instagram" type="text" maxlength="100" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> <div class="col-sm-12 mb-1"> <label class="lbl-forms mx-0 my-0">Telegram </label> <div class="input-group mb-0"> <div class="edit-customer input-group-append" style="height: 28px;"> <div class="input-group-text" style="width: 65px;"><span class="fab fa-telegram mr-2"></span>TG </div> </div> <input json-modal="true" id="mod-telegram" type="text" maxlength="100" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> <div class="col-sm-12 mb-1"> <label class="lbl-forms mx-0 my-0">Viber </label> <div class="input-group mb-0"> <div class="edit-customer input-group-append" style="height: 28px;"> <div class="input-group-text"><span class="fab fa-viber"></span> </div> </div> <input json-modal="true" id="mod-viber" type="text" maxlength="100" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> <div class="col-sm-12 mb-1"> <label class="lbl-forms mx-0 my-0">Whatsapp </label> <div class="input-group mb-0"> <div class="edit-customer input-group-append" style="height: 28px;"> <div class="input-group-text"><span class="fab fa-whatsapp"></span> </div> </div> <input json-modal="true" id="mod-whatsapp" type="text" maxlength="100" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> <div class="col-sm-12 mb-1"> <label class="lbl-forms mx-0 my-0">Website </label> <div class="input-group mb-0"> <div class="edit-customer input-group-append" style="height: 28px;"> <div class="input-group-text"><span class="fas fa-globe"></span> </div> </div> <input json-modal="true" id="mod-website" type="text" maxlength="100" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> </div> </div> </fieldset> </div> </div> <fieldset class="card" id="contact-person-section"> <legend>CONTACT PERSON</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: 130px;">Level</th> <th style="width: 750px;">School Name</th> <th style="width: 120px;">Year Graduated</th> <th style="width: 80px;" class="text-center"><button type="button" name="addRowEducationalBg" id="addRowEducationalBg" class="btn btn-success btn-xs add"><span class="fas fa-plus"></span></button> </th> </tr> </thead> <tbody id="educational-bg-list"> </tbody> --> <thead> <tr> <th style="width: 520px;">Fullname</th> <!-- <th style="width: 260px;">Firstname</th> <th style="width: 260px;">Lastname</th> --> <th style="width: 260px;">Email</th> <th style="width: 200px;">Mobile</th> <th style="width: 80px;" class="text-center"><button type="button" name="addRowContactPerson" id="addRowContactPerson" 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="modal-contact-person-fullname" style="background-color: transparent;"> <span style="color:red;"><strong>*</strong></span> </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="modal-contact-person-firstname" style="background-color: transparent;"> <span style="color:red;"><strong>*</strong></span> </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="modal-contact-person-lastname" style="background-color: transparent;"> <span style="color:red;"><strong>*</strong></span> </div> </td> --> <td> <input type="email" maxlength="50" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" id="modal-contact-person-email" style="background-color: transparent;"> </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="modal-contact-person-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> <fieldset class="card"> <legend>ADDRESS</legend> <div class="row"> <div class="col-sm-8"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Address 1</label> <span style="color:red;"><strong>*</strong></span> <input json-modal="true" id="mod-address-1" type="text" maxlength="200" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> <!-- <div class="col-sm-3" hidden> <div class="form-group"> <label class="lbl-forms mx-0 my-0">State 1</label> <select name="mod-dd-state-1" id="mod-dd-state-1" class="select2 edit-customer form-control form-control-sm" style="width: 100%;"> <option value='-' selected> Select State</option> <?php // $state = $db -> return_result("SELECT `provCode`,`provDesc` FROM `all_state` WHERE id != '0' ORDER by provDesc ASC"); // foreach($state as $data){ // echo "<option value='{$data['provCode']}'>".$data['provDesc']."</option>"; // } ?> </select> </div> </div> --> <div class="col-sm-3"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">City 1</label> <span style="color:red;"><strong>*</strong></span> <!-- <input id="ind-dd-city-1" type="text" class="edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> --> <select json-modal="true" name="mod-dd-city-1" id="mod-dd-city-1" class="modal-select2 edit-customer form-control " style="width: 100%;"> <option></option> </select> </div> </div> <div class="col-sm-1"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Postal 1</label> <input json-modal="true" id="mod-postal-1" type="number" oninput="this.value=this.value.slice(0,this.maxLength)" maxlength="10" class="edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> </div> <hr class="mt-0 mb-0"> <div class="row"> <div class="col-sm-8"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Address 2</label> <input json-modal="true" id="mod-address-2" type="text" maxlength="200" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> <!-- <div class="col-sm-3" hidden> <div class="form-group"> <label class="lbl-forms mx-0 my-0">State 2</label> <select name="mod-dd-state-2" id="mod-dd-state-2" class=" edit-customer form-control form-control-sm" style="width: 100%;"> <option value='-' selected> Select State</option> <?php // $state = $db -> return_result("SELECT `provCode`,`provDesc` FROM `all_state` WHERE id != '0' ORDER by provDesc ASC"); // foreach($state as $data){ // echo "<option value='{$data['provCode']}'>".$data['provDesc']."</option>"; // } ?> </select> </div> </div> --> <div class="col-sm-3"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">City 2</label> <!-- <input id="ind-edit-city-2" type="text" class="edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> --> <select json-modal="true" name="mod-dd-city-2" id="mod-dd-city-2" class="modal-select2 edit-customer form-control" style="width: 100%;"> <option></option> </select> </div> </div> <div class="col-sm-1"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Postal 2</label> <input json-modal="true" id="mod-postal-2" type="number" oninput="this.value=this.value.slice(0,this.maxLength)" maxlength="10" class="edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> </div> </fieldset> </div> <div class="tab-pane fade" id="customer-modal-children" role="tabpanel" aria-labelledby="customer-modal-tab-children"> <fieldset class="card" style="box-shadow: none;"> <div class="row"> <div id="div-mod-firstname" class="col-sm-4 "> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Spouse Name</label> <span style="color:red;"><strong></strong></span> <div class="input-group"> <input id="mod-spouse" json-modal="true" type="text" maxlength="50" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </div> </div> </div> <fieldset class="card" id="children-section"> <legend>CHILDREN</legend> <div class="table-responsive "> <table id="children-list-table" style="position: relative;" class="fixed-table-width table-bordered table-sm"> <thead> <tr> <th style="width: 270px;">Firstname</th> <th style="width: 270px;">Lastname</th> <th style="width: 220px;">Birthday</th> <!-- <th>Email</th> --> <th style="width: 200px;">Mobile</th> <th style="width: 80px;" class="text-center"><button type="button" name="addRowChildren" id="addRowChildren" class="btn btn-success btn-xs add"><span class="fas fa-plus"></span></button></th> </tr> </thead> <tbody id="children-list"> </tbody> </table> </div> <table id="children-list-clone" style="display:none;"> <tbody> <tr> <td> <div class="input-group"> <input type="text" maxlength="50" id="mod-children-firstname" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> <span style="color:red;"><strong>*</strong></span> <!-- <div style="height: 28px;" class="input-group-append" > <div class="input-group-text">*</div> </div> --> </div> </td> <td> <div class="input-group"> <input type="text" maxlength="50" id="mod-children-lastname" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> <span style="color:red;"><strong>*</strong></span> </div> </td> <td> <div class="input-group date" id="mod-children-birthdate-div" data-target-input="nearest"> <input data-inputmask-alias="datetime" data-inputmask-inputformat="mm/dd/yyyy" data-mask id="mod-children-birthdate" type="text" class="edit-customer lbl-forms-sm form-control form-control-sm datetimepicker-input" data-target="" /> <div id="mod-children-birthdate-append" style="height: 28px;" class="input-group-append" data-target="" data-toggle="datetimepicker"> <div class="input-group-text"><i class="fa fa-calendar"></i></div> </div> <span style="color:red;"><strong>*</strong></span> </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="mod-children-mobile" class="edit-customer lbl-forms-sm form-control form-control-sm" placeholder="10 Digit Mobile" style="background-color: transparent;"> </div> </td> <td class="text-center"> <button type="button" class="btnRemoveChildren btn btn-danger btn-xs"><span class="fas fa-minus"></span></button> </td> </tr> </tbody> </table> </fieldset> </fieldset> </div> <div class="tab-pane fade" id="customer-modal-interest" role="tabpanel" aria-labelledby="customer-modal-tab-interest"> <fieldset class="card" style="box-shadow: none;"> <div class="table-responsive "> <table id="interest-list-table" style="position: relative;" class="fixed-table-width table-bordered table-sm"> <thead> <tr> <th style="width: 490px;">Category</th> <th style="width: 490px;">Interest</th> <th style="width: 80px;" class="text-center"><button type="button" name="addRow" id="addRow" class="btn btn-success btn-xs add"><span class="fas fa-plus"></span></button> </th> </tr> </thead> <tbody id="interest-list"> </tbody> </table> </div> <table id="interest-list-clone" style="display:none"> <tbody> <tr> <td><select type="text" class="select-category form-control " id="select-category"> <option></option> <?php $customer_interest = $db->return_result("SELECT id,name FROM `customer_interest` WHERE status=1 ORDER BY name ASC"); foreach ($customer_interest as $data) { echo "<option value='{$data['id']}'>" . $data['name'] . "</option>"; } ?> </select> </td> <td><select type="text" class="select-content form-control " id="select-content"> <option></option> </select> </td> <td class="text-center"><button type="button" class="btnRemove btn btn-danger btn-xs"><span class="fas fa-minus"></span></button> </td> </tr> </tbody> </table> </fieldset> </div> <div class="tab-pane fade" id="customer-modal-affiliations" role="tabpanel" aria-labelledby="customer-modal-tab-affiliations"> <fieldset class="card" style="box-shadow: none;"> <div class="table-responsive "> <table id="affiliations-list-table" style="position: relative;" class="fixed-table-width table-bordered table-sm"> <thead> <tr> <th style="width: 490px;">Category</th> <th style="width: 490px;">Affiliations</th> <th style="width: 80px;" class="text-center"><button type="button" name="addRowAffiliations" id="addRowAffiliations" class="btn btn-success btn-xs add"><span class="fas fa-plus"></span></button> </th> </tr> </thead> <tbody id="affiliations-list"> </tbody> </table> </div> <table id="affiliations-list-clone" style="display:none"> <tbody> <tr> <td><select type="text" class="select-category form-control " id="select-category-affiliations"> <option></option> <?php $customer_affiliations = $db->return_result("SELECT id,name FROM `customer_affiliations_category` WHERE status=1 ORDER BY name ASC"); foreach ($customer_affiliations as $data) { echo "<option value='{$data['id']}'>" . $data['name'] . "</option>"; } ?> </select> </td> <td><select type="text" class="select-content form-control " id="select-content-affiliations"> <option></option> </select> </td> <td class="text-center"><button type="button" class="btnRemoveAffiliations btn btn-danger btn-xs"><span class="fas fa-minus"></span></button> </td> </tr> </tbody> </table> </fieldset> <!-- END OF NEW AFFILLUTAIONS --> </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></span></button> </div> </div> </div> </div> <!-- Modal --> modal/vehicle_service_form.php 0000644 00000061637 15025114032 0012541 0 ustar 00 <?php include_once dirname(__FILE__) . '../../../../../cfg/db.php'; ?> <div class="modal fade" id="modal-vehicle" tabindex="-1" data-backdrop="static" aria-labelledby="exampleModalCenterTitleCenter" aria-hidden="true"> <div class="modal-dialog modal-dialog-scrollable modal-xl" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title-vehicle" id="exampleModalCenterTitleCenter"><span id="modal-title-vehicle">Service</span></h5> <div class="fas fa-2x fa-sync-alt fa-spin vehicle-modal-overlay" style="display: none;"> </div> <!-- <a href="#" class="close" data-dismiss="modal" aria-label="close">×</a> --> <!-- <button id="close-button-vehicle" type="button" class="close" aria-label="Close"> --> <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 vehicle-modal-overlay" style="display: none;"> </div> <div class="card-body pb-0 pt-0 pl-0 pr-0 mt-0 mb-0 ml-0 mr-0" id="vehicle-grid" style="padding: .50rem"> <!-- ./nav bar --> <div id="app-vehicle" 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 vehicle-modal-tab" id="vehicle-modal-tab" role="tablist"> <li class="nav-item"> <a class="nav-link active border-0 " id="vehicle-service-modal-tab-information" data-toggle="pill" href="#vehicle-service-modal-information" role="tab" aria-controls="vehicle-service-modal-information" aria-selected="true">Service Information</a> </li> <!-- <li class="nav-item hideEl"> <a class="nav-link border-0 " id="vehicle-modal-tab-service-picture" data-toggle="pill" href="#vehicle-modal-service-picture" role="tab" aria-controls="vehicle-modal-service-picture" aria-selected="false"> Service Picture </a> </li> --> </ul> </div> </nav> </div> </div> <div class="tab-content" id="vehicle-modal-tab-content"> <div class="tab-pane fade show active" id="vehicle-service-modal-information" role="tabpanel" aria-labelledby="vehicle-service-modal-tab-information"> <fieldset class="card" id="sales-info-1" style="display: "> <!-- <legend>VEHICLE SALES INFO</legend> --> <div class="row"> <div class="col-sm-6"> <div id="service_plate_div" class="col-sm-12 mb-1"> <div class="form-group mx-0 my-0"> <label class="lbl-forms mb-0">Plate Number</label> <input type="text" maxlength="100" id="service_plate" type="text" json-modal-service="true" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="height:31px; background-color: transparent;"> </div> </div> <div id="service_cs_div" class="col-sm-12 mb-1"> <div class="form-group mx-0 my-0"> <label class="lbl-forms mb-0">CS Number</label> <input type="text" maxlength="100" id="service_cs" type="text" json-modal-service="true" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="height:31px; background-color: transparent;"> </div> </div> <div id="service_ro_number_div" class="col-sm-12 mb-1"> <div class="form-group mx-0 my-0"> <label class="lbl-forms mb-0">RO Number</label> <input type="text" maxlength="100" id="service_ro_number" type="text" json-modal-service="true" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="height:31px; background-color: transparent;"> </div> </div> <div id="service_ro_date_div" class="col-sm-12 mb-1"> <div class="form-group dropdown-input mx-0 my-0"> <label class="lbl-forms mx-0 my-0">RO Date:</label> <div class=" edit-customer input-group date" id="service_ro_date_main_div" data-target-input="nearest"> <input name="service_ro_date" id="service_ro_date" json-modal-service="true" 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="#service_ro_date" style="height:31px; background-color: transparent;" /> <div class=" edit-customer input-group-append" data-target="#service_ro_date" data-toggle="datetimepicker" style="height: 28px;"> <div class="input-group-text"><i class="fa fa-calendar"></i> </div> </div> </div> </div> </div> <div id="service_ro_amount_div" class="col-sm-12 mb-1"> <div class="form-group mx-0 my-0"> <label class="lbl-forms mb-0">RO Amount</label> <input type="number" maxlength="100" id="service_ro_amount" type="text" json-modal-service="true" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="height:31px; background-color: transparent;"> </div> </div> <div id="service_discount_div" class="col-sm-12 mb-1"> <div class="form-group mx-0 my-0"> <label class="lbl-forms mb-0">Discount</label> <input type="number" maxlength="100" id="service_discount" type="text" json-modal-service="true" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="height:31px; background-color: transparent;"> </div> </div> <div id="service_insurance_amount_div" class="col-sm-12 mb-1"> <div class="form-group mx-0 my-0"> <label class="lbl-forms mb-0">Insurance Paid Account</label> <input type="number" maxlength="100" id="service_insurance_amount" type="text" json-modal-service="true" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="height:31px; background-color: transparent;"> </div> </div> </div> <div class="col-sm-6"> <div id="service_sa_div" class="col-sm-12 mb-1"> <div class="form-group mx-0 my-0"> <label class="lbl-forms mb-0">Service Advisor</label> <input type="text" maxlength="100" id="service_sa" type="text" json-modal-service="true" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="height:31px; background-color: transparent;"> </div> </div> <div id="service_start_date_div" class="col-sm-12 mb-1"> <div class="form-group dropdown-input mx-0 my-0"> <label class="lbl-forms mx-0 my-0">Start Date:</label> <div class=" edit-customer input-group date" id="service_start_date_main_div" data-target-input="nearest"> <input name="service_start_date" id="service_start_date" json-modal-service="true" 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="#service_start_date" style="height:31px; background-color: transparent;" /> <div class=" edit-customer input-group-append" data-target="#service_start_date" data-toggle="datetimepicker" style="height: 28px;"> <div class="input-group-text"><i class="fa fa-calendar"></i> </div> </div> </div> </div> </div> <div id="service_end_date_div" class="col-sm-12 mb-1"> <div class="form-group dropdown-input mx-0 my-0"> <label class="lbl-forms mx-0 my-0">End Date:</label> <div class=" edit-customer input-group date" id="service_end_date_main_div" data-target-input="nearest"> <input name="service_end_date" id="service_end_date" json-modal-service="true" 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="#service_end_date" style="height:31px; background-color: transparent;" /> <div class=" edit-customer input-group-append" data-target="#service_end_date" data-toggle="datetimepicker" style="height: 28px;"> <div class="input-group-text"><i class="fa fa-calendar"></i> </div> </div> </div> </div> </div> <div id="service_mileage_div" class="col-sm-12 mb-1"> <div class="form-group mx-0 my-0"> <label class="lbl-forms mb-0">Mileage</label> <input type="number" maxlength="100" id="service_mileage" type="text" json-modal-service="true" class="big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="height:31px; background-color: transparent;"> </div> </div> <div id="service_recommendation_div" class="col-sm-12 mb-1"> <div class="form-group mx-0 my-0"> <label class="lbl-forms mb-0">Recommendation</label> <textarea row="2" class="col-sm-12 form-control form-control-sm" json-modal-service="true" placeholder="" id="service_recommendation" ></textarea> </div> </div> <div id="service_notes_div" class="col-sm-12 mb-1"> <div class="form-group mx-0 my-0"> <label class="lbl-forms mb-0">Notes</label> <textarea row="2" class="col-sm-12 form-control form-control-sm" json-modal-service="true" placeholder="" id="service_notes" ></textarea> </div> </div> </div> </div> <!-- <hr> --> </fieldset> <fieldset class="card" id="vehicle-offered-section" style="display: "> <legend>SERVICE HISTORY</legend> <div class="table-responsive"> <table id="service-history-table" style="position: relative;" class="fixed-table-width table-bordered table-xs"> <thead> <tr> <th style="width: 195px;">Job Code</th> <th style="width: 195px;">Cause</th> <th style="width: 195px;">Correction</th> <th style="width: 195px;">Job Summary</th> <th style="width: 195px;">Amount</th> <th style="width: 80px;" class="text-center"> <button type="button" name="addRowVehicleOffered" id="addRowVehicleOffered" class="btn btn-success btn-xs add"> <span class="fas fa-plus"></span> </button> </th> </tr> </thead> <tbody id="brands-offered-list"> </tbody> </table> </div> <table id="brands-offered-list-clone" style="display: none"> <tbody id="brands-offered-list"> <tr> <td> <input type="text" id="field_one" style="height: 31px;" class="big-letter big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </td> <td> <input type="text" id="field_two" style="height: 31px;" class="big-letter big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </td> <td> <div class="input-group"> <input type="text" id="field_three" style="height: 31px;" class="big-letter big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </td> <td> <div class="input-group"> <input type="text" id="field_four" style="height: 31px;" class="big-letter big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </td> <td> <div class="input-group"> <input type="number" id="field_five" style="height: 31px;" class="big-letter big-letter edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;"> </div> </td> <td class="text-center"> <button type="button" class="btnRemove btn btn-danger btn-xs"> <span class="fas fa-minus"></span> </button> </td> </tr> </tbody> </table> </fieldset> <div class="row"> <div class="col-sm-12"> <fieldset class="card"> <legend>DATA SOURCE <span style="color:red;"><strong>*</strong></span></legend> <div class="row"> <div class="col-sm-4"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">DMS</label> <!-- <span style="color:red;"><strong>*</strong></span> --> <select name="mod-dd-dms" id="mod-dd-dms" json-modal-service="true" class="modal-select2 edit-customer lbl-forms-sm form-control form-control-sm" style="width: 100%;"> <option></option> <?php $dms = $db -> return_result("SELECT `id`, `name` FROM `source_dms` WHERE status != 0 ORDER BY id ASC"); foreach($dms as $data){ echo "<option value='{$data['id']}'>".$data['name']."</option>"; } ?> </select> </div> </div> <div class="col-sm-4"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Company</label> <!-- <span style="color:red;"><strong>*</strong></span> --> <select name="mod-dd-company" id="mod-dd-company" json-modal-service="true" class="modal-select2 edit-customer lbl-forms-sm form-control form-control-sm" style="width: 100%;"> <option></option> </select> </div> </div> <div class="col-sm-4"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Dealer</label> <!-- <span style="color:red;"><strong>*</strong></span> --> <select name="mod-dd-dealer" id="mod-dd-dealer" json-modal-service="true" class="modal-select2 edit-customer lbl-forms-sm form-control form-control-sm" style="width: 100%;"> <option></option> </select> </div> </div> </div> </fieldset> </div> </div> </div> <div class="tab-pane fade" id="vehicle-modal-service-picture" role="tabpanel" aria-labelledby="vehicle-modal-tab-service-picture"> <div class="row"> <div class="col-sm-12"> <form action="" class="dropzone dz-clickable" id="upload-sales-photo"> <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> </div> </div> </div> <div class="overlay" id="vehicle-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> </div> <!--modal body--> <div class="modal-footer"> <button id="proceed-button-vehicle" type="button" class="btn btn-success btn-sm swalDefaultSuccess"><span>Save Information</span></button> </div> </div> <!--modal content--> </div> </div> customer_vehicle_information.php 0000644 00000026510 15025114032 0013217 0 ustar 00 <div id="vehicle-information" class="card card-primary" style="display: none;"> <div class="card-header"> <h3 class="card-title"><button class="btn btn-tool" title="" type="button" onclick="vehicleTable()"><i class="fas fa-arrow-alt-circle-left fa-2x"></i></button> Vehicle Information</h3> <div class="card-tools"> </div> </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"> <form id="form-vehicle-info"> <div class="row"> <div class="col-sm-6"> <div class="mb-2"> <span style="font-size: 15px;"><strong>Plate Number:  </strong></span> <span class="vehicle-plate-number" id="vehicle-plate-number"></span> </div> </div> <div class="col-sm-6"> <div class="mb-2"> <span style="font-size: 15px;"><strong>CS Number:  </strong></span> <span class="vehicle-cs-number" id="vehicle-cs-number"></span> </div> </div> </div> <div class="row"> <div class="col-sm-3"> <div> <fieldset class="card"> <legend style="font-size: 95%">Owner Information:</legend> <!-- <div class="mb-2"> <span class="span-labels"><strong>ID:  </strong></span> <span id="vehicle-owner-id" class="span-values"></span> </div> --> <div class="mb-2"> <span class="span-labels"><strong>Name:  </strong></span> <span id="vehicle-owner-name" class="span-values"></span> </div> </fieldset> </div> <div> <fieldset class="card"> <div class="mb-2"> <span class="span-labels"><strong>SC:  </strong></span> <span id="vehicle-sc" class="span-values"></span> </div> <div class="mb-2"> <span class="span-labels"><strong>SA:  </strong></span> <span id="vehicle-sa" class="span-values"></span> </div> <div class="mb-2"> <span class="span-labels"><strong>Driver:  </strong></span> <span id="vehicle-driver" class="span-values"></span> </div> </fieldset> </div> </div> <div class="col-sm-9"> <div> <fieldset class="card"> <legend>Vehicle Details</legend> <div class="row"> <div class="col-sm-4"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Brand</label> <input id="vehicle-brand" type="text" class="input-forms form-control form-control-sm" readonly> </div> </div> <div class="col-sm-4"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Model</label> <input id="vehicle-model" type="text" class="input-forms form-control form-control-sm" readonly> </div> </div> <div class="col-sm-4"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Color</label> <input id="vehicle-color" type="text" class="input-forms form-control form-control-sm" readonly> </div> </div> </div> <div class="row"> <div class="col-sm-6"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Variant / Description</label> <input id="vehicle-variant-description" type="text" class="input form-control form-control-sm" readonly> </div> </div> <div class="col-sm-6"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Year Model</label> <input id="vehicle-year-model" type="text" class="input-forms form-control form-control-sm" readonly> </div> </div> </div> <div class="row"> <div class="col-sm-4"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Engine Type</label> <input id="vehicle-engine-type" type="text" class="input-forms form-control form-control-sm" readonly> </div> </div> <div class="col-sm-4"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Gas Type</label> <input id="vehicle-gas-type" type="text" class="input-forms form-control form-control-sm" readonly> </div> </div> <div class="col-sm-4"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Transmission</label> <input id="vehicle-transmission" type="text" class="input-forms form-control form-control-sm" readonly> </div> </div> </div> <hr> <div class="row"> <div class="col-sm-4"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">VIN Number</label> <input id="vehicle-vin-number" type="text" class="input-forms form-control form-control-sm" readonly> </div> </div> <div class="col-sm-4"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Serial Number</label> <input id="vehicle-serial-number" type="text" class="input-forms form-control form-control-sm" readonly> </div> </div> <div class="col-sm-4"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Chassis Number</label> <input id="vehicle-chassis-number" type="text" class="input-forms form-control form-control-sm" readonly> </div> </div> </div> </fieldset> </div> </div> </div> <div class="row" > <div class="col-sm-12"> <fieldset class="card h-100"> <legend>Sales and Service Dates</legend> <div class="row"> <div class="col-sm-6"> <div id="vehicle-sales-dates" class="input"> <table id="vehicle-sales-dates-table" data-toggle="table" data-url="" data-pagination="false" 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="querySalesDates" 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-click-to-select="true"> <thead> <tr> <th data-fomatter="checkIfEmpty" data-field="table_data">Sales Dates / Order Number</th> </tr> </thead> </table> </div> </div> <div class="col-sm-6"> <div id="vehicle-service-dates" class=""> <table id="vehicle-service-dates-table" class="input" data-toggle="table" data-url="" data-pagination="false" 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="queryServiceDates" 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-click-to-select="true"> <thead> <tr> <th data-formatter="checkIfEmpty" data-field="table_data">Service Dates / RO Number</th> </tr> </thead> </table> </div> </div> </div> </fieldset> </div> <div class="col-sm-12"> <fieldset class="card h-100"> <legend>Vehicle Sale Details</legend> <div class="row"> <div class="col-sm-4"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Insurance Company</label> <input id="vehicle-insurance-company" type="text" class="input-forms form-control form-control-sm" readonly> </div> </div> <div class="col-sm-4"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Insurance Type</label> <input id="vehicle-insurance-type" type="text" class="input-forms form-control form-control-sm" readonly> </div> </div> <div class="col-sm-4"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Insurance Expiration Date</label> <input id="vehicle-insurance-exp-date" type="text" class="input-forms form-control form-control-sm" readonly> </div> </div> </div> <div class="row"> <div class="col-sm-4"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Finance Company</label> <input id="vehicle-finance-company" type="text" class="input-forms form-control form-control-sm" readonly> </div> </div> <div class="col-sm-4"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Purchase Car As</label> <input id="vehicle-purchase-car-as" type="text" class="input-forms form-control form-control-sm" readonly> </div> </div> <div class="col-sm-4"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Delivery Date</label> <input id="vehicle-delivery-date" type="text" class="input-forms form-control form-control-sm" readonly> </div> </div> </div> </fieldset> </div> </div> </form> </div><!--card-body--> </div><!--vehicle_information--> customer_corporate_information.php 0000644 00000021300 15025114032 0013566 0 ustar 00 <div id="corporate-customer" class="card card-primary card-outline col-12" style="display: none;"> <div class="card-body"> <div class="tab-content"> <form id="form-corporate" class="form-horizontal"> <div class="row"> <div class="col-sm-6 mb-3"> <span class="span-labels"><strong>Date created:  </strong> </span> <span class="span-values" id="corp-date-created"></span> </div> <!-- <div class="col-6 mb-3 text-right"> <?php if($check_page->edit($db,2)){ ?> <input type="button" onclick="customerModal(false,false)" class="btn btn-primary btn-sm mr-1" value="Edit" data-toggle="modal" data-target="#modal-customer"></input> <?php } ?> <?php if($check_page->delete($db,2)){ ?> <input type="button" onclick="" class="btn btn-danger btn-sm" value="Remove" data-toggle="modal" data-target="#exampleModalCenterCorp"></input> <?php } ?> </div> --> </div> <div class="form-group row mb-2"> <span class="col-sm-4 lbl-forms-sm"><strong>Source Company</strong></span> <input type="text" class="col-sm-8 lbl-forms-sm form-control form-control-sm" id="corp-source-company" readonly style="background-color: transparent;"></input> </div> <div class="form-group row mb-2"> <span class="col-sm-4 lbl-forms-sm"><strong>Source Dealer</strong></span> <input type="text" class="col-sm-8 lbl-forms-sm form-control form-control-sm" id="corp-source-dealer" readonly style="background-color: transparent;"></input> </div> <div class="form-group row mb-2"> <span class="col-sm-4 lbl-forms-sm"><strong>Source DMS</strong></span> <input type="text" class="col-sm-8 lbl-forms-sm form-control form-control-sm" id="corp-source-dms" readonly style="background-color: transparent;"></input> </div> <div class="form-group row mb-2"> <span class="col-sm-4 lbl-forms-sm"><strong>Date Established</strong></span> <input type="text" class="col-sm-8 lbl-forms-sm form-control form-control-sm" id="corp-dob-company" readonly style="background-color: transparent;"></input> </div> <div class="form-group row mb-2"> <span class="col-sm-4 lbl-forms-sm"><strong>Age of Company</strong></span> <input type="text" class="col-sm-8 lbl-forms-sm form-control form-control-sm" id="corp-age" readonly style="background-color: transparent;"></input> </div> <div class="form-group row mb-2"> <span class="col-sm-4 lbl-forms-sm"><strong>Contact Person</strong></span> <input type="text" class="col-sm-8 lbl-forms-sm form-control form-control-sm" id="corp-contact-person" readonly style="background-color: transparent;"></input> </div> <div class="form-group row mb-2"> <span class="col-sm-4 lbl-forms-sm"><strong>Inquiry</strong></span> <input type="text" class="col-sm-8 lbl-forms-sm form-control form-control-sm" id="corp-source-inquiry" readonly style="background-color: transparent;"></input> </div> <!-- <div class="row"> <div class="col-sm-6"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Date of Birth</label> <input id="corp-dob" type="text" class="lbl-forms-sm form-control form-control-sm" readonly style="background-color: transparent;"> </div> </div> <div class="col-sm-6"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Gender</label> <input id="corp-gender" type="text" class="lbl-forms-sm form-control form-control-sm" readonly style="background-color: transparent;"> </div> </div> </div> <div class="row"> <div class="col-sm-6"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Nationality</label> <input id="corp-nationality" type="text" class="lbl-forms-sm form-control form-control-sm" readonly style="background-color: transparent;"> </div> </div> <div class="col-sm-6"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Occupation</label> <input id="corp-occupation" type="text" class="lbl-forms-sm form-control form-control-sm" readonly style="background-color: transparent;"> </div> </div> </div> <div class="row"> <div class="col-sm-4"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Marital Status</label> <input id="corp-marital-status" type="text" class="lbl-forms-sm form-control form-control-sm" readonly style="background-color: transparent;"> </div> </div> <div class="col-sm-4"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Spouse</label> <input id="corp-spouse" type="text" class="lbl-forms-sm form-control form-control-sm" readonly style="background-color: transparent;"> </div> </div> <div class="col-sm-4"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">No. of Children</label> <input id="corp-noc" type="text" class="lbl-forms-sm form-control form-control-sm" readonly style="background-color: transparent;"> </div> </div> </div> <div class="row"> <div class="col-sm-4"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Source Company</label> <input id="corp-source-company" type="text" class="lbl-forms-sm form-control form-control-sm" readonly style="background-color: transparent;"> </div> </div> <div class="col-sm-4"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Source Dealer</label> <input id="corp-source-dealer" type="text" class="lbl-forms-sm form-control form-control-sm" readonly style="background-color: transparent;"> </div> </div> <div class="col-sm-4"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Source DMS</label> <input id="corp-source-dms" type="text" class="lbl-forms-sm form-control form-control-sm" readonly style="background-color: transparent;"> </div> </div> </div> --> <div class="mt-3 mb-0 row"> <div class="col-sm-4"> <div class="form-group"> <span class="span-labels"><strong>Date Uploaded:  </strong></span><br> <span id="corp-date-uploaded" class="span-values"></span> </div> </div> <div class="col-sm-4"> <span class="span-labels"><strong>Uploaded By:  </strong> </span><br> <span id="corp-uploaded-by" class="span-values"></span> </div> <div class="col-sm-4"> <span class="span-labels"><strong>DMS:  </strong> </span> <span id="corp-dms-list" class="span-values"></span><br> <span class="span-labels"><strong>Company:  </strong> </span> <span id="corp-company-list" class="span-values"></span><br> <span class="span-labels"><strong>Dealer:  </strong> </span> <span id="corp-dealer-list" class="span-values"></span> </div> </div> </form> <!-- /.tab-pane --> </div> <!-- /.tab-content --> </div><!-- /.card-body --> </div> customer_information.php 0000644 00000036310 15025114032 0011517 0 ustar 00 <div id="information-customer" class="card card-primary card-outline col-12" style="display: ;"> <div class="card-body"> <div class="tab-content"> <form id="form-information" class="form-horizontal"> <div class="row mb-2" hidden> <div class="col-6 mb-3"> <span class="span-labels"><strong>Transaction Date:  </strong> </span> <span class="span-values" id="information_date_created"></span> </div> </div> <div class="form-group mb-1"> <label class="lbl-forms mb-0"><span id="information_dob_span">Date of Birth</span></label> <input id="information_dob" type="text" class=" edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;" readonly /> </div> <div class="form-group mb-1"> <label class="lbl-forms mb-0">Age</label> <input id="information_age" type="text" class=" edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;" readonly /> </div> <div id="information_gender_div" class="form-group mb-1"> <label class="lbl-forms mb-0">Gender</label> <input id="information_gender" type="text" class=" edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;" readonly /> </div> <div id="information_religion_div" class="form-group mb-1"> <label class="lbl-forms mb-0">Religion</label> <input id="information_religion" type="text" class=" edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;" readonly /> </div> <div id="information_marital_status_div" class="form-group mb-1"> <label class="lbl-forms mb-0">Marital Status</label> <input id="information_marital_status" type="text" class=" edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;" readonly /> </div> <div id="information_nationality_div" class="form-group mb-1"> <label class="lbl-forms mb-0">Nationality</label> <input id="information_nationality" type="text" class=" edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;" readonly /> </div> <div id="information_business_company_name_div" class="form-group mb-1"> <label class="lbl-forms mb-0">Business/Company Name</label> <input id="information_business_company_name" type="text" class=" edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;" readonly /> </div> <div class="form-group mb-1"> <label class="lbl-forms mb-0">Nature of Work/Business</label> <input id="information_nature_of_work_business" type="text" class=" edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;" readonly /> </div> <div id="information_profession_div" class="form-group mb-1"> <label class="lbl-forms mb-0">Profession</label> <input id="information_profession" type="text" class=" edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;" readonly /> </div> <div id="information_position_div" class="form-group mb-1"> <label class="lbl-forms mb-0">Position</label> <input id="information_position" type="text" class=" edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;" readonly /> </div> <div class="form-group mb-1"> <label class="lbl-forms mb-0">Source Company</label> <input id="information_source_company" type="text" class=" edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;" readonly /> </div> <div class="form-group mb-1"> <label class="lbl-forms mb-0">Source Dealer</label> <input id="information_source_dealer" type="text" class=" edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;" readonly /> </div> <div class="form-group mb-1"> <label class="lbl-forms mb-0">Source DMS</label> <input id="information_source_dms" type="text" class=" edit-customer lbl-forms-sm form-control form-control-sm" style="background-color: transparent;" readonly /> </div> <!-- <div class="form-group row mb-2"> <strong class="col-sm-4 lbl-forms-sm-customer-main"> <span id="information_dob_span">Date of Birth</span></strong> <input type="text" class="col-sm-8 lbl-forms-sm-customer-main form-control form-control-sm" id="information_dob" readonly style="background-color: transparent;"></input> </div> --> <!-- <div id="information_age_div" class="form-group row mb-2"> <span class="col-sm-4 lbl-forms-sm-customer-main"><strong>Age</strong></span> <input type="text" class="col-sm-8 lbl-forms-sm-customer-main form-control form-control-sm" id="information_age" readonly style="background-color: transparent;"></input> </div> --> <!-- <div id="information_gender_div" class="form-group row mb-2"> <span class="col-sm-4 lbl-forms-sm-customer-main"><strong>Gender</strong></span> <input type="text" class="col-sm-8 lbl-forms-sm-customer-main form-control form-control-sm" id="information_gender" readonly style="background-color: transparent;"></input> </div> --> <!-- <div id="information_religion_div" class="form-group row mb-2"> <span class="col-sm-4 lbl-forms-sm-customer-main"><strong>Religion</strong></span> <input type="text" class="col-sm-8 lbl-forms-sm-customer-main form-control form-control-sm" id="information_religion" readonly style="background-color: transparent;"></input> </div> --> <!-- <div id="information_marital_status_div" class="form-group row mb-2"> <span class="col-sm-4 lbl-forms-sm-customer-main"><strong>Marital Status</strong></span> <input type="text" class="col-sm-8 lbl-forms-sm-customer-main form-control form-control-sm" id="information_marital_status" readonly style="background-color: transparent;"></input> </div> --> <!-- <div id="information_spouse_div" class="form-group row mb-2"> <span class="col-sm-4 lbl-forms-sm-customer-main"><strong>Spouse Name</strong></span> <input type="text" class="col-sm-8 lbl-forms-sm-customer-main form-control form-control-sm" id="information_spouse" readonly style="background-color: transparent;"></input> </div> --> <!-- <div id="information_nationality_div" class="form-group row mb-2"> <span class="col-sm-4 lbl-forms-sm-customer-main"><strong>Nationality</strong></span> <input type="text" class="col-sm-8 lbl-forms-sm-customer-main form-control form-control-sm" id="information_nationality" readonly style="background-color: transparent;"></input> </div> --> <!-- <div id="information_business_company_name_div" class="form-group row mb-2"> <span class="col-sm-4 lbl-forms-sm-customer-main"><strong>Business/Company Name</strong></span> <input type="text" class="col-sm-8 lbl-forms-sm-customer-main form-control form-control-sm" id="information_business_company_name" readonly style="background-color: transparent;"></input> </div> --> <!-- <div id="information_nature_of_work_business_div" class="form-group row mb-2"> <span class="col-sm-4 lbl-forms-sm-customer-main"><strong>Nature of Work/Business</strong></span> <input type="text" class="col-sm-8 lbl-forms-sm-customer-main form-control form-control-sm" id="information_nature_of_work_business" readonly style="background-color: transparent;"></input> </div> --> <!-- <div id="information_position_div" class="form-group row mb-2"> <span class="col-sm-4 lbl-forms-sm-customer-main"><strong>Position</strong></span> <input type="text" class="col-sm-8 lbl-forms-sm-customer-main form-control form-control-sm" id="information_position" readonly style="background-color: transparent;"></input> </div> --> <!-- <div class="form-group row mb-2" hidden> <span class="col-sm-4 lbl-forms-sm-customer-main"><strong>No. of Children</strong></span> <input type="text" class="col-sm-8 lbl-forms-sm-customer-main form-control form-control-sm" id="information_noc" readonly style="background-color: transparent;"></input> </div> --> <!-- <div class="form-group row mb-2" hidden> <span class="col-sm-4 lbl-forms-sm-customer-main"><strong>Contact Person</strong></span> <input type="text" class="col-sm-8 lbl-forms-sm-customer-main form-control form-control-sm" id="information_contact_person" readonly style="background-color: transparent;"></input> </div> <div class="form-group row mb-2" hidden> <span class="col-sm-4 lbl-forms-sm-customer-main"><strong>Inquiry Source</strong></span> <input type="text" class="col-sm-8 lbl-forms-sm-customer-main form-control form-control-sm" id="information_source" readonly style="background-color: transparent;"></input> </div> --> <!-- <div id="information_source_company_div" class="form-group row mb-2"> <span class="col-sm-4 lbl-forms-sm-customer-main"><strong>Source Company</strong></span> <input type="text" class="col-sm-8 lbl-forms-sm-customer-main form-control form-control-sm" id="information_source_company" readonly style="background-color: transparent;"></input> </div> --> <!-- <div id="information_source_dealer_div" class="form-group row mb-2"> <span class="col-sm-4 lbl-forms-sm-customer-main"><strong>Source Dealer</strong></span> <input type="text" class="col-sm-8 lbl-forms-sm-customer-main form-control form-control-sm" id="information_source_dealer" readonly style="background-color: transparent;"></input> </div> --> <!-- <div id="information_source_dms_div" class="form-group row mb-2"> <span class="col-sm-4 lbl-forms-sm-customer-main"><strong>Source DMS</strong></span> <input type="text" class="col-sm-8 lbl-forms-sm-customer-main form-control form-control-sm" id="information_source_dms" readonly style="background-color: transparent;"></input> </div> --> <div id="information_interest_hobbies_div" class="mt-3" style="display: none;"> <div class="card card-primary card-outline col-12" style="width: 100%;"> <ul id="information_interest_hobbies_list" class="list-group list-group-flush"> </ul> </div> </div> <div id="information_contact_person_div" class="mt-3" style="display: none;"> <div class="card card-primary card-outline col-12" style="width: 100%;"> <ul id="information_contact_person_list" class="list-group list-group-flush"> </ul> </div> </div> </form> </div> <!-- /.tab-content --> </div><!-- /.card-body --> <div class="card-footer"> <div class="mt-0 mb-0 row"> <div class="col-sm-4"> <span class="span-labels"><strong>Added By: </strong> </span> <span id="information_uploaded_by" class="span-values"></span><br> <span class="span-labels"><strong>Date Added: </strong></span> <span id="information_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-4"> <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> <!-- <span class="span-labels"><strong>Dealer: </strong> </span> <span id="information_dealer_list" class="span-values"></span> --> </div> <div class="col-sm-4"> <span class="span-labels"><strong>DMS: </strong> </span> <span id="information_dms_list" class="span-values"></span><br> <span class="span-labels"><strong>Company: </strong> </span> <span id="information_company_list" class="span-values"></span><br> <span class="span-labels"><strong>Dealer: </strong> </span> <span id="information_dealer_list" class="span-values"></span> </div> </div> </div> </div> customer_about_side.php 0000644 00000032344 15025114032 0011313 0 ustar 00 <!-- Profile Image --> <div id="customer-about-me" class="card card-primary card-outline col-12" style="display: none;"> <div class="input-forms card-body box-profile"> <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></h4> </div> <img class="profile-user-img img-fluid img-circle" 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="main_corporation_name" class="text-center"></h5> <h5 id="main_first_name" class="customer-data-side text-center mb-0"></h5> <h5 id="main_middle_name" class="customer-data-side text-center mb-0"></h5> <h5 id="main_last_name" class="customer-data-side text-center mb-1"></h5> <a class="email-click"> <p id="main_email" style="font-size: 14px; color:#007bff;" class="customer-data-side text-center"></p> </a> <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>Category</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>Type</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>Status</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>AHA Status</strong> <span class=""></span></span> <span class="pl-0 col-sm-7 lbl-forms-sm-customer-main" id="main_customer_aha_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>Mode of Contact</strong> <span class=""></span></span> <span class="pl-0 col-sm-7 lbl-forms-sm-customer-main" id="main_customer_moc"></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</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> <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>Landline</strong> <span class=""></span></span> <a class="landline-click"><span class="pl-0 customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="main_customer_landline"></span></a> </div> </li> <?php /* <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>Other Mobile</strong><span class=""></span></span> <a class="contact2-click"><span class="pl-0 customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="main_customer_mobile_2"></span></a> </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>Other Email</strong><span class=""></span></span> <div style="word-wrap: break-word; width: 50%"> <a class="email2-click"><span class="pl-0 customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="main_customer_email_2"></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>Other Mobile</strong><span class=""></span></span> <a class="contact2-click"><span class="pl-0 customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="main_customer_mobile_2"></span></a> </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>Other Email</strong><span class=""></span></span> <!-- <div style="word-wrap: break-word; width: 50%"> --> <div> <a class="email2-click"><span class="pl-0 customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="main_customer_email_2"></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>Home Phone</strong><span class=""></span></span> <a class="residential-click"> <span class="pl-0 customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="main_customer_home_mobile"></span></a> </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>Business Phone</strong><span class=""></span></span> <a class="business-click"> <span class="pl-0 customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="main_customer_business_mobile"></span></a> </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>Address 1</strong><span class=""></span></span> <span class="pl-0 customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="main_customer_address_1"></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>Address 2</strong><span class=""></span></span> <span class="pl-0 customer-data-side col-sm-7 lbl-forms-sm-customer-main" id="main_customer_address_2"></span> </div> </li> </ul> <ul class="remove-list-space list-group list-group-unbordered "> <li class="list-group-item" style="border-top: 0 none; border-bottom: 0 none;" title="Viber"> <div class="ml-1 form-group row my-0"> <div class="pl-0 col-sm-5 "> <i class="col-0 fa-fw text-center fab fa-viber fa-lg"></i> <span class="pl-0 col-sm-11 lbl-forms-sm-customer-main"><strong>Viber</strong><span class=""></span></span> </div> <div style="word-wrap: break-word; width: 50%"> <a class="viber-click"> <span id="main_viber" class="pl-0 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="ml-1 form-group row my-0"> <div class="pl-0 col-sm-5 "> <i class="col-0 fa-fw text-center fab fa-facebook-f fa-lg"> </i> <span class="pl-0 col-sm-11 lbl-forms-sm-customer-main"><strong>Facebook</strong><span class=""></span></span> </div> <div style="word-wrap: break-word; width: 50%"> <a class="facebook-click"> <span id="main_facebook" class="pl-0 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="ml-1 form-group row my-0"> <div class="pl-0 col-sm-5 "> <i class="col-0 fa-fw text-center fab fa-instagram fa-lg"> </i> <span class="pl-0 col-sm-11 lbl-forms-sm-customer-main"><strong>Instagram</strong><span class=""></span></span> </div> <div style="word-wrap: break-word; width: 50%"> <a class="instagram-click"> <span id="main_instagram" class="pl-0 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="ml-1 form-group row my-0"> <div class="pl-0 col-sm-5 "> <i class="col-0 fa-fw text-center fab fa-whatsapp fa-lg"> </i> <span class="pl-0 col-sm-11 lbl-forms-sm-customer-main"><strong>Whatsapp</strong><span class=""></span></span> </div> <div style="word-wrap: break-word; width: 50%"> <a class="whatsapp-click"> <span id="main_whatsapp" class="pl-0 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="ml-1 form-group row my-0"> <div class="pl-0 col-sm-5 "> <i class="col-0 fa-fw text-center fab fa-telegram fa-lg"> </i> <span class="pl-0 col-sm-11 lbl-forms-sm-customer-main"><strong>Telegram</strong><span class=""></span></span> </div> <div style="word-wrap: break-word; width: 50%"> <a class="telegram-click"> <span id="main_telegram" class="pl-0 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="ml-1 form-group row my-0"> <div class="pl-0 col-sm-5 "> <i class="col-0 fa-fw text-center fas fa-globe fa-lg"> </i> <span class="pl-0 col-sm-11 lbl-forms-sm-customer-main"><strong>Website</strong><span class=""></span></span> </div> <div style="word-wrap: break-word; width: 50%"> <a class="website-click"> <span id="main_website_link" class="pl-0 customer-data-side col-sm-7 lbl-forms-sm-customer-main mx-0 my-0"></span> </a> </div> </div> </li> </ul> <div class="col-12 mt-3"> <div class="form-group text-center"> <input type="button" class="btn btn-primary btn-sm mr-1" value="Create Activity" title="Create Activity" data-toggle="modal" data-target="#modal-customer-activity"> <!-- <input type="button" onclick="customerModal()" class="btn btn-primary btn-sm mr-1" value="Activities" title="Activities" data-toggle="modal" data-target="#modal-customer"> --> </div> </div> </div> <!--card-body--> </div> <!--card card-primary--> customer_activities.php 0000644 00000001667 15025114032 0011345 0 ustar 00 <div class="mt-3" id="customer-activity"> <table id="activity-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="queryParamsActivities" 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="500" data-click-to-select="true"> <thead> <tr> <th data-sortable="true" data-field="created_at"> Date </th> <th data-field="activity"> Activity</th> <th data-field="user"> User</th> </tr> </thead> <tbody> </tbody> </table> </div> customer_affiliations.php 0000644 00000001213 15025114032 0011634 0 ustar 00 <div class="col-12 text-center mt-3" id="affiliations-page-footer" style="display: none ;"> <div class="card-footer"> <nav aria-label="Contacts Page Navigation"> <ul class="pagination justify-content-center m-0" id="customer-affiliation-paging">No Record</ul> </nav> </div> </div> <div id="information_affiliations_div" class="mt-3" style="display: none ;"> <div class="card card-primary card-outline card-tabs no-border-cardcard card-primary card-outline col-12" style="width: 100%;"> <ul id="information_affiliations_list" class="list-group list-group-flush"> </ul> </div> </div> customer_service_information.php 0000644 00000017020 15025114032 0013234 0 ustar 00 <div id="service-information" class="card card-primary" style="display: none;"> <div class="card-header"> <h3 class="card-title"><button class="btn btn-tool" type="button" class="card btn-sm" onclick="closeService()"><i class="fas fa-arrow-alt-circle-left fa-2x"></i></button> Service Information</h3> <div class="card-tools"> <button title="Minimize" type="button" class="btn btn-tool" data-card-widget="collapse"> <i class="fas fa-minus"></i> </button> </div> </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"> <form id="frm-service-info"> <div class="row"> <div class="col-sm-12"> <div class="col-sm-4 mb-2"> <span style="font-size: 20px;"><strong>RO Number:  </strong> </span> <span id="service-ro-number"></span> </div> </div> </div> <div class="row"> <div class="col-sm-3"> <div> <fieldset class="card"> <legend>Vehicle Info</legend> <!-- <div class="row"> <span class="span-labels"><strong>ID:  </strong></span> <span id="service-owner-id" class="span-values"></span> </div> --> <div class="row"> <span class="span-labels"><strong>Customer:  </strong></span> <span id="service-owner-name" class="span-values"></span> </div> <div class="row"> <span class="span-labels"><strong>Serial #:  </strong></span> <span id="service-serial-number" class="span-values"></span> </div> <div class="row"> <span class="span-labels"><strong>Plate #:  </strong></span> <span id="service-plate-number" class="span-values"></span> </div> <div class="row"> <span class="span-labels"><strong>CS #:  </strong></span> <span id="service-cs-number" class="span-values"></span> </div> <div class="row"> <span class="span-labels"><strong>Mileage:  </strong></span> <span id="service-mileage" class="span-values"></span> </div> </fieldset> </div> </div> <div class="col-sm-9"> <div> <fieldset class="card"> <legend>Service Details</legend> <div class="row"> <div class="col-sm-12 mb-2"> <span class="span-labels"><strong>Date Range:  </strong></span> <span id="service-date-range" class="span-values"></span> </div> </div> <div class="row"> <div class="col-sm-6"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Service Advisor</label> <input id="service-service-advisor" type="text" class="input-forms form-control" style="background-color: white;" readonly> </div> </div> <div class="col-sm-6"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Company Dealer</label> <input id="service-company-dealer" type="text" class="input-forms form-control" style="background-color: white;" readonly> </div> </div> </div> <div class="row"> <div class="col-sm-4"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Insurance Paid Account</label> <input id="service-insurance-paid-account" type="text" class="input-forms form-control" style="background-color: white;" readonly> </div> </div> <div class="col-sm-4"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Customer Paid Amount</label> <input id="service-customer-paid-amount" type="text" class="input-forms form-control" style="background-color: white;" readonly> </div> </div> <div class="col-sm-4"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Customer Discount</label> <input id="service-customer-discount" type="text" class="input-forms form-control" style="background-color: white;" readonly> </div> </div> </div> <div class="row"> <div class="col-sm-12"> <div class="form-group"> <label class="lbl-forms mx-0 my-0">Recommendation</label> <input id="service-recommendation" type="text" class="input-forms form-control" style="background-color: white;" readonly> </div> </div> </div> </fieldset> </div> </div> </div> <!-- <div id="customer-ro-number" class="card card-primary"> <div class="card-header"> <h3 class="card-title">RO Number Details</h3> </div> <div class="card-body"> <div id="customer-ro-number" class="table-responsive"> <table id="ro-number-table" data-toggle="table" 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="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="350" 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 class="mt-3 mb-0 row"> <div class="col-sm-4"> <div class="form-group"> <span class="span-labels"><strong>Date Uploaded:  </strong></span><br> <span id="service-date-uploaded" class="span-values"></span> </div> </div> <div class="col-sm-4"> <span class="span-labels"><strong>Uploaded By:  </strong> </span><br> <span id="service-uploaded-by" class="span-values"></span> </div> <div class="col-sm-4"> <spann class="span-labels"><strong>DMS:  </strong> </span><br> <span id="service-dms"></span> </div> </div> </form> </div><!--card-body--> </div> customer_insurance.php 0000644 00000002753 15025114032 0011165 0 ustar 00 <div id="customer-finance-div" class="table-responsive mt-2"> <table id="finance-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="queryParamsFinanceTable" data-click-to-select="false"> <thead> <tr> <th class="main-header-table text-center" data-formatter="" data-field="plate_cs_number">Plate/CS Number</th> <th class="main-header-table text-center" data-formatter="" data-field="policy_number">Policy Number</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> customer_vehicle.php 0000644 00000003272 15025114032 0010612 0 ustar 00 <!-- <div id="customer-vehicle-div" class="table-responsive "> <table id="vehicle-table" data-toggle="table" class="table table-sm" data-url="" 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="queryParamsVehicle" 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 = "200" data-click-to-select="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="plate_number">Plate No.</th> <th data-formatter="checkIfEmpty" data-field="conduction_sticker">CS No.</th> </tr> </thead> <tbody> </tbody> </table> </div> --> <div class="card-body pb-0" id="customer-vehicle"> <div class="row d-flex align-items-stretch" id="customer-owned-vehicle"> </div> </div> <!-- /.card-body --> <div id="grid-page-footer"> <div class="card-footer" > <nav aria-label="Contacts Page Navigation"> <ul class="pagination justify-content-center m-0" id="customer-owned-vehicle-paging"> </ul> </nav> </div> </div> <!-- /.card-footer --> customer_logs.php 0000644 00000001540 15025114032 0010133 0 ustar 00 <div class="mt-3" id="customer-logs"> <table id="logs-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="queryParamsLogs" 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-sortable="true" data-field="date_time"> Date </th> <th data-field="description"> Logs</th> </tr> </thead> <tbody> </tbody> </table> </div> activity_modal.js 0000644 00000020476 15025161546 0010130 0 ustar 00 (function ($, undefined) { $.fn.getCursorPosition = function () { var el = $(this).get(0); var pos = 0; if ('selectionStart' in el) { pos = el.selectionStart; } else if ('selection' in document) { el.focus(); var Sel = document.selection.createRange(); var SelLength = document.selection.createRange().text.length; Sel.moveStart('character', -el.value.length); pos = Sel.text.length - SelLength; } return pos; } })(jQuery); const $customerActFrm = $('.customer-activity-form'); const $customerInsuranceActFrm = $('.customer-activity-close-deal-form'); function templateEvt() { $customerActFrm.find('.customer-activity-template').each(function () { $(this).on('click', function (e) { var position = $customerActFrm.find("[name=activity]").getCursorPosition() var content = $customerActFrm.find("[name=activity]").val(); var newContent = content.substr(0, position) + $(this).text()+ content.substr(position); $customerActFrm.find("[name=activity]").val(newContent); $customerActFrm.find("[name=activity]").trigger("focus"); }); }); } function closeDealEvt() { $customerActFrm.find('.btn-close-deal').on("click", function (e) { $('#modal-customer-activity').modal('hide'); $('#modal-customer-activity-close-deal').modal('show'); $('#modal-customer-activity-close-deal').off('hidden.bs.modal').on('hidden.bs.modal', function () { $('#modal-customer-activity').modal('show'); }); return false; Swal.fire({ icon: 'question', html: 'Are you sure you want to close the deal?', 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) { $.ajax({ url: "/customer", 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 activityFrmEvt() { $customerActFrm.on("submit",function (event) { var formData = new FormData(this); formData.append( "csrf_token", $("meta[name='csrf-token']").attr("content") ); formData.append("id", (typeof activity_id === 'undefined') ? "" : activity_id); formData.append("customer_id", (typeof customer_record_id === 'undefined') ? "" : customer_record_id); formData.append("vehicle_id", (typeof vehicle_record_id === 'undefined') ? "" : vehicle_record_id); $.ajax({ url: "/customer/activity/store", // url: url.store, type: "POST", data: formData, // timeout: 9000, processData: false, contentType: false, beforeSend: function () { $customerActFrm.find("button[type=submit]").prop("disabled", true); }, success: function (result) { $customerActFrm.find("button[type=submit]").prop("disabled", false); if (parseInt(result.status) === 1) { sweetAlertSimple('success', '', result.message); $customerActFrm.trigger("reset"); $('#modal-customer-activity').modal('hide'); } else { sweetAlertSimple('error', '', result.message) } }, error: function () { sweetAlertSimple('error', '', 'Error has occured.') $customerActFrm.find("button[type=submit]").prop("disabled", false); }, }); event.preventDefault(); }); } function activityInsuranceFrmEvt() { $customerInsuranceActFrm.on("submit",function (event) { var formData = new FormData(this); formData.append( "csrf_token", $("meta[name='csrf-token']").attr("content") ); formData.append("id", (typeof activity_insurance_id === 'undefined') ? "" : activity_insurance_id); formData.append("customer_id", (typeof customer_record_id === 'undefined') ? "" : customer_record_id); formData.append("vehicle_id", (typeof vehicle_record_id === 'undefined') ? "" : vehicle_record_id); $.ajax({ url: "/customer/activity/insurance/store", // url: url.store, type: "POST", data: formData, // timeout: 9000, processData: false, contentType: false, beforeSend: function () { $customerInsuranceActFrm.find("button[type=submit]").prop("disabled", true); }, success: function (result) { $customerInsuranceActFrm.find("button[type=submit]").prop("disabled", false); if (parseInt(result.status) === 1) { // alert("1") $customerInsuranceActFrm.trigger("reset"); $customerActFrm.trigger("reset"); $('#modal-customer-activity-close-deal').off('hidden.bs.modal'); $('#modal-customer-activity-close-deal').modal('hide'); sweetAlertSimple('success', '', result.message); } else { sweetAlertSimple('error', '', result.message) } }, error: function () { sweetAlertSimple('error', '', 'Error has occured.') $customerInsuranceActFrm.find("button[type=submit]").prop("disabled", false); }, }); event.preventDefault(); }); } function initDateFields() { $(".activity-date").datetimepicker({ format: "L", }); } function refreshTableActivities() { var $table = $('#activity-table') $table.bootstrapTable('destroy').bootstrapTable(); $(function() { $table.bootstrapTable('refresh', { url: 'app/table/customer_activity.php' }); }) } function queryParamsActivities(params) { console.log(params) return { search: params.search, offset: params.offset, limit: params.limit, sort: params.sort, order: params.order, customer_id: ((typeof customer_record_id === 'undefined') ? "" : customer_record_id), vehicle_id: ((typeof vehicle_record_id === 'undefined') ? "" : vehicle_record_id), }; } $(function () { $('#datetimepicker2').datetimepicker({ format: 'DD/MM/YYYY' }); // alert(vehicle_record_id) console.log("ADsada") if (typeof vehicle_record_id !== 'undefined') { if (vehicle_record_id) { // hide vehicle information $customerInsuranceActFrm.find(".activity-vehicle-info").hide(); // $customerInsuranceActFrm.find("[name=conduction_sticker]").hide(); } } initDateFields(); activityFrmEvt(); activityInsuranceFrmEvt(); templateEvt(); closeDealEvt(); }); customer.js 0000644 00000114103 15025161546 0006750 0 ustar 00 var new_customer_is_individual = false; var shown = false; var count_customer_summary = null; var customer_grid = null; var onShowFiltersDialog = function() { if (getCookie("customer_toggle") == null || parseInt($.cookie("customer_toggle")) == 0) { var $table = $('#customer-table'); $table.bootstrapTable('destroy'); initGrid() $.cookie("customer_toggle", 1); } else { // initList() $.cookie("customer_toggle", 0); } refreshTableCustomer() } function buttonsFunction() { return { grid_refresh: { 'icon': 'fa fa-sync', 'event': 'refreshTableCustomer', 'attributes': { 'title': 'Refresh', 'data-test': 'test123' } }, grid_toggle_on: { 'icon': 'fa fa-toggle-on', 'event': 'onShowFiltersDialog', 'attributes': { 'title': 'Toggle List View', 'data-test': 'test123' } }, grid_toggle_off: { 'icon': 'fa fa-toggle-off', 'event': 'onShowFiltersDialog', 'attributes': { 'title': 'Toggle Grid View', 'data-test': 'test123' } } } } function initGrid() { var $table = $('#customer-table'); // $table.bootstrapTable('destroy'); $table.bootstrapTable({ formatSearch: function() { return 'Search Customer' }, }); } function initList() { var $table = $('#customer-table') $table.bootstrapTable('destroy') $table.bootstrapTable({ sidePagination: 'server', formatSearch: function() { return 'Search Customer' }, onSearch: function(text) { $table.addClass('loading'); }, onLoadSuccess: function() { $table.removeClass('loading'); } }); } function customSearch(data, text) { if (getCookie("customer_toggle") != null && $.cookie("customer_toggle") == 1) { refreshTableCustomer(); } return data.filter(function(row) { return row.name.toLowerCase().replace(/\s/g, "").indexOf(text.toLowerCase().replace(/\s/g, "")) > -1 }) } function customerCountSummary() { var dms = ($("#dms").val() == '') ? '0' : $("#dms").val(); var company = ($("#company-filter").val() == '') ? '0' : $("#company-filter").val(); var gender = ($("#gender").val() == '') ? 'all' : $("#gender").val(); var type = ($("#type").val() == '') ? '0' : $("#type").val(); var filter_age = ($("#filter-age").val() == '') ? '0' : $("#filter-age").val(); var filter_data = ($("#filter-data").val() == '') ? '0' : $("#filter-data").val(); var customer_actions = ($("#customer-actions").val() == '') ? '0' : $("#customer-actions").val(); var my_records = $('#my_record_filter').is(":checked"); if(count_customer_summary != null){ count_customer_summary.abort(); } count_customer_summary = $.ajax({ url: "api/customer/customerv2.php", type: "POST", dataType: 'json', data: { dms: dms, company: company, type: type, gender: gender, filter_age: filter_age, filter_data: filter_data, apiKey: '8666264351338448', my_records : my_records }, beforeSend: function() {}, success: function(result) { // result.total $('#total_customer_count').text(result.total_count); $('#new_customer_count').text(result.new_customer_count); $('#updated_customer_count').text(result.updated_customer_count); $('#new_today_customer_count').text(result.new_today_customer_count); } }); } function refreshTableCustomer() { if (getCookie("customer_toggle") != null && $.cookie("customer_toggle") == 1) { initGrid() getCustomerGrid(0, 9); showGrid(); } else { initList() var $table = $('#customer-table') // $table.bootstrapTable('destroy') $(function() { $table.bootstrapTable('refresh', { url: 'app/table/bt_customer_list.php' }); }) showList(); } customerCountSummary(); } function gotoOffsetCustomer(n) { // alert(n) // $.cookie("customer_list_offset",n); getCustomerGrid(n, 9); } function getCustomerGrid(offset, limit) { var dms = ($("#dms").val() == '') ? '0' : $("#dms").val(); var company = ($("#company-filter").val() == '') ? '0' : $("#company-filter").val(); var gender = ($("#gender").val() == '') ? 'all' : $("#gender").val(); var type = ($("#type").val() == '') ? '0' : $("#type").val(); var filter_age = ($("#filter-age").val() == '') ? '0' : $("#filter-age").val(); var filter_data = ($("#filter-data").val() == '') ? '0' : $("#filter-data").val(); var customer_actions = ($("#customer-actions").val() == '') ? '0' : $("#customer-actions").val(); var search = $(".search-input").val(); var my_records = $('#my_record_filter').is(":checked"); if(customer_grid != null){ customer_grid.abort(); } customer_grid = $.ajax({ url: 'app/table/bt_customer_list.php', type: "POST", dataType: 'json', data: { search: search, grid: 1, offset: offset, limit: limit, dms: dms, company: company, type: type, gender: gender, filter_age: filter_age, filter_data: filter_data, customer_actions: customer_actions, my_records : my_records }, beforeSend: function() { $('#loader-main').show(); }, success: function(result) { // result.total $('#customer-grid-data').html(''); $('#customer-grid-data').append(result.customer_list); $('#customer-grid-data-paging').html(''); // if(result.total <= 0){ // $('#customer-grid-data-paging').append(result.customer_list_paging); // } // if(result.grid_offset > 6){ $('#customer-grid-data-paging').append(result.customer_list_paging); // } $('#loader-main').hide(); } }); } function showGrid() { $("#customer-grid").show(); $("#grid-card").show(); $('#customer-grid-data-paging').show(); $("button[name='grid_toggle_on']").show(); $("#customer-table").hide(); $(".fixed-table-pagination").hide(); $("button[name='grid_toggle_off']").hide(); } function showList() { $("#customer-table").show(); $("#grid-card").hide(); $(".fixed-table-pagination").show(); $("button[name='grid_toggle_off']").show(); $("#customer-grid").hide(); $('#customer-grid-data-paging').hide(); $("button[name='grid_toggle_on']").hide(); } function queryParams(params) { var dms = ($("#dms").val() == '') ? '0' : $("#dms").val(); var company = ($("#company-filter").val() == '') ? '0' : $("#company-filter").val(); var gender = ($("#gender").val() == '') ? 'all' : $("#gender").val(); var type = ($("#type").val() == '') ? '0' : $("#type").val(); var filter_age = ($("#filter-age").val() == '') ? '0' : $("#filter-age").val(); var filter_data = ($("#filter-data").val() == '') ? '0' : $("#filter-data").val(); var customer_actions = ($("#customer-actions").val() == '') ? '0' : $("#customer-actions").val(); var my_records = $('#my_record_filter').is(":checked"); 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'); return { search: params.search, offset: params.offset, limit: params.limit, sort: params.sort, order: params.order, dms: dms, company: company, type: type, gender: gender, filter_age: filter_age, filter_data: filter_data, customer_actions: customer_actions, my_records : my_records, start_date : start_date, end_date : end_date, }; } // DATE FILTER $('#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); }); function cb(start, end) { var startDate = start.format('YYYY-MM-DD'); passDate(start, end); //pass empty dates } 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; refreshTableCustomer(); } //END DATE FILTER function customerModal(isIndividual) { new_customer_is_individual = isIndividual; $('#proceed-button').text("Add Customer"); $('.customer-modal-overlay').hide(); if (isIndividual) { $('#modal-title').text("New Customer (Individual)"); checkFieldsModal(true); } else { $('#modal-title').text("New Customer (Corporation)"); checkFieldsModal(false); } resetCustomerModal(); $("#addRowDataSource").click(); } function customerInfo(id) { $.cookie("customer_selected_tab", 'custom-tabs-three-home-tab'); window.location.href = "customer_view.php?q=" + id; } function addFilterListener(){ $('#dms').off('change.mychange').on('change.mychange', function() { $('#customer-actions').off('change.mychange'); $('#customer-actions').val('').trigger('change') addFilterListenerCustomerAction(); refreshTableCustomer(); }); $('#company-filter').off('change.mychange').on('change.mychange', function() { $('#customer-actions').off('change.mychange'); $('#customer-actions').val('').trigger('change') addFilterListenerCustomerAction(); refreshTableCustomer(); }); $('#gender').off('change.mychange').on('change.mychange', function() { $('#customer-actions').off('change.mychange'); $('#customer-actions').val('').trigger('change') addFilterListenerCustomerAction(); refreshTableCustomer(); }); $('#type').off('change.mychange').on('change.mychange', function() { $('#customer-actions').off('change.mychange'); $('#customer-actions').val('').trigger('change') addFilterListenerCustomerAction(); refreshTableCustomer(); }); $('#filter-data').off('change.mychange').on('change.mychange', function() { $('#customer-actions').off('change.mychange'); $('#customer-actions').val('').trigger('change') addFilterListenerCustomerAction(); refreshTableCustomer(); }); $('#filter-age').off('change.mychange').on('change.mychange', function() { $('#customer-actions').off('change.mychange'); $('#customer-actions').val('').trigger('change') addFilterListenerCustomerAction(); refreshTableCustomer(); }); addFilterListenerCustomerAction(); } function addFilterListenerCustomerAction(){ $('#customer-actions').off('change.mychange').on('change.mychange', function() { refreshTableCustomer(); }); } ///////////////////////////////////////////////////////////////////////////////////////////////////// $(document).ready(function() { // if (getCookie("customer_toggle") != null && parseInt($.cookie("customer_toggle")) == 1) { // initGrid() // } else { // initList() // } refreshTableCustomer() addFilterListener(); var $table = $('#customer-table'); $('#customer_action_all').on('click', function(event) { $table.addClass('loading'); $('#customer-actions').val('all').trigger('change'); }); $('#customer_action_new').on('click', function(event) { $table.addClass('loading'); $('#customer-actions').val('new').trigger('change'); }); $('#customer_action_updated').on('click', function(event) { $table.addClass('loading'); $('#customer-actions').val('updated').trigger('change'); }); $('#customer_action_added').on('click', function(event) { $table.addClass('loading'); $('#customer-actions').val('added').trigger('change'); }); $('#dms').select2({ placeholder: "DMS Type", allowClear: true }) $('#company-filter').select2({ placeholder: "Company", allowClear: true }) $('#gender').select2({ placeholder: "Gender", allowClear: true }) $('#type').select2({ placeholder: "Customer Type", allowClear: true }) $('#filter-age').select2({ placeholder: "Age", allowClear: true }) $('#filter-data').select2({ placeholder: "Data Type", allowClear: true }) $('#customer-actions').select2({ placeholder: "Customer Actions", allowClear: true }) $( "#my_record_filter").on( "click", function() { refreshTableCustomer(); }); $('#customer-table').on('click-cell.bs.table', function(field, value, row, $el) { // alert(value) if (value == 'email_1' || value == 'mobile_phone_1') { return; } customerInfo($el.id); }); //for click bnalloon not hiding -> filter document.getElementById("dropdown-filter").addEventListener('click', function(event) { // alert("click outside"); event.stopPropagation(); }); $('#new-customer').on("click", function() { shown ? $(this).hideBalloon() : $(this).showBalloon(); shown = !shown; }).showBalloon({ position: 'right', html: true, css: { color: 'black' }, contents: ` <div class="row"> <div class="col-sm-6 p-1"> <input style="width: 90px !important;" type="button" onclick="customerModal(true)" id="new-individual-customer" class="btn btn-primary btn-sm" value="Individual" data-toggle="modal" data-target="#modal-customer"></input> </div> <div class="col-sm-6 p-1"> <input style="width: 90px !important;" type="button" onclick="customerModal(false)" id="new-corporate-customer" class="btn btn-primary btn-sm" value="Corporation" data-toggle="modal" data-target="#modal-customer"></input> </div> <div class="col-sm-4 p-1" hidden> <input style="width: 90px !important;" type="button" id="new-import-customer" class="btn btn-primary btn-sm" value="Import"></input> </div> </div> ` }); $('#new-customer').hideBalloon(); $(document).mouseup(function(e) { var container = $("#new-customer"); // if the target of the click isn't the container nor a descendant of the container if (!container.is(e.target) && container.has(e.target).length === 0) { container.hideBalloon(); shown = false; } }); $('#btnCustomerListNoFilter').click(function() { $('#dms').off('change.mychange'); $('#company-filter').off('change.mychange'); $('#gender').off('change.mychange'); $('#type').off('change.mychange'); $('#filter-age').off('change.mychange'); $('#filter-data').off('change.mychange'); $('#customer-actions').off('change.mychange'); $('#dms').val('').trigger('change') $('#company-filter').val('').trigger('change') $('#gender').val('').trigger('change') $('#type').val('').trigger('change') $('#filter-age').val('').trigger('change') $('#filter-data').val('').trigger('change') $('#customer-actions').val('').trigger('change') $('#my_record_filter').prop('checked', false); addFilterListener(); refreshTableCustomer(); }) $('#proceed-button').on("click", function() { if (new_customer_is_individual) { if (isEmpty($('#mod-firstname').val())) { addCustomerModalTabSelectedTab(1); $('#mod-firstname').focus(); sweetAlertSimple('error', 'Oops...', 'Firstname can\'t be left blank') return; } if (isEmpty($('#mod-lastname').val())) { addCustomerModalTabSelectedTab(1); $('#mod-lastname').focus(); sweetAlertSimple('error', 'Oops...', 'Lastname can\'t be left blank') return; } if (!isEmpty($('#mod-birthdate').val())) { cust_dob = new Date($('#mod-birthdate').val()); var cust_today = new Date(); var cust_age = Math.floor((cust_today-cust_dob) / (365.25 * 24 * 60 * 60 * 1000)); // alert(cust_age+' years old'); if(parseInt(cust_age) < 17 ){ addCustomerModalTabSelectedTab(1); $('#mod-birthdate').focus(); sweetAlertSimple('error', 'Oops...', 'Age must be 17 and above.') return; } } } else { if (isEmpty($('#mod-corporation-name').val())) { addCustomerModalTabSelectedTab(1); $('#mod-corporation-name').focus(); sweetAlertSimple('error', 'Oops...', 'Corporation name can\'t be left blank') return; } } if (!checkIfDataSourceIncomplete() && $('#data-source-list-table tbody tr').length > 0) { addCustomerModalTabSelectedTab(1); $('#data-source-list-table input').first().focus(); sweetAlertSimple('error', 'Oops...', 'Complete the data source details first'); return; } if (new_customer_is_individual) { if (isEmpty($('#mod-contact').val())) { addCustomerModalTabSelectedTab(2); $('#mod-contact').focus(); sweetAlertSimple('error', 'Oops...', 'Mobile number is required'); return; } if ($('#mod-contact').val().length < 10 || !$('#mod-contact').val().startsWith("9")) { addCustomerModalTabSelectedTab(2); $('#mod-contact').focus(); sweetAlertSimple('error', 'Oops...', 'Invalid mobile number'); return; } } else { if (isEmpty($('#mod-contact').val()) && isEmpty($('#mod-landline').val())) { addCustomerModalTabSelectedTab(2); $('#mod-contact').focus(); sweetAlertSimple('error', 'Oops...', 'Mobile number or landline is required'); return; } if (!isEmpty($('#mod-contact').val())) { if ($('#mod-contact').val().length < 5) { addCustomerModalTabSelectedTab(2); $('#mod-contact').focus(); sweetAlertSimple('error', 'Oops...', 'Invalid mobile number'); return; } } } // if (isEmpty($('#mod-email').val())) { // addCustomerModalTabSelectedTab(2); // $('#mod-email').focus(); // sweetAlertSimple('error', 'Oops...', 'Email address is required'); // return; // } // if (!isEmail($('#mod-email').val())) { // addCustomerModalTabSelectedTab(2); // $('#mod-email').focus(); // sweetAlertSimple('error', 'Oops...', 'Invalid email address'); // return; // } if (!isEmpty($('#mod-email').val())) { if (!isEmail($('#mod-email').val())) { addCustomerModalTabSelectedTab(2); $('#mod-email').focus(); sweetAlertSimple('error', 'Oops...', 'Invalid email address'); return; } } if (!isEmpty($('#mod-other-email').val())) { if (!isEmail($('#mod-other-email').val())) { addCustomerModalTabSelectedTab(2); $('#mod-other-email').focus(); sweetAlertSimple('error', 'Oops...', 'Invalid other email address'); return; } } var validate_data_contact_person = checkIfContactPersonIncomplete(); if (!validate_data_contact_person[0] && $('#contact-person-list-table tbody tr').length > 0) { addCustomerModalTabSelectedTab(2); $('#contact-person-list-table input').first().focus(); sweetAlertSimple('error', 'Oops...', 'Complete the data of contact person first') return; } else if (!validate_data_contact_person[1]) { addCustomerModalTabSelectedTab(2); $('#contact-person-list-table input').first().focus(); sweetAlertSimple('error', 'Oops...', 'Contact person invalid email') return; } else if (!validate_data_contact_person[2]) { addCustomerModalTabSelectedTab(2); $('#contact-person-list-table input').first().focus(); sweetAlertSimple('error', 'Oops...', 'Contact person invalid mobile') return; } // if (isEmpty($('#mod-address-1').val())) { // addCustomerModalTabSelectedTab(2); // $('#mod-address-1').focus(); // sweetAlertSimple('error', 'Oops...', 'Primary address is required'); // return; // } // if (isEmpty($('#mod-dd-city-1').val())) { // addCustomerModalTabSelectedTab(2); // $('#mod-dd-city-1').focus(); // sweetAlertSimple('error', 'Oops...', 'Primary city is required'); // return; // } // if (!isEmpty($('#mod-address-2').val()) && isEmpty($('#mod-dd-city-2').val())) { // addCustomerModalTabSelectedTab(2); // $('#mod-dd-city-2').focus(); // sweetAlertSimple('error', 'Oops...', 'Select secondary city'); // return; // } if (!isEmpty($('#mod-dd-city-2').val())) { if (isEmpty($('#mod-address-2').val())) { addCustomerModalTabSelectedTab(2); $('#mod-address-2').focus(); sweetAlertSimple('error', 'Oops...', 'Enter secondary address'); return; } } var validate_data_children_list = checkIfChildrenIncomplete(); if (!validate_data_children_list[0] && $('#children-list-table tbody tr').length > 0) { addCustomerModalTabSelectedTab(3); $('#children-list-table input').first().focus(); sweetAlertSimple('error', 'Oops...', 'Complete the child details first'); return; } else if (!validate_data_children_list[1]) { addCustomerModalTabSelectedTab(3); $('#children-list-table input').first().focus(); sweetAlertSimple('error', 'Oops...', 'Children data invalid mobile'); return; } if (!checkIfInterestIncomplete() && $('#interest-list-table tbody tr').length > 0) { addCustomerModalTabSelectedTab(5); $('#interest-list-table select').first().focus(); sweetAlertSimple('error', 'Oops...', 'Complete the interest/hobbies details first'); return; } if (!checkIfAffiliationsIncomplete() && $('#affiliations-list-table tbody tr').length > 0) { addCustomerModalTabSelectedTab(4); $('#affiliations-list-table select').first().focus(); sweetAlertSimple('error', 'Oops...', 'Complete the affiliations details first'); return; } //MODIFY // /check exist the input if($('#mod-other-mobile-number1').length > 0 && $('#mod-other-mobile-number1').val() != '') { $(this).attr("required", "true"); if ($('#mod-other-mobile-number1').val().length < 10 || !$('#mod-other-mobile-number1').val().startsWith("9")) { addCustomerModalTabSelectedTab(2); alert('error other mobile contact');return; $('#mod-other-mobile-number1').focus(); sweetAlertSimple('error', 'Oops...', 'Invalid mobile number'); return; } if($('#mod-other-mobile-number1').val().length > 10) { // $('#mod-other-mobile-number1').val(''); $('#mod-other-mobile-number1').focus(); sweetAlertSimple('error', 'Oops...', 'Invalid mobile number'); return; } if($('#mod-other-mobile-number1').val() == $('#mod-contact').val()) { sweetAlertSimple('error', 'Oops...', 'Duplicate mobile number'); return; } }else if($('#mod-other-mobile-number1').length ===1 && $('#mod-other-mobile-number1').val()===''){ // console.log('accept validation');return; $("#mod-other-mobile-number1").prop('required',true); sweetAlertSimple('error', 'Oops...', 'Field required.'); $('#mod-other-mobile-number2').focus(); return; } else { } if($('#mod-other-mobile-number2').length > 0 && $('#mod-other-mobile-number2').val() != '') { // console.log('accept validation');return; if($('#mod-other-mobile-number2').val().length < 10 || !$('#mod-other-mobile-number2').val().startsWith("9")) { addCustomerModalTabSelectedTab(2);alert('error other mobile contact'); $('#mod-other-mobile-number2').focus(); sweetAlertSimple('error', 'Oops...', 'Invalid mobile number'); return; } if($('#mod-other-mobile-number1').val() == $('#mod-other-mobile-number2').val()) { sweetAlertSimple('error', 'Oops...', 'Duplicate mobile number'); return; } if($('#mod-other-mobile-number2').val() == $('#mod-contact').val()) { sweetAlertSimple('error', 'Oops...', 'Duplicate mobile number'); return; } if($('#mod-other-mobile-number1').val().length > 10) { // $('#mod-other-mobile-number1').val(''); $('#mod-other-mobile-number1').focus(); sweetAlertSimple('error', 'Oops...', 'Invalid mobile number'); return; } } else if($('#mod-other-mobile-number2').length ===1 && $('#mod-other-mobile-number2').val()===''){ // console.log('accept validation');return; $("#mod-other-mobile-number2").prop('required',true); sweetAlertSimple('error', 'Oops...', 'Field required.'); $('#mod-other-mobile-number2').focus(); return; } else { $('#mod-other-mobile-number2').attr("required", "false"); $('#mod-other-mobile-number2').removeAttr('required'); } // END MODIFY // alert(force_update+ ' - '+force_update_reason); $.ajax({ url: "api/customer/customerv2.php", method: "POST", dataType: 'json', data: { apiKey: '7347482808054211', customer_data: getCustomerAllModalData(), customer_dms: getAllDataSourceTableData(), customer_contact_person: getAllContactPersonTableData(), customer_children: getAllChildrenTableData(), customer_interest: getAllInterestTableData(), customer_affiliations: getAllAffiliationsTableData(), force_update : force_update, force_update_reason:force_update_reason }, beforeSend: function() { //show loader $('#proceed-button').attr('disabled', true); $('.customer-modal-overlay').show(); }, success: function(result) { if (parseInt(result.status) === 1) { sweetAlertSimple('success', 'Nice...', result.message); refreshTableCustomer(); $('#modal-customer').modal('hide'); } else if (parseInt(result.status) === 0) { sweetAlertSimple('error', 'Oops...', result.message); } else if (parseInt(result.status) === 2) { addCustomerModalTabSelectedTab(2); $('#mod-contact').focus(); sweetAlertSimple('error', 'Oops...', result.message); if(customer_force_edit){ Swal.fire({ title: 'Update anyway?', input: 'textarea', inputPlaceholder: 'Enter your reason', confirmButtonText: `Save`, showCancelButton: true, inputValidator: (value) => { if (!value) { return 'Enter your reason to proceed.' }else{ force_update = 1; force_update_reason = value; $('#proceed-button').click(); } } }); } } else if (parseInt(result.status) === 3) { addCustomerModalTabSelectedTab(2); $('#mod-email').focus(); sweetAlertSimple('error', 'Oops...', result.message); if(customer_force_edit){ Swal.fire({ title: 'Update anyway?', input: 'textarea', inputPlaceholder: 'Enter your reason', confirmButtonText: `Save`, showCancelButton: true, inputValidator: (value) => { if (!value) { return 'Enter your reason to proceed.' }else{ force_update = 1; force_update_reason = value; $('#proceed-button').click(); } } }); } } else if (parseInt(result.status) === 4) { addCustomerModalTabSelectedTab(1); $('#data-source-list-table input').first().focus(); sweetAlertSimple('error', 'Oops...', result.message); } refreshModalReligion(); // refreshModalCities(); $('#proceed-button').attr('disabled', false); $('.customer-modal-overlay').hide(); force_update = 0; force_update_reason = ''; }, error: handleError }); }); $('#aha-status').on('change',function(){ if($(this).is(':checked')){ $(this).val('1'); }else{ $(this).val('0'); } }); // MODIFY $("#btn-add-mobile").on('click', function(){ // var count = $("#countInputMobile").val(); // count++; let inputMobLengh = $('.mod-div input[name="mob[]"]').length; // alert(inputMobLengh); if(inputMobLengh<2){ let divGrid = $('<div></div>').attr({'class':'mod-div'}); let inputGroup = $('<div></div>').attr({'class':'input-group mb-0 input-other-mob'}); let inputBtl = $('<div></div>').attr({'class' : 'edit-customer input-group-append'}).css("height", "28px");; let inputText = $('<div></div>').attr({'class':'input-group-text'}).text("+63"); let inputjson = $('<input>').attr({'name':'mob[]','id':'mod-other-mobile-number','class':'big-letter edit-customer lbl-forms-sm form-control form-control-sm inputMobile', 'id':'mod-other-mobile-number2','type':'number','maxlength':'10','json-modal':'true'}); let label = $('<label></label>').attr({'for': 'Other Mobile','class':'lbl-forms mx-0 my-0'}).text("Other Mobile"); $(inputBtl).append(inputText); let deleteSPan = $('<a><i class="fas fa-minus-circle"></i></a>').attr({'class':'customDeleleBtn float-right text-danger'}).click(function(e){ // count--; // $("#countInputMobile").prop("value",count); $(this).closest('.mod-div').remove(); inputMobLengh = inputMobLengh-1; if(inputMobLengh<2){ $("#btn-add-mobile").show(); } else { $("#btn-add-mobile").hide(); } $('#mod-contact-div input[name="mob[]"]').each(function(index){ $(this).attr('id',"mod-other-mobile-number"+(index+1)); }); }); //end delete $(inputGroup).append(inputBtl,inputjson,deleteSPan); $(divGrid).append(label,inputGroup); $("#mod-contact-div").append(divGrid); // $("#countInputMobile").val(count); $('#mod-contact-div input[name="mob[]"]').each(function(index){ $(this).attr('id',"mod-other-mobile-number"+(index+1)); }); // alert(inputMobLengh); if(inputMobLengh>=1){ $("#btn-add-mobile").hide(); } else{ $("#btn-add-mobile").show(); } } //end if }); $("#btn-add-email").on('click', function(){ // var count = $("#countInputMobile").val(); // count++; let inputEmailCount =$('#email-add input[name="mob-email[]"]').length; if(inputEmailCount<2){ let divGrid = $('<div></div>').attr({'class':'col-sm-12 mb-1 div-email'}); let inputGroup = $('<div></div>').attr({'class':'form-group mb-0'}); let inputGroup2 = $('<div></div>').attr({'class':'input-group'}); let label = $('<label></label>').attr({'class':'lbl-forms mx-0 my-0'}).text("Other Email"); let inputjson = $('<input>').attr({'name':'mob-email[]','id':'mod-other-email','class':'big-letter edit-customer lbl-forms-sm form-control form-control-sm inputMobile','type':'email','json-modal':'true'}); let deleteSPan = $('<a><i class="fas fa-minus-circle"></i></a>').attr({'class':'customDeleleBtn float-right text-danger','required':true}).click(function(e){ inputEmailCount = inputEmailCount-1; // $("#countInputMobile").prop("value",count); if(inputEmailCount>=1){ $("#btn-add-email").hide(); } else{ $("#btn-add-email").show(); } // alert('fire') $(this).closest('.div-email').remove(); $('#email-add input[name="mob-email[]"]').each(function(index){ $(this).attr('id',"mod-other-email"+(index+1)); }); }); //end delete $(inputGroup2).append(inputjson,deleteSPan); $(inputGroup).append(label,inputGroup2); $(divGrid).append(inputGroup); $('#email-add').append(divGrid); if(inputEmailCount>=1){ $("#btn-add-email").hide(); } else{ $("#btn-add-email").show(); } $('#email-add input[name="mob-email[]"]').each(function(index){ $(this).attr('id',"mod-other-email"+(index+1)); }); } //end if }); // END MODIFY }); ltms_list_uploaded.js 0000644 00000120552 15025161546 0011003 0 ustar 00 var new_customer_is_individual = false; var shown = false; var count_customer_summary = null; var customer_grid = null; var onShowFiltersDialog = function() { if (getCookie("customer_toggle") == null || parseInt($.cookie("customer_toggle")) == 0) { var $table = $('#ltms-table'); $table.bootstrapTable('destroy'); initGrid() $.cookie("customer_toggle", 1); } else { // initList() $.cookie("customer_toggle", 0); } refreshTableCustomer() } function buttonsFunction() { return { grid_refresh: { 'icon': 'fa fa-sync', 'event': 'refreshTableCustomer', 'attributes': { 'title': 'Refresh', 'data-test': 'test123' } }, grid_toggle_on: { 'icon': 'fa fa-toggle-on', 'event': 'onShowFiltersDialog', 'attributes': { 'title': 'Toggle List View', 'data-test': 'test123' } }, grid_toggle_off: { 'icon': 'fa fa-toggle-off', 'event': 'onShowFiltersDialog', 'attributes': { 'title': 'Toggle Grid View', 'data-test': 'test123' } } } } function initGrid() { var $table = $('#ltms-table'); // $table.bootstrapTable('destroy'); $table.bootstrapTable({ formatSearch: function() { return 'Search Customer' }, }); } function initList() { var $table = $('#ltms-table') $table.bootstrapTable('destroy') $table.bootstrapTable({ sidePagination: 'server', formatSearch: function() { return 'Search Customer' }, onSearch: function(text) { $table.addClass('loading'); }, onLoadSuccess: function() { $table.removeClass('loading'); } }); } function customSearch(data, text) { if (getCookie("customer_toggle") != null && $.cookie("customer_toggle") == 1) { refreshTableCustomer(); } return data.filter(function(row) { return row.name.toLowerCase().replace(/\s/g, "").indexOf(text.toLowerCase().replace(/\s/g, "")) > -1 }) } function customerCountSummary() { var dms = ($("#dms").val() == '') ? '0' : $("#dms").val(); var company = ($("#company-filter").val() == '') ? '0' : $("#company-filter").val(); var gender = ($("#gender").val() == '') ? 'all' : $("#gender").val(); var type = ($("#type").val() == '') ? '0' : $("#type").val(); var filter_age = ($("#filter-age").val() == '') ? '0' : $("#filter-age").val(); var filter_data = ($("#filter-data").val() == '') ? '0' : $("#filter-data").val(); var filter_month = ($("#filter-month").val() == '') ? '0' : $("#filter-month").val(); var filter_year = ($("#filter-year").val() == '') ? '0' : $("#filter-year").val(); var customer_actions = ($("#customer-actions").val() == '') ? '0' : $("#customer-actions").val(); var my_records = $('#my_record_filter').is(":checked"); if(count_customer_summary != null){ count_customer_summary.abort(); } count_customer_summary = $.ajax({ url: "api/customer_update/customerv2_update.php", type: "POST", dataType: 'json', data: { dms: dms, company: company, type: type, gender: gender, filter_age: filter_age, filter_data: filter_data, filter_month : filter_month, filter_year :filter_year, apiKey: '8666264351338448', my_records : my_records }, beforeSend: function() {}, success: function(result) { // console.log($result); $('#total_customer_count').text(result.total_count); $('#new_customer_count').text(result.pending); $('#updated_customer_count').text(result.updated_customer_count); $('#active_customer_count').text(result.total_is_active ); $('#inactive_customer_count').text(result.total_is_inactive ); // $('#new_today_customer_count').text(result.new_today_customer_count); } }); } function refreshTableCustomer() { if (getCookie("customer_toggle") != null && $.cookie("customer_toggle") == 1) { initGrid() getCustomerGrid(0, 9); showGrid(); } else { initList() var $table = $('#ltms-table') // $table.bootstrapTable('destroy') $(function() { $table.bootstrapTable('refresh', { url: 'app/table/bt_ltms_upload_list.php' }); }) showList(); } customerCountSummary(); } function gotoOffsetCustomer(n) { // alert(n) // $.cookie("customer_list_offset",n); getCustomerGrid(n, 9); } function getCustomerGrid(offset, limit) { var dms = ($("#dms").val() == '') ? '0' : $("#dms").val(); var company = ($("#company-filter").val() == '') ? '0' : $("#company-filter").val(); var gender = ($("#gender").val() == '') ? 'all' : $("#gender").val(); var type = ($("#type").val() == '') ? '0' : $("#type").val(); var filter_age = ($("#filter-age").val() == '') ? '0' : $("#filter-age").val(); var filter_data = ($("#filter-data").val() == '') ? '0' : $("#filter-data").val(); var customer_actions = ($("#customer-actions").val() == '') ? '0' : $("#customer-actions").val(); var search = $(".search-input").val(); var my_records = $('#my_record_filter').is(":checked"); if(customer_grid != null){ customer_grid.abort(); } customer_grid = $.ajax({ url: 'app/table/bt_ltms_upload_list.php', type: "POST", dataType: 'json', data: { search: search, grid: 1, offset: offset, limit: limit, dms: dms, company: company, type: type, gender: gender, filter_age: filter_age, filter_data: filter_data, customer_actions: customer_actions, my_records : my_records }, beforeSend: function() { $('#loader-main').show(); }, success: function(result) { // result.total $('#customer-grid-data').html(''); $('#customer-grid-data').append(result.customer_list); $('#customer-grid-data-paging').html(''); // if(result.total <= 0){ // $('#customer-grid-data-paging').append(result.customer_list_paging); // } // if(result.grid_offset > 6){ $('#customer-grid-data-paging').append(result.customer_list_paging); // } $('#loader-main').hide(); } }); } function showGrid() { $("#customer-grid").show(); $("#grid-card").show(); $('#customer-grid-data-paging').show(); $("button[name='grid_toggle_on']").show(); $("#ltms-table").hide(); $(".fixed-table-pagination").hide(); $("button[name='grid_toggle_off']").hide(); } function showList() { $("#ltms-table").show(); $("#grid-card").hide(); $(".fixed-table-pagination").show(); $("button[name='grid_toggle_off']").show(); $("#customer-grid").hide(); $('#customer-grid-data-paging').hide(); $("button[name='grid_toggle_on']").hide(); } function queryParams(params) { var dms = ($("#dms").val() == '') ? '0' : $("#dms").val(); var company = ($("#company-filter").val() == '') ? '0' : $("#company-filter").val(); var gender = ($("#gender").val() == '') ? 'all' : $("#gender").val(); var type = ($("#type").val() == '') ? '0' : $("#type").val(); var filter_age = ($("#filter-age").val() == '') ? '0' : $("#filter-age").val(); var filter_data = ($("#filter-data").val() == '') ? '0' : $("#filter-data").val(); var filter_month = ($("#filter-month").val() == '') ? '0' : $("#filter-month").val(); var filter_year = ($("#filter-year").val() == '') ? '0' : $("#filter-year").val(); var customer_actions = ($("#customer-actions").val() == '') ? '0' : $("#customer-actions").val(); var my_records = $('#my_record_filter').is(":checked"); return { search: params.search, offset: params.offset, limit: params.limit, sort: params.sort, order: params.order, dms: dms, company: company, type: type, gender: gender, filter_age: filter_age, filter_data: filter_data, filter_month: filter_month, filter_year : filter_year, customer_actions: customer_actions, my_records : my_records }; } function customerModal(isIndividual) { new_customer_is_individual = isIndividual; $('#proceed-button').text("Add Customer"); $('.customer-modal-overlay').hide(); if (isIndividual) { $('#modal-title').text("New Customera (Individual)"); checkFieldsModal(true); } else { $('#modal-title').text("New Customerb (Corporation)"); checkFieldsModal(false); } resetCustomerModal(); $("#addRowDataSource").click(); } function customerInfo(id) { $.cookie("customer_selected_tab", 'custom-tabs-three-home-tab'); // window.location.href = "customer_view.php?q=" + id; } function addFilterListener(){ $('#dms').off('change.mychange').on('change.mychange', function() { $('#customer-actions').off('change.mychange'); $('#customer-actions').val('').trigger('change') addFilterListenerCustomerAction(); refreshTableCustomer(); }); $('#company-filter').off('change.mychange').on('change.mychange', function() { $('#customer-actions').off('change.mychange'); $('#customer-actions').val('').trigger('change') addFilterListenerCustomerAction(); refreshTableCustomer(); }); $('#gender').off('change.mychange').on('change.mychange', function() { $('#customer-actions').off('change.mychange'); $('#customer-actions').val('').trigger('change') addFilterListenerCustomerAction(); refreshTableCustomer(); }); $('#type').off('change.mychange').on('change.mychange', function() { $('#customer-actions').off('change.mychange'); $('#customer-actions').val('').trigger('change') addFilterListenerCustomerAction(); refreshTableCustomer(); }); $('#filter-data').off('change.mychange').on('change.mychange', function() { $('#customer-actions').off('change.mychange'); $('#customer-actions').val('').trigger('change') addFilterListenerCustomerAction(); refreshTableCustomer(); }); $('#filter-month').off('change.mychange').on('change.mychange', function() { $('#customer-actions').off('change.mychange'); $('#customer-actions').val('').trigger('change') addFilterListenerCustomerAction(); refreshTableCustomer(); }); $('#filter-year').off('change.mychange').on('change.mychange', function() { $('#customer-actions').off('change.mychange'); $('#customer-actions').val('').trigger('change') addFilterListenerCustomerAction(); refreshTableCustomer(); }); $('#filter-age').off('change.mychange').on('change.mychange', function() { $('#customer-actions').off('change.mychange'); $('#customer-actions').val('').trigger('change') addFilterListenerCustomerAction(); refreshTableCustomer(); }); addFilterListenerCustomerAction(); } function addFilterListenerCustomerAction(){ $('#customer-actions').off('change.mychange').on('change.mychange', function() { refreshTableCustomer(); }); } ///////////////////////////////////////////////////////////////////////////////////////////////////// $(document).ready(function() { // if (getCookie("customer_toggle") != null && parseInt($.cookie("customer_toggle")) == 1) { // initGrid() // } else { // initList() // } refreshTableCustomer() addFilterListener(); var $table = $('#ltms-table'); $('#customer_action_all').on('click', function(event) { $table.addClass('loading'); $('#customer-actions').val('all').trigger('change'); }); $('#customer_action_new').on('click', function(event) { $table.addClass('loading'); $('#customer-actions').val('new').trigger('change'); }); $('#customer_action_updated').on('click', function(event) { $table.addClass('loading'); $('#customer-actions').val('updated').trigger('change'); }); $('#customer_action_added').on('click', function(event) { $table.addClass('loading'); $('#customer-actions').val('added').trigger('change'); }); $('#customer_action_active').on('click', function(event) { $table.addClass('loading'); $('#customer-actions').val('active').trigger('change'); }); $('#customer_action_inactive').on('click', function(event) { $table.addClass('loading'); $('#customer-actions').val('inactive').trigger('change'); }); $('#customer_action_pending').on('click', function(event) { $table.addClass('loading'); $('#customer-actions').val('pending').trigger('change'); }); $('#dms').select2({ placeholder: "DMS Type", allowClear: true }) $('#company-filter').select2({ placeholder: "Company", allowClear: true }) $('#gender').select2({ placeholder: "Gender", allowClear: true }) $('#type').select2({ placeholder: "Customer Type", allowClear: true }) $('#filter-age').select2({ placeholder: "Age", allowClear: true }) $('#filter-data').select2({ placeholder: "Data Type", allowClear: true }) $('#filter-month').select2({ placeholder: "Month", allowClear: true }) $('#filter-year').select2({ placeholder: "Year", allowClear: true }) $('#customer-actions').select2({ placeholder: "Customer Actions", allowClear: true }) $( "#my_record_filter").on( "click", function() { refreshTableCustomer(); }); $('#ltms-table').on('click-cell.bs.table', function(field, value, row, $el) { // alert(value) if (value == 'email_1' || value == 'mobile_phone_1') { return; } customerInfo($el.id); }); //for click bnalloon not hiding -> filter // document.getElementById("dropdown-filter").addEventListener('click', function(event) { // // alert("click outside"); // event.stopPropagation(); // }); $('#new-customer').on("click", function() { shown ? $(this).hideBalloon() : $(this).showBalloon(); shown = !shown; }).showBalloon({ position: 'right', html: true, css: { color: 'black' }, contents: ` <div class="row"> <div class="col-sm-6 p-1"> <input style="width: 90px !important;" type="button" onclick="customerModal(true)" id="new-individual-customer" class="btn btn-primary btn-sm" value="Individual" data-toggle="modal" data-target="#modal-customer"></input> </div> <div class="col-sm-6 p-1"> <input style="width: 90px !important;" type="button" onclick="customerModal(false)" id="new-corporate-customer" class="btn btn-primary btn-sm" value="Corporation" data-toggle="modal" data-target="#modal-customer"></input> </div> <div class="col-sm-4 p-1" hidden> <input style="width: 90px !important;" type="button" id="new-import-customer" class="btn btn-primary btn-sm" value="Import"></input> </div> </div> ` }); $('#new-customer').hideBalloon(); $(document).mouseup(function(e) { var container = $("#new-customer"); // if the target of the click isn't the container nor a descendant of the container if (!container.is(e.target) && container.has(e.target).length === 0) { container.hideBalloon(); shown = false; } }); $('#btnCustomerListNoFilter').click(function() { $('#dms').off('change.mychange'); $('#company-filter').off('change.mychange'); $('#gender').off('change.mychange'); $('#type').off('change.mychange'); $('#filter-age').off('change.mychange'); $('#filter-data').off('change.mychange'); $('#customer-actions').off('change.mychange'); $('#dms').val('').trigger('change') $('#company-filter').val('').trigger('change') $('#gender').val('').trigger('change') $('#type').val('').trigger('change') $('#filter-age').val('').trigger('change') $('#filter-data').val('').trigger('change') $('#customer-actions').val('').trigger('change') $('#my_record_filter').prop('checked', false); addFilterListener(); refreshTableCustomer(); }) $('#proceed-button').on("click", function() { // alert('fire'); return; if (new_customer_is_individual) { if (isEmpty($('#mod-firstname').val())) { addCustomerModalTabSelectedTab(1); $('#mod-firstname').focus(); sweetAlertSimple('error', 'Oops...', 'Firstname can\'t be left blank') return; } if (isEmpty($('#mod-lastname').val())) { addCustomerModalTabSelectedTab(1); $('#mod-lastname').focus(); sweetAlertSimple('error', 'Oops...', 'Lastname can\'t be left blank') return; } if (!isEmpty($('#mod-birthdate').val())) { cust_dob = new Date($('#mod-birthdate').val()); var cust_today = new Date(); var cust_age = Math.floor((cust_today-cust_dob) / (365.25 * 24 * 60 * 60 * 1000)); // alert(cust_age+' years old'); if(parseInt(cust_age) < 17 ){ addCustomerModalTabSelectedTab(1); $('#mod-birthdate').focus(); sweetAlertSimple('error', 'Oops...', 'Age must be 17 and above.') return; } } } else { if (isEmpty($('#mod-corporation-name').val())) { addCustomerModalTabSelectedTab(1); $('#mod-corporation-name').focus(); sweetAlertSimple('error', 'Oops...', 'Corporation name can\'t be left blank') return; } } if (!checkIfDataSourceIncomplete() && $('#data-source-list-table tbody tr').length > 0) { addCustomerModalTabSelectedTab(1); $('#data-source-list-table input').first().focus(); sweetAlertSimple('error', 'Oops...', 'Complete the data source details first'); return; } if (new_customer_is_individual) { if (isEmpty($('#mod-contact').val())) { addCustomerModalTabSelectedTab(2); $('#mod-contact').focus(); sweetAlertSimple('error', 'Oops...', 'Mobile number is required'); return; } if ($('#mod-contact').val().length < 10 || !$('#mod-contact').val().startsWith("9")) { addCustomerModalTabSelectedTab(2); $('#mod-contact').focus(); sweetAlertSimple('error', 'Oops...', 'Invalid mobile number'); return; } } else { if (isEmpty($('#mod-contact').val()) && isEmpty($('#mod-landline').val())) { addCustomerModalTabSelectedTab(2); $('#mod-contact').focus(); sweetAlertSimple('error', 'Oops...', 'Mobile number or landline is required'); return; } if (!isEmpty($('#mod-contact').val())) { if ($('#mod-contact').val().length < 5) { addCustomerModalTabSelectedTab(2); $('#mod-contact').focus(); sweetAlertSimple('error', 'Oops...', 'Invalid mobile number'); return; } } } // if (isEmpty($('#mod-email').val())) { // addCustomerModalTabSelectedTab(2); // $('#mod-email').focus(); // sweetAlertSimple('error', 'Oops...', 'Email address is required'); // return; // } // if (!isEmail($('#mod-email').val())) { // addCustomerModalTabSelectedTab(2); // $('#mod-email').focus(); // sweetAlertSimple('error', 'Oops...', 'Invalid email address'); // return; // } if (!isEmpty($('#mod-email').val())) { if (!isEmail($('#mod-email').val())) { addCustomerModalTabSelectedTab(2); $('#mod-email').focus(); sweetAlertSimple('error', 'Oops...', 'Invalid email address'); return; } } if($('#mod-email').val() =='') { addCustomerModalTabSelectedTab(2); $('#mod-email').focus(); sweetAlertSimple('error', 'Oops...', 'Email address required'); return; } // if (!isEmpty($('#mod-other-email').val())) { // if (!isEmail($('#mod-other-email').val())) { // addCustomerModalTabSelectedTab(2); // $('#mod-other-email').focus(); // sweetAlertSimple('error', 'Oops...', 'Invalid other email address'); // return; // } // } var validate_data_contact_person = checkIfContactPersonIncomplete(); if (!validate_data_contact_person[0] && $('#contact-person-list-table tbody tr').length > 0) { addCustomerModalTabSelectedTab(2); $('#contact-person-list-table input').first().focus(); sweetAlertSimple('error', 'Oops...', 'Complete the data of contact person first') return; } else if (!validate_data_contact_person[1]) { addCustomerModalTabSelectedTab(2); $('#contact-person-list-table input').first().focus(); sweetAlertSimple('error', 'Oops...', 'Contact person invalid email') return; } else if (!validate_data_contact_person[2]) { addCustomerModalTabSelectedTab(2); $('#contact-person-list-table input').first().focus(); sweetAlertSimple('error', 'Oops...', 'Contact person invalid mobile') return; } // if (isEmpty($('#mod-address-1').val())) { // addCustomerModalTabSelectedTab(2); // $('#mod-address-1').focus(); // sweetAlertSimple('error', 'Oops...', 'Primary address is required'); // return; // } // if (isEmpty($('#mod-dd-city-1').val())) { // addCustomerModalTabSelectedTab(2); // $('#mod-dd-city-1').focus(); // sweetAlertSimple('error', 'Oops...', 'Primary city is required'); // return; // } // if (!isEmpty($('#mod-address-2').val()) && isEmpty($('#mod-dd-city-2').val())) { // addCustomerModalTabSelectedTab(2); // $('#mod-dd-city-2').focus(); // sweetAlertSimple('error', 'Oops...', 'Select secondary city'); // return; // } if (!isEmpty($('#mod-dd-city-2').val())) { if (isEmpty($('#mod-address-2').val())) { addCustomerModalTabSelectedTab(2); $('#mod-address-2').focus(); sweetAlertSimple('error', 'Oops...', 'Enter secondary address'); return; } } var validate_data_children_list = checkIfChildrenIncomplete(); if (!validate_data_children_list[0] && $('#children-list-table tbody tr').length > 0) { addCustomerModalTabSelectedTab(3); $('#children-list-table input').first().focus(); sweetAlertSimple('error', 'Oops...', 'Complete the child details first'); return; } else if (!validate_data_children_list[1]) { addCustomerModalTabSelectedTab(3); $('#children-list-table input').first().focus(); sweetAlertSimple('error', 'Oops...', 'Children data invalid mobile'); return; } if (!checkIfInterestIncomplete() && $('#interest-list-table tbody tr').length > 0) { addCustomerModalTabSelectedTab(5); $('#interest-list-table select').first().focus(); sweetAlertSimple('error', 'Oops...', 'Complete the interest/hobbies details first'); return; } if (!checkIfAffiliationsIncomplete() && $('#affiliations-list-table tbody tr').length > 0) { addCustomerModalTabSelectedTab(4); $('#affiliations-list-table select').first().focus(); sweetAlertSimple('error', 'Oops...', 'Complete the affiliations details first'); return; } // /check exist the input if($('#mod-other-mobile-number1').length > 0 && $('#mod-other-mobile-number1').val() != '') { $(this).attr("required", "true"); if ($('#mod-other-mobile-number1').val().length < 10 || !$('#mod-other-mobile-number1').val().startsWith("9")) { addCustomerModalTabSelectedTab(2); alert('error other mobile contact');return; $('#mod-other-mobile-number1').focus(); sweetAlertSimple('error', 'Oops...', 'Invalid mobile number'); return; } if($('#mod-other-mobile-number1').val().length > 10) { // $('#mod-other-mobile-number1').val(''); $('#mod-other-mobile-number1').focus(); sweetAlertSimple('error', 'Oops...', 'Invalid mobile number'); return; } if($('#mod-other-mobile-number1').val() == $('#mod-contact').val()) { sweetAlertSimple('error', 'Oops...', 'Duplicate mobile number'); return; } }else if($('#mod-other-mobile-number1').length ===1 && $('#mod-other-mobile-number1').val()===''){ // console.log('accept validation');return; $("#mod-other-mobile-number1").prop('required',true); sweetAlertSimple('error', 'Oops...', 'Field required.'); $('#mod-other-mobile-number2').focus(); return; } else { } if($('#mod-other-mobile-number2').length > 0 && $('#mod-other-mobile-number2').val() != '') { // console.log('accept validation');return; if($('#mod-other-mobile-number2').val().length < 10 || !$('#mod-other-mobile-number2').val().startsWith("9")) { addCustomerModalTabSelectedTab(2);alert('error other mobile contact'); $('#mod-other-mobile-number2').focus(); sweetAlertSimple('error', 'Oops...', 'Invalid mobile number'); return; } if($('#mod-other-mobile-number1').val() == $('#mod-other-mobile-number2').val()) { sweetAlertSimple('error', 'Oops...', 'Duplicate mobile number'); return; } if($('#mod-other-mobile-number2').val() == $('#mod-contact').val()) { sweetAlertSimple('error', 'Oops...', 'Duplicate mobile number'); return; } if($('#mod-other-mobile-number1').val().length > 10) { // $('#mod-other-mobile-number1').val(''); $('#mod-other-mobile-number1').focus(); sweetAlertSimple('error', 'Oops...', 'Invalid mobile number'); return; } } else if($('#mod-other-mobile-number2').length ===1 && $('#mod-other-mobile-number2').val()===''){ // console.log('accept validation');return; $("#mod-other-mobile-number2").prop('required',true); sweetAlertSimple('error', 'Oops...', 'Field required.'); $('#mod-other-mobile-number2').focus(); return; } else { console.log('dito'+$('#mod-other-mobile-number2').length); $('#mod-other-mobile-number2').attr("required", "false"); $('#mod-other-mobile-number2').removeAttr('required'); } // alert(force_update+ ' - '+force_update_reason); // console.log(getAllContactPersonTableData());return; $.ajax({ url: "api/customer_update/customerv2_update.php", method: "POST", dataType: 'json', data: { apiKey: '7347482808054211', customer_data: getCustomerAllModalData(), customer_dms: getAllDataSourceTableData(), customer_contact_person: getAllContactPersonTableData(), customer_children: getAllChildrenTableData(), customer_interest: getAllInterestTableData(), customer_affiliations: getAllAffiliationsTableData(), force_update : force_update, force_update_reason:force_update_reason }, beforeSend: function() { //show loader $('#proceed-button').attr('disabled', true); $('.customer-modal-overlay').show(); }, success: function(result) { if (parseInt(result.status) === 1) { sweetAlertSimple('success', 'Nice...', result.message); refreshTableCustomer(); $('#modal-customer').modal('hide'); } else if (parseInt(result.status) === 0) { sweetAlertSimple('error', 'Oops...', result.message); } else if (parseInt(result.status) === 2) { addCustomerModalTabSelectedTab(2); $('#mod-contact').focus(); sweetAlertSimple('error', 'Oops...', result.message); if(customer_force_edit){ Swal.fire({ title: 'Update anyway?', input: 'textarea', inputPlaceholder: 'Enter your reason', confirmButtonText: `Save`, showCancelButton: true, inputValidator: (value) => { if (!value) { return 'Enter your reason to proceed.' }else{ force_update = 1; force_update_reason = value; $('#proceed-button').click(); } } }); } } else if (parseInt(result.status) === 3) { addCustomerModalTabSelectedTab(2); $('#mod-email').focus(); sweetAlertSimple('error', 'Oops...', result.message); if(customer_force_edit){ Swal.fire({ title: 'Update anyway?', input: 'textarea', inputPlaceholder: 'Enter your reason', confirmButtonText: `Save`, showCancelButton: true, inputValidator: (value) => { if (!value) { return 'Enter your reason to proceed.' }else{ force_update = 1; force_update_reason = value; $('#proceed-button').click(); } } }); } } else if (parseInt(result.status) === 4) { addCustomerModalTabSelectedTab(1); $('#data-source-list-table input').first().focus(); sweetAlertSimple('error', 'Oops...', result.message); } refreshModalReligion(); // refreshModalCities(); $('#proceed-button').attr('disabled', false); $('.customer-modal-overlay').hide(); force_update = 0; force_update_reason = ''; }, error: handleError }); }); $('#aha-status').on('change',function(){ if($(this).is(':checked')){ $(this).val('1'); }else{ $(this).val('0'); } }); $("#btn-add-mobile").on('click', function(){ // var count = $("#countInputMobile").val(); // count++; let inputMobLengh = $('.mod-div input[name="mob[]"]').length; // alert(inputMobLengh); if(inputMobLengh<2){ let divGrid = $('<div></div>').attr({'class':'mod-div'}); let inputGroup = $('<div></div>').attr({'class':'input-group mb-0 input-other-mob'}); let inputBtl = $('<div></div>').attr({'class' : 'edit-customer input-group-append'}).css("height", "28px");; let inputText = $('<div></div>').attr({'class':'input-group-text'}).text("+63"); let inputjson = $('<input>').attr({'name':'mob[]','id':'mod-other-mobile-number','class':'big-letter edit-customer lbl-forms-sm form-control form-control-sm inputMobile', 'id':'mod-other-mobile-number2','type':'number','maxlength':'10','json-modal':'true'}); let label = $('<label></label>').attr({'for': 'Other Mobile','class':'lbl-forms mx-0 my-0'}).text("Other Mobile"); $(inputBtl).append(inputText); let deleteSPan = $('<a><i class="fas fa-minus-circle"></i></a>').attr({'class':'customDeleleBtn float-right text-danger'}).click(function(e){ // count--; // $("#countInputMobile").prop("value",count); $(this).closest('.mod-div').remove(); inputMobLengh = inputMobLengh-1; if(inputMobLengh<2){ $("#btn-add-mobile").show(); } else { $("#btn-add-mobile").hide(); } $('#mod-contact-div input[name="mob[]"]').each(function(index){ $(this).attr('id',"mod-other-mobile-number"+(index+1)); }); }); //end delete $(inputGroup).append(inputBtl,inputjson,deleteSPan); $(divGrid).append(label,inputGroup); $("#mod-contact-div").append(divGrid); // $("#countInputMobile").val(count); $('#mod-contact-div input[name="mob[]"]').each(function(index){ $(this).attr('id',"mod-other-mobile-number"+(index+1)); }); // alert(inputMobLengh); if(inputMobLengh>=1){ $("#btn-add-mobile").hide(); } else{ $("#btn-add-mobile").show(); } } //end if }); $("#btn-add-email").on('click', function(){ // var count = $("#countInputMobile").val(); // count++; let inputEmailCount =$('#email-add input[name="mob-email[]"]').length; if(inputEmailCount<2){ let divGrid = $('<div></div>').attr({'class':'col-sm-12 mb-1 div-email'}); let inputGroup = $('<div></div>').attr({'class':'form-group mb-0'}); let inputGroup2 = $('<div></div>').attr({'class':'input-group'}); let label = $('<label></label>').attr({'class':'lbl-forms mx-0 my-0'}).text("Other Email"); let inputjson = $('<input>').attr({'name':'mob-email[]','id':'mod-other-email','class':'big-letter edit-customer lbl-forms-sm form-control form-control-sm inputMobile','type':'email','json-modal':'true'}); let deleteSPan = $('<a><i class="fas fa-minus-circle"></i></a>').attr({'class':'customDeleleBtn float-right text-danger','required':true}).click(function(e){ inputEmailCount = inputEmailCount-1; // $("#countInputMobile").prop("value",count); if(inputEmailCount>=1){ $("#btn-add-email").hide(); } else{ $("#btn-add-email").show(); } // alert('fire') $(this).closest('.div-email').remove(); $('#email-add input[name="mob-email[]"]').each(function(index){ // $(this).attr('id',"mod-other-mobile-number"+(index+1)); $(this).attr('id',"mod-other-email"+(index+1)); }); }); //end delete $(inputGroup2).append(inputjson,deleteSPan); $(inputGroup).append(label,inputGroup2); $(divGrid).append(inputGroup); $('#email-add').append(divGrid); if(inputEmailCount>=1){ $("#btn-add-email").hide(); } else{ $("#btn-add-email").show(); } $('#email-add input[name="mob-email[]"]').each(function(index){ $(this).attr('id',"mod-other-email"+(index+1)); }); } //end if }); }); ltms_uploaded.js 0000644 00000103113 15025161546 0007742 0 ustar 00 var force_update = 0; var force_update_reason = ""; function removeextra() { var initVal = $(this).val(); outputVal = initVal.replace(/[^0-9a-zA-Z]/g, ""); if (initVal != outputVal) { $(this).val(outputVal); } } function removeextranumonly() { var initVal = $(this).val(); outputVal = initVal.replace(/[^0-9()-]/g, ""); if (initVal != outputVal) { $(this).val(outputVal); } } function getCustomerAllModalData() { var /* Create an object. */ obj = {}, /* Create a variable that references the current object (default → obj). */ ref = obj; /* Iterate over every input. */ $("#modal-customer :input").each(function () { /* Cache the id of the input. */ var id = this.id; /* Check whether the nodetype attribute is set to 'parent'. */ if (this.getAttribute("nodetype") == "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("json-modal") == "true") { ref[id] = $(this).val(); } } }); /* Stringify the object and return it. */ return JSON.stringify(obj); } 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 getAllDataSourceTableData() { var $table = $("#data-source-list-table"); (rows = []), (header = []); $table.find("thead th").each(function () { var new_header = $(this).html().replace(/\s/g, "_").replace(/\./g, ""); header.push(new_header); }); $table.find("tbody tr").each(function () { var row = {}; $(this) .find("td") .each(function (i) { if (header[i] == "Customer_No") { var key = header[i], value = $(this).find("input").val(); row[key] = value; } else { var key = header[i], value = $(this).find("select").val(); row[key] = value; } }); rows.push(row); }); console.log(rows); return rows; } function checkIfDataSourceIncomplete() { rows = getAllDataSourceTableData(); var dataSourceJsonRow = rows; var hasMatch = true; for (var index = 0; index < dataSourceJsonRow.length; ++index) { var dataSourceJson = dataSourceJsonRow[index]; if ( // dataSourceJson.Customer_No == "" || dataSourceJson.DMS == "" || dataSourceJson.Company == "" || dataSourceJson.Dealer == "" ) { hasMatch = false; break; } } // alert(hasMatch) return hasMatch; } function handleError(xhr, status, error) { //hide loader sweetAlertSimple("error", "Oops...", "Error has occurred, Try again..."); $("#proceed-button").attr("disabled", false); $(".customer-modal-overlay").hide(); force_update = 0; force_update_reason = ""; } function refreshModalCities() { $.ajax({ url: "api/city/city.php", type: "GET", dataType: "json", data: { apiKey: "5881641680981247", }, beforeSend: function () { $("#mod-dd-city-1").prop("disabled", true); $("#mod-dd-city-2").prop("disabled", true); }, success: function (result) { $("#mod-dd-city-1").select2({ data: result, placeholder: "Select City", allowClear: true, }); $("#mod-dd-city-2").select2({ data: result, placeholder: "Select City", allowClear: true, }); $("#mod-dd-city-1").prop("disabled", false); $("#mod-dd-city-2").prop("disabled", false); }, }); } function checkIfChildrenIncomplete() { rows = getAllChildrenTableData(); var childrenJsonRow = rows; var hasMatch = []; hasMatch[0] = true; hasMatch[1] = true; for (var index = 0; index < childrenJsonRow.length; ++index) { var childrenJson = childrenJsonRow[index]; if ( childrenJson.Firstname == "" || childrenJson.Lastname == "" || childrenJson.Birthday == "" ) { hasMatch[0] = false; break; } if (!isEmpty(childrenJson.Mobile)) { if (childrenJson.Mobile.length < 10) { hasMatch[1] = false; break; } } } // alert(hasMatch) return hasMatch; } function getAllChildrenTableData() { var $table = $("#children-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 isEmail(email) { var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/; return regex.test(email); } 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 checkIfContactPersonIncomplete() { rows = getAllContactPersonTableData(); var contactPersonJsonRow = rows; var hasMatch = []; hasMatch[0] = true; hasMatch[1] = true; hasMatch[2] = true; for (var index = 0; index < contactPersonJsonRow.length; ++index) { var contactPersonJson = contactPersonJsonRow[index]; if ( contactPersonJson.Fullname == "" /* || contactPersonJson.Lastname == "" || contactPersonJson.Mobile == ""*/ ) { hasMatch[0] = false; break; } if (contactPersonJson.Email != "") { if (!isEmail(contactPersonJson.Email)) { hasMatch[1] = false; break; } } if (!isEmpty(contactPersonJson.Mobile)) { if (contactPersonJson.Mobile.length < 10) { hasMatch[2] = 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 addCustomerChildren() { var children_list = document.getElementById("children-list"); const children_list_base = document.querySelector( "#children-list-clone tbody tr" ); children_list.appendChild(children_list_base.cloneNode(true)); // Generate a unique ID for the select> in the new row. var ChildrenIdDateNow = uniqId(); var newChildrenFirstnameId = "children-firstname-" + ChildrenIdDateNow; var newChildrenLastnameId = "children-lastname-" + ChildrenIdDateNow; var newChildrenBirthdayDivId = "div-children-birthday-" + ChildrenIdDateNow; var newChildrenBirthdayAppendId = "append-children-birthday-" + ChildrenIdDateNow; var newChildrenBirthdayId = "children-birthday-" + ChildrenIdDateNow; var newChildrenBirthdayDivId = "children-birthday-div-" + ChildrenIdDateNow; var newChildrenBirthdayAppendId = "children-birthday-append-" + ChildrenIdDateNow; var newChildrenMobileId = "children-mobile-append-" + ChildrenIdDateNow; var item = []; item[0] = newChildrenFirstnameId; item[1] = newChildrenLastnameId; item[2] = newChildrenBirthdayId; item[3] = newChildrenMobileId; $("#mod-children-firstname").attr("id", newChildrenFirstnameId); $("#mod-children-lastname").attr("id", newChildrenLastnameId); $("#mod-children-mobile").attr("id", newChildrenMobileId); $("#mod-children-birthdate") .attr("id", newChildrenBirthdayId) .data("target", "#" + newChildrenBirthdayDivId) .inputmask(); $("#mod-children-birthdate-append") .attr("id", newChildrenBirthdayAppendId) .data("target", "#" + newChildrenBirthdayDivId); $("#mod-children-birthdate-div") .attr("id", newChildrenBirthdayDivId) .datetimepicker({ format: "L", }); return item; } 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 contactPersonIdDateNow = uniqId(); var newContactPersonFullnameId = "contact-person-fullname-" + contactPersonIdDateNow; var newContactPersonFirstnameId = "contact-person-firstname-" + contactPersonIdDateNow; var newContactPersonLastnameId = "contact-person-lastname-" + contactPersonIdDateNow; var newContactPersonEmailId = "contact-person-email-" + contactPersonIdDateNow; var newContactPersonMobileId = "contact-person-mobile-" + contactPersonIdDateNow; var item = []; item[0] = newContactPersonFullnameId; item[1] = newContactPersonEmailId; item[2] = newContactPersonMobileId; $("#modal-contact-person-fullname").attr("id", newContactPersonFullnameId); $("#modal-contact-person-email").attr("id", newContactPersonEmailId); $("#modal-contact-person-mobile").attr("id", newContactPersonMobileId); return item; } function addRowInterest() { $("#addRow").click(function () { if ( !checkIfInterestIncomplete() && $("#interest-list-table tbody tr").length > 0 ) { sweetAlertSimple( "error", "Oops...", "Complete the interest/hobbies details first" ); } else { addInterestItem(); } }); $("#interest-list").on("click", ".btnRemove", function () { $(this).closest("tr").remove(); }); } function getAllInterestTableData() { var $table = $("#interest-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("select").val(); row[key] = value; }); rows.push(row); }); // alert(JSON.stringify(rows)); // return JSON.stringify(rows); return rows; } function checkIfInterestIncomplete() { rows = getAllInterestTableData(); var interestJsonRow = rows; var hasMatch = true; for (var index = 0; index < interestJsonRow.length; ++index) { var interestJson = interestJsonRow[index]; if (interestJson.Category == "" || interestJson.Interest == "") { hasMatch = false; break; } } // alert(hasMatch) return hasMatch; } function addRowAffiliations() { $("#addRowAffiliations").click(function () { if ( !checkIfAffiliationsIncomplete() && $("#affiliations-list-table tbody tr").length > 0 ) { sweetAlertSimple( "error", "Oops...", "Complete the affiliation details first" ); } else { addAffiliationsItem(); } }); $("#affiliations-list").on("click", ".btnRemoveAffiliations", function () { $(this).closest("tr").remove(); }); } function getAllAffiliationsTableData() { var $table = $("#affiliations-list-table"); (rows = []), (header = []); $table.find("thead th").each(function () { header.push($(this).html().replace(/\s/g, "_").replace(/\./g, "")); }); $table.find("tbody tr").each(function () { var row = {}; $(this) .find("td") .each(function (i) { var key = header[i], value = $(this).find("select").val(); row[key] = value; }); rows.push(row); }); // alert(JSON.stringify(rows)); // return JSON.stringify(rows); return rows; } function checkIfAffiliationsIncomplete() { rows = getAllAffiliationsTableData(); var jsonRow = rows; var hasMatch = true; for (var index = 0; index < jsonRow.length; ++index) { var json = jsonRow[index]; if (json.Category == "" || json.Affiliations == "") { hasMatch = false; break; } } // alert(hasMatch) return hasMatch; } function refreshModalReligion() { $.ajax({ url: "api/religion/religion.php", method: "POST", data: { apiKey: "2011315786548487", }, cache: false, beforeSend: function () {}, success: function (result) { var obj = jQuery.parseJSON(result); $("#mod-dd-religion").select2({ tags: true, placeholder: "Select Religion", allowClear: true, data: obj, }); }, }); } function resetCustomerModal() { $("#mod-dd-nationality").val("608").trigger("change"); $("#interest-list-table > tbody").empty(); $("#affiliations-list-table > tbody").empty(); $("#contact-person-list-table > tbody").empty(); $("#children-list-table > tbody").empty(); $("#data-source-list-table > tbody").empty(); $("#educational-bg-list-table > tbody").empty(); $("#car-clubs-list-table > tbody").empty(); $("#unit-association-list-table > tbody").empty(); $("#political-clubs-list-table > tbody").empty(); $("#network-marketing-list-table > tbody").empty(); $("#media-publications-list-table > tbody").empty(); $("#sme-groups-list-table > tbody").empty(); $("#fraternities-sororities-list-table > tbody").empty(); $("#facebook-groups-list-table > tbody").empty(); $("#celebrity-influencers-list-table > tbody").empty(); addCustomerModalTabSelectedTab(1); } function checkFieldsModal(isIndividual) { if (isIndividual) { $(".children-stepper").show(); $(".interest-stepper").show(); $(".interest-list").show(); $("#div-mod-firstname").show(); $("#div-mod-middlename").show(); $("#div-mod-lastname").show(); $("#div-mod-suffix").show(); $("#div-corporation-name").hide(); $("#mod-birthdate-label").text("Date of birth"); $("#div-mod-gender").show(); $("#div-mod-nationality").show(); $("#div-mod-occupation").show(); $("#div-mod-marital-status").show(); // $('#mod-contact-corporation-div').hide(); // $('#mod-contact-div').show(); $("#div-mod-spouse").show(); $("#div-mod-no-of-children").show(); $("#div-mod-business-company").show(); $("#div-mod-position").show(); $("#div-mod-religion").show(); $("#div-mod-profession").show(); $("#div-corporation-name").hide(); $("#div-mod-age-of-company").hide(); $("#educational_bg_div").show(); } else { $(".children-stepper").hide(); $(".interest-stepper").hide(); $(".interest-list").hide(); $("#div-mod-firstname").hide(); $("#div-mod-middlename").hide(); $("#div-mod-lastname").hide(); $("#div-mod-suffix").hide(); $("#div-corporation-name").show(); $("#mod-birthdate-label").text("Date Established"); $("#div-mod-gender").hide(); $("#div-mod-nationality").hide(); $("#div-mod-occupation").hide(); $("#div-mod-marital-status").hide(); // $('#mod-contact-corporation-div').show(); // $('#mod-contact-div').hide(); $("#div-mod-spouse").hide(); $("#div-mod-no-of-children").hide(); $("#div-mod-business-company").hide(); $("#div-mod-position").hide(); $("#div-mod-religion").hide(); $("#div-mod-profession").hide(); $("#div-mod-date-established").show(); $("#div-mod-age-of-company").show(); $("#educational_bg_div").hide(); } } function addCustomerModalTabSelectedTab(type) { $("#customer-modal-tab .nav-link").removeClass("active"); $("#customer-modal-tab-content .tab-pane").removeClass("show"); $("#customer-modal-tab-content .tab-pane").removeClass("active"); switch (type) { case 1: $("#customer-modal-tab-information").addClass("active"); $("#customer-modal-information").addClass("active"); $("#customer-modal-information").addClass("show"); break; case 2: $("#customer-modal-tab-contact").addClass("active"); $("#customer-modal-contact").addClass("active"); $("#customer-modal-contact").addClass("show"); break; case 3: $("#customer-modal-tab-children").addClass("active"); $("#customer-modal-children").addClass("active"); $("#customer-modal-children").addClass("show"); break; case 4: $("#customer-modal-tab-affiliations").addClass("active"); $("#customer-modal-affiliations").addClass("active"); $("#customer-modal-affiliations").addClass("show"); break; case 5: $("#customer-modal-tab-interest").addClass("active"); $("#customer-modal-interest").addClass("active"); $("#customer-modal-interest").addClass("show"); break; } } function uniqId() { return Math.round(new Date().getTime() + Math.random() * 100); } function checkIfEmpty(value, row, index) { if (value == "" || value == "-" || value == null) { return "<span style='color:red;'> (Not Provided) </span>"; } return value; } function getCookie(name) { var match = document.cookie.match(RegExp("(?:^|;\\s*)" + name + "=([^;]*)")); return match ? match[1] : null; } function imageFormatter(value, row, index) { return ( '<img width="50px" height="50px" class="user-image img-circle elevation-2" src="dist/img/thumbnail/' + value + '" />' ); } // function initToolTip() { // var bootstrapTooltip = $.fn.tooltip.noConflict(); // $.fn.bstooltip = bootstrapTooltip; // $(".tooltip-me").bstooltip(); // } 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 ""; } //ACTIVE LINK TRIGGER EDIT return "<a href='customer_update_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 addDataSourceItem() { var data_source = document.getElementById("data-source-list"); // console.log('asdfasd'); console.log(data_source); const data_source_base = document.querySelector( "#data-source-list-clone tbody tr" ); data_source.appendChild(data_source_base.cloneNode(true)); console.log(data_source) // Generate a unique ID for the select> in the new row. var dataSourceIdDateNow = uniqId(); var newDataSourceCustomerNoId = "data-source-customer-no-" + dataSourceIdDateNow; var newDataSourceDmsId = "data-source-dms-" + dataSourceIdDateNow; var newDataSourceCompanyId = "data-source-company-" + dataSourceIdDateNow; var newDataSourceDealerId = "data-source-dealer-" + dataSourceIdDateNow; var dataSourceItem = []; dataSourceItem[0] = newDataSourceCustomerNoId; dataSourceItem[1] = newDataSourceDmsId; dataSourceItem[2] = newDataSourceCompanyId; dataSourceItem[3] = newDataSourceDealerId; $("#input-modal-customer-no").attr("id", newDataSourceCustomerNoId); $("#" + newDataSourceCustomerNoId) .on("keyup", removeextra) .blur(removeextra); $("#" + newDataSourceCustomerNoId).on("keypress", function (e) { var regex = new RegExp("^[0-9a-zA-Z]+$"); var str = String.fromCharCode(!e.charCode ? e.which : e.charCode); if (regex.test(str)) { return true; } e.preventDefault(); return false; }); $("#select-modal-dms").attr("id", newDataSourceDmsId).select2({ placeholder: "Select DMS", allowClear: true, }); $("#select-modal-company") .attr("id", newDataSourceCompanyId) .select2({ placeholder: "Select Company", allowClear: true, language: { noResults: function () { return "Select DMS first"; }, }, escapeMarkup: function (markup) { return markup; }, ajax: { url: "api/company/company.php", dataType: "json", delay: 1, data: function (data) { return { search: data.term, // search term dms_id: $("#" + newDataSourceDmsId).val(), apiKey: "3568127986733141", }; }, processResults: function (response) { return { results: response, }; }, cache: true, }, }); $("#mod-preferred-moc").select2({ placeholder: "Select mode of contact", allowClear: true, tags: false, minimumResultsForSearch: -1, language: { noResults: function () { return "Select mode of contact"; }, }, escapeMarkup: function (markup) { return markup; }, ajax: { url: "api/mode_of_contact/mode_of_contact.php", dataType: "json", delay: 250, data: function (data) { return { search: data.term, // search term apiKey: "1557741601453763", }; }, processResults: function (response) { return { results: response, }; }, cache: true, }, }); $("#mod-business-company").select2({ placeholder: "Search Company by name, email and mobile", allowClear: true, language: { noResults: function () { return "Search Company by name, email and mobile"; }, }, escapeMarkup: function (markup) { return markup; }, ajax: { url: "api/customer_update/customerv2_update.php", dataType: "json", delay: 250, data: function (data) { return { search: data.term, // search term apiKey: "3975247589935894", }; }, processResults: function (response) { return { results: response, }; }, cache: true, }, }); $("#select-modal-dealer") .attr("id", newDataSourceDealerId) .select2({ placeholder: "Select Dealer", allowClear: true, language: { noResults: function () { return "Search or enter dealer name"; }, }, escapeMarkup: function (markup) { return markup; }, ajax: { url: "api/dealer/dealer.php", dataType: "json", delay: 250, data: function (data) { return { apiKey: "6209267133015033", company_id: $("#" + newDataSourceCompanyId).val(), search: data.term, // search term }; }, processResults: function (response) { return { results: response, }; }, cache: true, }, }); $("#" + newDataSourceDmsId).on("change", function (event) { $("#" + newDataSourceCompanyId) .val("") .trigger("change"); }); $("#" + newDataSourceCompanyId).on("change", function (event) { $("#" + newDataSourceDealerId) .val("") .trigger("change"); }); return dataSourceItem; } function addInterestItem() { // CREATE ROW var interest_list = document.getElementById("interest-list"); const interest_list_base = document.querySelector( "#interest-list-clone tbody tr" ); var interestItem = []; interest_list.appendChild(interest_list_base.cloneNode(true)); // Generate a unique ID for the select> in the new row. var InterestIdDateNow = uniqId(); var newInterestCategoryId = "interest-category-" + InterestIdDateNow; var newInterestContentId = "interest-content-" + InterestIdDateNow; interestItem[0] = newInterestCategoryId; interestItem[1] = newInterestContentId; // alert(interestItem.pop(0)); // alert(interestItem.pop(1)); // Update the ID of the select> in the new row // (it should be the only one with an `id` of '#element'), // and initialize the Select2. $("#select-category").attr("id", newInterestCategoryId).select2({ placeholder: "Select Category", allowClear: true, }); $("#select-content") .attr("id", newInterestContentId) .select2({ tags: true, placeholder: "Select", allowClear: true, language: { noResults: function () { return "Search or enter interest"; }, }, escapeMarkup: function (markup) { return markup; }, placeholder: "Search or enter interest", ajax: { url: "api/interest_hobbies/interest_hobbies.php", dataType: "json", delay: 250, data: function (data) { return { apiKey: "5068581874181452", interestCategory: $("#" + newInterestCategoryId).val(), search: data.term, // search term }; }, processResults: function (response) { return { results: response, }; }, cache: true, }, }); $("#" + newInterestCategoryId).on("select2:select", function (e) { $("#" + newInterestContentId) .val("") .trigger("change"); }); $("#" + newInterestCategoryId).on("select2:unselecting", function (e) { $("#" + newInterestContentId) .val("") .trigger("change"); }); return interestItem; // CREATE ROW } function addAffiliationsItem() { // CREATE ROW var affiliations_list = document.getElementById("affiliations-list"); const affiliations_list_base = document.querySelector( "#affiliations-list-clone tbody tr" ); var affiliationsItem = []; affiliations_list.appendChild(affiliations_list_base.cloneNode(true)); // Generate a unique ID for the select> in the new row. var affiliationsIdDateNow = uniqId(); var newaffiliationsCategoryId = "affiliations-category-" + affiliationsIdDateNow; var newaffiliationsContentId = "affiliations-content-" + affiliationsIdDateNow; affiliationsItem[0] = newaffiliationsCategoryId; affiliationsItem[1] = newaffiliationsContentId; // alert(affiliationsItem.pop(0)); // alert(affiliationsItem.pop(1)); // Update the ID of the select> in the new row // (it should be the only one with an `id` of '#element'), // and initialize the Select2. $("#select-category-affiliations") .attr("id", newaffiliationsCategoryId) .select2({ placeholder: "Select Category", allowClear: true, }); $("#select-content-affiliations") .attr("id", newaffiliationsContentId) .select2({ tags: true, placeholder: "Search or enter affiliations", allowClear: true, language: { noResults: function () { return "Search or enter affiliations"; }, }, escapeMarkup: function (markup) { return markup; }, placeholder: "Search or enter affiliations", ajax: { url: "api/affiliations/affiliations.php", dataType: "json", delay: 250, data: function (data) { return { apiKey: "8048636851659915", affiliationsCategory: $("#" + newaffiliationsCategoryId).val(), search: data.term, // search term }; }, processResults: function (response) { return { results: response, }; }, cache: true, }, }); // $('#' + newaffiliationsCategoryId).on('select2:select', function(e) { // $('#' + newaffiliationsContentId).val('').trigger('change') // }); // $('#' + newaffiliationsCategoryId).on("select2:unselecting", function(e) { // $('#' + newaffiliationsContentId).val('').trigger('change') // }); return affiliationsItem; // CREATE ROW } ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// $(document).ready(function () { $("#addRowDataSource").click(function () { if ( !checkIfDataSourceIncomplete() && $("#data-source-list-table tbody tr").length > 0 ) { sweetAlertSimple( "error", "Oops...", "Complete the data source details first" ); } else { addDataSourceItem(); } }); $("#data-source-list").on("click", ".btnRemoveDataSource", function () { if ($("#data-source-list-table tbody tr").length < 2) { sweetAlertSimple("error", "Oops...", "Need at least 1 data source"); } else { $(this).closest("tr").remove(); } }); $("#addRowChildren").click(function () { var validate_data_children_list = checkIfChildrenIncomplete(); if ( !validate_data_children_list[0] && $("#children-list-table tbody tr").length > 0 ) { sweetAlertSimple("error", "Oops...", "Complete the child details first"); } else if (!validate_data_children_list[1]) { sweetAlertSimple("error", "Oops...", "Children data invalid mobile"); } else { addCustomerChildren(); } }); $("#children-list").on("click", ".btnRemoveChildren", function () { $(this).closest("tr").remove(); }); $("#addRowContactPerson").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 contact person first" ); } else if (!validate_data_contact_person[1]) { sweetAlertSimple("error", "Oops...", "Contact person invalid email"); } else if (!validate_data_contact_person[2]) { sweetAlertSimple("error", "Oops...", "Contact person invalid mobile"); } else { addCustomerContactPerson(); } }); $("#contact-person-list").on("click", ".btnRemoveContactPerson", function () { $(this).closest("tr").remove(); }); //Date picker $("#mod-birth-date").datetimepicker({ format: "L", }); $("#mod-established-date").datetimepicker({ format: "L", }); $("[data-mask]").inputmask(); $("#modal-customer").on("hidden.bs.modal", function (e) { $(this) .find("input,textarea") .val("") .end() .find("select") .prop("selectedIndex", 0) .find("input[type=checkbox], input[type=radio]") .prop("checked", "") .end(); $(".modal-select2").val("").trigger("change"); }); $("#modal-customer").on("shown.bs.modal", function () { $("input:text:visible:first").focus(); }); $(document).on("wheel", "input[type=number]", function (e) { $(this).blur(); }); $("#mod-nature-of-business").select2({ // tags: true, placeholder: "Select Nature of Business", allowClear: true, escapeMarkup: function (markup) { return markup; }, ajax: { url: "api/nature_of_business/nature_of_business.php", dataType: "json", delay: 250, data: function (data) { return { apiKey: "6902545878701742", search: data.term, // search term }; }, processResults: function (response) { return { results: response, }; }, cache: true, }, }); $("#mod-dd-profession").select2({ tags: true, placeholder: "Select Profession", allowClear: true, escapeMarkup: function (markup) { return markup; }, ajax: { url: "api/profession/profession.php", dataType: "json", delay: 250, data: function (data) { return { apiKey: "8920139547181378", search: data.term, // search term }; }, processResults: function (response) { return { results: response, }; }, cache: true, }, }); $("#mod-dd-inquiry").select2({ placeholder: "Select Source of Inquiry", allowClear: true, }); $("#mod-dd-gender").select2({ placeholder: "Select Gender", allowClear: true, minimumResultsForSearch: -1, }); $("#mod-dd-marital-status").select2({ placeholder: "Select Marital Status", allowClear: true, minimumResultsForSearch: -1, }); $("#mod-dd-nationality").select2({ placeholder: "Select Nationality", allowClear: true, }); addRowInterest(); addRowAffiliations(); refreshModalReligion(); refreshModalCities(); // initToolTip(); $('[data-toggle="tooltip"]').tooltip(); }); ltms.js 0000644 00000012630 15025161546 0006070 0 ustar 00 var upload_image_name = []; var myDropzone; function photoDropzoneListener() { Dropzone.autoDiscover = false; // Disable auto-discovery // Initialize Dropzone myDropzone = new Dropzone("#upload-ltms-photo", { url: "api/upload/upload_image_ltms.php", // Ensure the URL is correct autoProcessQueue: false, // Disable auto-upload acceptedFiles: '.png,.jpg,.jpeg', maxFilesize: 40, // Max file size in MB maxFiles: 10, // Max number of files clickable: true, addRemoveLinks: true, dictCancelUpload: 'Cancel', parallelUploads: 10, // Allow multiple files to be uploaded in parallel renameFile: function (file) { var extension = file.name.substr((file.name.lastIndexOf('.') + 1)).toLowerCase(); let newName = uniqImgId() + '.' + extension; upload_image_name.push(newName); return newName; }, init: function () { this.on("maxfilesexceeded", function (file) { alert('Only 10 images allowed.'); this.removeFile(file); return; }); this.on("error", function (file, response) { alert(response || 'Error uploading file.'); }); this.on("success", function (file, response) { sweetAlertSimple('success', 'Nice...',"Successfully uploaded!"); console.log("Success:", response); // Log the success response }); this.on('sending', function (file, xhr, formData) { formData.append("cuid", customer_record_id); formData.append("did", $('#did').val()); }); this.on('complete', function (file) { // Check if all files are uploaded // sweetAlertSimple('success', 'Nice...',"Successfully uploaded!"); if (myDropzone.getQueuedFiles().length === 0 && myDropzone.getUploadingFiles().length === 0) { $('#loading-indicator').hide(); setTimeout(() => { // Refresh the page or update the UI window.location.reload(); }, "1000"); } }); } }); // Handle form submit button click $('#ltms-submit').on('click', function (e) { e.preventDefault(); // Prevent default form submission if (myDropzone.getQueuedFiles().length > 0) { $('#loading-indicator').show(); // Show loading indicator myDropzone.processQueue(); // Upload files if there are any } else { alert('No files to upload.'); } }); } $("#btn-upload-ltms").on('click',function(){ $("#ltms-container").show(); $(this).hide(); $("#customer-ltms-image-data").hide(); }); $("#ltms-submit-cancel").on('click',function(){ // window.location.reload(); $("#ltms-container").hide(); $("#btn-upload-ltms").show(); $("#customer-ltms-image-data").show(); }); function uniqImgId() { var id = Math.round(new Date().getTime() + (Math.random() * 100)); return id; } function removeImage(id) { // alert(id); Swal.fire({ icon: 'warning', html: 'Do you want to remove this image?', showDenyButton: false, showCancelButton: true, confirmButtonText: `Confirm`, denyButtonText: `Don't Confirm`, }).then((result) => { if (result.isConfirmed) { // toastr.remove(); $.ajax({ url: "api/upload/upload_image_ltms.php", method: "POST", data: { apiKey: '9434631886897744', id: id }, cache: false, beforeSend: function() { sweetAlertSimple('info', 'Oops...', 'Removing image...'); }, success: function(data) { // fetchVehicleInfo(vehicle_record_id, customer_record_id) // readVehicleImage(vehicle_record_id); readLtmsUpload(); sweetAlertSimple('success', 'Oops...', 'Image remove successfully.'); // setTimeout(() => { // // Refresh the page or update the UI // window.location.reload(); // }, "1000"); } }) } else if (result.isDenied) { // Swal.fire('', 'Changes are not saved', 'info') } }) } function readLtmsUpload() { $.ajax({ url: "api/upload/upload_image_ltms.php", type: "POST", dataType: 'json', data: { apiKey: '1164288154587287', cuid:customer_record_id }, beforeSend: function() {}, success: function(result) { // result.total $('#customer-ltms-image-data').html(''); $('#customer-ltms-image-data').append(result.vehicle_image); } }); } readLtmsUpload(); photoDropzoneListener(); customer_view.js 0000644 00000206157 15025161546 0010015 0 ustar 00 //GLOBALS WITTHOUT PHP var customer_record_type = "1"; var vehicle_form = false; //FUNCTIONS function initVehicleSection() { if (!vehicle_form) { vehicle_form = true; $.ajax({ url: 'include/components/customer/modal/vehicle_form.php', type: 'post', beforeSend: function() { $('#customer-vehicle-button').attr('disabled', true); }, success: function(data) { $('#vehicle_form').html(data); $.ajax({ url: 'dist/js/vehicle/vehicle_form.js', type: 'post', success: function(data) { $('#customer-vehicle-button').attr('disabled', false); initVehicle(); }, error: function() { $('#vehicle_form').text('An error occurred'); } }); }, error: function() { $('#vehicle_form').text('An error occurred'); } }); } else { $('#modal-vehicle').modal('show'); initOwnerSelect2(); } } function refreshTableLogs() { var $table = $('#logs-table') $table.bootstrapTable('destroy').bootstrapTable(); $(function() { $table.bootstrapTable('refresh', { url: 'app/table/customer_log.php' }); }) } function queryParamsLogs(params) { console.log(params) return { search: params.search, offset: params.offset, limit: params.limit, sort: params.sort, order: params.order, customer_id: customer_record_id }; } function queryParamsSales(params) { return { search: params.search, offset: params.offset, limit: params.limit, customer_id: customer_record_id }; } function queryParamsService(params) { return { search: params.search, offset: params.offset, limit: params.limit, customer_id: customer_record_id }; } function queryParamsCorporationCustomer(params) { return { search: params.search, offset: params.offset, limit: params.limit, customer_id: customer_record_id, customer_corporation: true }; } function readCustomerSalesImage() { $.ajax({ url: "api/customer/customerv2.php", type: "POST", dataType: 'json', data: { apiKey: '7472626829226859', customer_id: customer_record_id }, beforeSend: function() { $('#loader').show(); }, success: function(result) { // result.total $('#customer-sales-image-data').html(''); $('#customer-sales-image-data').append(result.sales_image); $('#loader').hide(); } }); } function readCustomerChildren(isModal) { $.ajax({ url: "api/customer/customerv2.php", method: "POST", dataType: 'json', data: { apiKey: '8307826786414874', customer_id: customer_record_id }, beforeSend: function() {}, success: function(result) { var obj = jQuery.parseJSON(JSON.stringify(result)); var index = 0; if (isModal) { if (obj.length > 0) { // $('#unit_association').click(); } } else { $('#information_family_list').empty() $("#information_family_list").append( '<li class="list-group-item lbl-forms-sm-customer-main"><strong>Children/s List</strong></li>' ); if (obj.length > 0) { $('#information_family_div').show(); $('#family-page-footer').hide(); } else { $('#information_family_div').hide(); $('#family-page-footer').show(); } } var count_delay = 0; $.each(obj, function(key, value) { setTimeout(function() { if (isModal) { var item = addCustomerChildren(); let $elementFirstname = $('#' + item[0]); let $elementLastname = $('#' + item[1]); let $elementBirthday = $('#' + item[2]); let $elementMobile = $('#' + item[3]); $elementFirstname.val(value.first_name); $elementLastname.val(value.last_name); $elementBirthday.val(value.date_of_birth); $elementMobile.val(value.mobile_phone); } else { var new_mobile = (value.mobile_phone != '') ? '+63' + value .mobile_phone : ''; $("#information_family_list").append(` <li class="list-group-item lbl-forms-sm-customer-main"> <div class="row"> <div class="col-sm-6"><strong>Name: </strong> ` + value.first_name + ' ' + value.last_name + ` </div> <div class="col-sm-3"><strong>Birthday: </strong>` + value.date_of_birth + ` </div> <div class="col-sm-3"><strong>Mobile: </strong><a href="tel:` + new_mobile + `" >` + new_mobile + ` </a> </div> </div> </li> `); } }, count_delay * 250); count_delay++; }); } }); } function readCustomerAffiliations(isModal) { $.ajax({ url: "api/customer/customerv2.php", method: "POST", dataType: 'json', data: { apiKey: '5660696728127200', customer_id: customer_record_id }, beforeSend: function() {}, success: function(result) { var obj = jQuery.parseJSON(JSON.stringify(result)); var index = 0; if (isModal) { if (obj.length > 0) { // $('#unit_association').click(); } } else { $('#information_affiliations_list').empty() $("#information_affiliations_list").append( // '<li class="list-group-item lbl-forms-sm-customer-main"><strong>Village or Condo Homeowners Association</strong></li>' ); if (obj.length > 0) { $('#information_affiliations_div').show(); $('#affiliations-page-footer').hide(); } else { $('#information_affiliations_div').hide(); $('#affiliations-page-footer').show(); } } var count_delay = 0; $.each(obj, function(key, value) { setTimeout(function() { if (isModal) { var item = addAffiliationsItem(); let $elementCategory = $('#' + item[0]); $elementCategory.val(value .affiliation_category).trigger('change'); let $elementContent = $('#' + item[1]); var newContent = new Option(value.affiliation_content, value .affiliation_content, true, true) $elementContent.append(newContent).trigger('change'); } else { $("#information_affiliations_list").append(` <li class="list-group-item lbl-forms-sm-customer-main"> <div class="row"> <div class="col-sm-3"><strong>Category: </strong> ` + value.affiliation_category_name + ` </div> <div class="col-sm-9"><strong>Name: </strong>` + value.affiliation_content + ` </a> </div> </div> </li> `); } }, count_delay * 250); count_delay++; }); } }); } function fetchCustomerInfo(customer_record_id) { $("#profileDisplay").attr("src", "dist/img/customer/default.png"); $(".customer-data-side").text(''); $(".basic-info-name").text(''); $(".basic-info-email").text(''); $(".basic-info-mobile").text(''); $(".basic-info-type").text(''); $('#loader').show(); $('#h3-card-title').text("Customer Profile"); $('#customer-about-me').show(); $('#customer-details').show(); $('#information-customer').show(); $('#customer-vehicle').show(); $('#customer-service').show(); $('#customer-sales').show(); $('#customer-corporation-individual').show(); readCustomerInformationMain(); readCustomerInterestMain(); readCustomerContactPersonMain(); readCustomerChildren(false); readCustomerAffiliations(false); setCustomerTab(); } function setCustomerTab(){ hideCustomerTabActionButton(); removeTabActive(); var selected_tab = ''; if(isEmpty($.cookie("customer_selected_tab"))) { //set default tab $.cookie("customer_selected_tab",'custom-tabs-three-home-tab') selected_tab = $.cookie("customer_selected_tab"); }else{ selected_tab = $.cookie("customer_selected_tab"); } //show tab and content $('#'+selected_tab).addClass('active') $('#'+selected_tab+'-content').addClass('active').addClass('show') //additional condition here switch (selected_tab) { case 'custom-tabs-three-home-tab': $('#customer-info-button').show(); break; case 'custom-tabs-three-hobbies-tab': $('#customer-info-button').show(); break; case 'custom-tabs-three-family-tab': $('#customer-info-button').show(); break; case 'custom-tabs-vehicle-tab': $('#customer-vehicle-button').show(); var offset_n = 0; if (!isEmpty($.cookie("vehicle_list_offset"))) { offset_n = parseInt($.cookie("vehicle_list_offset")); } console.log('111') getVehiclesGrid(offset_n, 9); break; case 'custom-tabs-service-tab': refreshTableService(); break; case 'custom-tabs-sales-tab': refreshTableSales(); break; case 'custom-tabs-three-individuals-tab': refreshTableCorporationIndividual(); break; case 'custom-tabs-three-gallery-tab': readCustomerSalesImage(); break; case 'custom-tabs-customer-logs-tab': refreshTableLogs(); break; case 'custom-tabs-customer-activities-tab': refreshTableActivities(); break; case 'custom-tabs-insurance-tab': initTableFinance(); getVehicles(); break; } } // start --------------------- appended code -> khel (insurance tab) var arr_found = new Array(); function initTableFinance() { var $table = $('#finance-table') $table.bootstrapTable('destroy').bootstrapTable({ // onLoadSuccess: function(data) { // // detailsCount(start_date, end_date); // } }); } function refreshFinanceTable() { // alert(JSON.stringify(arr_found)); return; var $table = $('#finance-table') $(function() { $table.bootstrapTable('refresh', { // 7 url: 'app/table/finance_table.php' }); }) } function queryParamsFinanceTable(params) { return { search: params.search, offset: params.offset, limit: params.limit, plate_cs_number: arr_found, type: 7 }; } function getVehicles() { $.ajax({ url: "api/customer/customer_insurance.php", method: "POST", dataType: 'json', data: { type: 1, customer_id: customer_record_id }, beforeSend: function() { }, success: function(result) { // alert(JSON.stringify(result)); return; getFniOfVehicle(result); } }); } function getFniOfVehicle(itemsArr){ $.ajax({ url: "api/customer/customer_fni.php", method: "POST", dataType: 'json', data: { arr: itemsArr, type: 1 }, success: function(result){ if(result.length === 0){ arr_found = 0; } else { arr_found = result; } refreshFinanceTable(); } }); } function addToTable(arr){ $.ajax({ url: "api/customer/customer_fni.php", method: "POST", // dataType: 'json', data: { type: 2, arr: arr }, success: function(result){ $('#table_data').prepend(result); } }); } // end --------------------- appended code -> khel (insurance tab) function checkFieldsMain(customer_type) { if (parseInt(customer_type) === 1) { $('#information_dob_span').text('Date of birth'); $('#information_gender_div').show(); $('#information_religion_div').show(); $('#information_nationality_div').show(); $('#information_business_company_name_div').show(); $('#information_position_div').show(); $('#information_marital_status_div').show(); $('#information_spouse_div').show(); $('#div-mod-no-of-children_div').show(); // $('#information_interest_hobbies_div').show(); $('#information_profession_div').show(); $('#customer-family-tab').show(); $('#customer-corporation_individuals-tab').hide(); } else if (parseInt(customer_type) === 2) { $('#information_dob_span').text('Date established'); $('#information_gender_div').hide(); $('#information_religion_div').hide(); $('#information_nationality_div').hide(); $('#information_business_company_name_div').hide(); $('#information_position_div').hide(); $('#information_marital_status_div').hide(); $('#information_spouse_div').hide(); $('#div-mod-no-of-children_div').hide(); // $('#information_interest_hobbies_div').hide(); $('#information_profession_div').hide(); $('#customer-family-tab').hide(); $('#customer-corporation_individuals-tab').show(); } } function readCustomerInformationMain() { // return false; $.ajax({ url: "api/customer/customerv2.php", method: "POST", dataType: 'json', data: { apiKey: '8361020315855100', customer_id: customer_record_id }, beforeSend: function() {}, success: function(result) { var json = JSON.stringify(result); data = JSON.parse(json)[0]; if(isEmpty(data['customer_record_id'])){ window.location.href ='customer.php'; return; } $.each(data, function(i, n) { console.log('i :'+i+ ' n : '+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', '') if (isEmpty(n)) { $("#" + i).text('(Not Provided)'); $("#" + i).val('(Not Provided)'); $("#" + i).css('color', 'red') } else { $("#" + i).text(n); $("#" + i).val(n); $("#" + i).trigger('change') $("#" + i).css('color', '007bff') } } else { $("#" + i).text(n); $("#" + i).val(n); $("#" + i).trigger('change') } }); // if(){ // } if(isEmpty(data['information_modified_by'])){ $("#information_modified_by_span").hide(); }else{ $("#information_modified_by_span").show(); } if(isEmpty(data['information_date_modified'])){ $("#information_date_modified_span").hide(); }else{ $("#information_date_modified_span").show(); } customer_record_type = data['customer_type_id']; checkFieldsMain(customer_record_type); $(".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()) $("#profileDisplay").attr("src", "dist/img/customer/" + data['photo']); $("#profileDisplay_pop").attr("href", "dist/img/customer/" + data['photo']); $('#loader').hide(); }, 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 readCustomerInterestMain() { $.ajax({ url: "api/customer/customerv2.php", method: "POST", dataType: 'json', data: { apiKey: '6579442853321353', customer_id: customer_record_id }, beforeSend: function() {}, success: function(result) { var obj = jQuery.parseJSON(JSON.stringify(result)); var index = 0; $('#information_interest_hobbies_list').empty() $("#information_interest_hobbies_list").append( '<li class="list-group-item lbl-forms-sm-customer-main"><strong>Interest/Hobbies</strong></li>' ); if (obj.length > 0) { $('#information_interest_hobbies_div').show(); } else { $('#information_interest_hobbies_div').hide(); } var count_delay = 0; $.each(obj, function(key, value) { setTimeout(function() { $("#information_interest_hobbies_list").append(` <li class="list-group-item lbl-forms-sm-customer-main"> <div class="row"> <div class="col-sm-6"> ` + value.interest_content + ` </div> <div class="col-sm-6"> <span class="badge badge-success"> ` + value.interest_category_name + ` </span> </div> </div> </li> `); }, count_delay * 250); count_delay++; }); } }); } function readCustomerContactPersonMain() { $.ajax({ url: "api/customer/customerv2.php", method: "POST", dataType: 'json', data: { apiKey: '4788616921820004', customer_id: customer_record_id }, beforeSend: function() {}, success: function(result) { var obj = jQuery.parseJSON(JSON.stringify(result)); var index = 0; $('#information_contact_person_list').empty() $("#information_contact_person_list").append( '<li class="list-group-item lbl-forms-sm-customer-main"><strong>Contact Person</strong></li>' ); if (obj.length > 0) { $('#information_contact_person_div').show(); } else { $('#information_contact_person_div').hide(); } var count_delay = 0; $.each(obj, function(key, value) { setTimeout(function() { $("#information_contact_person_list").append(` <li class="list-group-item lbl-forms-sm-customer-main"> <div class="row"> <div class="col-sm-5"> ` + value.full_name + ` </div> <div class="col-sm-3"> <a href="tel:` + ((isEmpty(value.mobile_phone)) ? '' : value.mobile_phone) + `"> ` + ((isEmpty(value.mobile_phone)) ? '' : '+63' + value.mobile_phone) + ` </a> </div> <div class="col-sm-4"> <a href="mailto:` + value.email + `"> ` + value.email + ` </a> </div> </div> </li> `); }, count_delay * 250); count_delay++; }); } }); } function hideCustomerTabActionButton() { $('#customer-info-button').hide(); $('#customer-gallery-button').hide(); $('#customer-vehicle-button').hide(); } function removeTabActive() { $('.customer-tab').removeClass('active') $('.customer-tab-content').removeClass('active').removeClass('show') } function gotoOffset(n) { $.cookie("vehicle_list_offset", n); console.log('222') getVehiclesGrid(n, 9); } function getVehiclesGrid(offset, limit) { $.ajax({ url: "app/table/vehiclev2.php", type: "POST", dataType: 'json', data: { customer_id: customer_record_id, grid: 1, offset: offset, limit: limit }, beforeSend: function() { $('#loader-vehicle').show(); }, success: function(result) { // result.total $('#customer-owned-vehicle').html(''); $('#customer-owned-vehicle').append(result.vehicle_list); $('#customer-owned-vehicle-paging').html(''); if (result.total <= 0) { $('#customer-owned-vehicle-paging').append(result.vehicle_list_paging); } if (result.grid_offset > 6) { $('#customer-owned-vehicle-paging').append(result.vehicle_list_paging); } $('#loader-vehicle').hide(); } }); } function customerVehicleInfo(grid_vehicle_id) { $.cookie("vehicle_selected_tab",'custom-tabs-three-home-tab') window.location.href = "vehicle_view.php?q=" + grid_vehicle_id; } function refreshTableService() { var $table = $('#service-table') $table.bootstrapTable('destroy').bootstrapTable(); $(function() { $table.bootstrapTable('refresh', { url: 'app/table/service.php' }); }) } function refreshTableCorporationIndividual() { var $table = $('#corporation-individual') $(function() { $table.bootstrapTable('refresh', { url: 'app/table/bt_customer_list.php' }); }) } function refreshTableSales() { var $table = $('#sales-table') $table.bootstrapTable('destroy').bootstrapTable(); $(function() { $table.bootstrapTable('refresh', { url: 'app/table/sales.php' }); }) } function back() { window.history.back(); } function customerModal() { $('#proceed-button').text("Save changes"); $('#proceed-button').attr('disabled', true); $('.customer-modal-overlay').show(); if (parseInt(customer_record_type) === 1) { $('#modal-title').text("Edit Customer Information (Individual)"); checkFieldsModal(true); } else if (parseInt(customer_record_type) === 2) { $('#modal-title').text("Edit Customer Information (Corporation)"); checkFieldsModal(false); } resetCustomerModal(); //fetch data and put to fields readCustomerProfile(); } function readCustomerProfile() { readCustomerInformation(); readCustomerProfileDataSource(); readCustomerContactPerson(); readCustomerChildren(true); readCustomerProfileInterest(); readCustomerAffiliations(true); } function readCustomerInformation() { $.ajax({ url: "api/customer/customerv2.php", method: "POST", dataType: 'json', data: { apiKey: '3463916057587803', customer_id: customer_record_id }, beforeSend: function() {}, success: function(result) { $('.customer-modal-overlay').hide(); $('#proceed-button').attr('disabled', false); var json = JSON.stringify(result); data = JSON.parse(json)[0]; $.each(data, function(i, n) { console.log('i :'+i+' n:'+n); if (i == 'mod-nature-of-business' && n != 0) { var newOption = new Option(data['mod-nature-of-business-name'], data[ 'mod-nature-of-business-name'], true, true); $("#" + i).append(newOption).trigger('change'); } else if (i == 'mod-preferred-moc' && n != 0) { var newOption = new Option(data['mod-preferred-moc-name'], data['mod-preferred-moc-name'], true, true); $("#" + i).append(newOption).trigger('change'); } else if (i == 'mod-dd-profession' && n != 0) { var newOption = new Option(data['mod-dd-profession-name'], data[ 'mod-dd-profession-name'], true, true); $("#" + i).append(newOption).trigger('change'); } else if (i == 'mod-business-company' && n != 0) { var newOption = new Option(data['mod-business-company-name'], data[ 'mod-business-company'], true, true); $("#" + i).append(newOption).trigger('change'); } else if (i == 'aha-status' ) { if(parseInt(data['aha-status'])){ $('#aha-status').prop('checked', true).trigger('change') $('#aha-status').val('1'); } } else { // MODIFY if(i =='mod-other-mobile-number1' && n.length>0){ $("#countInputMobile").val(1); var count =$("#countInputMobile").val(); appendOtherContact(count); } if(i =='mod-other-mobile-number2' && n.length>0){ $("#countInputMobile").val(2); var count =$("#countInputMobile").val(); appendOtherContact(count); } if(i =='mod-other-email1' && n.length > 0){ console.log('email1'); appendOtherEmail(1); } if(i =='mod-other-email2' && n!=null && n.length > 0){ console.log('email2'); appendOtherEmail(2); } // END MODIFY $("#" + i).val(n); $("#" + i).trigger('change') } }); } }); } // MODIFY function appendOtherContact(count) { let inputMobLengh = $('.mod-div input[name="mob[]"]').length; console.log('count :'+inputMobLengh); if(inputMobLengh <2){ var inputCount = $("#countInputMobile").val(); let divGrid = $('<div></div>').attr({'class':'mod-div'}); let inputGroup = $('<div></div>').attr({'class':'input-group mb-0 input-other-mob'}); let inputBtl = $('<div></div>').attr({'class' : 'edit-customer input-group-append'}).css("height", "28px");; let inputText = $('<div></div>').attr({'class':'input-group-text'}).text("+63"); let inputjson = $('<input>').attr({'name':'mob[]','id':'mod-other-mobile-number','class':'big-letter edit-customer lbl-forms-sm form-control form-control-sm', 'id':'mod-other-mobile-number','type':'number','maxlength':'10','json-modal':'true','oninput':'"this.value=this.value.slice(0,this.maxLength)"'}); let label = $('<label></label>').attr({'for': 'Other Mobile ','class':'lbl-forms mx-0 my-0'}).text("Other Mobile"); $(inputBtl).append(inputText); let deleteSPan = $('<a><i class="fas fa-minus-circle"></i></a>').attr({'class':'customDeleleBtn float-right text-danger'}).click(function(e){ $(this).closest('.mod-div').remove(); $('#mod-contact-div input[name="mob[]"]').each(function(index){ $(this).attr('id',"mod-other-mobile-number"+(index+1)); }); inputMobLengh = inputMobLengh-1; if(inputMobLengh<1){ $("#btn-add-mobile").show(); } else{ $("#btn-add-mobile").hide(); } }); //end delete $(inputGroup).append(inputBtl,inputjson,deleteSPan); $(divGrid).append(label,inputGroup); $("#mod-contact-div").append(divGrid); $('#mod-contact-div input[name="mob[]"]').each(function(index){ $(this).attr('id',"mod-other-mobile-number"+(index+1)); }); if(inputMobLengh<1){ $("#btn-add-mobile").show(); } else{ $("#btn-add-mobile").hide(); } }//end if } function appendOtherEmail(count){ if($('#email-add input[name="mob-email[]"]').length <=1){ let divGrid = $('<div></div>').attr({'class':'col-sm-12 mb-1 div-email'}); let inputGroup = $('<div></div>').attr({'class':'form-group mb-0'}); let inputGroup2 = $('<div></div>').attr({'class':'input-group'}); let label = $('<label></label>').attr({'class':'lbl-forms mx-0 my-0'}).text("Other Email"); let inputjson = $('<input>').attr({'name':'mob-email[]','id':'mod-other-email'+count,'class':'big-letter edit-customer lbl-forms-sm form-control form-control-sm inputMobile','type':'email','json-modal':'true'}); let deleteSPan = $('<a><i class="fas fa-minus-circle"></i></a>').attr({'class':'customDeleleBtn float-right text-danger'}).click(function(e){ $(this).closest('.div-email').remove(); $('#email-add input[name="mob-email[]"]').each(function(index){ $(this).attr('id',"mod-other-email"+(index+1)); }); if(($('#email-add input[name="mob-email[]"]').length)>=3){ $("#btn-add-email").hide(); } else { $("#btn-add-email").show(); } }); //end delete $(inputGroup2).append(inputjson,deleteSPan); $(inputGroup).append(label,inputGroup2); $(divGrid).append(inputGroup); $('#email-add').append(divGrid); $('#email-add input[name="mob-email[]"]').each(function(index){ $(this).attr('id',"mod-other-email"+(index+1)); }); if(($('#email-add input[name="mob-email[]"]').length)>=2){ $("#btn-add-email").hide(); } else { $("#btn-add-email").show(); } }//end if } // END MODIFY function readCustomerProfileDataSource() { $.ajax({ url: "api/customer/customerv2.php", method: "POST", dataType: 'json', data: { apiKey: '3099751888433363', customer_id: customer_record_id }, beforeSend: function() {}, success: function(result) { var obj = jQuery.parseJSON(JSON.stringify(result)); var index = 0; var count_delay = 0; $.each(obj, function(key, value) { setTimeout(function() { var dataSourceItem = addDataSourceItem(); let $dataSourceCustomerNo = $('#' + dataSourceItem[0]); $dataSourceCustomerNo.val(value.customer_dms_id); let $dataSourceDMS = $('#' + dataSourceItem[1]); $dataSourceDMS.val(value.dms_id).trigger('change'); let $dataSourceCompany = $('#' + dataSourceItem[2]); var newCompanyContent = new Option(value.company_name, value .company_id, true, true) $dataSourceCompany.append(newCompanyContent).trigger('change'); let $dataSourceDealer = $('#' + dataSourceItem[3]); var newDealerContent = new Option(value.dealer_name, value .dealer_id, true, true) $dataSourceDealer.append(newDealerContent).trigger('change'); }, count_delay * 250); count_delay++; }); } }); } function readCustomerContactPerson() { $.ajax({ url: "api/customer/customerv2.php", method: "POST", dataType: 'json', data: { apiKey: '4788616921820004', customer_id: customer_record_id }, beforeSend: function() {}, success: function(result) { var obj = jQuery.parseJSON(JSON.stringify(result)); var index = 0; var count_delay = 0; $.each(obj, function(key, value) { setTimeout(function() { var item = addCustomerContactPerson(); let $elementFullname = $('#' + item[0]); let $elementEmail = $('#' + item[1]); let $elementMobile = $('#' + item[2]); $elementFullname.val(value.full_name); $elementEmail.val(value.email); $elementMobile.val(value.mobile_phone); }, count_delay * 250); count_delay++; }); } }); } function readCustomerProfileInterest() { $.ajax({ url: "api/customer/customerv2.php", method: "POST", dataType: 'json', data: { apiKey: '6579442853321353', customer_id: customer_record_id }, beforeSend: function() {}, success: function(result) { var obj = jQuery.parseJSON(JSON.stringify(result)); var index = 0; if (obj.length > 0) { // $('#intereset_hobbies_div').click(); } var count_delay = 0; $.each(obj, function(key, value) { setTimeout(function() { var interestItem = addInterestItem(); let $elementInterestCategory = $('#' + interestItem[0]); // let val = $elementInterestCategory.find("option:contains('" + value // .interest_category + "')").val() $elementInterestCategory.val(value .interest_category).trigger('change'); let $elementInterestContent = $('#' + interestItem[1]); var newInterestContent = new Option(value.interest_content, value .interest_content, true, true) $elementInterestContent.append(newInterestContent).trigger( 'change'); }, count_delay * 250); count_delay++; }); } }); } 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') } }) } //END FUNCTIONS $(function() { fetchCustomerInfo(customer_record_id); $('#corporation-individual').on('click-cell.bs.table', function(field, value, row, $el) { if (value == 'email_1' || value == 'mobile_phone_1') { return; } // $.cookie("tab_open_view", 1); $.cookie("customer_selected_tab", 'custom-tabs-three-home-tab'); window.location.href = "customer_view.php?q=" + $el.id; }); $('.customer-tab').on('click',function(event){ console.log(this.id); $.cookie("customer_selected_tab", this.id); setCustomerTab(); }); $('#service-table').on('click-cell.bs.table', function(field, value, row, $el) { // window.location.hash = 'data_information'; //Do the Ajax request for getting customer full profile information var id = $el.id; var customer_id = $el.customer_id; var ro_number = $el.ro_number; $('#loader').show(); $.cookie("service_customer_id", customer_id); $.cookie("service_service_id", id); $.cookie("service_ro_number", ro_number); var url = location_url+"service.php#service_data"; window.location.href = url; }); $('#sales-table').on('click-cell.bs.table', function(field, value, row, $el) { //Do the Ajax request for getting customer full profile information var id = $el.id; var customer_id = $el.customer_id; var vehicle_id = $el.vehicle_id; $('#loader').show(); $.cookie("sale_customer_id", customer_id); $.cookie("sale_sale_id", id); $.cookie("sale_vehicle_id", vehicle_id); var url = location_url+"sales.php#sales_data"; window.location.href = url; }); $(document).on('click', '[data-toggle="lightbox"]', function(event) { event.preventDefault(); $(this).ekkoLightbox({ alwaysShowClose: false, loadingMessage: "Loading…", }); }); $('#customer-vehicle-button').click(function() { initVehicleSection(); }) $('#proceed-button').on("click", function() { // console.log(getCustomerAllModalData());return; // validate all data if (parseInt(customer_record_type) === 1) { if (isEmpty($('#mod-firstname').val())) { addCustomerModalTabSelectedTab(1); $('#mod-firstname').focus(); sweetAlertSimple('error', 'Oops...', 'Firstname can\'t be left blank') return; } if (isEmpty($('#mod-lastname').val())) { addCustomerModalTabSelectedTab(1); $('#mod-lastname').focus(); sweetAlertSimple('error', 'Oops...', 'Lastname can\'t be left blank') return; } if (!isEmpty($('#mod-birthdate').val())) { cust_dob = new Date($('#mod-birthdate').val()); var cust_today = new Date(); var cust_age = Math.floor((cust_today-cust_dob) / (365.25 * 24 * 60 * 60 * 1000)); if(parseInt(cust_age) < 17 ){ addCustomerModalTabSelectedTab(1); $('#mod-birthdate').focus(); sweetAlertSimple('error', 'Oops...', 'Age must be 17 and above.') return; } } } else if (parseInt(customer_record_type) === 2) { if (isEmpty($('#mod-corporation-name').val())) { addCustomerModalTabSelectedTab(1); $('#mod-corporation-name').focus(); sweetAlertSimple('error', 'Oops...', 'Corporation name can\'t be left blank') return; } } if (!checkIfDataSourceIncomplete() && $('#data-source-list-table tbody tr').length > 0) { addCustomerModalTabSelectedTab(1); $('#data-source-list-table input').first().focus(); sweetAlertSimple('error', 'Oops...', 'Complete the data source details first'); return; } if (parseInt(customer_record_type) === 1) { if (isEmpty($('#mod-contact').val())) { addCustomerModalTabSelectedTab(2); $('#mod-contact').focus(); sweetAlertSimple('error', 'Oops...', 'Mobile number is required'); return; } if ($('#mod-contact').val().length < 10 || !$('#mod-contact').val().startsWith("9")) { addCustomerModalTabSelectedTab(2); $('#mod-contact').focus(); sweetAlertSimple('error', 'Oops...', 'Invalid mobile number'); return; } //MODIFY//check exist the input if($('#mod-other-mobile-number1').length > 0 && $('#mod-other-mobile-number1').val() != '') { $(this).attr("required", "true"); if ($('#mod-other-mobile-number1').val().length < 10 || !$('#mod-other-mobile-number1').val().startsWith("9")) { addCustomerModalTabSelectedTab(2); alert('error other mobile contact');return; $('#mod-other-mobile-number1').focus(); sweetAlertSimple('error', 'Oops...', 'Invalid mobile number'); return; } if($('#mod-other-mobile-number1').val().length > 10) { // $('#mod-other-mobile-number1').val(''); $('#mod-other-mobile-number1').focus(); sweetAlertSimple('error', 'Oops...', 'Invalid mobile number'); return; } if($('#mod-other-mobile-number1').val() == $('#mod-contact').val()) { sweetAlertSimple('error', 'Oops...', 'Duplicate mobile number'); return; } }else if($('#mod-other-mobile-number1').length ===1 && $('#mod-other-mobile-number1').val()===''){ // console.log('accept validation');return; $("#mod-other-mobile-number1").prop('required',true); sweetAlertSimple('error', 'Oops...', 'Field required.'); $('#mod-other-mobile-number2').focus(); return; } else { $("#mod-other-mobile-number1").prop('required',false); } if($('#mod-other-mobile-number2').length > 0 && $('#mod-other-mobile-number2').val() != '') { // console.log('accept validation');return; if($('#mod-other-mobile-number2').val().length < 10 || !$('#mod-other-mobile-number2').val().startsWith("9")) { addCustomerModalTabSelectedTab(2);alert('error other mobile contact'); $('#mod-other-mobile-number2').focus(); sweetAlertSimple('error', 'Oops...', 'Invalid mobile number'); return; } if($('#mod-other-mobile-number1').val() == $('#mod-other-mobile-number2').val()) { sweetAlertSimple('error', 'Oops...', 'Duplicate mobile number'); return; } if($('#mod-other-mobile-number2').val() == $('#mod-contact').val()) { sweetAlertSimple('error', 'Oops...', 'Duplicate mobile number'); return; } if($('#mod-other-mobile-number1').val().length > 10) { // $('#mod-other-mobile-number1').val(''); $('#mod-other-mobile-number1').focus(); sweetAlertSimple('error', 'Oops...', 'Invalid mobile number'); return; } } else if($('#mod-other-mobile-number2').length ===1 && $('#mod-other-mobile-number2').val()===''){ // console.log('accept validation');return; $("#mod-other-mobile-number2").prop('required',true); sweetAlertSimple('error', 'Oops...', 'Field required.'); $('#mod-other-mobile-number2').focus(); return; } else { // console.log(''+$('#mod-other-mobile-number2').length); $('#mod-other-mobile-number2').attr("required", "false"); $('#mod-other-mobile-number2').removeAttr('required'); } //END MODIFY } else if (parseInt(customer_record_type) === 2) { if(isEmpty($('#mod-contact').val()) && isEmpty($('#mod-landline').val()) ) { addCustomerModalTabSelectedTab(2); $('#mod-contact').focus(); sweetAlertSimple('error', 'Oops...', 'Mobile number or landline is required'); return; } if (!isEmpty($('#mod-contact').val())) { if ($('#mod-contact').val().length < 5) { addCustomerModalTabSelectedTab(2); $('#mod-contact').focus(); sweetAlertSimple('error', 'Oops...', 'Invalid mobile number'); return; } } } // if (!isEmpty($('#mod-email').val())) { // if (!isEmail($('#mod-email').val())) { // addCustomerModalTabSelectedTab(2); // $('#mod-email').focus(); // sweetAlertSimple('error', 'Oops...', 'Invalid email address'); // return; // } // } // if (!isEmpty($('#mod-other-email').val())) { // if (!isEmail($('#mod-other-email').val())) { // addCustomerModalTabSelectedTab(2); // $('#mod-other-email').focus(); // sweetAlertSimple('error', 'Oops...', 'Invalid other email address'); // return; // } // } //MODIFY if (!isEmpty($('#mod-email').val())) { if (!isEmail($('#mod-email').val())) { addCustomerModalTabSelectedTab(2); $('#mod-email').focus(); sweetAlertSimple('error', 'Oops...', 'Invalid email address'); return; } } else { $('#mod-email').focus(); sweetAlertSimple('error', 'Oops...', 'Email address required'); return; } if($('#mod-other-email1').length > 0 && $('#mod-other-email1').val() != '') { if (!isEmpty($('#mod-other-email1').val())) { if (!isEmail($('#mod-other-email1').val())) { addCustomerModalTabSelectedTab(2); $('#mod-other-email1').focus(); sweetAlertSimple('error', 'Oops...', 'Invalid other email address'); return; } } if($('#mod-other-email1').val() == $('#mod-email').val()) { sweetAlertSimple('error', 'Oops...', 'Duplicate email address.'); return; } }else if($('#mod-other-email1').length ===1 && $('#mod-other-email1').val()===''){ // console.log('accept validation');return; $("#mod-other-email1").prop('required',true); sweetAlertSimple('error', 'Oops...', 'Field required.'); $('#mod-other-email1').focus(); return; }else { $("#mod-other-email1").prop('required',false); // sweetAlertSimple('error', 'Oops...', 'Field required.'); // $('#mod-other-email2').focus(); // return; } if($('#mod-other-email2').length > 0 && $('#mod-other-email2').val() != '') { if (!isEmpty($('#mod-other-email2').val())) { if (!isEmail($('#mod-other-email2').val())) { addCustomerModalTabSelectedTab(2); $('#mod-other-email2').focus(); sweetAlertSimple('error', 'Oops...', 'Invalid other email address'); return; } } if($('#mod-other-email2').val() == $('#mod-email').val()) { sweetAlertSimple('error', 'Oops...', 'Duplicate email address.'); return; } if($('#mod-other-email1').val() == $('#mod-other-email2').val()) { sweetAlertSimple('error', 'Oops...', 'Duplicate email address.'); return; } } else if($('#mod-other-email2').length ===1 && $('#mod-other-email2').val()===''){ // console.log('accept validation');return; $("#mod-other-email2").prop('required',true); sweetAlertSimple('error', 'Oops...', 'Field required.'); $('#mod-other-email1').focus(); return; } else { $("#mod-other-email2").prop('required',false); // sweetAlertSimple('error', 'Oops...', 'Field required.'); // $('#mod-other-email2').focus(); // return; } //END MODIFY var validate_data_contact_person = checkIfContactPersonIncomplete(); if (!validate_data_contact_person[0] && $('#contact-person-list-table tbody tr').length > 0) { addCustomerModalTabSelectedTab(2); $('#contact-person-list-table input').first().focus(); sweetAlertSimple('error', 'Oops...', 'Complete the data of contact person first') return; } else if (!validate_data_contact_person[1]) { addCustomerModalTabSelectedTab(2); $('#contact-person-list-table input').first().focus(); sweetAlertSimple('error', 'Oops...', 'Contact person invalid email') return; } else if (!validate_data_contact_person[2]) { addCustomerModalTabSelectedTab(2); $('#contact-person-list-table input').first().focus(); sweetAlertSimple('error', 'Oops...', 'Contact person invalid mobile') return; } if (!isEmpty($('#mod-dd-city-2').val())) { if (isEmpty($('#mod-address-2').val())) { addCustomerModalTabSelectedTab(2); $('#mod-address-2').focus(); sweetAlertSimple('error', 'Oops...', 'Enter secondary address'); return; } } var validate_data_children_list = checkIfChildrenIncomplete(); if (!validate_data_children_list[0] && $('#children-list-table tbody tr').length > 0) { addCustomerModalTabSelectedTab(3); $('#children-list-table input').first().focus(); sweetAlertSimple('error', 'Oops...', 'Complete the child details first'); return; } else if (!validate_data_children_list[1]) { addCustomerModalTabSelectedTab(3); $('#children-list-table input').first().focus(); sweetAlertSimple('error', 'Oops...', 'Children data invalid mobile'); return; } if (!checkIfInterestIncomplete() && $('#interest-list-table tbody tr').length > 0) { addCustomerModalTabSelectedTab(5); $('#interest-list-table select').first().focus(); sweetAlertSimple('error', 'Oops...', 'Complete the interest/hobbies details first'); return; } if (!checkIfAffiliationsIncomplete() && $('#affiliations-list-table tbody tr').length > 0) { addCustomerModalTabSelectedTab(4); $('#affiliations-list-table select').first().focus(); sweetAlertSimple('error', 'Oops...', 'Complete the affiliations details first'); return; } $.ajax({ url: "api/customer/customerv2.php", method: "POST", dataType: 'json', data: { apiKey: '8906433219679554', customer_id: customer_record_id, customer_data: getCustomerAllModalData(), customer_dms: getAllDataSourceTableData(), customer_contact_person: getAllContactPersonTableData(), customer_children: getAllChildrenTableData(), customer_interest: getAllInterestTableData(), customer_affiliations: getAllAffiliationsTableData(), force_update : force_update, force_update_reason:force_update_reason }, beforeSend: function() { //show loader $('#proceed-button').attr('disabled', true); $('.customer-modal-overlay').show(); }, success: function(result) { if (parseInt(result.status) === 1) { sweetAlertSimple('success', 'Nice...', result.message); fetchCustomerInfo(customer_record_id); //error city dropdown after call $('#modal-customer').modal('hide'); } else if (parseInt(result.status) === 0) { sweetAlertSimple('error', 'Oops...', result.message); } else if (parseInt(result.status) === 2) { addCustomerModalTabSelectedTab(2); $('#mod-contact').focus(); sweetAlertSimple('error', 'Oops...', result.message); if(customer_force_edit){ Swal.fire({ title: 'Update anyway?', input: 'textarea', inputPlaceholder: 'Enter your reason', confirmButtonText: `Save`, showCancelButton: true, inputValidator: (value) => { if (!value) { return 'Enter your reason to proceed.' }else{ force_update = 1; force_update_reason = value; $('#proceed-button').click(); } } }); } } else if (parseInt(result.status) === 3) { addCustomerModalTabSelectedTab(2); $('#mod-email').focus(); sweetAlertSimple('error', 'Oops...', result.message); if(customer_force_edit){ Swal.fire({ title: 'Update anyway?', input: 'textarea', inputPlaceholder: 'Enter your reason', confirmButtonText: `Save`, showCancelButton: true, inputValidator: (value) => { if (!value) { return 'Enter your reason to proceed.' }else{ force_update = 1; force_update_reason = value; $('#proceed-button').click(); } } }); } } else if (parseInt(result.status) === 4) { addCustomerModalTabSelectedTab(1); $('#data-source-list-table input').first().focus(); sweetAlertSimple('error', 'Oops...', result.message); } refreshModalReligion(); $('#proceed-button').attr('disabled', false); $('.customer-modal-overlay').hide(); force_update = 0; force_update_reason = ''; }, error: handleError }); }); $('#customer_delete_action').click(function() { removeCustomer(customer_record_id) }) $('#aha-status').on('change',function(){ if($(this).is(':checked')){ $(this).val('1'); }else{ $(this).val('0'); } }); //MODIFY //add mobile number dynamically $("#btn-add-mobile").on('click', function(){ // var count = $("#countInputMobile").val(); // count++; let inputMobLengh = $('.mod-div input[name="mob[]"]').length; if(inputMobLengh<2){ let divGrid = $('<div></div>').attr({'class':'mod-div'}); let inputGroup = $('<div></div>').attr({'class':'input-group mb-0 input-other-mob'}); let inputBtl = $('<div></div>').attr({'class' : 'edit-customer input-group-append'}).css("height", "28px");; let inputText = $('<div></div>').attr({'class':'input-group-text'}).text("+63"); let inputjson = $('<input>').attr({'name':'mob[]','id':'mod-other-mobile-number','class':'big-letter edit-customer lbl-forms-sm form-control form-control-sm inputMobile', 'id':'mod-other-mobile-number2','type':'number','maxlength':'10','json-modal':'true'}); let label = $('<label></label>').attr({'for': 'Other Mobile','class':'lbl-forms mx-0 my-0'}).text("Other Mobile"); $(inputBtl).append(inputText); let deleteSPan = $('<a><i class="fas fa-minus-circle"></i></a>').attr({'class':'customDeleleBtn float-right text-danger'}).click(function(e){ // count--; // $("#countInputMobile").prop("value",count); $(this).closest('.mod-div').remove(); inputMobLengh = inputMobLengh-1; if(inputMobLengh<2){ $("#btn-add-mobile").show(); } else { $("#btn-add-mobile").hide(); } $('#mod-contact-div input[name="mob[]"]').each(function(index){ $(this).attr('id',"mod-other-mobile-number"+(index+1)); }); }); //end delete $(inputGroup).append(inputBtl,inputjson,deleteSPan); $(divGrid).append(label,inputGroup); $("#mod-contact-div").append(divGrid); $("#countInputMobile").val(count); $('#mod-contact-div input[name="mob[]"]').each(function(index){ $(this).attr('id',"mod-other-mobile-number"+(index+1)); }); if(inputMobLengh>=1){ $("#btn-add-mobile").hide(); } else{ $("#btn-add-mobile").show(); } } //end if }); $("#btn-add-email").on('click', function(){ // var count = $("#countInputMobile").val(); // count++; let inputEmailCount =$('#email-add input[name="mob-email[]"]').length; if(inputEmailCount<2){ let divGrid = $('<div></div>').attr({'class':'col-sm-12 mb-1 div-email'}); let inputGroup = $('<div></div>').attr({'class':'form-group mb-0'}); let inputGroup2 = $('<div></div>').attr({'class':'input-group'}); let label = $('<label></label>').attr({'class':'lbl-forms mx-0 my-0'}).text("Other Email"); let inputjson = $('<input>').attr({'name':'mob-email[]','id':'mod-other-email','class':'big-letter edit-customer lbl-forms-sm form-control form-control-sm inputMobile','type':'email','json-modal':'true'}); let deleteSPan = $('<a><i class="fas fa-minus-circle"></i></a>').attr({'class':'customDeleleBtn float-right text-danger','required':true}).click(function(e){ inputEmailCount = inputEmailCount-1; // $("#countInputMobile").prop("value",count); if(inputEmailCount>=1){ $("#btn-add-email").hide(); } else{ $("#btn-add-email").show(); } // alert('fire') $(this).closest('.div-email').remove(); $('#email-addinput[name="mob-email[]"]').each(function(index){ $(this).attr('id',"mod-other-email"+(index+1)); }); }); //end delete $(inputGroup2).append(inputjson,deleteSPan); $(inputGroup).append(label,inputGroup2); $(divGrid).append(inputGroup); $('#email-add').append(divGrid); if(inputEmailCount>=1){ $("#btn-add-email").hide(); } else{ $("#btn-add-email").show(); } $('#email-add input[name="mob-email[]"]').each(function(index){ $(this).attr('id',"mod-other-email"+(index+1)); }); } //end if }); //END MODIFY });
| ver. 1.4 |
.
| PHP 7.3.33 | Generation time: 0.02 |
proxy
|
phpinfo
|
Settings