pahari.paramita/TDS_Calculation
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update Welcome.jsp

Browse Source
This commit is contained in:
Paramita Pahari 2025-04-08 15:23:41 +00:00
parent bd3e344796
commit 79a40b412f
1 changed files with 71 additions and 142 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

199
Welcome.jsp
View File

@ -8,7 +8,7 @@
<%@page contentType="text/html" pageEncoding="UTF-8"%> <%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"> "http://www.w3.org/TR/html4/loose.dtd">
<%@ page session="true" %>
<html> <html>
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
@ -37,10 +37,6 @@
<script type="text/javascript" src="/IFSS/js/iFrame_killer.js"></script> <script type="text/javascript" src="/IFSS/js/iFrame_killer.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script> <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="/IFSS/js/idleDetector.js"></script> <!-- Include external JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/sockjs-client/1.5.1/sockjs.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/stomp.js/2.3.3/stomp.min.js"></script>
<style> <style>
body { body {
@ -351,7 +347,7 @@
/*color: rgb(177,224,178);*/ /*color: rgb(177,224,178);*/
color: white; color: white;
border-color: #80AE82 !important; border-color: #80AE82 !important;
border: 2px solid rgb(177,224,178);
} }
@ -415,47 +411,7 @@
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
} }
/* Added for Session timeout message */
/* Modal Styles */
.modal {
display: none; /* Hidden by default */
position: fixed;
z-index: 1000;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.5);
}
.modal-content {
background-color: white;
margin: 15% auto;
padding: 20px;
border: 1px solid #888;
width: 300px;
text-align: center;
border-radius: 8px;
}
.modal button {
margin: 10px;
padding: 10px 15px;
border: none;
cursor: pointer;
border-radius: 5px;
}
.modal .continue-btn {
background-color: green;
color: white;
}
.modal .logout-btn {
background-color: red;
color: white;
}
</style> </style>
<script type="text/javascript" language="javascript"> <script type="text/javascript" language="javascript">
@ -546,28 +502,6 @@
} }
</script> </script>
</head>
<body onload="noBack()">
<%
String ModuleName = new String();
ModuleName = (String) session.getAttribute("moduleName");
String role = (String) session.getAttribute("userRole");
String pacsId = (String) session.getAttribute("pacsId");
String holidayList = (String) session.getAttribute("holidayList");
String kccBalanceTransfer = (String) session.getAttribute("kccBalanceTransfer");
String broadcastMessage = (String)session.getAttribute("returnMessage");
// added by chhanda on 29/8/24
String user = (String) session.getAttribute("user");
String pacsName = (String) session.getAttribute("pacsName");
String UserName = (String) session.getAttribute("UserName");
String Mobile = (String) session.getAttribute("Mobile");
%>
<!-- Added for Dashboard -->
<script> <script>
window.onload = function () { window.onload = function () {
fetchUserData(); fetchUserData();
@ -609,48 +543,48 @@
let container = document.getElementById("userDashboard"); let container = document.getElementById("userDashboard");
container.innerHTML = ""; // Clear previous charts container.innerHTML = ""; // Clear previous charts
// Create doughnut chart container // Create first pie chart container
let doughnutChartContainer = document.createElement("div"); let pieChartContainer1 = document.createElement("div");
doughnutChartContainer.classList.add("chart-container"); pieChartContainer1.classList.add("chart-container");
let doughnutTitle = document.createElement("h4"); let pieTitle1 = document.createElement("h4");
doughnutTitle.textContent = user.user_id; pieTitle1.textContent = user.user_id;
let doughnutCanvas = document.createElement("canvas"); let pieCanvas1 = document.createElement("canvas");
doughnutCanvas.id = "doughnut_chart_" + user.user_id; pieCanvas1.id = "pie_chart_1_" + user.user_id;
// Append elements for doughnut chart // Append elements for the first pie chart
doughnutChartContainer.appendChild(doughnutTitle); pieChartContainer1.appendChild(pieTitle1);
doughnutChartContainer.appendChild(doughnutCanvas); pieChartContainer1.appendChild(pieCanvas1);
container.appendChild(doughnutChartContainer); container.appendChild(pieChartContainer1);
// Create bar chart container // Create second pie chart container
let barChartContainer = document.createElement("div"); let pieChartContainer2 = document.createElement("div");
barChartContainer.classList.add("chart-container"); pieChartContainer2.classList.add("chart-container");
let barTitle = document.createElement("h4"); let pieTitle2 = document.createElement("h4");
barTitle.textContent = user.user_id; pieTitle2.textContent = user.user_id;
let barCanvas = document.createElement("canvas"); let pieCanvas2 = document.createElement("canvas");
barCanvas.id = "bar_chart_" + user.user_id; pieCanvas2.id = "pie_chart_2_" + user.user_id;
// Append elements for bar chart // Append elements for the second pie chart
barChartContainer.appendChild(barTitle); pieChartContainer2.appendChild(pieTitle2);
barChartContainer.appendChild(barCanvas); pieChartContainer2.appendChild(pieCanvas2);
container.appendChild(barChartContainer); container.appendChild(pieChartContainer2);
setTimeout(() => { setTimeout(() => {
// Doughnut chart // First pie chart
let doughnutCtx = doughnutCanvas.getContext("2d"); let pieCtx1 = pieCanvas1.getContext("2d");
if (!doughnutCtx) { if (!pieCtx1) {
console.error(`Failed to get 2D context for canvas '${doughnutCanvas.id}'`); console.error(`Failed to get 2D context for canvas '${pieCanvas1.id}'`);
return; return;
} }
new Chart(doughnutCtx, { new Chart(pieCtx1, {
type: 'doughnut', type: 'pie',
data: { data: {
labels: ["unclaimed", "Overdue", "kyc", "SI"], labels: ["Unclaimed", "Overdue", "KYC", "SI"],
datasets: [{ datasets: [{
data: [user.unclaimed, user.Loan_overdue, user.kyc_status, user.si_status], data: [user.unclaimed, user.Loan_overdue, user.kyc_status, user.si_status],
backgroundColor: ["#36A2EB", "#FF6384", "#4BC0C0", "#FFCE56"], backgroundColor: ["#36A2EB", "#FF6384", "#4BC0C0", "#FFCE56"],
@ -659,7 +593,6 @@
}, },
options: { options: {
responsive: true, responsive: true,
cutout: '70%', // Inner empty circle
plugins: { plugins: {
legend: { legend: {
display: true, display: true,
@ -669,19 +602,18 @@
} }
}); });
// Bar chart // Second pie chart
let barCtx = barCanvas.getContext("2d"); let pieCtx2 = pieCanvas2.getContext("2d");
if (!barCtx) { if (!pieCtx2) {
console.error(`Failed to get 2D context for canvas '${barCanvas.id}'`); console.error(`Failed to get 2D context for canvas '${pieCanvas2.id}'`);
return; return;
} }
new Chart(barCtx, { new Chart(pieCtx2, {
type: 'bar', type: 'pie',
data: { data: {
labels: ["unclaimed", "Overdue", "kyc", "SI"], labels: ["Unclaimed", "Overdue", "KYC", "SI"],
datasets: [{ datasets: [{
label: 'User Data',
data: [user.unclaimed, user.Loan_overdue, user.kyc_status, user.si_status], data: [user.unclaimed, user.Loan_overdue, user.kyc_status, user.si_status],
backgroundColor: ["#36A2EB", "#FF6384", "#4BC0C0", "#FFCE56"] backgroundColor: ["#36A2EB", "#FF6384", "#4BC0C0", "#FFCE56"]
}] }]
@ -693,11 +625,6 @@
display: true, display: true,
position: 'top' position: 'top'
} }
},
scales: {
y: {
beginAtZero: true
}
} }
} }
}); });
@ -705,31 +632,43 @@
} }
</script> </script>
</head>
<body onload="noBack()">
<%
String ModuleName = new String();
ModuleName = (String) session.getAttribute("moduleName");
String role = (String) session.getAttribute("userRole");
String pacsId = (String) session.getAttribute("pacsId");
String holidayList = (String) session.getAttribute("holidayList");
String kccBalanceTransfer = (String) session.getAttribute("kccBalanceTransfer");
String broadcastMessage = (String)session.getAttribute("returnMessage");
// added by chhanda on 29/8/24
String user = (String) session.getAttribute("user");
String pacsName = (String) session.getAttribute("pacsName");
String UserName = (String) session.getAttribute("UserName");
String Mobile = (String) session.getAttribute("Mobile");
%>
<!-- Added for Dashboard -->
<div id ="mainContent" class="<%=broadcastMessage != null ? "blur" : ""%>"> <div id ="mainContent" class="<%=broadcastMessage != null ? "blur" : ""%>">
<jsp:include page="/menuHeadDeposit" flush="true" /> <jsp:include page="/menuHeadDeposit" flush="true" />
<!-- Modal -->
<div id="idleModal" class="modal">
<div class="modal-content">
<p>You have been idle for 5 minutes.</p>
<p>Click "Continue" to stay logged in or "Logout" to exit.</p>
<button class="continue-btn" onclick="continueSession()">Continue</button>
<button class="logout-btn" onclick="logoutSession()">Logout</button>
</div>
</div>
<br> <br>
<div class="main-container"> <div class="main-container">
<div class="left-section"> <div class="left-section">
<fieldset style="background-color: rgb(237, 237, 237); border-color: rgb(100, 149, 237); border-radius: 20px; margin-left: 5px;margin-right: 01px;"> <fieldset style="background-color: rgb(237, 237, 237); border-color: rgb(100, 149, 237); border-radius: 20px; border-width:2px; margin-left: 5px;margin-right: 01px;">
<legend id="holiday-legend" style=" margin-left: 40px; width:110px; padding: .5px 10px; border-radius: 18px; background-color: rgb(100, 149, 237); color: rgb(255,255,255)">Holidays</legend> <legend id="holiday-legend" style=" margin-left: 40px; width:110px; padding: .5px 10px; border-radius: 18px; background-color: rgb(100, 149, 237); color: rgb(255,255,255)">Holidays</legend>
<form name="holidayForm" method="post" action=""> <form name="holidayForm" method="post" action="">
<ul> <ul>
<li> <li>
<p><font color="white"><%=holidayList%></font> <p><font color="#6495ed"><%=holidayList%></font>
</p> </p>
</li> </li>
</ul></form></fieldset> </ul></form></fieldset>
@ -756,27 +695,17 @@
</ul>--> </ul>-->
<ul> <ul>
<li> <li>
<p><font color="dimgrey">Test Notification 1.</font> <p><font color="dimgrey">Reach us: 033-4065-9546</font>
</p> </p>
</li> </li>
</ul> </ul>
<ul> <ul>
<li> <li>
<p><font color="dimgrey">Test Notification 2.</font> <p><font color="dimgrey">Please complete all the transaction before 31st March,2025</font>
</p> </p>
</li> </li>
</ul> </ul>
<ul>
<li>
<p><font color="dimgrey">Test Notification 3.</font>
</p>
</li>
</ul>
<!-- <ul>
<li>
<p><font color="dimgrey">For On-Call-Issue-Resolution reach us in : </font><font color="blue"> 033-4065-9546 / 4071-8135 </font><font color="dimgrey">( 9:00 AM to 9:00 PM only ).</font></p>
</li>
</ul>-->
<ul> <ul>
<li> <li>
<p><font color="dimgrey">Test Notification 4. </font></p> <p><font color="dimgrey">Test Notification 4. </font></p>