Update Welcome.jsp
This commit is contained in:
parent
bd3e344796
commit
79a40b412f
199
Welcome.jsp
199
Welcome.jsp
@ -8,7 +8,7 @@
|
||||
<%@page contentType="text/html" pageEncoding="UTF-8"%>
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
|
||||
"http://www.w3.org/TR/html4/loose.dtd">
|
||||
<%@ page session="true" %>
|
||||
|
||||
<html>
|
||||
<head>
|
||||
<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 src="https://cdn.jsdelivr.net/npm/chart.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>
|
||||
body {
|
||||
@ -351,7 +347,7 @@
|
||||
/*color: rgb(177,224,178);*/
|
||||
color: white;
|
||||
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);
|
||||
}
|
||||
|
||||
/* 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>
|
||||
<script type="text/javascript" language="javascript">
|
||||
@ -546,28 +502,6 @@
|
||||
}
|
||||
</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>
|
||||
window.onload = function () {
|
||||
fetchUserData();
|
||||
@ -609,48 +543,48 @@
|
||||
let container = document.getElementById("userDashboard");
|
||||
container.innerHTML = ""; // Clear previous charts
|
||||
|
||||
// Create doughnut chart container
|
||||
let doughnutChartContainer = document.createElement("div");
|
||||
doughnutChartContainer.classList.add("chart-container");
|
||||
// Create first pie chart container
|
||||
let pieChartContainer1 = document.createElement("div");
|
||||
pieChartContainer1.classList.add("chart-container");
|
||||
|
||||
let doughnutTitle = document.createElement("h4");
|
||||
doughnutTitle.textContent = user.user_id;
|
||||
let pieTitle1 = document.createElement("h4");
|
||||
pieTitle1.textContent = user.user_id;
|
||||
|
||||
let doughnutCanvas = document.createElement("canvas");
|
||||
doughnutCanvas.id = "doughnut_chart_" + user.user_id;
|
||||
let pieCanvas1 = document.createElement("canvas");
|
||||
pieCanvas1.id = "pie_chart_1_" + user.user_id;
|
||||
|
||||
// Append elements for doughnut chart
|
||||
doughnutChartContainer.appendChild(doughnutTitle);
|
||||
doughnutChartContainer.appendChild(doughnutCanvas);
|
||||
container.appendChild(doughnutChartContainer);
|
||||
// Append elements for the first pie chart
|
||||
pieChartContainer1.appendChild(pieTitle1);
|
||||
pieChartContainer1.appendChild(pieCanvas1);
|
||||
container.appendChild(pieChartContainer1);
|
||||
|
||||
// Create bar chart container
|
||||
let barChartContainer = document.createElement("div");
|
||||
barChartContainer.classList.add("chart-container");
|
||||
// Create second pie chart container
|
||||
let pieChartContainer2 = document.createElement("div");
|
||||
pieChartContainer2.classList.add("chart-container");
|
||||
|
||||
let barTitle = document.createElement("h4");
|
||||
barTitle.textContent = user.user_id;
|
||||
let pieTitle2 = document.createElement("h4");
|
||||
pieTitle2.textContent = user.user_id;
|
||||
|
||||
let barCanvas = document.createElement("canvas");
|
||||
barCanvas.id = "bar_chart_" + user.user_id;
|
||||
let pieCanvas2 = document.createElement("canvas");
|
||||
pieCanvas2.id = "pie_chart_2_" + user.user_id;
|
||||
|
||||
// Append elements for bar chart
|
||||
barChartContainer.appendChild(barTitle);
|
||||
barChartContainer.appendChild(barCanvas);
|
||||
container.appendChild(barChartContainer);
|
||||
// Append elements for the second pie chart
|
||||
pieChartContainer2.appendChild(pieTitle2);
|
||||
pieChartContainer2.appendChild(pieCanvas2);
|
||||
container.appendChild(pieChartContainer2);
|
||||
|
||||
setTimeout(() => {
|
||||
// Doughnut chart
|
||||
let doughnutCtx = doughnutCanvas.getContext("2d");
|
||||
if (!doughnutCtx) {
|
||||
console.error(`Failed to get 2D context for canvas '${doughnutCanvas.id}'`);
|
||||
// First pie chart
|
||||
let pieCtx1 = pieCanvas1.getContext("2d");
|
||||
if (!pieCtx1) {
|
||||
console.error(`Failed to get 2D context for canvas '${pieCanvas1.id}'`);
|
||||
return;
|
||||
}
|
||||
|
||||
new Chart(doughnutCtx, {
|
||||
type: 'doughnut',
|
||||
new Chart(pieCtx1, {
|
||||
type: 'pie',
|
||||
data: {
|
||||
labels: ["unclaimed", "Overdue", "kyc", "SI"],
|
||||
labels: ["Unclaimed", "Overdue", "KYC", "SI"],
|
||||
datasets: [{
|
||||
data: [user.unclaimed, user.Loan_overdue, user.kyc_status, user.si_status],
|
||||
backgroundColor: ["#36A2EB", "#FF6384", "#4BC0C0", "#FFCE56"],
|
||||
@ -659,7 +593,6 @@
|
||||
},
|
||||
options: {
|
||||
responsive: true,
|
||||
cutout: '70%', // Inner empty circle
|
||||
plugins: {
|
||||
legend: {
|
||||
display: true,
|
||||
@ -669,19 +602,18 @@
|
||||
}
|
||||
});
|
||||
|
||||
// Bar chart
|
||||
let barCtx = barCanvas.getContext("2d");
|
||||
if (!barCtx) {
|
||||
console.error(`Failed to get 2D context for canvas '${barCanvas.id}'`);
|
||||
// Second pie chart
|
||||
let pieCtx2 = pieCanvas2.getContext("2d");
|
||||
if (!pieCtx2) {
|
||||
console.error(`Failed to get 2D context for canvas '${pieCanvas2.id}'`);
|
||||
return;
|
||||
}
|
||||
|
||||
new Chart(barCtx, {
|
||||
type: 'bar',
|
||||
new Chart(pieCtx2, {
|
||||
type: 'pie',
|
||||
data: {
|
||||
labels: ["unclaimed", "Overdue", "kyc", "SI"],
|
||||
labels: ["Unclaimed", "Overdue", "KYC", "SI"],
|
||||
datasets: [{
|
||||
label: 'User Data',
|
||||
data: [user.unclaimed, user.Loan_overdue, user.kyc_status, user.si_status],
|
||||
backgroundColor: ["#36A2EB", "#FF6384", "#4BC0C0", "#FFCE56"]
|
||||
}]
|
||||
@ -693,11 +625,6 @@
|
||||
display: true,
|
||||
position: 'top'
|
||||
}
|
||||
},
|
||||
scales: {
|
||||
y: {
|
||||
beginAtZero: true
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
@ -705,31 +632,43 @@
|
||||
}
|
||||
</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" : ""%>">
|
||||
|
||||
<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>
|
||||
|
||||
<div class="main-container">
|
||||
<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>
|
||||
<form name="holidayForm" method="post" action="">
|
||||
<ul>
|
||||
<li>
|
||||
<p><font color="white"><%=holidayList%></font>
|
||||
<p><font color="#6495ed"><%=holidayList%></font>
|
||||
</p>
|
||||
</li>
|
||||
</ul></form></fieldset>
|
||||
@ -756,27 +695,17 @@
|
||||
</ul>-->
|
||||
<ul>
|
||||
<li>
|
||||
<p><font color="dimgrey">Test Notification 1.</font>
|
||||
<p><font color="dimgrey">Reach us: 033-4065-9546</font>
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li>
|
||||
<p><font color="dimgrey">Test Notification 2.</font>
|
||||
<p><font color="dimgrey">Please complete all the transaction before 31st March,2025</font>
|
||||
</p>
|
||||
</li>
|
||||
</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>
|
||||
<li>
|
||||
<p><font color="dimgrey">Test Notification 4. </font></p>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user