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;
}
#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 {
position: relative;
}
@ -297,8 +307,9 @@ table.dataTable tbody td {
<!-- 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-header">
<h4 class="modal-title">Add User</h4>
@ -314,11 +325,11 @@ table.dataTable tbody td {
<div class="form-group">
<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>
<input type="text" class="form-control" id="emp_code" placeholder="Enter Code" name="emp_code" required>
</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>
<input type="text" class="form-control" id="first_name" placeholder="Ente Name" name="first_name" required>
</div>
@ -326,15 +337,12 @@ table.dataTable tbody td {
<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>
<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 class="form-row">
<div class="form-group col-md-12">
<div class="form-group col-md-6">
<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>
</div>
@ -342,7 +350,7 @@ table.dataTable tbody td {
<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>
<span class="tooltip-trigger mdi mdi-information-outline" id="roleAccessMatrixTrigger"></span>
</label>
@ -353,9 +361,8 @@ table.dataTable tbody td {
<?php } ?>
</select>
</div>
</div>
<div class="form-row">
<div class="form-group col-md-12">
<div class="form-group col-md-6">
<label for="profile">User Team<span class="text-danger">*</span>
<span class="tooltip-trigger mdi mdi-information-outline" id="accessMatrixTrigger"></span>
</label>
@ -370,7 +377,8 @@ table.dataTable tbody td {
</div>
<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> -->
</div>
</form>

View File

@ -1,20 +1,20 @@
<!-- modal content -->
<div id="con-close-modal" class="modal fade" 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 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 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-header">
<h4 class="modal-title" id="title">Add Opening Amount</h4>
<button type="button" class="close" data-dismiss="modal" aria-hidden="true" onclick="resetCdMasterFormModal()">×</button>
</div>
<div class="modal-body p-4">
<div class="modal-body">
<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" />
<div class="form-group">
<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>
<select class="form-control <?= !isset($CD_Master_Data) ? 'readonly-select' : '' ?>" id="cd_client_id" name="client_id" required>
<option value="" >Select Client</option>
@ -30,10 +30,8 @@
<?php } ?>
</select>
</div>
</div>
<div class="form-row">
<div class="form-group col-md-12">
<div class="form-group col-md-6">
<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>
<option value="">Select Insurer</option>
@ -45,7 +43,7 @@
</div>
<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>
<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>
@ -55,24 +53,23 @@
<?php } } ?>
</select>
</div>
</div>
<div class="form-row">
<div class="form-group col-md-12">
<div class="form-group col-md-6">
<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 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>
<input type="text" class="form-control" id="cd_ac_no_for_cd_master" name="cd_ac_no" required>
</div>
</div>
<div class="form-row">
<div class="form-group col-md-12">
<div class="form-group col-md-6">
<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>
</div>
@ -81,7 +78,8 @@
</div>
<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> -->
</div>
</form>

View File

@ -918,28 +918,39 @@ table[data-custom-table-css="table"] {
color:black;
}
/********************************************************************* modal section starts ***********************************************************************************************************/
/* Inside modal field color changes */
/* modal section starts */
.modal.show .modal-dialog .modal-content,
.modal .modal-dialog .modal-content {
border-radius: 10px !important;
overflow: hidden !important;
box-shadow: none;
/* Common modal Title styles */
.modal .modal-title {
font-weight: 500;
font-size: 27px;
line-height: 100%;
letter-spacing: 0;
text-align: center;
}
.modal .parsley-examples {
background-color: #FFFF !important;
padding: 0px !important;
border: 0px solid #fff !important;
border-radius: 0px !important;
box-shadow: none !important;
/* Common modal Header styles */
.modal .modal-header {
border-bottom: 0px solid #e5e8eb;
}
/* 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 {
background-color: #ECECEC !important;
@ -953,6 +964,39 @@ table[data-custom-table-css="table"] {
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 */
.modal .select2-container .select2-selection--single {
background-color: #ECECEC !important;
@ -961,6 +1005,22 @@ table[data-custom-table-css="table"] {
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 */
.modal .select2-container .select2-selection__rendered {
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 {
background-color: #00999E !important;
}
@ -995,6 +1056,7 @@ table[data-custom-table-css="table"] {
background-color: #E26728 !important;
border-color: #9C461B !important;
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 id = form.querySelector("[name='thz_id']").value;
var formData = new FormData(form);
var btn = document.querySelector("button[onclick='submitTicket()']");
btn.disabled = true;
btn.innerText = "Saving...";
$.ajax({
url: "<?= base_url('ticketSave') ?>",
@ -559,6 +563,10 @@ hr{
error: function(xhr) {
toastr.error("Something went wrong!", 'Error');
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"
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-header">
<h4 class="modal-title" id="myCenterModalLabel">Add New Vehicle</h4>
@ -218,7 +218,8 @@ table.dataTable tbody td {
</div>
<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>
</form>
</div>