FIX_UI Support

This commit is contained in:
venba-Inspriron-3558 2025-09-01 16:28:26 +05:30
parent b43f50dfb5
commit a972efcf05
6 changed files with 1321 additions and 55 deletions

View File

@ -42,6 +42,16 @@ table.dataTable tbody td {
padding: 20px; padding: 20px;
} }
#mobile::placeholder {
font-size: 13px;
}
.custom-select{
border-radius: 10px !important ;
background-color: #ECECEC !important ;
box-shadow: 0px 2px 4px 0px #00000024 !important;
}
.multiselect-native-select { .multiselect-native-select {
position: relative; position: relative;
} }
@ -297,8 +307,9 @@ table.dataTable tbody td {
<!-- modal content --> <!-- modal content -->
<div id="con-close-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;" data-backdrop="static">
<div class="modal-dialog"> <div id="con-close-modal" class="modal fade app-font-family" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;" data-backdrop="static">
<div class="modal-dialog modal-dialog-centered modal-lg">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<h4 class="modal-title">Add User</h4> <h4 class="modal-title">Add User</h4>
@ -314,11 +325,11 @@ table.dataTable tbody td {
<div class="form-group"> <div class="form-group">
<div class="form-row"> <div class="form-row">
<div class="form-group col-md-4"> <div class="form-group col-md-6">
<label for="emp_code">Employee Code<span class="text-danger">*</span></label> <label for="emp_code">Employee Code<span class="text-danger">*</span></label>
<input type="text" class="form-control" id="emp_code" placeholder="Enter Code" name="emp_code" required> <input type="text" class="form-control" id="emp_code" placeholder="Enter Code" name="emp_code" required>
</div> </div>
<div class="form-group col-md-8"> <div class="form-group col-md-6">
<label for="first_name">Name<span class="text-danger">*</span></label> <label for="first_name">Name<span class="text-danger">*</span></label>
<input type="text" class="form-control" id="first_name" placeholder="Ente Name" name="first_name" required> <input type="text" class="form-control" id="first_name" placeholder="Ente Name" name="first_name" required>
</div> </div>
@ -326,15 +337,12 @@ table.dataTable tbody td {
<div class="form-row"> <div class="form-row">
<div class="form-group col-md-12"> <div class="form-group col-md-6">
<label for="email">Email<span class="text-danger">*</span></label> <label for="email">Email<span class="text-danger">*</span></label>
<input type="text" class="form-control" id="email" placeholder="Enter Email" name="email" data-parsley-trigger="change" data-parsley-type="email" required> <input type="text" class="form-control" id="email" placeholder="Enter Email" name="email" data-parsley-trigger="change" data-parsley-type="email" required>
</div> </div>
</div>
<div class="form-group col-md-6">
<div class="form-row">
<div class="form-group col-md-12">
<label for="mobile">Mobile Number<span class="text-danger">*</span></label> <label for="mobile">Mobile Number<span class="text-danger">*</span></label>
<input type="text" class="form-control" id="mobile" placeholder="Enter Mobile Number ( starting with 6, 7, 8, or 9 only. )" name="mobile" onkeypress = "return onlyNumbers(event)" maxlength="10" minlength="10" pattern="^[6-9]\d{9}$" data-parsley-type-message="Please enter a valid 10-digit mobile number starting with 6, 7, 8, or 9." data-parsley-required-message="Please enter a valid 10-digit mobile number starting with 6, 7, 8, or 9." required> <input type="text" class="form-control" id="mobile" placeholder="Enter Mobile Number ( starting with 6, 7, 8, or 9 only. )" name="mobile" onkeypress = "return onlyNumbers(event)" maxlength="10" minlength="10" pattern="^[6-9]\d{9}$" data-parsley-type-message="Please enter a valid 10-digit mobile number starting with 6, 7, 8, or 9." data-parsley-required-message="Please enter a valid 10-digit mobile number starting with 6, 7, 8, or 9." required>
</div> </div>
@ -342,7 +350,7 @@ table.dataTable tbody td {
<div class="form-row"> <div class="form-row">
<div class="form-group col-md-12"> <div class="form-group col-md-6">
<label for="emp_code">User Role<span class="text-danger">*</span> <label for="emp_code">User Role<span class="text-danger">*</span>
<span class="tooltip-trigger mdi mdi-information-outline" id="roleAccessMatrixTrigger"></span> <span class="tooltip-trigger mdi mdi-information-outline" id="roleAccessMatrixTrigger"></span>
</label> </label>
@ -353,9 +361,8 @@ table.dataTable tbody td {
<?php } ?> <?php } ?>
</select> </select>
</div> </div>
</div>
<div class="form-row"> <div class="form-group col-md-6">
<div class="form-group col-md-12">
<label for="profile">User Team<span class="text-danger">*</span> <label for="profile">User Team<span class="text-danger">*</span>
<span class="tooltip-trigger mdi mdi-information-outline" id="accessMatrixTrigger"></span> <span class="tooltip-trigger mdi mdi-information-outline" id="accessMatrixTrigger"></span>
</label> </label>
@ -370,7 +377,8 @@ table.dataTable tbody td {
</div> </div>
<div class="form-group text-right m-b-0"> <div class="form-group text-right m-b-0">
<button type="submit" class="btn btn-primary waves-effect waves-light mr-1" id="btnSubmit">Submit</button> <button class="btn app-btn-outline-secondary app-btn-border-radius mr-2 " type="button" data-dismiss="modal" aria-hidden="true">Cancel</button>
<button class="btn app-btn-secondary app-btn-border-radius waves-effect waves-light" id="btnSubmit">Submit</button>
<!-- <button type="button" class="btn btn-secondry waves-effect waves-light mr-1" data-dismiss="modal" aria-hidden="true">Close</button> --> <!-- <button type="button" class="btn btn-secondry waves-effect waves-light mr-1" data-dismiss="modal" aria-hidden="true">Close</button> -->
</div> </div>
</form> </form>

View File

@ -1,20 +1,20 @@
<!-- modal content --> <!-- modal content -->
<div id="con-close-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static"> <div id="con-close-modal" class="modal fade app-font-family" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
<div class="modal-dialog" <?= !isset($CD_Master_Data) ? 'style="max-width: 35% !important;"' : '' ?>> <div class="modal-dialog modal-dialog-centered modal-lg" <?= !isset($CD_Master_Data) ? 'style="max-width: 35% !important; margin:5px auto!important;"' : '' ?>>
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<h4 class="modal-title" id="title">Add Opening Amount</h4> <h4 class="modal-title" id="title">Add Opening Amount</h4>
<button type="button" class="close" data-dismiss="modal" aria-hidden="true" onclick="resetCdMasterFormModal()">×</button> <button type="button" class="close" data-dismiss="modal" aria-hidden="true" onclick="resetCdMasterFormModal()">×</button>
</div> </div>
<div class="modal-body p-4"> <div class="modal-body">
<div class=""> <div class="">
<form role="form" class="parsley-examples" id="CDMasterForm" enctype="multipart/form-data"> <form role="form" class="parsley-examples" id="CDMasterForm" enctype="multipart/form-data">
<input type="hidden" name="PrimaryKey" id="CD_Master_ID" /> <input type="hidden" name="PrimaryKey" id="CD_Master_ID" />
<div class="form-group"> <div class="form-group">
<div class="form-row"> <div class="form-row">
<div class="form-group col-md-12"> <div class="form-group col-md-6">
<label for="emp_code">Client<span class="text-danger">*</span></label> <label for="emp_code">Client<span class="text-danger">*</span></label>
<select class="form-control <?= !isset($CD_Master_Data) ? 'readonly-select' : '' ?>" id="cd_client_id" name="client_id" required> <select class="form-control <?= !isset($CD_Master_Data) ? 'readonly-select' : '' ?>" id="cd_client_id" name="client_id" required>
<option value="" >Select Client</option> <option value="" >Select Client</option>
@ -30,10 +30,8 @@
<?php } ?> <?php } ?>
</select> </select>
</div> </div>
</div>
<div class="form-group col-md-6">
<div class="form-row">
<div class="form-group col-md-12">
<label for="profile">Insurer<span class="text-danger">*</span></label> <label for="profile">Insurer<span class="text-danger">*</span></label>
<select class="form-control <?= !isset($CD_Master_Data) ? 'readonly-select' : '' ?>" id="insurer_id_for_cd" name="insurer_id" <?= isset($CD_Master_Data) ? 'onchange="filterInsurerBranch(this)"' : '' ?> required> <select class="form-control <?= !isset($CD_Master_Data) ? 'readonly-select' : '' ?>" id="insurer_id_for_cd" name="insurer_id" <?= isset($CD_Master_Data) ? 'onchange="filterInsurerBranch(this)"' : '' ?> required>
<option value="">Select Insurer</option> <option value="">Select Insurer</option>
@ -45,7 +43,7 @@
</div> </div>
<div class="form-row"> <div class="form-row">
<div class="form-group col-md-12"> <div class="form-group col-md-6">
<label for="insurer_branch_id">Insurer Branch<span class="text-danger">*</span></label> <label for="insurer_branch_id">Insurer Branch<span class="text-danger">*</span></label>
<select class="form-control <?= !isset($CD_Master_Data) ? 'readonly-select' : '' ?>" id="insurer_branch_id" name="insurer_branch_id" required> <select class="form-control <?= !isset($CD_Master_Data) ? 'readonly-select' : '' ?>" id="insurer_branch_id" name="insurer_branch_id" required>
<option value="">Select Insurer Branch</option> <option value="">Select Insurer Branch</option>
@ -55,24 +53,23 @@
<?php } } ?> <?php } } ?>
</select> </select>
</div> </div>
</div>
<div class="form-group col-md-6">
<div class="form-row">
<div class="form-group col-md-12">
<label for="email">Opening Date<span class="text-danger">*</span></label> <label for="email">Opening Date<span class="text-danger">*</span></label>
<input type="text" class="form-control" name="opening_date" id="opening_date" required> <div class="input-icon">
<input type="text" class="form-control" name="opening_date" id="opening_date" required>
<i class="mdi mdi-calendar-blank-outline additional-icon"></i>
</div>
</div> </div>
</div> </div>
<div class="form-row"> <div class="form-row">
<div class="form-group col-md-12"> <div class="form-group col-md-6">
<label for="mobile">CD Account Number<span class="text-danger">*</span></label> <label for="mobile">CD Account Number<span class="text-danger">*</span></label>
<input type="text" class="form-control" id="cd_ac_no_for_cd_master" name="cd_ac_no" required> <input type="text" class="form-control" id="cd_ac_no_for_cd_master" name="cd_ac_no" required>
</div> </div>
</div>
<div class="form-group col-md-6">
<div class="form-row">
<div class="form-group col-md-12">
<label for="mobile">Opening Amount<span class="text-danger">*</span></label> <label for="mobile">Opening Amount<span class="text-danger">*</span></label>
<input type="text" class="form-control" id="opening_bal" name="opening_bal" onkeypress="return onlyNumbers(event)" required> <input type="text" class="form-control" id="opening_bal" name="opening_bal" onkeypress="return onlyNumbers(event)" required>
</div> </div>
@ -81,7 +78,8 @@
</div> </div>
<div id="cdButtonWrapper" class="form-group text-right m-b-0"> <div id="cdButtonWrapper" class="form-group text-right m-b-0">
<button class="btn btn-primary waves-effect waves-light mr-1" id="cd_master_btn_Submit">Submit</button> <button class="btn app-btn-outline-secondary app-btn-border-radius mr-2 " type="button" class="close" data-dismiss="modal" aria-hidden="true" onclick="resetCdMasterFormModal()">Cancel</button>
<button class="btn app-btn-secondary app-btn-border-radius waves-effect waves-light" id="cd_master_btn_Submit">Submit</button>
<!-- <button type="button" class="btn btn-secondry waves-effect waves-light mr-1" data-dismiss="modal" aria-hidden="true">Close</button> --> <!-- <button type="button" class="btn btn-secondry waves-effect waves-light mr-1" data-dismiss="modal" aria-hidden="true">Close</button> -->
</div> </div>
</form> </form>

View File

@ -918,28 +918,39 @@ table[data-custom-table-css="table"] {
color:black; color:black;
} }
/********************************************************************* modal section starts ***********************************************************************************************************/ /* Common modal Title styles */
.modal .modal-title {
/* Inside modal field color changes */ font-weight: 500;
/* modal section starts */ font-size: 27px;
line-height: 100%;
letter-spacing: 0;
.modal.show .modal-dialog .modal-content, text-align: center;
.modal .modal-dialog .modal-content {
border-radius: 10px !important;
overflow: hidden !important;
box-shadow: none;
} }
.modal .parsley-examples { /* Common modal Header styles */
background-color: #FFFF !important; .modal .modal-header {
padding: 0px !important; border-bottom: 0px solid #e5e8eb;
border: 0px solid #fff !important;
border-radius: 0px !important;
box-shadow: none !important;
} }
/* Common modal Body styles */
.modal .modal-body {
padding: 15px !important;
}
/* Common modal close button styles */
.modal .close {
/* width: 17.5px;
height: 17.5px;
line-height: 17.5px; */
opacity: 1;
font-size: 24px;
color: #000;
position: absolute;
top: 18px;
right: 15px;
cursor: pointer;
text-shadow: none;
}
.modal .form-control { .modal .form-control {
background-color: #ECECEC !important; background-color: #ECECEC !important;
@ -953,6 +964,39 @@ table[data-custom-table-css="table"] {
box-shadow: none; box-shadow: none;
} }
.modal .input-icon {
position: relative;
display: inline-block;
}
.modal .input-icon .form-control {
padding-right: 40px;
}
.modal .input-icon .additional-icon {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
font-size: 18px;
color: #555;
pointer-events: none; /* icon doesnt block input clicks */
}
.modal .modal-dialog{
margin:5px auto!important;
}
.modal .parsley-required {
font-size: 11px !important;
}
.modal .select2-container--default .select2-selection--multiple {
background-color: #ECECEC !important;
border: 1px solid #ccc;
}
/* Select2 box */ /* Select2 box */
.modal .select2-container .select2-selection--single { .modal .select2-container .select2-selection--single {
background-color: #ECECEC !important; background-color: #ECECEC !important;
@ -961,6 +1005,22 @@ table[data-custom-table-css="table"] {
box-shadow: none !important; box-shadow: none !important;
} }
/* Common modal readonly-select styles */
.modal .readonly-select + .select2-container .select2-selection--single {
background-color: #CACACA !important;
color: #666666 !important;
pointer-events: none;
cursor: not-allowed;
}
.modal .select2-container--default .select2-selection--multiple {
background-color: #ECECEC !important;
border: 1px solid #ccc !important;
min-height: 38px !important;
border-radius: 5px; /* optional */
}
/* Text inside */ /* Text inside */
.modal .select2-container .select2-selection__rendered { .modal .select2-container .select2-selection__rendered {
line-height: 36px !important; line-height: 36px !important;
@ -968,6 +1028,7 @@ table[data-custom-table-css="table"] {
.modal .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { .modal .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
background-color: #00999E !important; background-color: #00999E !important;
} }
@ -995,6 +1056,7 @@ table[data-custom-table-css="table"] {
background-color: #E26728 !important; background-color: #E26728 !important;
border-color: #9C461B !important; border-color: #9C461B !important;
cursor: pointer; /* optional */ cursor: pointer; /* optional */
} }

1189
app/Views/oldheader.php Normal file

File diff suppressed because it is too large Load Diff

View File

@ -538,6 +538,10 @@ hr{
var form = document.getElementById("ticketForm"); var form = document.getElementById("ticketForm");
var id = form.querySelector("[name='thz_id']").value; var id = form.querySelector("[name='thz_id']").value;
var formData = new FormData(form); var formData = new FormData(form);
var btn = document.querySelector("button[onclick='submitTicket()']");
btn.disabled = true;
btn.innerText = "Saving...";
$.ajax({ $.ajax({
url: "<?= base_url('ticketSave') ?>", url: "<?= base_url('ticketSave') ?>",
@ -559,6 +563,10 @@ hr{
error: function(xhr) { error: function(xhr) {
toastr.error("Something went wrong!", 'Error'); toastr.error("Something went wrong!", 'Error');
console.error(xhr.responseText); console.error(xhr.responseText);
},
complete: function() {
btn.disabled = false;
btn.innerText = "Save";
} }
}); });
} }

View File

@ -125,7 +125,7 @@ table.dataTable tbody td {
<div class="modal fade" id="vehicle_modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" <div class="modal fade" id="vehicle_modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
aria-hidden="true"> aria-hidden="true">
<div class="modal-dialog modal-dialog-centered"> <div class="modal-dialog modal-dialog-centered modal-lg">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<h4 class="modal-title" id="myCenterModalLabel">Add New Vehicle</h4> <h4 class="modal-title" id="myCenterModalLabel">Add New Vehicle</h4>
@ -218,7 +218,8 @@ table.dataTable tbody td {
</div> </div>
<div class="form-group text-right m-b-0" id="hide_smbt_btn"> <div class="form-group text-right m-b-0" id="hide_smbt_btn">
<button type="submit" id="btnSubmit" class="btn btn-primary">Submit</button> <button class="btn app-btn-outline-secondary app-btn-border-radius mr-2 close" type="button" id="close_btn" data-dismiss="modal" aria-label="Close" aria-hidden="true">Cancel</button>
<button type="submit" id="btnSubmit" class="btn app-btn-secondary app-btn-border-radius waves-effect waves-light" id="cd_master_btn_Submit">Submit</button>
</div> </div>
</form> </form>
</div> </div>