Update Welcome.jsp
This commit is contained in:
parent
859f0b8898
commit
e926900dd5
278
Welcome.jsp
278
Welcome.jsp
@ -1,136 +1,150 @@
|
|||||||
<script>
|
<!-- filepath: /webapp/assignCapabilities.jsp -->
|
||||||
window.onload = function () {
|
<!DOCTYPE html>
|
||||||
fetchUserData();
|
<html>
|
||||||
};
|
<head>
|
||||||
|
<title>Assign Capabilities</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1>Assign Capabilities to User</h1>
|
||||||
|
<form action="assignCapabilities" method="post">
|
||||||
|
<label for="userId">User ID:</label>
|
||||||
|
<input type="text" id="userId" name="userId" required><br><br>
|
||||||
|
|
||||||
function fetchUserData() {
|
<label for="roleId">Role:</label>
|
||||||
$.ajax({
|
<select id="roleId" name="roleId" required>
|
||||||
url: "/IFSS/TicketServlet",
|
<option value="Teller">Teller</option>
|
||||||
method: "GET",
|
<option value="Manager">Manager</option>
|
||||||
dataType: "json",
|
<option value="Supervisor">Supervisor</option>
|
||||||
success: function (data) {
|
<option value="CMO">CMO</option>
|
||||||
console.log(data);
|
<option value="CMD">CMD</option>
|
||||||
populateUserDropdown(data);
|
</select><br><br>
|
||||||
},
|
|
||||||
error: function (xhr, status, error) {
|
<label for="screenIds">Screens:</label><br>
|
||||||
console.error("Error fetching data: " + error);
|
<button type="button" onclick="openScreenSelectionPopup()">Select Screens</button>
|
||||||
}
|
<div id="selectedScreens">
|
||||||
});
|
<!-- Selected screens will be displayed here -->
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
async function fetchAndDisplayScreens() {
|
||||||
|
// Fetch screen names from the database
|
||||||
|
const response = await fetch('/getScreens');
|
||||||
|
const screens = await response.json();
|
||||||
|
|
||||||
|
// Display the screens as checkboxes directly on the page
|
||||||
|
const screenContainer = document.createElement('div');
|
||||||
|
screenContainer.id = 'screenContainer';
|
||||||
|
|
||||||
|
screenContainer.innerHTML = `
|
||||||
|
<h3>Select Screens</h3>
|
||||||
|
${screens.map(screen => `
|
||||||
|
<label><input type="checkbox" value="${screen.id}"> ${screen.name}</label><br>
|
||||||
|
`).join('')}
|
||||||
|
<br>
|
||||||
|
<button id="saveScreens">Save</button>
|
||||||
|
`;
|
||||||
|
|
||||||
|
// Append the screen container to the selectedScreens div
|
||||||
|
const selectedScreensDiv = document.getElementById('selectedScreens');
|
||||||
|
selectedScreensDiv.innerHTML = ''; // Clear any previous content
|
||||||
|
selectedScreensDiv.appendChild(screenContainer);
|
||||||
|
|
||||||
|
// Add event listener to save selected screens
|
||||||
|
document.getElementById('saveScreens').onclick = function () {
|
||||||
|
const selectedScreens = [];
|
||||||
|
const checkboxes = screenContainer.querySelectorAll('input[type="checkbox"]:checked');
|
||||||
|
checkboxes.forEach(checkbox => {
|
||||||
|
selectedScreens.push(checkbox.value);
|
||||||
|
});
|
||||||
|
|
||||||
|
// Display selected screens in the div
|
||||||
|
selectedScreensDiv.innerHTML = selectedScreens.map(screen => `<p>${screen}</p>`).join('');
|
||||||
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
function populateUserDropdown(users) {
|
// Call the function to fetch and display screens
|
||||||
let dropdown = document.getElementById("userDropdown");
|
fetchAndDisplayScreens();
|
||||||
users.forEach(user => {
|
|
||||||
let option = document.createElement("option");
|
|
||||||
option.value = user.user_id;
|
|
||||||
option.textContent = "User_" + user.user_id;
|
|
||||||
dropdown.appendChild(option);
|
|
||||||
});
|
|
||||||
|
|
||||||
// Add event listener for dropdown change
|
|
||||||
dropdown.addEventListener("change", function () {
|
|
||||||
let selectedUserId = this.value;
|
|
||||||
let selectedUser = users.find(user => user.user_id == selectedUserId);
|
|
||||||
displayUserCharts(selectedUser);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function displayUserCharts(user) {
|
|
||||||
let container = document.getElementById("userDashboard");
|
|
||||||
container.innerHTML = ""; // Clear previous charts
|
|
||||||
|
|
||||||
// Create doughnut chart container
|
|
||||||
let doughnutChartContainer = document.createElement("div");
|
|
||||||
doughnutChartContainer.classList.add("chart-container");
|
|
||||||
|
|
||||||
let doughnutTitle = document.createElement("h3");
|
|
||||||
doughnutTitle.textContent = "User_" + user.user_id + " - Doughnut Chart";
|
|
||||||
|
|
||||||
let doughnutCanvas = document.createElement("canvas");
|
|
||||||
doughnutCanvas.id = "doughnut_chart_" + user.user_id;
|
|
||||||
|
|
||||||
// Append elements for doughnut chart
|
|
||||||
doughnutChartContainer.appendChild(doughnutTitle);
|
|
||||||
doughnutChartContainer.appendChild(doughnutCanvas);
|
|
||||||
container.appendChild(doughnutChartContainer);
|
|
||||||
|
|
||||||
// Create bar chart container
|
|
||||||
let barChartContainer = document.createElement("div");
|
|
||||||
barChartContainer.classList.add("chart-container");
|
|
||||||
|
|
||||||
let barTitle = document.createElement("h3");
|
|
||||||
barTitle.textContent = "User_" + user.user_id + " - Bar Chart";
|
|
||||||
|
|
||||||
let barCanvas = document.createElement("canvas");
|
|
||||||
barCanvas.id = "bar_chart_" + user.user_id;
|
|
||||||
|
|
||||||
// Append elements for bar chart
|
|
||||||
barChartContainer.appendChild(barTitle);
|
|
||||||
barChartContainer.appendChild(barCanvas);
|
|
||||||
container.appendChild(barChartContainer);
|
|
||||||
|
|
||||||
setTimeout(() => {
|
|
||||||
// Doughnut chart
|
|
||||||
let doughnutCtx = doughnutCanvas.getContext("2d");
|
|
||||||
if (!doughnutCtx) {
|
|
||||||
console.error(`Failed to get 2D context for canvas '${doughnutCanvas.id}'`);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
new Chart(doughnutCtx, {
|
|
||||||
type: 'doughnut',
|
|
||||||
data: {
|
|
||||||
labels: ["unclaimed", "Overdue", "kyc", "SI"],
|
|
||||||
datasets: [{
|
|
||||||
data: [user.unclaimed, user.Loan_overdue, user.kyc_status, user.si_status],
|
|
||||||
backgroundColor: ["#36A2EB", "#FF6384", "#4BC0C0", "#FFCE56"],
|
|
||||||
hoverOffset: 8
|
|
||||||
}]
|
|
||||||
},
|
|
||||||
options: {
|
|
||||||
responsive: true,
|
|
||||||
cutout: '70%', // Inner empty circle
|
|
||||||
plugins: {
|
|
||||||
legend: {
|
|
||||||
display: true,
|
|
||||||
position: 'right'
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// Bar chart
|
|
||||||
let barCtx = barCanvas.getContext("2d");
|
|
||||||
if (!barCtx) {
|
|
||||||
console.error(`Failed to get 2D context for canvas '${barCanvas.id}'`);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
new Chart(barCtx, {
|
|
||||||
type: 'bar',
|
|
||||||
data: {
|
|
||||||
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"]
|
|
||||||
}]
|
|
||||||
},
|
|
||||||
options: {
|
|
||||||
responsive: true,
|
|
||||||
plugins: {
|
|
||||||
legend: {
|
|
||||||
display: true,
|
|
||||||
position: 'top'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
scales: {
|
|
||||||
y: {
|
|
||||||
beginAtZero: true
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}, 100);
|
|
||||||
}
|
|
||||||
</script>
|
</script>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<button type="submit">Assign</button>
|
||||||
|
</form>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
package com.example;
|
||||||
|
|
||||||
|
import java.io.IOException;
|
||||||
|
import java.io.PrintWriter;
|
||||||
|
import java.sql.Connection;
|
||||||
|
import java.sql.DriverManager;
|
||||||
|
import java.sql.PreparedStatement;
|
||||||
|
import java.sql.ResultSet;
|
||||||
|
import java.util.ArrayList;
|
||||||
|
import java.util.List;
|
||||||
|
import javax.servlet.ServletException;
|
||||||
|
import javax.servlet.annotation.WebServlet;
|
||||||
|
import javax.servlet.http.HttpServlet;
|
||||||
|
import javax.servlet.http.HttpServletRequest;
|
||||||
|
import javax.servlet.http.HttpServletResponse;
|
||||||
|
import com.google.gson.Gson;
|
||||||
|
|
||||||
|
// Screen class to represent a screen object
|
||||||
|
class Screen {
|
||||||
|
private String id;
|
||||||
|
private String name;
|
||||||
|
|
||||||
|
public Screen(String id, String name) {
|
||||||
|
this.id = id;
|
||||||
|
this.name = name;
|
||||||
|
}
|
||||||
|
|
||||||
|
public String getId() {
|
||||||
|
return id;
|
||||||
|
}
|
||||||
|
|
||||||
|
public String getName() {
|
||||||
|
return name;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@WebServlet("/getScreens")
|
||||||
|
public class GetScreensServlet extends HttpServlet {
|
||||||
|
private static final String DB_URL = "jdbc:oracle:thin:@localhost:1521:xe";
|
||||||
|
private static final String DB_USER = "your_db_user";
|
||||||
|
private static final String DB_PASSWORD = "your_db_password";
|
||||||
|
|
||||||
|
@Override
|
||||||
|
protected void doGet(HttpServletRequest request, HttpServletResponse response)
|
||||||
|
throws ServletException, IOException {
|
||||||
|
response.setContentType("application/json");
|
||||||
|
response.setCharacterEncoding("UTF-8");
|
||||||
|
|
||||||
|
List<Screen> screens = new ArrayList<>();
|
||||||
|
|
||||||
|
try (Connection conn = DriverManager.getConnection(DB_URL, DB_USER, DB_PASSWORD)) {
|
||||||
|
String sql = "SELECT SCREEN_ID, SCREEN_NAME FROM SCREENS";
|
||||||
|
PreparedStatement pstmt = conn.prepareStatement(sql);
|
||||||
|
ResultSet rs = pstmt.executeQuery();
|
||||||
|
|
||||||
|
while (rs.next()) {
|
||||||
|
String id = rs.getString("SCREEN_ID");
|
||||||
|
String name = rs.getString("SCREEN_NAME");
|
||||||
|
screens.add(new Screen(id, name));
|
||||||
|
}
|
||||||
|
} catch (Exception e) {
|
||||||
|
e.printStackTrace();
|
||||||
|
}
|
||||||
|
|
||||||
|
// Convert the list of screens to JSON
|
||||||
|
Gson gson = new Gson();
|
||||||
|
String json = gson.toJson(screens);
|
||||||
|
|
||||||
|
// Write the JSON response
|
||||||
|
PrintWriter out = response.getWriter();
|
||||||
|
out.print(json);
|
||||||
|
out.flush();
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
x
Reference in New Issue
Block a user