Nhances/nhance
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

CHANGE_UI_FIX - VADIVEL J 2025-09-01

Browse Source
This commit is contained in:
vadivelJ96 2025-09-02 12:14:36 +05:30
parent 762f78665a
commit 9697dbf569
4 changed files with 106 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/Controllers/LeadsController.php
View File

@ -4947,7 +4947,7 @@ class LeadsController extends BaseController
// Start table with clean styling // Start table with clean styling
$html .= "<h3 style='color: #333; font-weight: 500; margin-bottom: 15px;'>{$category}</h3>"; $html .= "<h3 style='color: #333; font-weight: 500; margin-bottom: 15px;'>{$category}</h3>";
$html .= "<table data-custom-table-css='table' style='width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; font-size: 14px;'>"; $html .= "<table style='width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; font-size: 14px;color:black;'>";
// Table header with light background // Table header with light background
$html .= "<tr>"; $html .= "<tr>";

9
app/Views/employee_list.php
View File

@ -57,12 +57,13 @@ table.dataTable tbody td {
<div class="col-xl-12"> <div class="col-xl-12">
<div id="accordion" class="mb-3"> <div id="accordion" class="mb-3">
<div class="card mb-1"> <div class="card mb-1">
<h5 class="m-1"> <h3 class="m-1">
<span>Members</span>
<a id="toggleIcon" class="text-dark float-right" data-toggle="collapse" href="#collapseOne" <a id="toggleIcon" class="text-dark float-right" data-toggle="collapse" href="#collapseOne"
aria-expanded="true"> aria-expanded="true">
<i id="icon" class="mdi mdi-chevron-down mr-1 text-primary" style="font-size: 28px;"></i> <i id="icon" class="mdi mdi-chevron-down mr-1 text-primary" style="font-size: 28px;"></i>
</a> </a>
</h5> </h3>
<div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion"> <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
<div class="card-body"> <div class="card-body">
<!-- <div class="text-center"> --> <!-- <div class="text-center"> -->
@ -122,7 +123,9 @@ table.dataTable tbody td {
<div class="row justify-content-end"> <div class="row justify-content-end">
<div class="col-auto"> <div class="col-auto">
<!-- <div id="categoryFilter_12"> --> <!-- <div id="categoryFilter_12"> -->
<a href="#" class="btn btn-primary waves-effect waves-light" onclick="sendManualEcard(this)">Send Ecard</a> <a href="#" class="btn btn-primary waves-effect waves-light"
style="background-color: #F5FFFF; color:black; border:1px solid #00999E;"
onclick="sendManualEcard(this)">Send Ecard</a>
<!-- </div> --> <!-- </div> -->
</div> </div>
<div class="col-auto"> <div class="col-auto">

107
app/Views/layout/header.php
View File

@ -115,11 +115,6 @@
font-family: 'Poppins' !important; font-family: 'Poppins' !important;
} }
body{
margin-top:20px;
background:#FAFAFA;
}
.content{ .content{
min-height: 70vh; min-height: 70vh;
} }
@ -129,6 +124,10 @@
background-color: #000 !important; /* keep background black */ background-color: #000 !important; /* keep background black */
} }
.container-fluid{
padding:0px 40px 0px 40px !important;
}
</style> </style>
<!-- navbar --> <!-- navbar -->
@ -145,6 +144,7 @@
display:flex; display:flex;
flex-flow:row nowrap; flex-flow:row nowrap;
justify-content:space-between; justify-content:space-between;
margin-top:20px;
} }
.nav-flex{ .nav-flex{
@ -547,20 +547,6 @@ a.app-badge-secondary:focus, a.app-badge-secondary.focus {
</style>
<!-- footer -->
<style>
.footer{
background-color:white !important;
color:black;
margin: 30px !important;
}
.footer{
margin-left:150px;
position:relative;
}
</style> </style>
<!-- toaster --> <!-- toaster -->
@ -647,7 +633,7 @@ a.app-badge-secondary:focus, a.app-badge-secondary.focus {
table[data-custom-table-css="table"] { table[data-custom-table-css="table"] {
border-collapse: separate !important; border-collapse: separate !important;
border-spacing: 0 8px !important; border-spacing: 0 8px !important;
width: 100%; width: 100% !important;
} }
@ -739,9 +725,9 @@ a.app-badge-secondary:focus, a.app-badge-secondary.focus {
.modal.show .modal-dialog .modal-content, .modal.show .modal-dialog .modal-content,
.modal .modal-dialog .modal-content { .modal .modal-dialog .modal-content {
border-radius: 10px !important; border-radius: 10px !important;
overflow: hidden !important; overflow: hidden !important;
box-shadow: none; box-shadow: none;
} }
.modal .parsley-examples { .modal .parsley-examples {
@ -790,7 +776,6 @@ a.app-badge-secondary:focus, a.app-badge-secondary.focus {
.modal .form-control { .modal .form-control {
background-color: #ECECEC !important; background-color: #ECECEC !important;
border: 1px solid #ccc; /* optional */ border: 1px solid #ccc; /* optional */
/* color: #000; keep text readable */
box-shadow: none !important; box-shadow: none !important;
} }
@ -902,6 +887,38 @@ a.app-badge-secondary:focus, a.app-badge-secondary.focus {
top: 7px !important; top: 7px !important;
} }
/* Apply to normal inputs and selects */
input,
select {
border-radius: 10px !important;
box-shadow: 0px 2px 4px 0px #00000024 !important;
border-color: #ffff !important;
}
input[type='file'] {
padding:10px !important;
background-color: white !important;
}
/* Apply to Select2 (single select) */
.select2-container .select2-selection--single {
border-radius: 10px !important;
box-shadow: 0px 2px 4px 0px #00000024 !important;
height: 38px; /* match bootstrap input height */
display: flex;
align-items: center;
border-color: #ffff !important;
}
/* Apply to Select2 (multiple select) */
.select2-container .select2-selection--multiple {
border-radius: 10px !important;
box-shadow: 0px 2px 4px 0px #00000024 !important;
border-color: #ffff !important;
}
</style> </style>
@ -909,28 +926,41 @@ a.app-badge-secondary:focus, a.app-badge-secondary.focus {
<style> <style>
/* Target only buttons with type="submit" */ /* Target only buttons with type="submit" */
.btn {
border-radius: 10px !important;
}
button[type="submit"], button[type="submit"],
.buttons-collection, .buttons-collection,
input[type="submit"] { input[type="submit"],
#get-emp-list
{
color: #fff !important; color: #fff !important;
background-color: #E26728 !important; background-color: #E26728 !important;
border-color: #E26728 !important; border-color: #E26728 !important;
} }
/* Optional: hover effect */ /* Optional: hover effect */
button[type="submit"]:hover, button[type="submit"]:hover,
.buttons-collection, .buttons-collection,
input[type="submit"]:hover { input[type="submit"]:hover,
color: #fff !important; #get-emp-list
background-color: #E26728 !important; {
border-color: #9C461B !important;
cursor: pointer; /* optional */ cursor: pointer; /* optional */
} }
</style> </style>
<!-- accordian -->
<style>
.collapse.show
,.card #collapseOne .card-body
{
background-color: #F5FFFF !important;
}
</style>
<!-- legacy styles of random style applied --> <!-- legacy styles of random style applied -->
<style> <style>
@ -1025,6 +1055,21 @@ a.app-badge-secondary:focus, a.app-badge-secondary.focus {
</style> </style>
<!-- footer -->
<style>
.footer{
background-color:white !important;
color:black;
margin: 30px !important;
}
.footer{
margin-left:150px;
position:relative;
}
</style>
</head> </head>

31
app/Views/test_members_list.php
View File

@ -91,12 +91,7 @@ th, td {
text-align: center; /* Or left/right depending on your preference */ text-align: center; /* Or left/right depending on your preference */
vertical-align: middle; /* Ensures content is vertically centered */ vertical-align: middle; /* Ensures content is vertically centered */
} }
input[type="checkbox"] {
width: 16px; /* Standard checkbox size */
height: 16px;
margin: 0; /* Remove default margin */
vertical-align: middle; /* Align with text or other elements */
}
th:first-child, td:first-child { th:first-child, td:first-child {
width: 50px; /* Adjust width as needed */ width: 50px; /* Adjust width as needed */
} }
@ -108,6 +103,24 @@ th:first-child, td:first-child {
table-layout: fixed; /* Prevent columns from resizing dynamically */ table-layout: fixed; /* Prevent columns from resizing dynamically */
} }
.unmapEmployees{
background-color:#00999E ;
margin-right:10px;
}
.mapEmployees{
background-color:#00999E ;
margin-right:10px;
}
.unmapEmployees:hover{
background-color:#00999E ;
margin-right:10px;
}
.mapEmployees:hover{
background-color:#00999E ;
margin-right:10px;
}
</style> </style>
@ -533,13 +546,15 @@ document.addEventListener("DOMContentLoaded", function () {
text:'Map Employees', text:'Map Employees',
action: function(e, dt, node, config) { action: function(e, dt, node, config) {
mapEmployees(); mapEmployees();
} },
className:"mapEmployees"
}, },
{ {
text:'Unmap Employees', text:'Unmap Employees',
action: function(e, dt, node, config) { action: function(e, dt, node, config) {
unmapEmployees(); unmapEmployees();
} },
className:"unmapEmployees"
}], }],
language: { language: {
search: "_INPUT_", search: "_INPUT_",