CHANGE_UI_FIX - VADIVEL J 2025-09-01

This commit is contained in:
vadivelJ96 2025-09-01 09:40:22 +05:30
parent a7f465c1f4
commit c7c982f784
7 changed files with 145 additions and 35 deletions

View File

@ -167,28 +167,11 @@
}
}
.navtab-bg .nav-link {
margin: 0 5px 10px!important;
}
.nav-link{
color:black !important;
background-color: #D4F5F6 !important;
font-size: small;
padding:8px;
border-radius: 10px !important;
}
.nav-link.active-tab {
color: white !important;
background-color: #00999E !important;
font-size: small;
padding:8px;
border-radius: 10px !important;
}
.tab-content-styles{
background-color:#F4F4F4;
margin-right:20px;
margin-left:20px;
margin-top:0px !important;
border-radius:25px!important;
min-height: 70vh !important;
}
@ -208,8 +191,6 @@
<div class="col-12">
<!-- <div class="card"> -->
<div class="card-body">
<br>
<ul class="nav nav-pills navtab-bg">
<?php if(in_array(get_role_id(), [1,2,3,5])) { ?>
@ -275,7 +256,7 @@
</ul>
<br>
<div class="tab-content tab-content-styles">
<?php if ((get_role_id() == STAFF_ROLE_ID && in_array(CLAIMS_TEAM_ID,user_team())) || in_array(get_role_id(),[1,5])) :?>

View File

@ -45,6 +45,12 @@ table.dataTable tbody td {
color: #16181b !important;
cursor: pointer !important;
}
.row{
margin-right:20px !important;
margin-left:30px !important;
}
</style>
<div class="row">

View File

@ -72,7 +72,6 @@ option:disabled {
</div>
</div>
<hr>
<div class="form-row" id="file_upload">
@ -98,7 +97,9 @@ option:disabled {
<div class="form-group col-md-2"
style="margin-top: 26px;position: relative;left: 65px;"> OR </div>
style="margin-top: 26px;position: relative;left: 65px;">
<p style="color:black;"> OR </p>
</div>
<div class="form-group col-md-4" style="margin-top: 18px;">
<a class="btn btn-primary waves-effect waves-light justify-content-end"
@ -108,6 +109,39 @@ option:disabled {
</div>
</div>
<div class="form-row" id="file_upload">
<div class="form-group col-md-12">
<label>Upload file</label> &nbsp;[ <a id="excel_download"
data-toggle="tooltip" data-placement="top" style="color:black"
title="Download Sample Excel">Sample Excel</a> ]
<br>
<input type="file" name="emplist" id="emplist"
accept=" application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel,application/vnd.oasis.opendocument.spreadsheet"
required>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<button id="emp_form_submit_button" type="submit"
class="btn btn-primary waves-effect waves-light justify-content-end">Upload</button>
&nbsp;&nbsp;
<span style="color:black;"> OR </span>
&nbsp;&nbsp;
<a class="btn btn-primary waves-effect waves-light justify-content-end"
id="fetch_enrolled_data" data-toggle="modal"
data-target="#full-width-modal" title="Download Sample Excel">Fetch
Enrolled Data</a>
</div>
</div>
</div>

View File

@ -58,22 +58,22 @@
<div class="col-12">
<div class="card-body">
<ul class="nav nav-pills navtab-bg">
<li class="nav-item">
<a href="#general-q-tab" data-toggle="tab" aria-expanded="false" class="nav-link px-3 py-2 active" id="general_tab">
<li class="nav-item d-flex justify-content-center align-items-center">
<a href="#general-q-tab" data-toggle="tab" aria-expanded="false" class="nav-link px-3 py-1 active-tab" id="general_tab">
<span class="mr-1"><i class="mdi mdi-contacts"></i></span>
<span class="d-none d-sm-inline-block">Data From Client</span>
<span class="d-none d-sm-inline-block dash-tab-font">Data From Client</span>
</a>
</li>
<li class="nav-item">
<a href="#KYC-DOC-tab" data-toggle="tab" aria-expanded="true" class="nav-link px-3 py-2" id="kyc_tab">
<li class="nav-item d-flex justify-content-center align-items-center">
<a href="#KYC-DOC-tab" data-toggle="tab" aria-expanded="true" class="nav-link px-3 py-1" id="kyc_tab">
<span class="mr-1"><i class="mdi mdi-file"></i></span>
<span class="d-none d-sm-inline-block">Insurer or TPA Data</span>
<span class="d-none d-sm-inline-block dash-tab-font">Insurer or TPA Data</span>
</a>
</li>
<li class="nav-item">
<a href="#HR-DOC-tab" data-toggle="tab" aria-expanded="true" class="nav-link px-3 py-2" id="hr_tab">
<li class="nav-item d-flex justify-content-center align-items-center">
<a href="#HR-DOC-tab" data-toggle="tab" aria-expanded="true" class="nav-link px-3 py-1" id="hr_tab">
<span class="mr-1"><i class="mdi mdi-file"></i></span>
<span class="d-none d-sm-inline-block">HR Uploaded Files</span>
<span class="d-none d-sm-inline-block dash-tab-font">HR Uploaded Files</span>
</a>
</li>
</ul>

View File

@ -992,6 +992,20 @@ function confirmActionSweertAlert(message = "Are you sure?", confirmText = "Yes,
});
</script>
<script>
$(document).ready(function(){
$('.nav-link').click(function(){
// change bg color of tab
$('.nav-link').removeClass('active-tab');
$(this).addClass('active-tab');
});
});
</script>
</body>

View File

@ -98,6 +98,37 @@
<!-- srinivas -->
<style>
/* dashboard-tab specific styling which is also used in many place in application */
.nav-link{
color:black !important;
background-color: #D4F5F6 !important;
font-size: small !important;
padding:8px;
border-radius: 10px !important;
padding: 8px 16px;
}
.nav-link.active-tab {
color: white !important;
background-color: #00999E !important;
font-size: small !important;
padding:8px 16px;
border-radius: 10px !important;
}
.navtab-bg .nav-link {
margin: 0 5px 10px!important;
}
.nav-pills{
margin-left: 20px;
}
/* end of dashboard-tab specific styling which is also used in many place in application */
.navbar-custom {
top: -10px !important;
@ -123,6 +154,7 @@
}
}
/* loaders for whole application */
.loader-mask {
position: fixed;
@ -150,6 +182,40 @@
transform: translateZ(0);
}
/* end of loaders */
/* parsley-examples */
.parsley-examples
{
background-color: #F5FFFF;
padding: 25px;
border: 2px solid #fff;
border-radius: 10px;
/* box-shadow: 2px 2px 2px; */
box-shadow: 0px 1px 1px 0px #00000040;
}
/* parsley-examples */
/* all input elements */
input, select,
.select2-container .select2-selection {
border-radius: 10px !important;
box-shadow: 0px 2px 4px 0px #00000024 !important;
}
/* allinput elements */
.lead {
font-size: 13px;
}
@ -366,7 +432,6 @@
.card-body{
background-color:white;
padding-left:50px !important;
margin-top: 5px;
}

View File

@ -131,8 +131,18 @@ table.dataTable tbody td {
}
.slider.round:before {
border-radius: 50%;
border-radius: 50%;
}
#inception_filter{
margin-bottom:-20px !important;
margin-left:30px !important;
}
#inception_list{
margin-left:20px !important;
}
</style>
<div class="row" id="inception_filter">