a

Added projects in dashboard
a
2025-11-24 16:53:28 +05:30 · 2025-11-24 16:47:53 +05:30 · 2025-11-24 16:41:45 +05:30 · 2025-11-24 13:47:32 +05:30 · 2025-11-24 13:43:23 +05:30
16 changed files with 622 additions and 259 deletions
--- a/.gitignore
+++ b/.gitignore
@ -1,3 +1,4 @@
 node_modules
 logs
 .env
+public/builds
--- a/public/css/dashboard.css
+++ b/public/css/dashboard.css
@ -871,7 +871,6 @@ tr[data-vaid]:hover {

 .project-name {
    font-weight: 600;
-    color: #1f2937;
    font-size: 0.9rem;
 }

@ -963,7 +962,6 @@ tr[data-vaid]:hover {
    }
 }

-/* Modal Styles */
 .modal-overlay {
    display: none;
    position: fixed;
@ -973,125 +971,332 @@ tr[data-vaid]:hover {
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
-    justify-content: center;
-    align-items: center;
+    backdrop-filter: blur(5px);
 }

 .modal-content {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
    background: white;
-    border-radius: 8px;
-    padding: 20px;
-    max-width: 500px;
+    border-radius: 12px;
+    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    width: 90%;
+    max-width: 800px;
    max-height: 80vh;
-    overflow-y: auto;
-    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
 }

 .modal-header {
+    padding: 20px 24px;
+    border-bottom: 1px solid #e5e7eb;
+    background: #f8fafc;
    display: flex;
    justify-content: between;
    align-items: center;
-    margin-bottom: 15px;
-    border-bottom: 1px solid #e5e7eb;
-    padding-bottom: 10px;
 }

 .modal-title {
-    font-size: 1.25rem;
+    font-size: 1.5rem;
    font-weight: 600;
+    color: #1f2937;
    margin: 0;
 }

-.close-modal {
+.modal-close {
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    color: #6b7280;
+    padding: 4px;
+    border-radius: 4px;
+    transition: all 0.2s;
 }

-.close-modal:hover {
+.modal-close:hover {
    color: #374151;
+    background: #e5e7eb;
 }

-.va-list {
+.modal-body {
+    padding: 24px;
+    overflow-y: auto;
+    flex-grow: 1;
+}
+
+.project-info-section {
+    margin-bottom: 24px;
+    padding: 16px;
+    background: #f8fafc;
+    border-radius: 8px;
+    border-left: 4px solid #3b82f6;
+}
+
+.project-info-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+    gap: 16px;
+    margin-bottom: 16px;
+}
+
+.project-info-item {
    display: flex;
    flex-direction: column;
-    gap: 10px;
 }

-.va-item {
+.project-info-label {
+    font-size: 0.875rem;
+    color: #6b7280;
+    margin-bottom: 4px;
+}
+
+.project-info-value {
+    font-size: 1rem;
+    font-weight: 500;
+    color: #1f2937;
+}
+
+.va-section-title {
+    font-size: 1.25rem;
+    font-weight: 600;
+    color: #1f2937;
+    margin-bottom: 16px;
    display: flex;
-    justify-content: space-between;
    align-items: center;
-    padding: 10px;
-    border: 1px solid #e5e7eb;
-    border-radius: 6px;
+    gap: 8px;
+}
+
+.va-count-badge {
+    background: #3b82f6;
+    color: white;
+    padding: 2px 8px;
+    border-radius: 12px;
+    font-size: 0.75rem;
+    font-weight: 500;
+}
+
+.va-table {
+    width: 100%;
+    border-collapse: collapse;
+    background: white;
+    border-radius: 8px;
+    overflow: hidden;
+    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+
+.va-table th {
+    background: #f8fafc;
+    padding: 12px 16px;
+    text-align: left;
+    font-weight: 600;
+    color: #374151;
+    border-bottom: 1px solid #e5e7eb;
+    font-size: 0.875rem;
+}
+
+.va-table td {
+    padding: 16px;
+    border-bottom: 1px solid #f3f4f6;
+}
+
+.va-table tr:last-child td {
+    border-bottom: none;
+}
+
+.va-table tr:hover {
    background: #f9fafb;
 }

-.va-info-modal {
+.va-name {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+}
+
+.va-avatar {
+    width: 40px;
+    height: 40px;
+    border-radius: 50%;
+    background: #3b82f6;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: white;
+    font-weight: 600;
+    font-size: 0.875rem;
+    text-transform: uppercase;
+}
+
+.va-details {
    display: flex;
    flex-direction: column;
 }

-.va-name-modal {
-    font-weight: 600;
-    color: #374151;
+.va-fullname {
+    font-weight: 500;
+    color: #1f2937;
+    text-transform: capitalize;
 }

-.va-email-modal {
+.va-email {
    font-size: 0.875rem;
    color: #6b7280;
 }

-.va-status {
-    padding: 4px 8px;
-    border-radius: 12px;
-    font-size: 0.75rem;
-    font-weight: 600;
+.status-badge {
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    padding: 6px 12px;
+    border-radius: 20px;
+    font-size: 0.875rem;
+    font-weight: 500;
 }

-.status-active {
+.status-badge.active {
    background: #dcfce7;
    color: #166534;
 }

-.status-inactive {
+.status-badge.inactive {
    background: #f3f4f6;
    color: #6b7280;
 }

-/* Project row hover effect */
-.project-row {
-    cursor: pointer;
-    transition: background-color 0.2s ease;
+.status-dot {
+    width: 8px;
+    height: 8px;
+    border-radius: 50%;
 }

-.project-row:hover {
-    background-color: #f8fafc;
+.status-dot.active {
+    background: #16a34a;
 }

-/* Logout button styles */
-.logout-button {
-    background: none;
-    border: none;
-    color: #ef4444;
-    cursor: pointer;
-    padding: 10px;
-    border-radius: 6px;
-    transition: background-color 0.2s ease;
-    text-align: left;
-    width: 100%;
+.status-dot.inactive {
+    background: #9ca3af;
 }

-.logout-button:hover {
-    background-color: #fef2f2;
+.activity-status {
+    display: flex;
+    align-items: center;
+    gap: 8px;
 }

-.logout-container {
-    margin-top: auto;
-    padding: 20px;
-    border-top: 1px solid #e5e7eb;
+.activity-dot {
+    width: 8px;
+    height: 8px;
+    border-radius: 50%;
+    animation: pulse 2s infinite;
+}
+
+.activity-dot.active {
+    background: #16a34a;
+}
+
+.activity-dot.inactive {
+    background: #9ca3af;
+}
+
+@keyframes pulse {
+    0% { opacity: 1; }
+    50% { opacity: 0.5; }
+    100% { opacity: 1; }
+}
+
+.no-vas-message {
+    text-align: center;
+    padding: 40px 20px;
+    color: #6b7280;
+}
+
+.no-vas-message i {
+    font-size: 3rem;
+    margin-bottom: 16px;
+    color: #d1d5db;
+}
+
+/* Responsive Design */
+@media (max-width: 768px) {
+    .modal-content {
+        width: 95%;
+        max-height: 90vh;
+    }
+
+    .modal-body {
+        padding: 16px;
+    }
+
+    .project-info-grid {
+        grid-template-columns: 1fr;
+    }
+
+    .va-table {
+        font-size: 0.875rem;
+    }
+
+    .va-table th,
+    .va-table td {
+        padding: 12px 8px;
+    }
+}
+
+/* Dark theme support */
+[data-theme="dark"] .modal-content {
+    background: #1f2937;
+    color: #f9fafb;
+}
+
+[data-theme="dark"] .modal-header {
+    background: #374151;
+    border-bottom-color: #4b5563;
+}
+
+[data-theme="dark"] .modal-title {
+    color: #f9fafb;
+}
+
+[data-theme="dark"] .project-info-section {
+    background: #374151;
+    border-left-color: #60a5fa;
+}
+
+[data-theme="dark"] .project-info-value {
+    color: #f9fafb;
+}
+
+[data-theme="dark"] .va-section-title {
+    color: #f9fafb;
+}
+
+[data-theme="dark"] .va-table {
+    background: #374151;
+}
+
+[data-theme="dark"] .va-table th {
+    background: #4b5563;
+    color: #f9fafb;
+    border-bottom-color: #6b7280;
+}
+
+[data-theme="dark"] .va-table td {
+    border-bottom-color: #4b5563;
+    color: #f9fafb;
+}
+
+[data-theme="dark"] .va-table tr:hover {
+    background: #4b5563;
+}
+
+[data-theme="dark"] .va-fullname {
+    color: #f9fafb;
+}
+
+[data-theme="dark"] .status-badge.inactive {
+    background: #4b5563;
+    color: #d1d5db;
 }
--- a/public/js/va-register.js
+++ b/public/js/va-register.js
@ -347,6 +347,14 @@
                const password = document.getElementById('password').value;
                const confirmPassword = document.getElementById('confirmPassword').value;

+                if(!email && !password) {
+                    showError('', 'email', step);
+                    showError('', 'password', step);
+                    showError('Please enter a valid email address and password', 'confirmPassword', step);
+                    isValid = false;
+                    return isValid;
+                }
+                
                // Email validation
                if (!validateEmail(email)) {
                    showError('Please enter a valid email address', 'email', step);
--- a/src/controllers/client/dashboard/clientDashboardProjects.controller.js
+++ b/src/controllers/client/dashboard/clientDashboardProjects.controller.js
@ -15,7 +15,7 @@ function formatHoursToReadable(hours) {
    }
 }

-// Getting client dashboard data - all VAs and projects
+// Getting client dashboard data - projects with assigned VA details
 async function client_dashboard_projects(req, res) {
    try {
        const accessToken = req.headers.token;        
@ -31,71 +31,137 @@ async function client_dashboard_projects(req, res) {
        }

        const clientEmail = decoded.email;
+        
+        // STEP 1: Get client ID from token
        const clientUser = await ClientModel.findOne({ "userDetails.email": clientEmail });
        if (!clientUser) {
            return res.status(404).json({ success: false, message: "Client not found" });
        }

-        // Get all VA IDs and Project IDs assigned to this client
-        const clientVaIds = clientUser.vaIds || [];
-        const clientProjectIds = clientUser.projectIds || [];
+        const clientId = clientUser._id;

-        // Get all VAs assigned to this client (with required fields only)
-        const allAssignedVAs = await VAModel.find({ 
-            _id: { $in: clientVaIds }
-        })
-            .select('userDetails.firstName userDetails.lastName userDetails.email')
-            .lean()
-            .exec();
-
-        // Get All Projects of client with required fields
+        // STEP 2: Find all projects of this client
        const clientProjects = await ProjectModel.find({ 
-            _id: { $in: clientProjectIds }
+            clientId: clientId 
        })
            .select('name hourlyRate vaAssigned dedicatedHours status')
            .lean()
            .exec();

-        allAssignedVAs.forEach(async (va) => {
-            const vaLogs = await LoggedModel.find({
-                vaId: va._id,
-                vaEmail: va.email
-            })
-        })
+        // Get all VA IDs from all projects for activity check
+        const allProjectVaIds = [];
+        clientProjects.forEach(project => {
+            if (project.vaAssigned && project.vaAssigned.length > 0) {
+                allProjectVaIds.push(...project.vaAssigned);
+            }
+        });

-        // Format VAs with only required fields
-        const vasFormatted = allAssignedVAs.map((va) => ({
+        // STEP 3: Get all VAs assigned to these projects
+        const allAssignedVAs = await VAModel.find({ 
+            _id: { $in: allProjectVaIds } 
+        })
+            .select('userDetails.firstName userDetails.lastName userDetails.email status')
+            .lean()
+            .exec();
+
+        // Create a map for quick VA lookup
+        const vaMap = allAssignedVAs.reduce((acc, va) => {
+            acc[va._id.toString()] = va;
+            return acc;
+        }, {});
+
+        // STEP 4: Check VA activity per project
+        const currentTime = new Date();
+        
+        // Format projects with assigned VA details
+        const projectsFormatted = await Promise.all(clientProjects.map(async (project) => {
+            const assignedVAIds = project.vaAssigned || [];
+            
+            // Get VA details and check activity for each assigned VA
+            const assignedVADetails = await Promise.all(assignedVAIds.map(async (vaId) => {
+                const va = vaMap[vaId.toString()];
+                if (!va) return null;
+
+                // Check if this VA is currently active on THIS specific project
+                const latestLog = await LoggedModel.findOne({
+                    vaId: vaId,
+                    projectId: project._id,
+                    loggedType: "LOGIN"
+                }).sort({ time: -1 }).lean();
+
+                let isActive = false;
+                if (latestLog) {
+                    const loginTime = new Date(latestLog.time);
+                    const hoursSinceLastActivity = (currentTime - loginTime) / (1000 * 60 * 60);
+                    if (hoursSinceLastActivity <= 24) {
+                        isActive = true;
+                    }
+                }
+
+                return {
                    id: va._id,
                    firstName: va.userDetails?.firstName || '',
                    lastName: va.userDetails?.lastName || '',
                    email: va.userDetails?.email || '',
-            status: va.status || ''
+                    status: va.status || '',
+                    isActive: isActive
+                };
            }));

-        // Format projects with only required fields
-        const projectsFormatted = clientProjects.map((project) => ({
+            // Filter out null entries and count active VAs
+            const validVADetails = assignedVADetails.filter(Boolean);
+            const activeVAsCount = validVADetails.filter(va => va.isActive).length;
+
+            return {
                id: project._id,
                name: project.name,
                hourlyRate: project.hourlyRate,
-            vaAssigned: project.vaAssigned.length || 0,
-            dedicatedHours: formatHoursToReadable(project.dedicatedHours) || 0,
-            status: project.status || ''
+                vaAssigned: validVADetails.length,
+                activeVAs: activeVAsCount,
+                dedicatedHours: formatHoursToReadable(project.dedicatedHours) || "0h",
+                status: project.status || '',
+                assignedVADetails: validVADetails
+            };
        }));

+        // Calculate summary counts
+        const totalProjects = projectsFormatted.length;
+        
+        // Count total unique VAs across all projects
+        const allVAsAcrossProjects = new Set();
+        projectsFormatted.forEach(project => {
+            project.assignedVADetails.forEach(va => {
+                allVAsAcrossProjects.add(va.id);
+            });
+        });
+        
+        // Count total active VAs (across all projects)
+        const totalActiveVAs = new Set();
+        projectsFormatted.forEach(project => {
+            project.assignedVADetails.forEach(va => {
+                if (va.isActive) {
+                    totalActiveVAs.add(va.id);
+                }
+            });
+        });
+
+        const projectsWithActiveVAs = projectsFormatted.filter(project => project.activeVAs > 0).length;
+
        return res.status(200).json({ 
            success: true, 
            data: {
-                vas: vasFormatted,
                projects: projectsFormatted
            },
            counts: {
-                totalVAs: vasFormatted.length,
-                totalProjects: projectsFormatted.length
+                totalProjects: totalProjects,
+                totalVAs: allVAsAcrossProjects.size,
+                activeVAs: totalActiveVAs.size,
+                projectsWithActiveVAs: projectsWithActiveVAs
            }
        });

    } catch (error) {
-        console.error("Client dashboard error:", error);
+        console.error("Client dashboard projects error:", error);
        return res.status(500).json({ 
            success: false, 
            message: "Internal Server Error",
--- a/src/controllers/passwordReset.controllers.js
+++ b/src/controllers/passwordReset.controllers.js
@ -1,17 +1,17 @@
 import PasswordResetRepository from "../repository/passwordReset.repository.js";
 import PasswordResetService from "../services/passwordReset.service.js";
-import EmailService from "../services/email.service.js";
+// import EmailService from "../services/email.service.js";
 import logger from "../config/logger.js";

 const passwordResetService = new PasswordResetService(
    new PasswordResetRepository(),
-    new EmailService({
-        host: process.env.SMTP_HOST,
-        port: process.env.SMTP_PORT,
-        user: process.env.SMTP_USER,
-        pass: process.env.SMTP_PASS,
-        from: process.env.EMAIL_FROM,
-    })
+    // new EmailService({
+    //     host: process.env.SMTP_HOST,
+    //     port: process.env.SMTP_PORT,
+    //     user: process.env.SMTP_USER,
+    //     pass: process.env.SMTP_PASS,
+    //     from: process.env.EMAIL_FROM,
+    // })
 );

 // VA: Request password reset
--- a/src/controllers/va/vaProjects/vaProjectLog.controller.js
+++ b/src/controllers/va/vaProjects/vaProjectLog.controller.js
@ -189,47 +189,47 @@ async function va_project_log_callback(req, res) {

        const createdLog = await LoggedModel.create({ loggedType: type, vaId, vaEmail, projectId })
 // console.log(createdLog)
-        // try {
-        //     const salesforceUrl = `${process.env.SF_DOCTRACKER_API_URL}services/apexrest/docva/api/va-project-log`;
-        //     const sfData = {
-        //             "_id": createdLog._id,
-        //             "loggedType": type,
-        //             "vaId":  vaId,
-        //             "vaEmail": vaEmail,
-        //             "projectId": projectId,
-        //             "time":  createdLog.time,
-        //         }
+        try {
+            const salesforceUrl = `${process.env.SF_DOCTRACKER_API_URL}services/apexrest/docva/api/va-project-log`;
+            const sfData = {
+                    "_id": createdLog._id,
+                    "loggedType": type,
+                    "vaId":  vaId,
+                    "vaEmail": vaEmail,
+                    "projectId": projectId,
+                    "time":  createdLog.time,
+                }

-        //     const response = await fetch(salesforceUrl, {
-        //         method: 'POST',
-        //         headers: {
-        //             'Content-Type': 'application/json',
-        //             // Add any required headers for Salesforce authentication
-        //             // 'Authorization': 'Bearer ' + process.env.SF_ACCESS_TOKEN
-        //         },
-        //         body: JSON.stringify(sfData)
-        //     });
+            const response = await fetch(salesforceUrl, {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                    // Add any required headers for Salesforce authentication
+                    // 'Authorization': 'Bearer ' + process.env.SF_ACCESS_TOKEN
+                },
+                body: JSON.stringify(sfData)
+            });
            
-        //     if (!response.ok) {
-        //         const errorText = await response.text();
-        //         throw new Error(`Salesforce API responded with status ${response.status}: ${errorText}`);
-        //     }
+            if (!response.ok) {
+                const errorText = await response.text();
+                throw new Error(`Salesforce API responded with status ${response.status}: ${errorText}`);
+            }

-        //     const result = await response.json();
-        //     // console.log("✅ Successfully synced VA data to Salesforce:", result);
+            const result = await response.json();
+            // console.log("✅ Successfully synced VA data to Salesforce:", result);
            
-        //     res.status(201).json({ success: true, message: `${type} Successfully`, logId: createdLog._id, SyncSalesforce: result });
-        // } catch (error) {
-        //     console.error("Failed to sync with Salesforce:", error.message);
-        //     console.log(error)
+            res.status(201).json({ success: true, message: `${type} Successfully`, logId: createdLog._id, SyncSalesforce: result });
+        } catch (error) {
+            console.error("Failed to sync with Salesforce:", error.message);
+            console.log(error)
            
-        //     // Create a custom error to distinguish Salesforce errors
-        //     const salesforceError = new Error(`Salesforce sync failed: ${error.message}`);
-        //     salesforceError.isSalesforceError = true;
-        //     throw salesforceError;
-        // }
+            // Create a custom error to distinguish Salesforce errors
+            const salesforceError = new Error(`Salesforce sync failed: ${error.message}`);
+            salesforceError.isSalesforceError = true;
+            throw salesforceError;
+        }

-        return res.status(201).send({ success: true, message: `${type} Successfully`, logId: createdLog._id });
+        // return res.status(201).send({ success: true, message: `${type} Successfully`, logId: createdLog._id });

    } catch (error) {
        return res.status(500).send("Internal Server Error");
--- a/src/server.js
+++ b/src/server.js
@ -26,19 +26,6 @@ const app = express();
 const server = new createServer(app);
 const io = new Server(server);

-app.on('certificate-error', (event, webContents, url, error, certificate, callback) => {
-	console.log("⚠️ Certificate error:", url);
-
-	// Allow for ngrok only
-	if (url.includes("ngrok")) {
-		event.preventDefault();
-		callback(true);   // approve the certificate
-	} else {
-		callback(false);  // reject others
-	}
-});
-
-
 app.on('certificate-error', (event, webContents, url, error, certificate, callback) => {
 	console.log("⚠️ Certificate error:", url);

@ -90,10 +77,11 @@ app.get('/varegister/:sf_token?', (req, res) => {
 	const { sf_token } = req.params;

 	try {
-		const decoded = jwt.verify(sf_token, process.env.JWT_SECRET_SF_TOKEN);
+		// const decoded = jwt.verify(sf_token, process.env.JWT_SECRET_SF_TOKEN);

 		if (decoded) {
-			res.render('va_register', { title: "VA Registration" });
+			const email = decoded.email;
+			res.render('va_register', { title: "VA Registration", email });
 		} else {
 			res.render('not_found', { title: "VA Registration" });
 		}
@ -114,7 +102,8 @@ app.get('/clientregister/:sf_token?', (req, res) => {
 		const decoded = jwt.verify(sf_token, process.env.JWT_SECRET_SF_TOKEN);

 		if (decoded) {
-			res.render('va_client_register', { title: "Client Registration" });
+			const email = decoded.email;
+			res.render('va_client_register', { title: "Client Registration", email });
 		} else {
 			res.render('not_found', { title: "Client Registration" });
 		}
--- a/src/services/passwordReset.service.js
+++ b/src/services/passwordReset.service.js
@ -2,11 +2,12 @@ import jwt from "jsonwebtoken";
 import bcrypt from "bcrypt";
 import { VAModel, ClientModel } from "../models/vaModel.js";
 import logger from "../config/logger.js";
+import axios from "axios";

 class PasswordResetService {
-  constructor(passwordResetRepository, emailService) {
+  constructor(passwordResetRepository) {
    this.passwordResetRepository = passwordResetRepository;
-    this.emailService = emailService;
+    // this.emailService = emailService;
  }

  async requestPasswordReset(email, userType) {
@ -150,7 +151,7 @@ class PasswordResetService {
      await resetRecord.save();

      // Send confirmation email
-      await this.sendPasswordChangedEmail(decoded.email, userType);
+      // await this.sendPasswordChangedEmail(decoded.email, userType);

      logger.info(`Password successfully reset for ${userType}: ${decoded.email}`);
      return {
@ -166,16 +167,15 @@ class PasswordResetService {

  async sendResetEmail(email, resetLink, userType) {
    try {
-      const userTypeText = userType === 'va' ? 'Virtual Assistant' : 'Client';
+      const userTypeText = userType === 'va' ? 'VA' : 'CLIENT';

-      const emailData = {
-        to: email,
-        subject: `${userTypeText} - Password Reset Request`,
-        html: this.generateResetEmailTemplate(resetLink, userTypeText),
-      };
-
-      await this.emailService.sendEmail(emailData);
-      logger.info(`Password reset email sent to ${userType}: ${email}`);
+      await axios.post(`${process.env.SF_DOCTRACKER_API_URL}services/apexrest/docva/api/forgot-password`, {
+        data: {
+          email: email,
+          url: resetLink,
+          userType: userTypeText
+        }
+      });

    } catch (error) {
      logger.error(`PasswordReset Service - sendResetEmail error for ${userType}: ${error.message}`);
--- a/views/client/dashboard-dashboard.ejs
+++ b/views/client/dashboard-dashboard.ejs
@ -272,7 +272,6 @@
            <tr>
                <td>
                    <div class="status-indicator">
-                        <div class="status-dot ${statusClass}"></div>
                        <span class="status-text ${statusClass}">${statusText}</span>
                    </div>
                </td>
@ -329,14 +328,14 @@
                    vaEmptyState.style.display = 'none';
                    
                    // Add event listeners to view links
-                    document.querySelectorAll('.view-link').forEach(link => {
-                        link.addEventListener('click', function(e) {
-                            e.preventDefault();
-                            const vaId = this.getAttribute('data-va-id');
-                            // You can update this link as needed
-                            window.location.href = `/client/virtual-assistants/${vaId}`;
-                        });
-                    });
+                    // document.querySelectorAll('.view-link').forEach(link => {
+                    //     link.addEventListener('click', function(e) {
+                    //         e.preventDefault();
+                    //         const vaId = this.getAttribute('data-va-id');
+                    //         // You can update this link as needed
+                    //         window.location.href = `/client/virtual-assistants/${vaId}`;
+                    //     });
+                    // });
                } else {
                    vaTableBody.innerHTML = '';
                    vaTableBody.style.display = 'none';
--- a/views/client/dashboard-projects.ejs
+++ b/views/client/dashboard-projects.ejs
@ -132,10 +132,45 @@
                            </div>
                        </div>
                    </div>
-                    
                </div>
            </main>
        </div>
+        <div id="projectModal" class="modal-overlay">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h2 class="modal-title" id="modalProjectName">Project Details</h2>
+                </div>
+                <div class="modal-body">                    
+                    <div class="va-details-section">
+                        <h3 class="va-section-title">
+                            <i class="fas fa-users"></i>
+                            Virtual Assistants
+                            <span class="va-count-badge" id="vaCountBadge">0</span>
+                        </h3>
+                        
+                        <div class="va-table-container">
+                            <table class="va-table">
+                                <thead>
+                                    <tr>
+                                        <th>Virtual Assistant</th>
+                                        <th>Status</th>
+                                        <th>Activity</th>
+                                    </tr>
+                                </thead>
+                                <tbody id="modalVATableBody">
+                                    <!-- VA details will be loaded here -->
+                                </tbody>
+                            </table>
+                            <div id="modalNoVAs" class="no-vas-message" style="display: none;">
+                                <i class="fas fa-user-friends"></i>
+                                <h4>No Virtual Assistants</h4>
+                                <p>No VAs are currently assigned to this project.</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
    </div>
 <script>
    // Theme management
@ -202,16 +237,107 @@
        }
    }

-   function createProjectTableRow(project, allVAs) {
+   // Modal management
+    const projectModal = document.getElementById('projectModal');
+    const modalClose = document.getElementById('modalClose');
+    const modalProjectName = document.getElementById('modalProjectName');
+    const modalVATableBody = document.getElementById('modalVATableBody');
+    const modalNoVAs = document.getElementById('modalNoVAs');
+    const vaCountBadge = document.getElementById('vaCountBadge');
+
+    function openProjectModal(project) {
+        // Set project name
+        modalProjectName.textContent = project.name || 'Unnamed Project';
+        
+        // Set project info
+        const hourlyRate = project.hourlyRate ? `$${project.hourlyRate}/hr` : 'Not set';
+        const dedicatedHours = project.dedicatedHours || 'Not set';
+        const statusText = project.status === 'ACTIVE' ? 'Active' : 'Inactive';
+        const statusClass = project.status === 'ACTIVE' ? 'active' : 'inactive';
+        
+        // Set VA details
+        const assignedVAs = project.assignedVADetails || [];
+        vaCountBadge.textContent = assignedVAs.length;
+        
+        if (assignedVAs.length > 0) {
+            modalVATableBody.innerHTML = assignedVAs.map(va => createVATableRow(va)).join('');
+            modalVATableBody.style.display = '';
+            modalNoVAs.style.display = 'none';
+        } else {
+            modalVATableBody.innerHTML = '';
+            modalVATableBody.style.display = 'none';
+            modalNoVAs.style.display = 'block';
+        }
+        
+        // Show modal
+        projectModal.style.display = 'block';
+        document.body.style.overflow = 'hidden';
+    }
+
+    function createVATableRow(va) {
+        const statusClass = va.status === 'FULLTIME' ? 'active' : 'inactive';
+        const statusText = va.status === 'FULLTIME' ? 'Full Time' : 
+                            va.status === 'PARTTIME' ? 'Part Time' : 'Inactive';
+        
+        const activityClass = va.isActive ? 'active' : 'inactive';
+        const activityText = va.isActive ? 'Currently Active' : 'Not Active';
+        
+        // Get initials for avatar
+        const initials = (va.firstName?.charAt(0) || '') + (va.lastName?.charAt(0) || '') || 'VA';
+        
+        return `
+            <tr>
+                <td>
+                    <div class="va-name">
+                        <div class="va-avatar">${initials}</div>
+                        <div class="va-details">
+                            <span class="va-fullname">${va.firstName} ${va.lastName}</span>
+                            <span class="va-email">${va.email}</span>
+                        </div>
+                    </div>
+                </td>
+                <td>
+                    <div class=" ${statusClass}">
+                        ${statusText}
+                    </div>
+                </td>
+                <td>
+                    <div class="activity-status">
+                        <div class="activity-dot ${activityClass}"></div>
+                        <span>${activityText}</span>
+                    </div>
+                </td>
+            </tr>
+        `;
+    }
+
+    function closeProjectModal() {
+        projectModal.style.display = 'none';
+        document.body.style.overflow = 'auto';
+    }
+
+    // Close modal when clicking outside
+    projectModal.addEventListener('click', (e) => {
+        if (e.target === projectModal) {
+            closeProjectModal();
+        }
+    });
+
+    // Close modal with escape key
+    document.addEventListener('keydown', (e) => {
+        if (e.key === 'Escape' && projectModal.style.display === 'block') {
+            closeProjectModal();
+        }
+    });
+
+    function createProjectTableRow(project) {
        const statusClass = project.status === 'ACTIVE' ? 'active' : 'inactive';
        const statusText = project.status === 'ACTIVE' ? 'Active' : 'Inactive';
        const hourlyRate = project.hourlyRate ? `$${project.hourlyRate}/hr` : '-';
        const dedicatedHours = project.dedicatedHours ? `${project.dedicatedHours}` : '-';
-        console.log(project)
-        console.log(allVAs)
        
        return `
-            <tr class="project-row" data-project-id="${project.id}" data-project-name="${project.name}">
+            <tr class="project-row" data-project-id="${project.id}">
                <td>
                    <div class="project-info">
                        <div class="project-name">${project.name || 'Unnamed Project'}</div>
@ -227,41 +353,15 @@
                    <span class="dedicated-hours">${dedicatedHours}</span>
                </td>
                <td>
-                    <div class="">
+                    <div class="status-badge ${statusClass}">
                        <div class="status-dot ${statusClass}"></div>
-                        <span class="status-text ${statusClass}">${statusText}</span>
+                        <span class="status-text">${statusText}</span>
                    </div>
                </td>
            </tr>
        `;
    }
        
-    // Create VA table row HTML
-    // function createVATableRow(va) {
-    //     const statusClass = va.status === 'active' ? 'active' : 'inactive';
-    //     const statusText = va.status === 'active' ? 'Active' : 'Inactive';
-    //     const fullName = `${va.firstName || ''} ${va.lastName || ''}`.trim() || 'Unknown';
-        
-    //     return `
-    //         <tr>
-    //             <td>
-    //                 <div class="va-info">
-    //                     <div class="va-name">${fullName}</div>
-    //                 </div>
-    //             </td>
-    //             <td>
-    //                 <span class="va-email">${va.email || 'N/A'}</span>
-    //             </td>
-    //             <td>
-    //                 <div class="status-indicator">
-    //                     <div class="status-dot ${statusClass}"></div>
-    //                     <span class="status-text ${statusClass}">${statusText}</span>
-    //                 </div>
-    //             </td>
-    //         </tr>
-    //     `;
-    // }
-    
    // Load dashboard data
    async function loadDashboardData() {
        try {
@ -269,7 +369,6 @@
            if (!response) return;
            
            const result = await response.json();
-            
            if (result.success) {
                const data = result.data;
                const counts = result.counts;
@ -281,20 +380,17 @@
                const projectsTableBody = document.getElementById('projectsTableBody');
                const projectsEmptyState = document.getElementById('projectsEmptyState');
                const projects = data.projects || [];
-                const vas = data.vas || [];
                
                if (projects.length > 0) {
-                    projectsTableBody.innerHTML = projects.map(project => createProjectTableRow(project, vas)).join('');
+                    projectsTableBody.innerHTML = projects.map(project => createProjectTableRow(project)).join('');
                    projectsTableBody.style.display = '';
                    projectsEmptyState.style.display = 'none';
                    
                    // Add click event listeners to project rows
-                    document.querySelectorAll('.project-row').forEach(row => {
+                    document.querySelectorAll('.project-row').forEach((row, index) => {
                        row.addEventListener('click', function() {
-                            const projectId = this.getAttribute('data-project-id');
-                            const projectName = this.getAttribute('data-project-name');
-                            console.log(projectName)
-                            
+                            const project = projects[index];
+                            openProjectModal(project);                            
                        });
                    });
                } else {
--- a/views/client/dashboard-virtual-assistants.ejs
+++ b/views/client/dashboard-virtual-assistants.ejs
@ -272,7 +272,6 @@
            <tr>
                <td>
                    <div class="status-indicator">
-                        <div class="status-dot ${statusClass}"></div>
                        <span class="status-text ${statusClass}">${statusText}</span>
                    </div>
                </td>
@ -327,16 +326,6 @@
                    vaTableBody.innerHTML = allVAs.map(va => createVATableRow(va)).join('');
                    vaTableBody.style.display = '';
                    vaEmptyState.style.display = 'none';
-                    
-                    // Add event listeners to view links
-                    document.querySelectorAll('.view-link').forEach(link => {
-                        link.addEventListener('click', function(e) {
-                            e.preventDefault();
-                            const vaId = this.getAttribute('data-va-id');
-                            // You can update this link as needed
-                            window.location.href = `/client/virtual-assistants/${vaId}`;
-                        });
-                    });
                } else {
                    vaTableBody.innerHTML = '';
                    vaTableBody.style.display = 'none';
--- a/views/client_login.ejs
+++ b/views/client_login.ejs
@ -213,7 +213,7 @@
 <body>

    <div class="logo">
-        <img src="/public/images/logo-white-vertical.svg" alt="DocVA Logo" />
+        <img id="logo-img" src="/public/images/logo-white-vertical.svg" alt="DocVA Logo" />
    </div>

    <div class="login-card">
@ -224,7 +224,7 @@
            <input type="password" name="password" placeholder="Enter your password *" required />
            <a href="/client/forgot-password" class="forgot">Forgot password?</a>

-            <button type="submit" class="btn btn-primary">🔒 Log in using password</button>
+            <button type="submit" class="btn btn-primary">Log in using password</button>

            <!-- <div class="divider">OR</div>

@ -236,6 +236,10 @@
        const root = document.documentElement;

        function setTheme(theme) {
+            document.getElementById("logo-img").src =
+                theme === "dark"
+                    ? "/public/images/logo-white-vertical.svg"
+                    : "/public/images/logo-colored-vertical.svg";
            root.setAttribute("data-theme", theme);
        }

--- a/views/download_tracker.ejs
+++ b/views/download_tracker.ejs
@ -139,7 +139,7 @@
    <script>
        const osButtons = document.querySelectorAll(".os-btn");
        const downloadBtn = document.getElementById("downloadBtn");
-        const version = "<%= version || '3.2.1' %>";
+        const version = "<%= version || '1.1.1' %>";

        let selectedOS = "windows";

@ -171,7 +171,13 @@

        // -------- Download --------
        downloadBtn.addEventListener("click", () => {
-            window.location.href = `/download-file?os=${selectedOS}`;
+
+            const link = document.createElement("a");
+            link.href = `/public/builds/build-1.1.1.1/windows/VA Tracker-Setup-1.1.1.exe`;
+            link.setAttribute("download", "");
+            link.click()
+
+            // window.location.href = ``;
        });
    </script>

--- a/views/va_client_register.ejs
+++ b/views/va_client_register.ejs
@ -107,7 +107,7 @@
                        </div>
                        <div class="form-group">
                            <div class="input-container">
-                                <input type="email" id="email" class="input-field" placeholder=" " required>
+                                <input type="email" id="email" class="input-field" placeholder=" "  value="<%= email %>" readonly disabled required>
                                <label for="email" class="input-label">Email *</label>
                            </div>
                        </div>
--- a/views/va_register.ejs
+++ b/views/va_register.ejs
@ -174,7 +174,7 @@
                    <form id="account-form">
                        <div class="form-group">
                            <div class="input-container">
-                                <input type="email" id="email" class="input-field" placeholder=" " required autocomplete="username">
+                                <input type="email" id="email" class="input-field" placeholder=" "  value="<%= email %>" readonly disabled required>
                                <label for="email" class="input-label">Email Address *</label>
                            </div>
                        </div>
@ -184,10 +184,6 @@
                                <input type="password" id="password" class="input-field" placeholder=" " required autocomplete="new-password">
                                <label for="password" class="input-label">Create Password *</label>
                            </div>
-                            <div class="password-actions">
-                                <button type="button" class="password-toggle" onclick="togglePasswordVisibility()">Show Password</button>
-                                <button type="button" class="password-generate" onclick="generatePassword()">Generate Strong Password</button>
-                            </div>
                        </div>
                        
                        <div class="form-group">
@ -196,6 +192,10 @@
                                <label for="confirmPassword" class="input-label">Confirm Password *</label>
                            </div>
                            <div class="invalid-feedback" id="password-match-error" style="display: none; color: #dc3545; font-size: 12px; margin-top: 5px;">Passwords do not match</div>
+                            <div class="password-actions">
+                                <button type="button" class="password-toggle" onclick="togglePasswordVisibility()">Show Password</button>
+                                <button type="button" class="password-generate" onclick="generatePassword()">Generate Strong Password</button>
+                            </div>
                        </div>
                        
                        <div class="form-actions">
@ -263,7 +263,7 @@
                            <div class="form-group">
                                <div class="input-container">
                                    <select id="country" class="select-field" required onchange="handleChangeSelect(this)">
-                                        <option value=""></option>
+                                        <option value="" disabled selected></option>
                                    </select>
                                    <label for="country" class="input-label">Country *</label>
                                </div>
@ -273,7 +273,7 @@
                        <div class="form-group">
                            <div class="input-container">
                                <select id="state" class="select-field" required onchange="handleChangeSelect(this)">
-                                    <option value=""></option>
+                                    <!-- <option value=""></option> -->
                                </select>
                                <label for="state" class="input-label">State / Region *</label>
                                <div class="location-loading" id="state-loading">Loading states...</div>
Author	SHA1	Message	Date
Aakash Mittal	68d81f8e1c	a	2025-11-24 16:53:28 +05:30
Aakash Mittal	5f50082f87	Added projects in dashboard	2025-11-24 16:47:53 +05:30
=bhagwanSingh	599779ee8e	a	2025-11-24 16:41:45 +05:30
=bhagwanSingh	dcda1629ff	Merge branch 'merge2'	2025-11-24 13:47:32 +05:30
=bhagwanSingh	52e4eb8133	s	2025-11-24 13:43:23 +05:30